የዕለቱ የዲዛይን አዝማሚያ
የዕለቱ የዲዛይን አዝማሚያ በድር ጣቢያዎ ላይ ያስቀምጡ
የዕለቱ የዲዛይን አዝማሚያ በየቀኑ አዲስ ዝግጅት ያትማል። የምስሉ አድራሻ ፈጽሞ አይቀየርም፣ ነገር ግን ከበስተጀርባው ያለው ምስል ይቀየራል፣ ስለዚህ ኮዱን አንድ ጊዜ ይጨምሩና ጎብኚዎችዎ የዛሬውን ዝግጅት በራስ-ሰር ያያሉ።
እንዴት እንደሚሰራ
በየቀኑ አዲስ ምስል በአንድ ቋሚ አድራሻ ላይ ይታተማል። ገጽዎ ያንን አድራሻ ስለሚጫን ሁልጊዜ የአሁኑን ዝግጅት ያሳያል፣ ጠቅ ሲያደርጉም ጎብኚዎችዎ ሙሉ ታሪኩ ወደሚገኝበት የዕለቱ የዲዛይን አዝማሚያ ይወሰዳሉ።
ስክሪፕት ይመርጣሉ? አንድ መያዣና አንድ ስክሪፕት ይጨምሩ፡ ዊጀቱ በdata-dotd-variant (image፣ cta ወይም card) የመረጡትን ቅጥ ይስላል፣ ያ ቋንቋ ሲኖር በስክሪፕት አድራሻው ቋንቋ ይሆናል። ስክሪፕት ማስኬድ ካልቻሉ የተመሳሳዩ ቅርጸት HTML ስሪት ይጠቀሙ።
ቅርጸት ሀ፡ ምስል ብቻ
ከየዕለቱ የዲዛይን አዝማሚያ ጋር የተገናኘ የዛሬ ምስል። በጣም ቀላሉ አማራጭ።
ቀጥታ ቅድመ-እይታ
<a href="https://designtrendoftheday.com/am/" 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=am"></script>
ቅርጸት ለ፡ ምስልና ጥሪ ለድርጊት
የዛሬ ምስል ከስሩ ጥሪ ለድርጊት ያለው።
ቀጥታ ቅድመ-እይታ
<a href="https://designtrendoftheday.com/am/" 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=am"></script>
ቅርጸት ሐ፡ Bootstrap ካርድ
ምስል፣ የዝግጅቱ ርዕስ፣ አጭር አንቀጽና ጥሪ ለድርጊት ቁልፍ ያለው Bootstrap ካርድ። ገጽዎ Bootstrap ያስፈልገዋል።
ቀጥታ ቅድመ-እይታ
<div class="card" style="max-width:24rem">
<a href="https://designtrendoftheday.com/am/" 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/am/" 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=am"></script>
አማራጭ 3፡ JSON
ለገንቢዎች፣ ለመተግበሪያዎችና ለአውቶሜሽን። JSON ውስጥ ስም፣ መግለጫ፣ የምስል አድራሻ፣ አገናኞችና ቀን ይገኛሉ። የተለያዩ ምንጮች ጥያቄዎች ይፈቀዳሉ።
fetch("https://designtrendoftheday.com/feature.json?lang=am")
.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": "am",
"image": "https://competition.adesignaward.com/design-trend-of-the-day/today.png",
"image_alt": "የዲዛይን የወደፊት ገጽታን የሚቀርጹ አዳዲስ ንድፎችን የሚያሳይ የዕለቱ የዲዛይን አዝማሚያ ምስላዊ ማቅረቢያ",
"url": "https://designtrendoftheday.com/am/",
"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/am/yizet-makattet/"
}
ጠቃሚ መረጃ
- ጎብኚዎችዎ ሙሉ ዝግጅቱን ማግኘት እንዲችሉ በምስሉ ዙሪያ ያለውን አገናኝ ያቆዩ።
- ገጽዎ ወቅታዊ እንዲሆን ሁልጊዜ ከላይ የሚታየውን የምስል አድራሻ ይጠቀሙ፣ ቅጂ አያስቀምጡ።
- ምስሉ ምላሽ ሰጪ ነው፡ ከመያዣው ስፋት በላይ ፈጽሞ አይሰፋም።
- እርዳታ ወይም ብጁ ቅርጸት ይፈልጋሉ? እባክዎ ያግኙን።