Olùṣàpẹẹrẹ Ọjọ́
Fi Olùṣàpẹẹrẹ Ọjọ́ sí Ojú Ẹ̀rọ Ayélujára Rẹ
Olùṣàpẹẹrẹ Ọjọ́ máa ń tẹ ìfihàn tuntun jáde lójoojúmọ́. Àdírẹ́sì àwòrán náà kò yí padà rárá, ṣùgbọ́n àwòrán tó wà lẹ́yìn rẹ̀ ló máa yí padà, nítorí náà o kàn fi kóòdù náà sí i lẹ́ẹ̀kan ṣoṣo, àwọn àlejò rẹ yóò sì máa rí ìfihàn oni fúnra rẹ̀.
Bí ó ṣe ń ṣiṣẹ́
Lójoojúmọ́, àwòrán tuntun ni a máa tẹ̀ jáde ní àdírẹ́sì kan náà. Ojú ewé rẹ máa gbé àdírẹ́sì yẹn, nítorí náà yóò máa fi ìfihàn tó ṣẹ̀ṣẹ̀ jáde hàn nígbà gbogbo, tí àlejò bá sì tẹ̀ ẹ́, yóò lọ sí Olùṣàpẹẹrẹ Ọjọ́ níbi tí ìtàn kíkún wà.
Ṣé o fẹ́ ṣe é pẹ̀lú ẹ̀rọ àmúlò? Fi àpótí kan àti ẹ̀rọ àmúlò kan kún un: ẹ̀rọ náà yóò ya àwọ̀ tí o bá yàn pẹ̀lú data-dotd-variant (image, cta tàbí card), ní èdè àdírẹ́sì ẹ̀rọ àmúlò náà tí èdè yẹn bá wà. Tí o kò bá lè lo ẹ̀rọ àmúlò, lo ẹ̀yà HTML ti àwọ̀ kan náà.
Ẹ̀yà A: àwòrán nìkan
Àwòrán oni, tí a so mọ́ Olùṣàpẹẹrẹ Ọjọ́. Àṣàyàn tó fúyẹ́ jù.
Àgbéyẹ̀wò lọ́wọ́lọ́wọ́
<a href="https://designeroftheday.com/yo/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/designer-of-the-day/today.png" alt="Àwòrán Olùṣàpẹẹrẹ Ọjọ́ tó ń ṣàfihàn onímọ̀ ẹ̀dá-ọkàn tí a ń yìn lónìí" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designeroftheday.com" data-dotd-variant="image"></div>
<script async src="https://designeroftheday.com/feature.js?lang=yo"></script>
Ẹ̀yà B: àwòrán àti ìpè sí ìgbésẹ̀
Àwòrán oni pẹ̀lú ìpè sí ìgbésẹ̀ ní ìsàlẹ̀ rẹ̀.
Àgbéyẹ̀wò lọ́wọ́lọ́wọ́
<a href="https://designeroftheday.com/yo/" target="_blank" rel="noopener" style="display:block;max-width:100%;color:inherit;text-decoration:none;text-align:center">
<img src="https://competition.adesignaward.com/designer-of-the-day/today.png" alt="Àwòrán Olùṣàpẹẹrẹ Ọjọ́ tó ń ṣàfihàn onímọ̀ ẹ̀dá-ọkàn tí a ń yìn lónìí" loading="lazy" style="display:block;max-width:100%;height:auto;margin:0 auto">
<span style="display:block;margin-top:.5em;font:600 15px/1.3 system-ui,sans-serif">Ṣàwárí Olùṣàpẹẹrẹ Ọjọ́</span>
</a>
<div data-dotd="designeroftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designeroftheday.com/feature.js?lang=yo"></script>
Ẹ̀yà C: káàdì Bootstrap
Káàdì Bootstrap pẹ̀lú àwòrán, àkọlé ìfihàn náà, ọ̀rọ̀ kúkúrú àti bọ́tìnnì ìpè sí ìgbésẹ̀. Ojú ewé rẹ nílò Bootstrap.
Àgbéyẹ̀wò lọ́wọ́lọ́wọ́
<div class="card" style="max-width:24rem">
<a href="https://designeroftheday.com/yo/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/designer-of-the-day/today.png" class="card-img-top" alt="Àwòrán Olùṣàpẹẹrẹ Ọjọ́ tó ń ṣàfihàn onímọ̀ ẹ̀dá-ọkàn tí a ń yìn lónìí" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Olùṣàpẹẹrẹ Ọjọ́</h5>
<p class="card-text">Àmì Ẹ̀yẹ A' Design ń ṣàfihàn olùṣàpẹẹrẹ tó ní ẹ̀bùn tàbí ayàwòrán ilé tó ga jùlọ lọ́jọọ́jọ́ gẹ́gẹ́ bí Olùṣàpẹẹrẹ Ọjọ́, tó ń fi àwọn ènìyàn tó wà lẹ́yìn iṣẹ́ ẹ̀dá-ọkàn tó ga, ìmọ̀ọ́ka àpẹẹrẹ wọn, àwọn iṣẹ́ àkànṣe àti àṣeyọrí wọn hàn.</p>
<a href="https://designeroftheday.com/yo/" class="btn btn-danger" target="_blank" rel="noopener">Ṣàwárí Olùṣàpẹẹrẹ Ọjọ́</a>
</div>
</div>
<div data-dotd="designeroftheday.com" data-dotd-variant="card"></div>
<script async src="https://designeroftheday.com/feature.js?lang=yo"></script>
Àṣàyàn 3: JSON
Fún àwọn olùmúlò ẹ̀rọ, àwọn ohun èlò àti ìṣiṣẹ́ aládàáṣe. JSON náà ní orúkọ, àpèjúwe, àdírẹ́sì àwòrán, àwọn ìjápọ̀ àti ọjọ́. Ìbéèrè láti orísun mìíràn ni a gbà láàyè.
fetch("https://designeroftheday.com/feature.json?lang=yo")
.then(function (r) { return r.json(); })
.then(function (d) {
// d.name, d.feature, d.paragraph, d.image, d.url, d.date ...
});
Àpẹẹrẹ ìdáhùn
{
"domain": "designeroftheday.com",
"name": "Olùṣàpẹẹrẹ Ọjọ́",
"feature": "Olùṣàpẹẹrẹ Ọjọ́",
"paragraph": "Àmì Ẹ̀yẹ A' Design ń ṣàfihàn olùṣàpẹẹrẹ tó ní ẹ̀bùn tàbí ayàwòrán ilé tó ga jùlọ lọ́jọọ́jọ́ gẹ́gẹ́ bí Olùṣàpẹẹrẹ Ọjọ́, tó ń fi àwọn ènìyàn tó wà lẹ́yìn iṣẹ́ ẹ̀dá-ọkàn tó ga, ìmọ̀ọ́ka àpẹẹrẹ wọn, àwọn iṣẹ́ àkànṣe àti àṣeyọrí wọn hàn.",
"description": "Olùṣàpẹẹrẹ Ọjọ́ ń ṣàfihàn olùṣàpẹẹrẹ tó ní ẹ̀bùn tàbí ayàwòrán ilé tó ga jùlọ lọ́jọọ́jọ́, tó ń fi àwọn ènìyàn àrà tó wà lẹ́yìn iṣẹ́ ẹ̀dá-ọkàn tó ga, ìpilẹ̀ṣẹ̀ iṣẹ́ wọn, ìmọ̀ọ́ka àpẹẹrẹ, àwọn iṣẹ́ àkànṣe àkíyèsí àti àwọn àṣeyọrí tí Àmì Ẹ̀yẹ àti Ìdíje A' Design tó gbajúmọ̀ gan-an mọ̀ hàn.",
"call_to_action": "Ṣàwárí Olùṣàpẹẹrẹ Ọjọ́",
"date": "2026-11-08",
"language": "yo",
"image": "https://competition.adesignaward.com/designer-of-the-day/today.png",
"image_alt": "Àwòrán Olùṣàpẹẹrẹ Ọjọ́ tó ń ṣàfihàn onímọ̀ ẹ̀dá-ọkàn tí a ń yìn lónìí",
"url": "https://designeroftheday.com/yo/",
"feature_url": "https://competition.adesignaward.com/designer-of-the-day.html",
"registry_url": "https://competition.adesignaward.com/designers-of-the-days.php",
"embed_url": "https://designeroftheday.com/yo/sise-afihan/"
}
Ohun tó dára láti mọ̀
- Jẹ́ kí ìjápọ̀ náà wà ní àyíká àwòrán náà, kí àwọn àlejò rẹ lè ṣàwárí ìfihàn kíkún náà.
- Máa lo àdírẹ́sì àwòrán tí a fi hàn lókè nígbà gbogbo, má sì ṣe fi ẹ̀dà pamọ́, kí ojú ewé rẹ lè máa jẹ́ tuntun nígbà gbogbo.
- Àwòrán náà ń bá ojú ewé mu: kò ní fẹ̀ ju àpótí tó wà nínú rẹ̀ lọ rárá.
- Ṣé o nílò ìrànlọ́wọ́ tàbí ọ̀nà pàtàkì kan? Jọ̀wọ́ kàn sí wa.