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

Àpẹẹrẹ Ọjọ́

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

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

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

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