ወደ ዋና ይዘት ዝለል

የዕለቱ የዲዛይን ቡድን

የዕለቱ የዲዛይን ቡድን በድር ጣቢያዎ ላይ ያስቀምጡ

የዕለቱ የዲዛይን ቡድን በየቀኑ አዲስ ዝግጅት ያትማል። የምስሉ አድራሻ ፈጽሞ አይቀየርም፣ ነገር ግን ከበስተጀርባው ያለው ምስል ይቀየራል፣ ስለዚህ ኮዱን አንድ ጊዜ ይጨምሩና ጎብኚዎችዎ የዛሬውን ዝግጅት በራስ-ሰር ያያሉ።

እንዴት እንደሚሰራ

በየቀኑ አዲስ ምስል በአንድ ቋሚ አድራሻ ላይ ይታተማል። ገጽዎ ያንን አድራሻ ስለሚጫን ሁልጊዜ የአሁኑን ዝግጅት ያሳያል፣ ጠቅ ሲያደርጉም ጎብኚዎችዎ ሙሉ ታሪኩ ወደሚገኝበት የዕለቱ የዲዛይን ቡድን ይወሰዳሉ።

ስክሪፕት ይመርጣሉ? አንድ መያዣና አንድ ስክሪፕት ይጨምሩ፡ ዊጀቱ በdata-dotd-variant (image፣ cta ወይም card) የመረጡትን ቅጥ ይስላል፣ ያ ቋንቋ ሲኖር በስክሪፕት አድራሻው ቋንቋ ይሆናል። ስክሪፕት ማስኬድ ካልቻሉ የተመሳሳዩ ቅርጸት HTML ስሪት ይጠቀሙ።

ቅርጸት ሀ፡ ምስል ብቻ

ከየዕለቱ የዲዛይን ቡድን ጋር የተገናኘ የዛሬ ምስል። በጣም ቀላሉ አማራጭ።

ቀጥታ ቅድመ-እይታ

<a href="https://designteamoftheday.com/am/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-team-of-the-day/today.png" alt="በፈጠራዊ ፕሮጀክቶች ላይ የሚተባበር ሽልማት ያገኘ የዕለቱ የዲዛይን ቡድን" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designteamoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designteamoftheday.com/feature.js?lang=am"></script>

ቅርጸት ለ፡ ምስልና ጥሪ ለድርጊት

የዛሬ ምስል ከስሩ ጥሪ ለድርጊት ያለው።

ቀጥታ ቅድመ-እይታ

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

ቅርጸት ሐ፡ Bootstrap ካርድ

ምስል፣ የዝግጅቱ ርዕስ፣ አጭር አንቀጽና ጥሪ ለድርጊት ቁልፍ ያለው Bootstrap ካርድ። ገጽዎ Bootstrap ያስፈልገዋል።

ቀጥታ ቅድመ-እይታ

<div class="card" style="max-width:24rem">
  <a href="https://designteamoftheday.com/am/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-team-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://designteamoftheday.com/am/" class="btn btn-danger" target="_blank" rel="noopener">የዕለቱን የዲዛይን ቡድን ያግኙ</a>
  </div>
</div>
<div data-dotd="designteamoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designteamoftheday.com/feature.js?lang=am"></script>

አማራጭ 3፡ JSON

ለገንቢዎች፣ ለመተግበሪያዎችና ለአውቶሜሽን። JSON ውስጥ ስም፣ መግለጫ፣ የምስል አድራሻ፣ አገናኞችና ቀን ይገኛሉ። የተለያዩ ምንጮች ጥያቄዎች ይፈቀዳሉ።

fetch("https://designteamoftheday.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": "designteamoftheday.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-team-of-the-day/today.png",
    "image_alt": "በፈጠራዊ ፕሮጀክቶች ላይ የሚተባበር ሽልማት ያገኘ የዕለቱ የዲዛይን ቡድን",
    "url": "https://designteamoftheday.com/am/",
    "feature_url": "https://competition.adesignaward.com/design-team-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-teams-of-the-days.php",
    "embed_url": "https://designteamoftheday.com/am/yizet-makattet/"
}

ጠቃሚ መረጃ

  • ጎብኚዎችዎ ሙሉ ዝግጅቱን ማግኘት እንዲችሉ በምስሉ ዙሪያ ያለውን አገናኝ ያቆዩ።
  • ገጽዎ ወቅታዊ እንዲሆን ሁልጊዜ ከላይ የሚታየውን የምስል አድራሻ ይጠቀሙ፣ ቅጂ አያስቀምጡ።
  • ምስሉ ምላሽ ሰጪ ነው፡ ከመያዣው ስፋት በላይ ፈጽሞ አይሰፋም።
  • እርዳታ ወይም ብጁ ቅርጸት ይፈልጋሉ? እባክዎ ያግኙን።

የተደገፈ

ሽልማት ያሸነፉ ንድፎችን ያግኙ

የዕለት የንድፍ ጥቅስ

የዕለት የንድፍ ጥቅስ

DesignAdage