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

દિવસના ડિઝાઇનર

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

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

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

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

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

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

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

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

<a href="https://designeroftheday.com/gu/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/designer-of-the-day/today.png" alt="આજના પ્રશંસિત સર્જનાત્મક દૂરદર્શીને દર્શાવતું દિવસના ડિઝાઇનરનું ચિત્ર" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designeroftheday.com" data-dotd-variant="image"></div>
<script async src="https://designeroftheday.com/feature.js?lang=gu"></script>

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

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

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

<a href="https://designeroftheday.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/designer-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="designeroftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designeroftheday.com/feature.js?lang=gu"></script>

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

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

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

<div class="card" style="max-width:24rem">
  <a href="https://designeroftheday.com/gu/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/designer-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://designeroftheday.com/gu/" class="btn btn-danger" target="_blank" rel="noopener">દિવસના ડિઝાઇનર શોધો</a>
  </div>
</div>
<div data-dotd="designeroftheday.com" data-dotd-variant="card"></div>
<script async src="https://designeroftheday.com/feature.js?lang=gu"></script>

વિકલ્પ 3: JSON

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

fetch("https://designeroftheday.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": "designeroftheday.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/designer-of-the-day/today.png",
    "image_alt": "આજના પ્રશંસિત સર્જનાત્મક દૂરદર્શીને દર્શાવતું દિવસના ડિઝાઇનરનું ચિત્ર",
    "url": "https://designeroftheday.com/gu/",
    "feature_url": "https://competition.adesignaward.com/designer-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/designers-of-the-days.php",
    "embed_url": "https://designeroftheday.com/gu/fichar/"
}

જાણવા જેવું

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

પ્રાયોજિત

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

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

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

DesignAdage