مرجع الكتل
دليل عناصر القوالب
كل كتلة من كتل Gutenberg الأساسية بأنماطها الرسمية — يُستخدم كمرجع تنسيقٍ شاملٍ للثيم.
core/heading — h1…h6
عنوان رئيسي H1
عنوان فرعي H2
عنوان فرعي H3
عنوان فرعي H4
عنوان فرعي H5
عنوان فرعي H6
core/paragraph — نص غني
هذه فقرةٌ نموذجية توضّح تنسيق النص الأساسي في الثيم، مع نصٍّ بارز، ورابطٍ تشعّبي، ونصٍّ مظلَّل، إضافةً إلى رمزٍ مضمّن داخل السطر. ضُبط ارتفاع السطر وحجم الخط ولونه لقراءةٍ مريحة بالعربية.
فقرةٌ ثانية للتأكد من المسافات الرأسية المتساوية بين الفقرات المتتالية.
core/list — قائمة نقطية ومرقّمة
قائمة نقطية
- عزلٌ نشط للضجيج
- بطارية ٣٦ ساعة
- شحنٌ سريع
- اتصال مزدوج
قائمة مرقّمة
- أضِف المنتج إلى السلة
- أدخِل بيانات الشحن
- اختر طريقة الدفع
- أكّد الطلب
core/quote
«تجربةٌ راقية من البداية للنهاية، ومنتجاتٌ أصلية بأسعارٍ واضحة.»
نورة العتيبي — عميلةٌ في رَصين
core/pullquote
نختار التقنية بعناية، لا بكثرة.
شعار رَصين
core/table
| الخطة | التوصيل | الإرجاع | السعر |
|---|---|---|---|
| القياسية | ٣–٥ أيام | ١٤ يوماً | مجّاني فوق ٢٠٠ ر.س |
| السريعة | ٢٤ ساعة | ١٤ يوماً | ٢٥ ر.س |
| المجدولة | وقتٌ تختاره | ١٤ يوماً | ١٥ ر.س |
core/buttons — رئيسي / شبحي / داكن
core/image + caption
صورة بنسبة ١٦:٩
core/columns — عمودان
العمود الأول
محتوى العمود الأول داخل مجموعةٍ بحدودٍ وظلٍّ خفيف.
العمود الثاني
محتوى العمود الثاني بنفس التنسيق والمحاذاة.
core/separator — خطّي / منقّط
core/code
<div class="product-card"> <div class="product-media"></div> <div class="product-body"></div> </div>
form + core/search