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

દિવસનો ડિઝાઇન ટ્રેન્ડ

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

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

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

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

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

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

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

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

<a href="https://designtrendoftheday.com/gu/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-trend-of-the-day/today.png" alt="ડિઝાઇનના ભવિષ્યને ઘડતી ઉભરતી પેટર્નનું વિઝ્યુઅલાઇઝેશન દર્શાવતો દિવસનો ડિઝાઇન ટ્રેન્ડ" 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=gu"></script>

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

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

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

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

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

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

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

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

વિકલ્પ 3: JSON

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

fetch("https://designtrendoftheday.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": "designtrendoftheday.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-trend-of-the-day/today.png",
    "image_alt": "ડિઝાઇનના ભવિષ્યને ઘડતી ઉભરતી પેટર્નનું વિઝ્યુઅલાઇઝેશન દર્શાવતો દિવસનો ડિઝાઇન ટ્રેન્ડ",
    "url": "https://designtrendoftheday.com/gu/",
    "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/gu/fichar/"
}

જાણવા જેવું

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

પ્રાયોજિત

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

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

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

DesignAdage