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

Èrò Àpẹẹrẹ Ọjọ́

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

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

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

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