דלג לתוכן הראשי

מעצב/ת מובחר/ת של היום

הטמעת מעצב/ת מובחר/ת של היום באתר שלכם

מעצב/ת מובחר/ת של היום מפרסם תוכן חדש כל יום. כתובת התמונה לא משתנה, אך התמונה עצמה כן — מוסיפים את הקוד פעם אחת והמבקרים שלכם רואים אוטומטית את התוכן של היום.

איך זה עובד

כל יום מתפרסמת תמונה חדשה בכתובת קבועה אחת. הדף שלכם טוען את הכתובת הזו, כך שהוא תמיד מציג את התוכן העדכני, ולחיצה מובילה את המבקרים אל מעצב/ת מובחר/ת של היום שם מוצג הסיפור המלא.

מעדיפים סקריפט? הוסיפו מיכל אחד וסקריפט אחד: הווידג׳ט מציג את הסגנון שתבחרו באמצעות data-dotd-variant (image,‏ cta או card), בשפת כתובת הסקריפט כאשר השפה זמינה. אם אינכם יכולים להריץ סקריפטים, השתמשו בגרסת ה-HTML של אותה וריאציה.

וריאציה A: תמונה בלבד

תמונת היום, עם קישור אל מעצב/ת מובחר/ת של היום. האפשרות הקלה ביותר.

תצוגה מקדימה חיה

<a href="https://designerhighlightoftheday.com/he/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" alt="המעצב/ת המובחר/ת של היום המציג/ה מעצב/ת מרשים/ה, חלק מקהילת העיצוב הבינלאומית" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designerhighlightoftheday.com/feature.js?lang=he"></script>

וריאציה B: תמונה וקריאה לפעולה

תמונת היום עם קריאה לפעולה מתחתיה.

תצוגה מקדימה חיה

<a href="https://designerhighlightoftheday.com/he/" target="_blank" rel="noopener" style="display:block;max-width:100%;color:inherit;text-decoration:none;text-align:center">
  <img src="https://competition.adesignaward.com/highlight-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="designerhighlightoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designerhighlightoftheday.com/feature.js?lang=he"></script>

וריאציה C: כרטיס Bootstrap

כרטיס Bootstrap עם התמונה, כותרת התוכן, פסקה קצרה וכפתור קריאה לפעולה. הדף שלכם צריך Bootstrap.

תצוגה מקדימה חיה

<div class="card" style="max-width:24rem">
  <a href="https://designerhighlightoftheday.com/he/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/highlight-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' מציג מדי יום מעצב/ת מוביל/ה, אדריכל/ית כוכב/ת, יוצר/ת מוביל/ה או חדשן/ית כמעצב/ת מובחר/ת של היום, תוך הצגת הישגיהם, עבודתם היצירתית ותרומתם לעולם העיצוב.</p>
    <a href="https://designerhighlightoftheday.com/he/" class="btn btn-danger" target="_blank" rel="noopener">גלו את המעצב/ת המובחר/ת של היום</a>
  </div>
</div>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designerhighlightoftheday.com/feature.js?lang=he"></script>

אפשרות 3: JSON

למפתחים, אפליקציות ואוטומציה. ה-JSON מכיל את השם, התיאור, כתובת התמונה, הקישורים והתאריך. בקשות חוצות-מקור מותרות.

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

תגובה לדוגמה

{
    "domain": "designerhighlightoftheday.com",
    "name": "מעצב/ת מובחר/ת של היום",
    "feature": "מעצב/ת מובחר/ת של היום",
    "paragraph": "פרס העיצוב A' מציג מדי יום מעצב/ת מוביל/ה, אדריכל/ית כוכב/ת, יוצר/ת מוביל/ה או חדשן/ית כמעצב/ת מובחר/ת של היום, תוך הצגת הישגיהם, עבודתם היצירתית ותרומתם לעולם העיצוב.",
    "description": "מעצב/ת מובחר/ת של היום מציג/ה מדי יום מעצב/ת מוביל/ה, אדריכל/ית כוכב/ת, יוצר/ת מוביל/ה או חדשן/ית, תוך הצגת הישגיהם, עבודתם היצירתית ותרומתם לעולם העיצוב, כפי שהוכרו על ידי פרס העיצוב והתחרות היוקרתי A' Design Award and Competition.",
    "call_to_action": "גלו את המעצב/ת המובחר/ת של היום",
    "date": "2026-11-08",
    "language": "he",
    "image": "https://competition.adesignaward.com/highlight-of-the-day/today.png",
    "image_alt": "המעצב/ת המובחר/ת של היום המציג/ה מעצב/ת מרשים/ה, חלק מקהילת העיצוב הבינלאומית",
    "url": "https://designerhighlightoftheday.com/he/",
    "feature_url": "https://competition.adesignaward.com/designer-highlight-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/designer-highlights-of-the-days.php",
    "embed_url": "https://designerhighlightoftheday.com/he/hatmaa/"
}

טוב לדעת

  • שמרו על הקישור סביב התמונה, כדי שהמבקרים שלכם יוכלו לגלות את התוכן המלא.
  • השתמשו תמיד בכתובת התמונה המוצגת למעלה ואל תשמרו עותק, כך הדף שלכם יישאר מעודכן.
  • התמונה רספונסיבית: היא לעולם לא מתרחבת מעבר לרוחב המיכל שלה.
  • צריכים עזרה או פורמט מותאם אישית? אנא צרו איתנו קשר.

ממומן

גלו עיצובים זוכי פרסים

ציטוט העיצוב של היום

ציטוט העיצוב של היום

DesignAdage