Ideya sa Disenyo ng Araw

I-embed ang Ideya sa Disenyo ng Araw sa Iyong Website

Ang Ideya sa Disenyo ng Araw ay naglalathala ng bagong tampok araw-araw. Hindi nagbabago ang address ng imahe, ngunit nagbabago ang larawan sa likod nito, kaya idinaragdag mo lang ang code nang isang beses at awtomatikong makikita ng iyong mga bisita ang tampok ngayon.

Paano ito gumagana

Araw-araw, isang bagong larawan ang inilalathala sa iisang permanenteng address. Nilo-load ng iyong pahina ang address na iyon, kaya palaging ipinapakita nito ang kasalukuyang tampok, at sa isang pag-click, mapupunta ang iyong mga bisita sa Ideya sa Disenyo ng Araw kung saan makikita ang buong kwento.

Mas gusto mo ang script? Magdagdag ng isang container at isang script: iguguhit ng widget ang istilong pipiliin mo gamit ang data-dotd-variant (image, cta o card), sa wika ng address ng script kapag available ang wikang iyon. Kung hindi mo magagamit ang mga script, gamitin ang HTML na bersyon ng parehong variant.

Variant A: imahe lamang

Ang larawan ngayon, naka-link sa Ideya sa Disenyo ng Araw. Ang pinakamagaan na opsyon.

Live na preview

<a href="https://designideaoftheday.com/tl/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-idea-of-the-day/today.png" alt="Ideya sa Disenyo ng Araw na nagtatampok ng isang makabagong konsepto na nagtutulak sa mga hangganan ng pagkamalikhain" loading="lazy" style="max-width:100%;height:auto">
</a>

<div data-dotd="designideaoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designideaoftheday.com/feature.js?lang=tl"></script>

Variant B: imahe at call to action

Ang larawan ngayon na may call to action sa ibaba.

Live na preview

<a href="https://designideaoftheday.com/tl/" 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-idea-of-the-day/today.png" alt="Ideya sa Disenyo ng Araw na nagtatampok ng isang makabagong konsepto na nagtutulak sa mga hangganan ng pagkamalikhain" 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">Tuklasin ang Ideya sa Disenyo ng Araw</span>
</a>

<div data-dotd="designideaoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designideaoftheday.com/feature.js?lang=tl"></script>

Variant C: Bootstrap card

Isang Bootstrap card na may larawan, pamagat ng tampok, maikling talata at isang call to action button. Kailangan ng iyong pahina ang Bootstrap.

Live na preview

<div class="card" style="max-width:24rem">
  <a href="https://designideaoftheday.com/tl/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-idea-of-the-day/today.png" class="card-img-top" alt="Ideya sa Disenyo ng Araw na nagtatampok ng isang makabagong konsepto na nagtutulak sa mga hangganan ng pagkamalikhain" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Ideya sa Disenyo ng Araw</h5>
    <p class="card-text">Ipinepresenta ng A' Design Award ang isang napakamakabagong ideya sa disenyo o isang lubhang malikhaing konsepto bawat araw, bilang Ideya sa Disenyo ng Araw, na nag-eeksplora ng orihinal na pag-iisip, praktikal na solusyon at nakapagbibigay-inspirasyong diskarte sa kahusayan sa disenyo.</p>
    <a href="https://designideaoftheday.com/tl/" class="btn btn-danger" target="_blank" rel="noopener">Tuklasin ang Ideya sa Disenyo ng Araw</a>
  </div>
</div>

<div data-dotd="designideaoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designideaoftheday.com/feature.js?lang=tl"></script>

Opsyon 3: JSON

Para sa mga developer, app at automation. Naglalaman ang JSON ng pangalan, paglalarawan, address ng imahe, mga link at petsa. Pinapayagan ang mga cross-origin na kahilingan.

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

Halimbawang tugon

{
    "domain": "designideaoftheday.com",
    "name": "Ideya sa Disenyo ng Araw",
    "feature": "Ideya sa Disenyo ng Araw",
    "paragraph": "Ipinepresenta ng A' Design Award ang isang napakamakabagong ideya sa disenyo o isang lubhang malikhaing konsepto bawat araw, bilang Ideya sa Disenyo ng Araw, na nag-eeksplora ng orihinal na pag-iisip, praktikal na solusyon at nakapagbibigay-inspirasyong diskarte sa kahusayan sa disenyo.",
    "description": "Ang Ideya sa Disenyo ng Araw ay nagpapakita ng isang napakamakabagong ideya sa disenyo, isang lubhang malikhaing konsepto bawat araw, na nag-eeksplora ng orihinal na pag-iisip, praktikal na solusyon at nakapagbibigay-inspirasyong diskarte sa pandaigdigang kahusayan sa disenyo, na pinili ng lubos na prestihiyosong A' Design Award and Competition.",
    "call_to_action": "Tuklasin ang Ideya sa Disenyo ng Araw",
    "date": "2026-11-08",
    "language": "tl",
    "image": "https://competition.adesignaward.com/design-idea-of-the-day/today.png",
    "image_alt": "Ideya sa Disenyo ng Araw na nagtatampok ng isang makabagong konsepto na nagtutulak sa mga hangganan ng pagkamalikhain",
    "url": "https://designideaoftheday.com/tl/",
    "feature_url": "https://competition.adesignaward.com/design-idea-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-ideas-of-the-days.php",
    "embed_url": "https://designideaoftheday.com/tl/tampok/"
}

Mabuting malaman

Panatilihin ang link sa paligid ng imahe, para madiskubre ng iyong mga bisita ang buong tampok.
Palaging gamitin ang address ng imahe na ipinapakita sa itaas at huwag mag-imbak ng kopya, para manatiling napapanahon ang iyong pahina.
Responsive ang imahe: hindi ito lalampas sa lapad ng container nito.
Kailangan ng tulong o custom na format? Mangyaring makipag-ugnayan sa amin.

Pinapatalastas

Tuklasin ang mga Award-Winning na Disenyo