Kalo te përmbajtja kryesore

Legjenda e Dizajnit

Vendosni Legjenda e Dizajnit e Ditës në Faqen Tuaj të Internetit

Legjenda e Dizajnit publikon një veçori të re çdo ditë. Adresa e imazhit nuk ndryshon kurrë, por fotografia pas saj ndryshon, kështu që e shtoni kodin vetëm një herë dhe vizitorët tuaj shohin automatikisht veçorinë e sotme.

Si funksionon

Çdo ditë publikohet një fotografi e re në një adresë fikse. Faqja juaj ngarkon atë adresë, kështu që shfaq gjithmonë veçorinë aktuale, dhe një klikim i çon vizitorët tuaj te Legjenda e Dizajnit ku tregohet historia e plotë.

Preferoni një skript? Shtoni një kontejner dhe një skript: widget-i vizaton stilin që zgjidhni me data-dotd-variant (image, cta ose card), në gjuhën e adresës së skriptit kur ajo gjuhë është e disponueshme. Nëse nuk mund të ekzekutoni skripta, përdorni versionin HTML të variantit të njëjtë.

Varianti A: vetëm imazhi

Fotografia e sotme, e lidhur me Legjenda e Dizajnit. Opsioni më i lehtë.

Pamje paraprake live

<a href="https://thedesignlegend.com/sq/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" alt="Legjenda e Dizajnit e Ditës, retrospektivë që shfaq arritjet e një jete në dizajn" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="thedesignlegend.com" data-dotd-variant="image"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=sq"></script>

Varianti B: imazh dhe thirrje për veprim

Fotografia e sotme me një thirrje për veprim poshtë saj.

Pamje paraprake live

<a href="https://thedesignlegend.com/sq/" 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-legend-of-the-day/today.png" alt="Legjenda e Dizajnit e Ditës, retrospektivë që shfaq arritjet e një jete në dizajn" 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">Zbuloni Legjendën e Dizajnit të Ditës</span>
</a>
<div data-dotd="thedesignlegend.com" data-dotd-variant="cta"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=sq"></script>

Varianti C: kartë Bootstrap

Një kartë Bootstrap me fotografinë, titullin e veçorisë, një paragraf të shkurtër dhe një buton thirrjeje për veprim. Faqja juaj ka nevojë për Bootstrap.

Pamje paraprake live

<div class="card" style="max-width:24rem">
  <a href="https://thedesignlegend.com/sq/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" class="card-img-top" alt="Legjenda e Dizajnit e Ditës, retrospektivë që shfaq arritjet e një jete në dizajn" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Legjenda e Dizajnit e Ditës</h5>
    <p class="card-text">A' Design Award çmon një dizajner me ndikim ose një arkitekt të klasit botëror karriera e jashtëzakonshme, krijimet ikonike dhe idetë pioniere të të cilit kanë formësuar historinë dhe zhvillimin e dizajnit si Legjendën e Dizajnit të Ditës.</p>
    <a href="https://thedesignlegend.com/sq/" class="btn btn-danger" target="_blank" rel="noopener">Zbuloni Legjendën e Dizajnit të Ditës</a>
  </div>
</div>
<div data-dotd="thedesignlegend.com" data-dotd-variant="card"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=sq"></script>

Opsioni 3: JSON

Për zhvillues, aplikacione dhe automatizim. JSON përmban emrin, përshkrimin, adresën e imazhit, lidhjet dhe datën. Kërkesat ndër-origjinë lejohen.

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

Përgjigje shembull

{
    "domain": "thedesignlegend.com",
    "name": "Legjenda e Dizajnit",
    "feature": "Legjenda e Dizajnit e Ditës",
    "paragraph": "A' Design Award çmon një dizajner me ndikim ose një arkitekt të klasit botëror karriera e jashtëzakonshme, krijimet ikonike dhe idetë pioniere të të cilit kanë formësuar historinë dhe zhvillimin e dizajnit si Legjendën e Dizajnit të Ditës.",
    "description": "Legjenda e Dizajnit çmon dizajnerët me ndikim dhe arkitektët e klasit botëror karrierat e jashtëzakonshme, krijimet ikonike, idetë pioniere dhe kontributet e qëndrueshme të të cilëve kanë formësuar historinë dhe zhvillimin e dizajnit, duke ndriçuar njerëzit kreativë dhe arritjet e njohura nga çmimi shumë prestigjioz A' Design Award and Competition.",
    "call_to_action": "Zbuloni Legjendën e Dizajnit të Ditës",
    "date": "2026-11-08",
    "language": "sq",
    "image": "https://competition.adesignaward.com/design-legend-of-the-day/today.png",
    "image_alt": "Legjenda e Dizajnit e Ditës, retrospektivë që shfaq arritjet e një jete në dizajn",
    "url": "https://thedesignlegend.com/sq/",
    "feature_url": "https://competition.adesignaward.com/design-legend-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-legends-of-the-days.php",
    "embed_url": "https://thedesignlegend.com/sq/paraqitje/"
}

Mirë për ta ditur

  • Mbani lidhjen rreth imazhit, në mënyrë që vizitorët tuaj të mund të zbulojnë veçorinë e plotë.
  • Përdorni gjithmonë adresën e imazhit të treguar më sipër dhe mos ruani një kopje, në mënyrë që faqja juaj të mbetet aktuale.
  • Imazhi është responsiv: nuk zgjerohet kurrë më shumë se kontejneri i tij.
  • Keni nevojë për ndihmë ose një format të personalizuar? Ju lutemi na kontaktoni.

Citati i dizajnit i ditës

Citati i dizajnit i ditës

DesignAdage