Hatun yuyaykunaman pasay

P'unchaw Diseño

P'unchaw Diseño Web Sitiykipi Churay

P'unchaw Diseño sapa punchaw huk musuq rikch'ayta lluqsichin. Siq'ip ñanninqa mana tikranchu, ichaqa qhipanpi kaq siq'iqa tikran, chaymi huk kutillata churayta atinki hinaspa watukuqniykikuna kunan punchawpa rikch'ayninta kikillanmanta rikunqaku.

Imaynatas llamk'an

Sapa punchaw huk musuq siq'i huk mana tikraq ñanpi lluqsichisqa kan. Paginaykiqa chay ñanta kargaspa, kunan rikch'ayninta rikuchinpuni, huk ñit'iywantaq watukuqniykikuna P'unchaw Diseño-man rinku maypichus tukuy willakuy qillqasqa kachkan.

¿Huk script-ta munawaqchu? Huk churana huñuyta huk script-tataq yapay: widget-qa data-dotd-variant-wan akllarqayki estilota siq'in (image, cta utaq card), script ñanpa siminpi chay simi kaptin. Mana script-kunata purichiy atispaykiqa, kikin variante-pa HTML nisqanta llamk'achiy.

Variante A: siq'illa

Kunan punchawpa siq'in, P'unchaw Diseño-man t'inkisqa. Aswan llamp'u akllananchik.

Kawsaq ñawpaq qhaway

<a href="https://designoftheday.org/qu/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-of-the-day/today.png" alt="P'unchaw Diseño rikuchisqa, premioyuq creativo sumaq kayninwan" 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=qu"></script>

Variante B: siq'i ruwana waqyariywanpis

Kunan punchawpa siq'in huk ruwana waqyariywan urayninpi.

Kawsaq ñawpaq qhaway

<a href="https://designoftheday.org/qu/" 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="P'unchaw Diseño rikuchisqa, premioyuq creativo sumaq kayninwan" 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">P'unchaw Diseñota Riqsiy</span>
</a>
<div data-dotd="designoftheday.org" data-dotd-variant="cta"></div>
<script async src="https://designoftheday.org/feature.js?lang=qu"></script>

Variante C: Bootstrap tarjeta

Huk Bootstrap tarjeta siq'iyuq, rikch'aypa sutinwan, huk pisi qillqa k'itiwantaq huk ruwana waqyariy butónwan. Paginaykiqa Bootstrap-ta necesitan.

Kawsaq ñawpaq qhaway

<div class="card" style="max-width:24rem">
  <a href="https://designoftheday.org/qu/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-of-the-day/today.png" class="card-img-top" alt="P'unchaw Diseño rikuchisqa, premioyuq creativo sumaq kayninwan" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">P'unchaw Diseño</h5>
    <p class="card-text">A' Design Award sapa p'unchaw huk sumaq diseño ruwasqata, huk ancha musuq productota otaq huk ancha creativo proyectota rikuchin P'unchaw Diseño hina, creatividadpa sumaq ejemplonkunata allín diseñotawan rikuchispa.</p>
    <a href="https://designoftheday.org/qu/" class="btn btn-danger" target="_blank" rel="noopener">P'unchaw Diseñota Riqsiy</a>
  </div>
</div>
<div data-dotd="designoftheday.org" data-dotd-variant="card"></div>
<script async src="https://designoftheday.org/feature.js?lang=qu"></script>

Akllananchik 3: JSON

Rurawaqkunapaq, app-kunapaq, automatización-paqpis. JSON nisqaqa sutita, sut'inchayta, siq'ip ñanninta, t'inkikunata punchawnintawan hap'in. Wak kamachiqkunamanta mañakuykuna saqillasqam.

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

Kutichiy rikch'anachiy

{
    "domain": "designoftheday.org",
    "name": "P'unchaw Diseño",
    "feature": "P'unchaw Diseño",
    "paragraph": "A' Design Award sapa p'unchaw huk sumaq diseño ruwasqata, huk ancha musuq productota otaq huk ancha creativo proyectota rikuchin P'unchaw Diseño hina, creatividadpa sumaq ejemplonkunata allín diseñotawan rikuchispa.",
    "description": "P'unchaw Diseño sapa p'unchaw huk sumaq diseño ruwasqatam, huk ancha musuq productotam otaq huk ancha creativo proyectotam rikuchin, creatividadpa sumaq ejemplonkunatawan ancha yupaychasqa A' Design Award and Competition riqsisqa allín diseñotawan rikuchispa.",
    "call_to_action": "P'unchaw Diseñota Riqsiy",
    "date": "2026-11-08",
    "language": "qu",
    "image": "https://competition.adesignaward.com/design-of-the-day/today.png",
    "image_alt": "P'unchaw Diseño rikuchisqa, premioyuq creativo sumaq kayninwan",
    "url": "https://designoftheday.org/qu/",
    "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/qu/rikuchiy/"
}

Allinta yachanapaq

  • Siq'i muyuriqninpi t'inkita waqaychay, ahinapi watukuqniykikuna hunt'a rikch'ayta tariy atinqaku.
  • Hawapi rikuchisqa siq'i ñanta llamk'achiy, ama huk copiata waqaychaychikchu, ahinapi paginayki kunanpuni kanqa.
  • Siq'iqa tikraq-midiyuqmi: mana hayk'aqpas huñunanmanta aswan anchu wiñanchu.
  • ¿Yanapata utaq huk sapaq formátuta munankichu? Ama hina kaspa ñuqaykuwan rimanakuy.

Punchawpa Diseño Rimaynin

Punchawpa Diseño Rimaynin

DesignAdage