ናብ ቀንዲ ትሕዝቶ ዝለል

ናይ መዓልቲ ዲዛይን

ናይ መዓልቲ ዲዛይን ኣብ ወብሳይትኩም ኣእትውዎ

ናይ መዓልቲ ዲዛይን ኩሉ መዓልቲ ሓድሽ ትሕዝቶ የሕትም። ኣድራሻ ስእሊ ኣይቅየርን፡ ግን እቲ ድሕሪኡ ዘሎ ስእሊ ይቕየር፡ ስለዚ ኮድ ሓንሳእ ጥራይ ትውስኹ፡ በጻሕትኹም ድማ ናይ ሎሚ ትሕዝቶ ብኣውቶማቲክ ይርእዩ።

ከመይ ይሰርሕ

ኩሉ መዓልቲ ሓድሽ ስእሊ ኣብ ሓደ ቀዋሚ ኣድራሻ ይሕተም። ገጽኩም ነቲ ኣድራሻ ስለ ዝጽዕኖ፡ ኩሉ ግዜ ናይ ሎሚ ትሕዝቶ የርኢ፡ ምስ ጠውቁ ድማ በጻሕትኹም ናብ ናይ መዓልቲ ዲዛይን ይኸዱ፡ ኣብኡ ምሉእ ዛንታ ይንገር።

ስክሪፕት ትመርጹ? ሓደ ኮንተይነርን ሓደ ስክሪፕትን ወስኹ፡ እቲ ዊጀት ብ data-dotd-variant ዝመረጽኩሞ ቅዲ (image፡ cta ወይ card) ይስእል፡ እቲ ቋንቋ ዝርከብ እንተ ኾይኑ ድማ ብቋንቋ ኣድራሻ ስክሪፕት ይቐርብ። ስክሪፕት ክትጥቀሙ እንተ ዘይክኢልኩም፡ ናይ HTML ቅዳሕ ናይ ሓደ ቅዲ ተጠቐሙ።

ቅዲ ሀ: ስእሊ ጥራይ

ናይ ሎሚ ስእሊ፡ ናብ ናይ መዓልቲ ዲዛይን ዝተኣሳሰረ። እቲ ዝቐለለ ኣማራጺ።

ቀጥታዊ ቅድመ-ርእይቶ

<a href="https://designoftheday.org/ti/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-of-the-day/today.png" alt="ሽልማት ዝረኸበ ፈጠራዊ ብልጫ ዘርኢ ናይ መዓልቲ ዲዛይን" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designoftheday.org" data-dotd-variant="image"></div>
<script async src="https://designoftheday.org/feature.js?lang=ti"></script>

ቅዲ ለ: ስእልን ጻውዒት ተግባርን

ናይ ሎሚ ስእሊ ምስ ኣብ ታሕቲ ዘሎ ጻውዒት ተግባር።

ቀጥታዊ ቅድመ-ርእይቶ

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

ቅዲ ሐ: Bootstrap ካርድ

Bootstrap ካርድ ምስ ስእሊ፡ ኣርእስቲ ትሕዝቶ፡ ሓጺር ሕጡበ-ጽሑፍን ጻውዒት ተግባር መልጎምን። ገጽኩም Bootstrap የድልዮ።

ቀጥታዊ ቅድመ-ርእይቶ

<div class="card" style="max-width:24rem">
  <a href="https://designoftheday.org/ti/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-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://designoftheday.org/ti/" class="btn btn-danger" target="_blank" rel="noopener">ናይ መዓልቲ ዲዛይን ኣኻኽብ</a>
  </div>
</div>
<div data-dotd="designoftheday.org" data-dotd-variant="card"></div>
<script async src="https://designoftheday.org/feature.js?lang=ti"></script>

ኣማራጺ 3: JSON

ንዲቨሎፐራት፡ ኣፕሊኬሽናትን ኣውቶሜሽንን። እቲ JSON ስም፡ መግለጺ፡ ኣድራሻ ስእሊ፡ ሊንክታትን ዕለትን ይሓዝ። ናይ ክሮስ-ኦሪጂን ሕቶታት ፍቑድ እዩ።

fetch("https://designoftheday.org/feature.json?lang=ti")
  .then(function (r) { return r.json(); })
  .then(function (d) {
    // d.name, d.feature, d.paragraph, d.image, d.url, d.date ...
  });

ኣብነት መልሲ

{
    "domain": "designoftheday.org",
    "name": "ናይ መዓልቲ ዲዛይን",
    "feature": "ናይ መዓልቲ ዲዛይን",
    "paragraph": "A' Design Award ነፍሲ ወከፍ መዓልቲ ፍሉይ ናይ ዲዛይን ስራሕ፣ ኣዝዩ ሓድሽ ፍርያት ወይ ኣዝዩ ፈጠራዊ ፕሮጀክት ከም ናይ መዓልቲ ዲዛይን የቕርብ፣ ዘደንቕ ኣብነታት ፈጠራውነትን ጽቡቕ ዲዛይንን ብምርኣይ።",
    "description": "ናይ መዓልቲ ዲዛይን ነፍሲ ወከፍ መዓልቲ ፍሉይ ናይ ዲዛይን ስራሕ፣ ኣዝዩ ሓዲስ ፍርያት ወይ ኣዝዩ ፈጠራዊ ፕሮጀክት የቕርብ፣ ብኣዝዩ ክቡር A' Design Award and Competition ዝተፈልጡ ዘደንቑ ኣብነታት ፈጠራውነትን ጽቡቕ ዲዛይንን ብምርኣይ።",
    "call_to_action": "ናይ መዓልቲ ዲዛይን ኣኻኽብ",
    "date": "2026-11-08",
    "language": "ti",
    "image": "https://competition.adesignaward.com/design-of-the-day/today.png",
    "image_alt": "ሽልማት ዝረኸበ ፈጠራዊ ብልጫ ዘርኢ ናይ መዓልቲ ዲዛይን",
    "url": "https://designoftheday.org/ti/",
    "feature_url": "https://competition.adesignaward.com/design-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/designs-of-the-days.php",
    "embed_url": "https://designoftheday.org/ti/mireet/"
}

ክትፈልጥዎ ዘለኩም

  • ኣብ ዙርያ ስእሊ ዘሎ ሊንክ ኣይትልወጥዎ፡ በጻሕትኹም ምሉእ ትሕዝቶ ክረኽቡ ይኽእሉ።
  • ኩሉ ግዜ ኣብ ላዕሊ ዝተገልጸ ኣድራሻ ስእሊ ተጠቐሙ፡ ቅዳሕ ኣይትዓቅቡ፡ ገጽኩም ሓድሽ ኮይኑ ክቕጽል።
  • እቲ ስእሊ ተመጣጣኒ እዩ፡ ካብ ኮንተይነሩ ዝገፍሕ ኣይኸውንን።
  • ሓገዝ ወይ ፍሉይ ቅርጺ ትደልዩ? በጃኹም ርኸቡና።

ብስፖንሰር

ሽልማት ዝረኸቡ ዲዛይናት ርኸብ

ናይ ዲዛይን ጥቕሲ ናይ ሎሚ

ናይ ዲዛይን ጥቕሲ ናይ ሎሚ

DesignAdage