انتقل إلى المحتوى الرئيسي

المصمم المميز لليوم

تضمين المصمم المميز لليوم في موقعك الإلكتروني

ينشر المصمم المميز لليوم محتوى مميزاً جديداً كل يوم. عنوان الصورة لا يتغير، لكن الصورة نفسها تتغير، لذا تضيف الكود مرة واحدة ويرى زوارك المحتوى المميز لهذا اليوم تلقائياً.

كيف يعمل

كل يوم تُنشر صورة جديدة على عنوان ثابت واحد. تقوم صفحتك بتحميل هذا العنوان فتعرض دائماً المحتوى الحالي، وبالنقر عليها ينتقل زوارك إلى المصمم المميز لليوم حيث تُروى القصة كاملة.

تفضّل استخدام سكربت؟ أضف حاوية واحدة وسكربت واحد: يرسم الودجت النمط الذي تختاره عبر data-dotd-variant (image أو cta أو card)، بلغة عنوان السكربت عندما تكون تلك اللغة متاحة. إذا لم تتمكن من تشغيل السكربتات، استخدم نسخة HTML من نفس النمط.

النمط أ: صورة فقط

صورة اليوم، مرتبطة بـ المصمم المميز لليوم. الخيار الأخف.

معاينة حية

<a href="https://designerhighlightoftheday.com/ar/" 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=ar"></script>

النمط ب: صورة ودعوة لاتخاذ إجراء

صورة اليوم مع دعوة لاتخاذ إجراء أسفلها.

معاينة حية

<a href="https://designerhighlightoftheday.com/ar/" 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=ar"></script>

النمط ج: بطاقة Bootstrap

بطاقة Bootstrap تتضمن الصورة وعنوان المحتوى المميز وفقرة قصيرة وزر دعوة لاتخاذ إجراء. يحتاج موقعك إلى Bootstrap.

معاينة حية

<div class="card" style="max-width:24rem">
  <a href="https://designerhighlightoftheday.com/ar/" 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' Design Award الضوء كل يوم على مصمم رائد أو معماري نجم أو مبدع متميز أو مبتكر باعتباره المصمم المميز لليوم، مستعرضةً إنجازاته وأعماله الإبداعية وإسهاماته في عالم التصميم.</p>
    <a href="https://designerhighlightoftheday.com/ar/" 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=ar"></script>

الخيار 3: JSON

للمطورين والتطبيقات والأتمتة. يحتوي JSON على الاسم والوصف وعنوان الصورة والروابط والتاريخ. الطلبات عبر النطاقات مسموح بها.

fetch("https://designerhighlightoftheday.com/feature.json?lang=ar")
  .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' Design Award الضوء كل يوم على مصمم رائد أو معماري نجم أو مبدع متميز أو مبتكر باعتباره المصمم المميز لليوم، مستعرضةً إنجازاته وأعماله الإبداعية وإسهاماته في عالم التصميم.",
    "description": "يسلّط موقع المصمم المميز لليوم الضوء كل يوم على مصمم رائد أو معماري نجم أو مبدع متميز أو مبتكر، مستعرضًا إنجازاتهم وأعمالهم الإبداعية وإسهاماتهم في عالم التصميم، وفقًا لتقدير جائزة A' Design Award and Competition المرموقة.",
    "call_to_action": "اكتشف المصمم المميز لليوم",
    "date": "2026-11-08",
    "language": "ar",
    "image": "https://competition.adesignaward.com/highlight-of-the-day/today.png",
    "image_alt": "المصمم المميز لليوم يعرض مصممًا استثنائيًا ضمن مجتمع التصميم العالمي",
    "url": "https://designerhighlightoftheday.com/ar/",
    "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/ar/tadmeen/"
}

معلومات مفيدة

  • أبقِ الرابط حول الصورة ليتمكن زوارك من اكتشاف المحتوى المميز كاملاً.
  • استخدم دائماً عنوان الصورة الموضح أعلاه ولا تخزّن نسخة منها، حتى تبقى صفحتك محدّثة.
  • الصورة متجاوبة: لن تتجاوز عرض الحاوية أبداً.
  • تحتاج مساعدة أو تنسيقاً مخصصاً؟ يرجى التواصل معنا.

إعلان مموّل

اكتشف تصاميم حائزة على جوائز

اقتباس التصميم لهذا اليوم

اقتباس التصميم لهذا اليوم

DesignAdage