Dezajna Tendenco de la Tago

Enkorpigu Dezajna Tendenco de la Tago en Via Retejo

Dezajna Tendenco de la Tago publikigas novan prezentaĵon ĉiutage. La bildadreso neniam ŝanĝiĝas, sed la bildo malantaŭ ĝi ŝanĝiĝas, do vi aldonas la kodon unufoje kaj viaj vizitantoj aŭtomate vidas la hodiaŭan prezentaĵon.

Kiel ĝi funkcias

Ĉiutage nova bildo estas publikigata ĉe unu fiksa adreso. Via paĝo ŝargas tiun adreson, do ĝi ĉiam montras la aktualan prezentaĵon, kaj klako kondukas viajn vizitantojn al Dezajna Tendenco de la Tago, kie la plena rakonto estas prezentata.

Preferas skripton? Aldonu unu ujon kaj unu skripton: la fenestraĵo desegnas la stilon, kiun vi elektas per data-dotd-variant (image, cta aŭ card), en la lingvo de la skriptadreso kiam tiu lingvo estas disponebla. Se vi ne povas ruli skriptojn, uzu la HTML-version de la sama varianto.

Varianto A: nur bildo

La hodiaŭa bildo, ligita al Dezajna Tendenco de la Tago. La plej malpeza elekto.

Viva antaŭrigardo

<a href="https://designtrendoftheday.com/eo/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-trend-of-the-day/today.png" alt="Vizualigo de Dezajna Tendenco de la Tago montranta emerĝantajn ŝablonojn formantajn la estontecon de dezajno" 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=eo"></script>

Varianto B: bildo kaj alvoko al ago

La hodiaŭa bildo kun alvoko al ago sube.

Viva antaŭrigardo

<a href="https://designtrendoftheday.com/eo/" 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="Vizualigo de Dezajna Tendenco de la Tago montranta emerĝantajn ŝablonojn formantajn la estontecon de dezajno" 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">Malkovru la Dezajnan Tendencon de la Tago</span>
</a>

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

Varianto C: Bootstrap-karto

Bootstrap-karto kun la bildo, la titolo de la prezentaĵo, mallonga paragrafo kaj alvoko-al-ago-butono. Via paĝo bezonas Bootstrap.

Viva antaŭrigardo

<div class="card" style="max-width:24rem">
  <a href="https://designtrendoftheday.com/eo/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-trend-of-the-day/today.png" class="card-img-top" alt="Vizualigo de Dezajna Tendenco de la Tago montranta emerĝantajn ŝablonojn formantajn la estontecon de dezajno" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Dezajna Tendenco de la Tago</h5>
    <p class="card-text">A' Design Award esploras ĉiutage originalan dezajnan tendencon, prezentante emerĝantajn stilojn, ŝanĝiĝantajn estetikojn kaj novajn kreajn direktojn kiuj influas kiel produktoj, projektoj kaj spertoj estas dezajnataj, kiel la Dezajna Tendenco de la Tago.</p>
    <a href="https://designtrendoftheday.com/eo/" class="btn btn-danger" target="_blank" rel="noopener">Malkovru la Dezajnan Tendencon de la Tago</a>
  </div>
</div>

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

Elekto 3: JSON

Por programistoj, aplikaĵoj kaj aŭtomatigo. La JSON enhavas la nomon, la priskribon, la bildadreson, la ligilojn kaj la daton. Trans-originaj petoj estas permesataj.

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

Ekzempla respondo

{
    "domain": "designtrendoftheday.com",
    "name": "Dezajna Tendenco de la Tago",
    "feature": "Dezajna Tendenco de la Tago",
    "paragraph": "A' Design Award esploras ĉiutage originalan dezajnan tendencon, prezentante emerĝantajn stilojn, ŝanĝiĝantajn estetikojn kaj novajn kreajn direktojn kiuj influas kiel produktoj, projektoj kaj spertoj estas dezajnataj, kiel la Dezajna Tendenco de la Tago.",
    "description": "Dezajna Tendenco de la Tago esploras ĉiutage originalan dezajnan tendencon, prezentante emerĝantajn stilojn, ŝanĝiĝantajn estetikojn, novajn kreajn direktojn kaj novigajn alirojn kiuj influas kiel produktoj, projektoj kaj spertoj estas dezajnataj, kiel rekonite de la tre prestiĝa A' Design Award and Competition.",
    "call_to_action": "Malkovru la Dezajnan Tendencon de la Tago",
    "date": "2026-11-08",
    "language": "eo",
    "image": "https://competition.adesignaward.com/design-trend-of-the-day/today.png",
    "image_alt": "Vizualigo de Dezajna Tendenco de la Tago montranta emerĝantajn ŝablonojn formantajn la estontecon de dezajno",
    "url": "https://designtrendoftheday.com/eo/",
    "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/eo/prezentajho/"
}

Bone scii

Konservu la ligilon ĉirkaŭ la bildo, por ke viaj vizitantoj povu malkovri la plenan prezentaĵon.
Ĉiam uzu la bildadreson montritan supre kaj ne konservu kopion, por ke via paĝo restu aktuala.
La bildo estas respondiva: ĝi neniam fariĝas pli larĝa ol sia ujo.
Ĉu vi bezonas helpon aŭ propran formaton? Bonvolu kontakti nin.

Reklamita

Malkovru Premiitajn Dezajnojn