મુખ્ય સામગ્રી પર જાઓ

ધ ડિઝાઇન લિજેન્ડ

તમારી વેબસાઈટ પર દિવસના ડિઝાઇન લિજેન્ડ એમ્બેડ કરો

ધ ડિઝાઇન લિજેન્ડ દરરોજ એક નવી ફીચર પ્રકાશિત કરે છે. ઈમેજનું સરનામું ક્યારેય બદલાતું નથી, પણ તેની પાછળનું ચિત્ર બદલાય છે, તેથી તમે એક વાર કોડ ઉમેરો અને તમારા મુલાકાતીઓ આપોઆપ આજની ફીચર જુએ છે.

આ કેવી રીતે કામ કરે છે

દરરોજ એક નિશ્ચિત સરનામા પર એક નવું ચિત્ર પ્રકાશિત થાય છે. તમારું પેજ તે સરનામું લોડ કરે છે, તેથી તે હંમેશા વર્તમાન ફીચર બતાવે છે, અને ક્લિક કરવાથી તમારા મુલાકાતીઓ ધ ડિઝાઇન લિજેન્ડ પર જાય છે જ્યાં સંપૂર્ણ વાર્તા કહેવામાં આવે છે.

સ્ક્રિપ્ટ પસંદ કરો છો? એક કન્ટેનર અને એક સ્ક્રિપ્ટ ઉમેરો: વિજેટ data-dotd-variant (image, cta અથવા card) વડે તમે પસંદ કરેલી શૈલી દોરે છે, જ્યારે તે ભાષા ઉપલબ્ધ હોય ત્યારે સ્ક્રિપ્ટ સરનામાની ભાષામાં. જો તમે સ્ક્રિપ્ટ ચલાવી શકતા ન હો, તો સમાન વેરિઅન્ટનું HTML સંસ્કરણ વાપરો.

વેરિઅન્ટ A: ફક્ત ઈમેજ

આજનું ચિત્ર, ધ ડિઝાઇન લિજેન્ડ સાથે લિંક કરેલું. સૌથી હલકો વિકલ્પ.

લાઈવ પ્રીવ્યૂ

<a href="https://thedesignlegend.com/gu/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" alt="ડિઝાઇનમાં આજીવન સિદ્ધિઓ દર્શાવતો દિવસના ડિઝાઇન લિજેન્ડનો પૂર્વાવલોકન" 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=gu"></script>

વેરિઅન્ટ B: ઈમેજ અને કૉલ ટુ એક્શન

આજનું ચિત્ર નીચે કૉલ ટુ એક્શન સાથે.

લાઈવ પ્રીવ્યૂ

<a href="https://thedesignlegend.com/gu/" 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="ડિઝાઇનમાં આજીવન સિદ્ધિઓ દર્શાવતો દિવસના ડિઝાઇન લિજેન્ડનો પૂર્વાવલોકન" 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">દિવસના ડિઝાઇન લિજેન્ડ શોધો</span>
</a>
<div data-dotd="thedesignlegend.com" data-dotd-variant="cta"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=gu"></script>

વેરિઅન્ટ C: Bootstrap કાર્ડ

ચિત્ર, ફીચરનું શીર્ષક, એક ટૂંકો ફકરો અને કૉલ ટુ એક્શન બટન સાથેનું Bootstrap કાર્ડ. તમારા પેજને Bootstrap જરૂરી છે.

લાઈવ પ્રીવ્યૂ

<div class="card" style="max-width:24rem">
  <a href="https://thedesignlegend.com/gu/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" class="card-img-top" alt="ડિઝાઇનમાં આજીવન સિદ્ધિઓ દર્શાવતો દિવસના ડિઝાઇન લિજેન્ડનો પૂર્વાવલોકન" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">દિવસના ડિઝાઇન લિજેન્ડ</h5>
    <p class="card-text">A' Design Award દરરોજ એક પ્રભાવશાળી ડિઝાઇનર અથવા વિશ્વ-કક્ષાના આર્કિટેક્ટને સન્માનિત કરે છે, જેમની અસાધારણ કારકિર્દી, પ્રતિષ્ઠિત સર્જનો અને અગ્રણી વિચારોએ ડિઝાઇનના ઇતિહાસ અને વિકાસને આકાર આપ્યો છે, દિવસના ડિઝાઇન લિજેન્ડ તરીકે.</p>
    <a href="https://thedesignlegend.com/gu/" class="btn btn-danger" target="_blank" rel="noopener">દિવસના ડિઝાઇન લિજેન્ડ શોધો</a>
  </div>
</div>
<div data-dotd="thedesignlegend.com" data-dotd-variant="card"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=gu"></script>

વિકલ્પ 3: JSON

ડેવલપર્સ, એપ્સ અને ઓટોમેશન માટે. JSON માં નામ, વર્ણન, ઈમેજ સરનામું, લિંક્સ અને તારીખ સમાવિષ્ટ છે. ક્રોસ-ઓરિજિન વિનંતીઓ માન્ય છે.

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

ઉદાહરણ પ્રતિસાદ

{
    "domain": "thedesignlegend.com",
    "name": "ધ ડિઝાઇન લિજેન્ડ",
    "feature": "દિવસના ડિઝાઇન લિજેન્ડ",
    "paragraph": "A' Design Award દરરોજ એક પ્રભાવશાળી ડિઝાઇનર અથવા વિશ્વ-કક્ષાના આર્કિટેક્ટને સન્માનિત કરે છે, જેમની અસાધારણ કારકિર્દી, પ્રતિષ્ઠિત સર્જનો અને અગ્રણી વિચારોએ ડિઝાઇનના ઇતિહાસ અને વિકાસને આકાર આપ્યો છે, દિવસના ડિઝાઇન લિજેન્ડ તરીકે.",
    "description": "ધ ડિઝાઇન લિજેન્ડ પ્રભાવશાળી ડિઝાઇનર્સ અને વિશ્વ-કક્ષાના આર્કિટેક્ટ્સને સન્માનિત કરે છે જેમની અસાધારણ કારકિર્દી, પ્રતિષ્ઠિત સર્જનો, અગ્રણી વિચારો અને કાયમી યોગદાને ડિઝાઇનના ઇતિહાસ અને વિકાસને આકાર આપ્યો છે, જેમાં અત્યંત પ્રતિષ્ઠિત A' Design Award and Competition દ્વારા માન્ય સર્જનાત્મક લોકો અને સિદ્ધિઓ પ્રકાશિત થાય છે.",
    "call_to_action": "દિવસના ડિઝાઇન લિજેન્ડ શોધો",
    "date": "2026-11-08",
    "language": "gu",
    "image": "https://competition.adesignaward.com/design-legend-of-the-day/today.png",
    "image_alt": "ડિઝાઇનમાં આજીવન સિદ્ધિઓ દર્શાવતો દિવસના ડિઝાઇન લિજેન્ડનો પૂર્વાવલોકન",
    "url": "https://thedesignlegend.com/gu/",
    "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/gu/fichar/"
}

જાણવા જેવું

  • ઈમેજની આસપાસ લિંક રાખો, જેથી તમારા મુલાકાતીઓ સંપૂર્ણ ફીચર શોધી શકે.
  • હંમેશા ઉપર બતાવેલ ઈમેજ સરનામું વાપરો અને નકલ સાચવશો નહીં, જેથી તમારું પેજ અપડેટ રહે.
  • ઈમેજ રિસ્પોન્સિવ છે: તે ક્યારેય તેના કન્ટેનર કરતાં પહોળી થતી નથી.
  • મદદ જોઈએ છે અથવા કસ્ટમ ફોર્મેટ જોઈએ છે? કૃપા કરીને અમારો સંપર્ક કરો.

પ્રાયોજિત

એવોર્ડ વિજેતા ડિઝાઇન્સ શોધો

દિવસનું ડિઝાઇન અવતરણ

દિવસનું ડિઝાઇન અવતરણ

DesignAdage