Ƙungiyar Zane na Yau

Saka Ƙungiyar Zane na Yau a Shafin Yanar Gizonku

Ƙungiyar Zane na Yau tana buga sabon fasali kowace rana. Adireshin hoton ba ya canzawa, amma hoton da ke bayansa yana canzawa, don haka za ku ƙara lambar sau ɗaya kuma masu ziyarar ku za su ga fasalin yau kai tsaye.

Yadda yake aiki

Kowace rana ana buga sabon hoto a adireshi ɗaya mai ƙayyadewa. Shafin ku yana loda wannan adireshin, don haka koyaushe yana nuna fasalin yanzu, kuma danna ya kai masu ziyarar ku zuwa Ƙungiyar Zane na Yau inda cikakken labarin yake.

Kuna son script? Ƙara akwati ɗaya da script ɗaya: widget ɗin zai zana salon da kuka zaɓa da data-dotd-variant (image, cta ko card), a cikin yaren adireshin script ɗin idan wannan yaren yana samuwa. Idan ba za ku iya gudanar da scripts ba, ku yi amfani da sigar HTML ta wannan salon.

Salon A: hoto kawai

Hoton yau, mai haɗi zuwa Ƙungiyar Zane na Yau. Mafi sauƙin zaɓi.

Duba kai tsaye

<a href="https://designteamoftheday.com/ha/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-team-of-the-day/today.png" alt="Ƙungiyar Zane na Yau mai lambar yabo tana haɗin gwiwa kan ayyuka masu kirkiro" 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=ha"></script>

Salon B: hoto da kiran aiki

Hoton yau tare da kiran aiki a ƙasa.

Duba kai tsaye

<a href="https://designteamoftheday.com/ha/" 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="Ƙungiyar Zane na Yau mai lambar yabo tana haɗin gwiwa kan ayyuka masu kirkiro" 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">Gano Ƙungiyar Zane na Yau</span>
</a>

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

Salon C: katin Bootstrap

Katin Bootstrap mai hoton, taken fasalin, ɗan gajeren bayani da maballin kiran aiki. Shafin ku yana buƙatar Bootstrap.

Duba kai tsaye

<div class="card" style="max-width:24rem">
  <a href="https://designteamoftheday.com/ha/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-team-of-the-day/today.png" class="card-img-top" alt="Ƙungiyar Zane na Yau mai lambar yabo tana haɗin gwiwa kan ayyuka masu kirkiro" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Ƙungiyar Zane na Yau</h5>
    <p class="card-text">A' Design Award tana yaba wa ƙungiyoyin ƙirƙira da ke bayan ayyukan zane-zane, gine-gine da kirkiro masu ban mamaki, a matsayin Ƙungiyar Zane na Yau, tana gabatar da manyan ɗakunan zane waɗanda haɗin gwiwarsu, hangen nesansu ɗaya da ƙwarewarsu suka fito fili.</p>
    <a href="https://designteamoftheday.com/ha/" class="btn btn-danger" target="_blank" rel="noopener">Gano Ƙungiyar Zane na Yau</a>
  </div>
</div>

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

Zaɓi na 3: JSON

Don masu haɓaka manhajoji, aikace-aikace da sarrafa kai. JSON ɗin ya ƙunshi sunan, bayanin, adireshin hoton, hanyoyin haɗi da kwanan wata. Ana yarda da buƙatun daga wasu wurare.

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

Misalin amsa

{
    "domain": "designteamoftheday.com",
    "name": "Ƙungiyar Zane na Yau",
    "feature": "Ƙungiyar Zane na Yau",
    "paragraph": "A' Design Award tana yaba wa ƙungiyoyin ƙirƙira da ke bayan ayyukan zane-zane, gine-gine da kirkiro masu ban mamaki, a matsayin Ƙungiyar Zane na Yau, tana gabatar da manyan ɗakunan zane waɗanda haɗin gwiwarsu, hangen nesansu ɗaya da ƙwarewarsu suka fito fili.",
    "description": "Ƙungiyar Zane na Yau tana yaba wa ƙungiyoyin ƙirƙira da ke bayan ayyukan zane-zane, gine-gine da kirkiro masu ban mamaki, tana gabatar da ƙwararrun masu zane na duniya, fitattun ƙwararrun gine-gine da manyan ƙungiyoyin zane a duniya waɗanda haɗin gwiwarsu, hangen nesansu ɗaya da ƙwarewarsu babbar gasar A' Design Award and Competition mai daraja ta amince.",
    "call_to_action": "Gano Ƙungiyar Zane na Yau",
    "date": "2026-11-08",
    "language": "ha",
    "image": "https://competition.adesignaward.com/design-team-of-the-day/today.png",
    "image_alt": "Ƙungiyar Zane na Yau mai lambar yabo tana haɗin gwiwa kan ayyuka masu kirkiro",
    "url": "https://designteamoftheday.com/ha/",
    "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/ha/gabatarwa/"
}

Abin da ya kamata ku sani

Ku bar hanyar haɗin da ke kewaye da hoton, domin masu ziyarar ku su iya ganin cikakken fasalin.
Koyaushe ku yi amfani da adireshin hoton da aka nuna a sama kuma kada ku adana kwafin, domin shafin ku ya kasance na yanzu.
Hoton yana da sauyin girma: ba ya girma fiye da akwatin da yake ciki.
Kuna buƙatar taimako ko tsari na musamman? Da fatan ku tuntuɓe mu.

Tallafi

Gano Ƙirar da Ta Lashe Kyauta