Tuedd Dylunio y Dydd

Mewnosod Tuedd Dylunio y Dydd ar Eich Gwefan

Tuedd Dylunio y Dydd yn cyhoeddi nodwedd newydd bob dydd. Nid yw cyfeiriad y ddelwedd byth yn newid, ond mae'r llun y tu ôl iddo yn newid, felly rydych yn ychwanegu'r cod unwaith ac mae eich ymwelwyr yn gweld nodwedd heddiw yn awtomatig.

Sut mae'n gweithio

Bob dydd mae llun newydd yn cael ei gyhoeddi ar un cyfeiriad sefydlog. Mae eich tudalen yn llwytho'r cyfeiriad hwnnw, felly mae bob amser yn dangos y nodwedd gyfredol, ac mae clic yn mynd â'ch ymwelwyr i Tuedd Dylunio y Dydd lle mae'r stori lawn yn cael ei hadrodd.

Well gennych sgript? Ychwanegwch un cynhwysydd ac un sgript: mae'r teclyn yn tynnu'r arddull a ddewiswch gyda data-dotd-variant (image, cta neu card), yn iaith cyfeiriad y sgript pan fo'r iaith honno ar gael. Os na allwch redeg sgriptiau, defnyddiwch fersiwn HTML yr un amrywiad.

Amrywiad A: delwedd yn unig

Llun heddiw, wedi'i gysylltu â Tuedd Dylunio y Dydd. Y dewis ysgafnaf.

Rhagolwg byw

<a href="https://designtrendoftheday.com/cy/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-trend-of-the-day/today.png" alt="Delweddiad Tuedd Dylunio y Dydd o batrymau sy'n dod i'r amlwg ac yn llunio dyfodol dylunio" loading="lazy" style="max-width:100%;height:auto">
</a>

<div data-dotd="designtrendoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designtrendoftheday.com/feature.js?lang=cy"></script>

Amrywiad B: delwedd a galwad i weithredu

Llun heddiw gyda galwad i weithredu oddi tano.

Rhagolwg byw

<a href="https://designtrendoftheday.com/cy/" 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-trend-of-the-day/today.png" alt="Delweddiad Tuedd Dylunio y Dydd o batrymau sy'n dod i'r amlwg ac yn llunio dyfodol dylunio" 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">Darganfyddwch Duedd Dylunio y Dydd</span>
</a>

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

Amrywiad C: cerdyn Bootstrap

Cerdyn Bootstrap gyda'r llun, teitl y nodwedd, paragraff byr a botwm galwad i weithredu. Mae angen Bootstrap ar eich tudalen.

Rhagolwg byw

<div class="card" style="max-width:24rem">
  <a href="https://designtrendoftheday.com/cy/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-trend-of-the-day/today.png" class="card-img-top" alt="Delweddiad Tuedd Dylunio y Dydd o batrymau sy'n dod i'r amlwg ac yn llunio dyfodol dylunio" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Tuedd Dylunio y Dydd</h5>
    <p class="card-text">Mae Gwobr Dylunio A' yn archwilio tuedd ddylunio wreiddiol bob dydd, gan gyflwyno arddulliau sy'n dod i'r amlwg, estheteg sy'n newid a chyfeiriadau creadigol newydd sy'n dylanwadu ar sut y caiff cynhyrchion, prosiectau a phrofiadau eu dylunio fel y Duedd Dylunio y Dydd.</p>
    <a href="https://designtrendoftheday.com/cy/" class="btn btn-danger" target="_blank" rel="noopener">Darganfyddwch Duedd Dylunio y Dydd</a>
  </div>
</div>

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

Dewis 3: JSON

Ar gyfer datblygwyr, apiau ac awtomeiddio. Mae'r JSON yn cynnwys yr enw, y disgrifiad, cyfeiriad y ddelwedd, y dolenni a'r dyddiad. Caniateir ceisiadau traws-darddiad.

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

Ymateb enghreifftiol

{
    "domain": "designtrendoftheday.com",
    "name": "Tuedd Dylunio y Dydd",
    "feature": "Tuedd Dylunio y Dydd",
    "paragraph": "Mae Gwobr Dylunio A' yn archwilio tuedd ddylunio wreiddiol bob dydd, gan gyflwyno arddulliau sy'n dod i'r amlwg, estheteg sy'n newid a chyfeiriadau creadigol newydd sy'n dylanwadu ar sut y caiff cynhyrchion, prosiectau a phrofiadau eu dylunio fel y Duedd Dylunio y Dydd.",
    "description": "Mae Tuedd Dylunio y Dydd yn archwilio tuedd ddylunio wreiddiol bob dydd, gan gyflwyno arddulliau sy'n dod i'r amlwg, estheteg sy'n newid, cyfeiriadau creadigol newydd a dulliau arloesol sy'n dylanwadu ar y ffordd y caiff cynhyrchion, prosiectau a phrofiadau eu dylunio, fel y cydnabyddir gan Wobr Dylunio a Chystadleuaeth hynod fawreddog A'.",
    "call_to_action": "Darganfyddwch Duedd Dylunio y Dydd",
    "date": "2026-11-08",
    "language": "cy",
    "image": "https://competition.adesignaward.com/design-trend-of-the-day/today.png",
    "image_alt": "Delweddiad Tuedd Dylunio y Dydd o batrymau sy'n dod i'r amlwg ac yn llunio dyfodol dylunio",
    "url": "https://designtrendoftheday.com/cy/",
    "feature_url": "https://competition.adesignaward.com/design-trend-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-trends-of-the-days.php",
    "embed_url": "https://designtrendoftheday.com/cy/nodwedd/"
}

Da i'w wybod

Cadwch y ddolen o amgylch y ddelwedd, fel y gall eich ymwelwyr ddarganfod y nodwedd lawn.
Defnyddiwch y cyfeiriad delwedd a ddangosir uchod bob amser a pheidiwch â storio copi, fel bod eich tudalen yn aros yn gyfredol.
Mae'r ddelwedd yn ymatebol: nid yw byth yn tyfu'n lletach na'i chynhwysydd.
Angen help neu fformat wedi'i deilwra? Cysylltwch â ni os gwelwch yn dda.

Noddedig

Darganfyddwch Ddyluniadau Arobryn