Pāriet uz galveno saturu

Dienas izcilais dizaineris

Iegult Dienas izcilais dizaineris savā tīmekļa vietnē

Dienas izcilais dizaineris katru dienu publicē jaunu ierakstu. Attēla adrese nemainās, bet attēls aiz tās mainās, tāpēc kodu pievienojat tikai vienu reizi, un jūsu apmeklētāji automātiski redz šodienas ierakstu.

Kā tas darbojas

Katru dienu jauns attēls tiek publicēts vienā nemainīgā adresē. Jūsu lapa ielādē šo adresi, tāpēc vienmēr tiek rādīts aktuālais ieraksts, un, noklikšķinot, apmeklētāji nonāk Dienas izcilais dizaineris, kur ir pieejams pilns stāsts.

Dodat priekšroku skriptam? Pievienojiet vienu konteineru un vienu skriptu: logrīks attēlo jūsu izvēlēto stilu ar data-dotd-variant (image, cta vai card) skripta adreses valodā, ja tā ir pieejama. Ja nevarat izmantot skriptus, lietojiet tā paša varianta HTML versiju.

Variants A: tikai attēls

Šodienas attēls ar saiti uz Dienas izcilais dizaineris. Visvieglākais variants.

Tiešraides priekšskatījums

<a href="https://designerhighlightoftheday.com/lv/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" alt="Dienas izcilais dizaineris — ievērojams dizainers, daļa no globālās dizaina kopienas" 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=lv"></script>

Variants B: attēls un aicinājums rīkoties

Šodienas attēls ar aicinājumu rīkoties zem tā.

Tiešraides priekšskatījums

<a href="https://designerhighlightoftheday.com/lv/" 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="Dienas izcilais dizaineris — ievērojams dizainers, daļa no globālās dizaina kopienas" 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">Atklājiet Dienas izcilo dizaineri</span>
</a>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designerhighlightoftheday.com/feature.js?lang=lv"></script>

Variants C: Bootstrap kartīte

Bootstrap kartīte ar attēlu, ieraksta nosaukumu, īsu aprakstu un aicinājuma pogu. Jūsu lapai nepieciešams Bootstrap.

Tiešraides priekšskatījums

<div class="card" style="max-width:24rem">
  <a href="https://designerhighlightoftheday.com/lv/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" class="card-img-top" alt="Dienas izcilais dizaineris — ievērojams dizainers, daļa no globālās dizaina kopienas" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Dienas izcilais dizaineris</h5>
    <p class="card-text">A' Design Award katru dienu izceļ vadošu dizaineri, zvaigžņu arhitektu, izcilu radošo profesionāli vai inovatoru kā Dienas izcilo dizaineri, demonstrējot viņu sasniegumus, radošos darbus un ieguldījumu dizaina pasaulē.</p>
    <a href="https://designerhighlightoftheday.com/lv/" class="btn btn-danger" target="_blank" rel="noopener">Atklājiet Dienas izcilo dizaineri</a>
  </div>
</div>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designerhighlightoftheday.com/feature.js?lang=lv"></script>

3. iespēja: JSON

Izstrādātājiem, lietotnēm un automatizācijai. JSON satur nosaukumu, aprakstu, attēla adresi, saites un datumu. Starpdomēnu pieprasījumi ir atļauti.

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

Atbildes piemērs

{
    "domain": "designerhighlightoftheday.com",
    "name": "Dienas izcilais dizaineris",
    "feature": "Dienas izcilais dizaineris",
    "paragraph": "A' Design Award katru dienu izceļ vadošu dizaineri, zvaigžņu arhitektu, izcilu radošo profesionāli vai inovatoru kā Dienas izcilo dizaineri, demonstrējot viņu sasniegumus, radošos darbus un ieguldījumu dizaina pasaulē.",
    "description": "Dienas izcilais dizaineris katru dienu izceļ vadošu dizaineri, zvaigžņu arhitektu, izcilu radošo profesionāli vai inovatoru, demonstrējot viņu sasniegumus, radošos darbus un ieguldījumu dizaina pasaulē, ko atzinis augsti prestižais A' Design Award and Competition.",
    "call_to_action": "Atklājiet Dienas izcilo dizaineri",
    "date": "2026-11-08",
    "language": "lv",
    "image": "https://competition.adesignaward.com/highlight-of-the-day/today.png",
    "image_alt": "Dienas izcilais dizaineris — ievērojams dizainers, daļa no globālās dizaina kopienas",
    "url": "https://designerhighlightoftheday.com/lv/",
    "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/lv/ievietosana/"
}

Noderīgi padomi

  • Saglabājiet saiti ap attēlu, lai jūsu apmeklētāji varētu apskatīt pilnu ierakstu.
  • Vienmēr izmantojiet iepriekš norādīto attēla adresi un neglabājiet kopiju, lai jūsu lapa būtu aktuāla.
  • Attēls ir adaptīvs: tas nekad nepārsniedz sava konteinera platumu.
  • Nepieciešama palīdzība vai pielāgots formāts? Lūdzu, sazinieties ar mums.

Dizaina citāts dienai

Dizaina citāts dienai

DesignAdage