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