Fò lọ sí àkóónú pàtàkì

Olùṣàpẹẹrẹ Àkọ́kọ́ Ọjọ́

Fi Olùṣàpẹẹrẹ Àkọ́kọ́ Ọjọ́ sí Ojú Ẹ̀rọ Ayélujára Rẹ

Olùṣàpẹẹrẹ Àkọ́kọ́ Ọ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ẹ Àkọ́kọ́ Ọ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ẹ Àkọ́kọ́ Ọjọ́. Àṣàyàn tó fúyẹ́ jù.

Àgbéyẹ̀wò lọ́wọ́lọ́wọ́

<a href="https://designerhighlightoftheday.com/yo/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" alt="Olùṣàpẹẹrẹ Àkọ́kọ́ Ọjọ́ tó ń ṣàfihàn olùṣàpẹẹrẹ àrà, apá kan àwùjọ àpẹẹrẹ àgbáyé" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designerhighlightoftheday.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://designerhighlightoftheday.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/highlight-of-the-day/today.png" alt="Olùṣàpẹẹrẹ Àkọ́kọ́ Ọjọ́ tó ń ṣàfihàn olùṣàpẹẹrẹ àrà, apá kan àwùjọ àpẹẹrẹ àgbáyé" 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ẹ Àkọ́kọ́ Ọjọ́</span>
</a>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designerhighlightoftheday.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://designerhighlightoftheday.com/yo/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" class="card-img-top" alt="Olùṣàpẹẹrẹ Àkọ́kọ́ Ọjọ́ tó ń ṣàfihàn olùṣàpẹẹrẹ àrà, apá kan àwùjọ àpẹẹrẹ àgbáyé" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Olùṣàpẹẹrẹ Àkọ́kọ́ Ọjọ́</h5>
    <p class="card-text">Àmì Ẹ̀yẹ A' Design ń ṣàfihàn olùṣàpẹẹrẹ aṣáájú, ayàwòrán ilé olókìkí, ẹlẹ́dàá tó ga tàbí aṣẹ̀dá tuntun lọ́jọọ́jọ́ gẹ́gẹ́ bí Olùṣàpẹẹrẹ Àkọ́kọ́ Ọjọ́, tó ń ṣàfihàn àwọn àṣeyọrí wọn, iṣẹ́ ẹ̀dá-ọkàn àti ìfikún wọn sí ayé àpẹẹrẹ.</p>
    <a href="https://designerhighlightoftheday.com/yo/" class="btn btn-danger" target="_blank" rel="noopener">Ṣàwárí Olùṣàpẹẹrẹ Àkọ́kọ́ Ọjọ́</a>
  </div>
</div>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designerhighlightoftheday.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://designerhighlightoftheday.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": "designerhighlightoftheday.com",
    "name": "Olùṣàpẹẹrẹ Àkọ́kọ́ Ọjọ́",
    "feature": "Olùṣàpẹẹrẹ Àkọ́kọ́ Ọjọ́",
    "paragraph": "Àmì Ẹ̀yẹ A' Design ń ṣàfihàn olùṣàpẹẹrẹ aṣáájú, ayàwòrán ilé olókìkí, ẹlẹ́dàá tó ga tàbí aṣẹ̀dá tuntun lọ́jọọ́jọ́ gẹ́gẹ́ bí Olùṣàpẹẹrẹ Àkọ́kọ́ Ọjọ́, tó ń ṣàfihàn àwọn àṣeyọrí wọn, iṣẹ́ ẹ̀dá-ọkàn àti ìfikún wọn sí ayé àpẹẹrẹ.",
    "description": "Olùṣàpẹẹrẹ Àkọ́kọ́ Ọjọ́ ń ṣàfihàn olùṣàpẹẹrẹ aṣáájú, ayàwòrán ilé olókìkí, ẹlẹ́dàá tó ga tàbí aṣẹ̀dá tuntun lọ́jọọ́jọ́, tó ń fi àwọn àṣeyọrí wọn, iṣẹ́ ẹ̀dá-ọkàn àti ìfikún wọn sí ayé àpẹẹrẹ hàn, gẹ́gẹ́ bí Àmì Ẹ̀yẹ àti Ìdíje A' Design tó gbajúmọ̀ gan-an ṣe mọ̀ ọ́.",
    "call_to_action": "Ṣàwárí Olùṣàpẹẹrẹ Àkọ́kọ́ Ọjọ́",
    "date": "2026-11-08",
    "language": "yo",
    "image": "https://competition.adesignaward.com/highlight-of-the-day/today.png",
    "image_alt": "Olùṣàpẹẹrẹ Àkọ́kọ́ Ọjọ́ tó ń ṣàfihàn olùṣàpẹẹrẹ àrà, apá kan àwùjọ àpẹẹrẹ àgbáyé",
    "url": "https://designerhighlightoftheday.com/yo/",
    "feature_url": "https://competition.adesignaward.com/designer-highlight-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/designer-highlights-of-the-days.php",
    "embed_url": "https://designerhighlightoftheday.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.

Ọ̀rọ̀ Àpẹẹrẹ Oni

Ọ̀rọ̀ Àpẹẹrẹ Oni

DesignAdage