Buaicphointe Dearthóra an Lae

Leabaigh Buaicphointe Dearthóra an Lae ar Do Shuíomh Gréasáin

Foilsíonn Buaicphointe Dearthóra an Lae gné nua gach lá. Ní athraíonn seoladh na híomhá riamh, ach athraíonn an pictiúr taobh thiar de, mar sin cuireann tú an cód isteach uair amháin agus feiceann do chuairteoirí gné an lae inniu go huathoibríoch.

Conas a oibríonn sé

Gach lá foilsítear pictiúr nua ag aon seoladh seasta amháin. Luchtaíonn do leathanach an seoladh sin, mar sin taispeánann sé an ghné reatha i gcónaí, agus tugann clic do chuairteoirí chuig Buaicphointe Dearthóra an Lae mar a n-insítear an scéal iomlán.

B'fhearr leat script? Cuir coimeádán amháin agus script amháin leis: tarraingíonn an giuirléid an stíl a roghnaíonn tú le data-dotd-variant (image, cta nó card), i dteanga sheoladh na scripte nuair atá an teanga sin ar fáil. Mura féidir leat scripteanna a rith, úsáid leagan HTML den athróg chéanna.

Athróg A: íomhá amháin

Pictiúr an lae inniu, nasctha le Buaicphointe Dearthóra an Lae. An rogha is éadroime.

Réamhamharc beo

<a href="https://designerhighlightoftheday.com/ga/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" alt="Buaicphointe Dearthóra an Lae ag cur dearthóir suntasach i láthair, mar chuid den phobal dearaidh domhanda" 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=ga"></script>

Athróg B: íomhá agus glao chun gnímh

Pictiúr an lae inniu le glao chun gnímh faoi.

Réamhamharc beo

<a href="https://designerhighlightoftheday.com/ga/" 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="Buaicphointe Dearthóra an Lae ag cur dearthóir suntasach i láthair, mar chuid den phobal dearaidh domhanda" 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">Aimsigh Buaicphointe Dearthóra an Lae</span>
</a>

<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designerhighlightoftheday.com/feature.js?lang=ga"></script>

Athróg C: cárta Bootstrap

Cárta Bootstrap leis an bpictiúr, teideal na gné, alt gearr agus cnaipe glao chun gnímh. Tá Bootstrap ag teastáil ó do leathanach.

Réamhamharc beo

<div class="card" style="max-width:24rem">
  <a href="https://designerhighlightoftheday.com/ga/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" class="card-img-top" alt="Buaicphointe Dearthóra an Lae ag cur dearthóir suntasach i láthair, mar chuid den phobal dearaidh domhanda" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Buaicphointe Dearthóra an Lae</h5>
    <p class="card-text">Cuireann Gradaim Dearaidh A' príomhdhearthóir, réaltailtire, cruthaitheoir barr feabhais nó nuálaí i láthair gach lá mar Bhuaicphointe Dearthóra an Lae, ag taispeáint a n-éachtaí, a gcuid oibre cruthaitheacha agus a ranníocaíochtaí le saol an dearaidh.</p>
    <a href="https://designerhighlightoftheday.com/ga/" class="btn btn-danger" target="_blank" rel="noopener">Aimsigh Buaicphointe Dearthóra an Lae</a>
  </div>
</div>

<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designerhighlightoftheday.com/feature.js?lang=ga"></script>

Rogha 3: JSON

D'fhorbróirí, aipeanna agus uathoibriú. Tá an t-ainm, an cur síos, seoladh na híomhá, na naisc agus an dáta sa JSON. Ceadaítear iarratais tras-fhoinse.

fetch("https://designerhighlightoftheday.com/feature.json?lang=ga")
  .then(function (r) { return r.json(); })
  .then(function (d) {
    // d.name, d.feature, d.paragraph, d.image, d.url, d.date ...
  });

Freagra samplach

{
    "domain": "designerhighlightoftheday.com",
    "name": "Buaicphointe Dearthóra an Lae",
    "feature": "Buaicphointe Dearthóra an Lae",
    "paragraph": "Cuireann Gradaim Dearaidh A' príomhdhearthóir, réaltailtire, cruthaitheoir barr feabhais nó nuálaí i láthair gach lá mar Bhuaicphointe Dearthóra an Lae, ag taispeáint a n-éachtaí, a gcuid oibre cruthaitheacha agus a ranníocaíochtaí le saol an dearaidh.",
    "description": "Cuireann Buaicphointe Dearthóra an Lae príomhdhearthóir, réaltailtire, cruthaitheoir barr feabhais nó nuálaí i láthair gach lá, ag taispeáint a n-éachtaí, a gcuid oibre cruthaitheacha agus a ranníocaíochtaí le saol an dearaidh, mar a aithnítear ag Gradaim Dearaidh agus Comórtas an-mhór le rá A'.",
    "call_to_action": "Aimsigh Buaicphointe Dearthóra an Lae",
    "date": "2026-11-08",
    "language": "ga",
    "image": "https://competition.adesignaward.com/highlight-of-the-day/today.png",
    "image_alt": "Buaicphointe Dearthóra an Lae ag cur dearthóir suntasach i láthair, mar chuid den phobal dearaidh domhanda",
    "url": "https://designerhighlightoftheday.com/ga/",
    "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/ga/gnechlar/"
}

Is maith a bheith ar an eolas

Coinnigh an nasc timpeall na híomhá, ionas gur féidir le do chuairteoirí an ghné iomlán a fháil amach.
Úsáid an seoladh íomhá atá léirithe thuas i gcónaí agus ná stóráil cóip, ionas go bhfanfaidh do leathanach cothrom le dáta.
Tá an íomhá freagrúil: ní fhásann sí níos leithne ná a coimeádán riamh.
An bhfuil cabhair nó formáid shaincheaptha ag teastáil uait? Déan teagmháil linn le do thoil.

Urraithe

Aimsigh Dearaí a Bhuaigh Duaiseanna