تتيح لك إعدادات الموضع (Position Settings) في الكتل (Blocks) تحديد كيفية وضع العنصر وتمركزه في موقعك. ولا تتوفر هذه الإعدادات إلا في عدد قليل من الكتل عندما يتم وضعها في الجذر الرئيسي للموقع (Root).
تتوفر إعدادات الموضع عند استخدام محرر الكتل (Block Editor). إذا كنت جديداً على محرر الكتل، فستوضح لك هذه المقالة كيفية التعامل مع الكتل.
كيفية الوصول إلى إعدادات الموضع
للوصول إلى إعدادات الموضع، قم بإضافة كتلة مجموعة (Group)، أو صف (Row)، أو مكدس (Stack) إلى جذر المحتوى الخاص بك، بمعنى ألا تكون موضوعة داخل كتلة أخرى. في شريط إعدادات الكتلة الجانبي للكتلة التي أضفتها، ستجد قسم الموضع (Position) كما هو موضح أدناه.
نوع الإعدادات
تأتي كل كتلة مدعومة بخيارين مختلفين للموضع. تلقائياً، ستستخدم الكتل خيار "الافتراضي" (Default). يمكنك التبديل بين هذين الخيارين كما تشاء. إذا لمس تشاهد هذه الإعدادات، فذلك يرجع إما إلى أن الكتلة لا تدعم خيار التمركز، أو -إذا كانت إحدى الكتل المدرجة ضمن الكتل التي تتضمن هذه الإعدادات- أن الكتلة غير موضوعة في جذر الموقع، بمعنى أنها وُضعت داخل كتلة أخرى.
الافتراضي (Default)
هذا هو الخيار الذي يتم تحديده تلقائياً. وهو يتيح وضع الكتلة بالطريقة المعتادة لها بالنسبة للكتل الأخرى.
المثبت / اللاصق (Sticky)
يتيح لك هذا الخيار إبقاء كتل المستوى العلوي مثبتة في أعلى الصفحة أثناء قيام الزوار بالتمرير. ويتطابق هذا مع خاصية CSS التي تحمل نفس الاسم.
الكتل التي تتضمن إعدادات الموضع
للتذكير، لن تظهر هذه الإعدادات إلا للكتل التالية عند وضع تلك الكتلة في جذر موقعك، أي ألا تكون موضوعة داخل كتلة أخرى.
- المجموعة (Group)
- الصف (Row)
- المكدس (Stack)
توضيح وعرض عملي
جعل جزء قالب الهيدر (Header Template Part) ثابتاً ومثبتاً (Sticky)
من الاستخدامات الشائعة لخيار الموضع المثبت (Sticky) هو وجود هيدر يلتصق بأعلى الصفحة أثناء تمرير الزائر. لتحقيق ذلك، اتبع الخطوات التالية:
- افتح عرض القائمة (List View) وحدد كتلة جزء قالب الهيدر (Header Template Part). تأكد من أن كتلة جزء قالب الهيدر هذه غير موضوعة داخل كتلة أخرى.
- حدد قائمة النقاط الثلاث إما في عرض القائمة أو في شريط أدوات الكتلة، واختر خيار مجموعة (Group). سيؤدي هذا إلى إحاطة كتلة جزء قالب الهيدر بكتلة مجموعة (Group block).
- حدد كتلة المجموعة التي تم إنشاؤها للتو وافتح شريط إعدادات الكتلة الجانبي.
- أضف لون خلفية لكتلة المجموعة ضمن علامة التبويب "التصميم" (Styles) في إعدادات الكتلة. يضمن هذا أنه عندما يقوم الزائر بالتمرير، لا تتداخل العناصر الموجودة في جزء قالب الهيدر مع بقية الكتل الموجودة على الصفحة.
- قم بالتمرير لأسفل إلى إعدادات الموضع (Position) واختر ثابت / مثبت (Sticky).