Անցնել հիմնական բովանդակությանը

Օրվա դիզայներական միտում

Տեղադրեք Օրվա դիզայներական միտում ձեր կայքում

Օրվա դիզայներական միտում ամեն օր հրապարակում է նոր նյութ։ Պատկերի հասցեն երբեք չի փոխվում, բայց այդ հասցեում ցուցադրվող նկարը փոխվում է, այնպես որ դուք մեկ անգամ եք ավելացնում կոդը, և ձեր այցելուները ավտոմատ տեսնում են այսօրվա նյութը։

Ինչպես է աշխատում

Ամեն օր մեկ անփոփոխ հասցեում հրապարակվում է նոր նկար։ Ձեր էջը բեռնում է այդ հասցեն, ուստի այն միշտ ցուցադրում է ընթացիկ նյութը, իսկ սեղմումով ձեր այցելուները հասնում են Օրվա դիզայներական միտում, որտեղ ներկայացված է ամբողջ պատմությունը։

Նախընտրում եք սկրիպտո՞վ տարբերակը։ Ավելացրեք մեկ կոնտեյներ և մեկ սկրիպտ. վիջեթը ցուցադրում է ձեր ընտրած ոճը data-dotd-variant-ով (image, cta կամ card)՝ սկրիպտի հասցեի լեզվով, երբ այդ լեզուն հասանելի է։ Եթե չեք կարող գործարկել սկրիպտներ, օգտագործեք նույն տարբերակի HTML տարբերակը։

Տարբերակ A: միայն պատկեր

Այսօրվա պատկերը՝ հղումով դեպի Օրվա դիզայներական միտում։ Ամենաթեթև տարբերակը։

Գործող նախադիտում

<a href="https://designtrendoftheday.com/hy/" 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=hy"></script>

Տարբերակ B: պատկեր և գործողության կոչ

Այսօրվա պատկերը՝ ներքևում գործողության կոչով։

Գործող նախադիտում

<a href="https://designtrendoftheday.com/hy/" 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=hy"></script>

Տարբերակ C: Bootstrap քարտ

Bootstrap քարտ՝ պատկերով, նյութի վերնագրով, կարճ պարբերությամբ և գործողության կոչի կոճակով։ Ձեր էջին անհրաժեշտ է Bootstrap։

Գործող նախադիտում

<div class="card" style="max-width:24rem">
  <a href="https://designtrendoftheday.com/hy/" 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/hy/" 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=hy"></script>

Ընտրանք 3: JSON

Մշակողների, հավելվածների և ավտոմատացման համար։ JSON-ը պարունակում է անվանումը, նկարագրությունը, պատկերի հասցեն, հղումները և ամսաթիվը։ Թույլատրվում են cross-origin հարցումներ։

fetch("https://designtrendoftheday.com/feature.json?lang=hy")
  .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": "hy",
    "image": "https://competition.adesignaward.com/design-trend-of-the-day/today.png",
    "image_alt": "Օրվա դիզայներական միտման պատկերացում՝ ներկայացնելով ձևավորվող օրինաչափություններ, որոնք ձևավորում են դիզայնի ապագան",
    "url": "https://designtrendoftheday.com/hy/",
    "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/hy/teghadrel/"
}

Լավ է իմանալ

  • Պահպանեք պատկերի շուրջ գտնվող հղումը, որպեսզի ձեր այցելուները կարողանան բացահայտել ամբողջ նյութը։
  • Միշտ օգտագործեք վերևում ցուցադրված պատկերի հասցեն և մի պահեք պատճեն, որպեսզի ձեր էջը մնա թարմ։
  • Պատկերը հարմարվող է. այն երբեք իր կոնտեյներից ավելի լայն չի դառնում։
  • Օգնությո՞ւն կամ հատուկ ձևաչա՞փ է պետք։ Խնդրում ենք կապվել մեզ հետ։

Հովանավորված

Բացահայտեք մրցանակակիր դիզայնները

Օրվա դիզայնի մեջբերումը

Օրվա դիզայնի մեջբերումը

DesignAdage