Skip to main content
يعرض بلوك Image صورة واحدة داخل درج السلة (شارة ثقة أو رسمًا ترويجيًا أو تجهيزًا مُستضافًا مثل شريط من أيقونات الدفع) لإضافة طمأنة بصرية أو ترويج إلى السلة، إما برفع صورتك الخاصة أو بإدراج تجهيز جاهز.
بلوك الصورة يعرض صورة مُستضافة أو أصل تجهيز مسبق داخل درج السلة

السلوك

  • إذا لم تُضبط صورة ولا تجهيز مسبق، لا يعرض البلوك أي شيء في السلة المنشورة. أما في المحرر فيعرض عنصرًا نائبًا بعنوان “Add an image” ليبقى البلوك قابلًا للتحديد.

الإعدادات

عند اختيار تجهيز مسبق، يحل محل أي صورة مرفوعة، ويُستخدم النص البديل الخاص بالتجهيز إذا تركت حقل Alt text فارغًا.

الموضع والحدود

  • المنطقة: أي منطقة (الأعلى أو الجسم أو الأسفل).
  • الحد الأقصى: 3 لكل حالة سلة — للسلة الممتلئة والسلة الفارغة حصة مستقلة لكل منهما.
  • الحالة: السلة الممتلئة والفارغة معًا.
  • لا يُضاف افتراضيًا. غير مقفل — يمكنك إزالته أو إخفاؤه.

القالب المخصص

يدعم قالبًا مخصصًا من تبويب Code الخاص به، والذي يستبدل الترميز المدمج لهذا البلوك بكود JSX الخاص بك. هذه هي الخصائص (props) التي يستقبلها.
قد تكون altText فارغة. اعرض alt="" بدلًا من حذف السمة، حتى تُعامَل الصورة كصورة زخرفية. maxHeight وfullWidth هما قيمتان عليك تطبيقهما في أنماطك الخاصة؛ فالقالب لا يطبقهما نيابةً عنك.

التصميم

نسّق هذا البلوك من قسم Design الخاص به في لوحة الإعدادات. هذه تجاوزات على مستوى البلوك تُطبَّق فوق تصميمك العام وتعود إليه عند تركها فارغة. ما هي إعدادات التصميم؟ اعرف المزيد هنا: إعدادات التصميم.