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

Ẹgbẹ́ Àpẹẹrẹ Ọjọ́

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

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

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

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