نظرة عامة على إعدادات الأبعاد

يمكنك استخدام إعدادات الأبعاد في المتلزمات (الكتل) لمساعدتك في تخصيص تخطيطك وتصميمك بشكل أفضل. تؤثر هذه الإعدادات على أبعاد الكتل بطرق مختلفة، بما في ذلك كيفية وضع مجموعات الكتل بجانب بعضها البعض.

تتوفر إعدادات الأبعاد عند استخدام محرر الكتل. إذا كنت جديداً على مححر الكتل، فستوضح لك هذه الدليل كيفية العمل مع الكتل. يمكنك قراءة المزيد حول ميزات وتحسينات محرر الكتل الجديد في هذه المقالة.

كيفية الوصول إلى إعدادات الأبعاد

يمكن العثور على إعدادات الأبعاد في الشريط الجانبي لإعدادات الكتل الخاص بـ الكتلة تحت قسم الأبعاد (Dimension).

إذا لم ترَ الشريط الجانبي لـ إعدادات الكتل (Block Settings)، فقم بتحديد الكتلة التي تريد تخصيصها، ثم انقر على أيقونة الإعدادات (الترس) الموجودة إلى يمين زري نشر (Publish) أو تحديث (Update) في محرر ووردبريس.

فيما يلي بعض الأمثلة من كتل مختلفة:

في قسم الأبعاد (Dimension)، انقر على القائمة ذات النقاط الثلاث (المعروفة أيضاً باسم علامة الحذف) لاستكشاف جميع إعدادات الأبعاد غير المرئية افتراضياً.

لاحظ أن نوع إعدادات الأبعاد التي يمكنك رؤيتها في كتلتك يعتمد على ما إذا كانت مدعومة من قبل الكتلة أم لا.

إذا قمت بإجراء تخصيصات على هذه الإعدادات وأردت العودة إلى الإعدادات الأصلية بسرعة، يمكنك القيام بذلك عن طريق تحديد أيقونة القائمة ذات النقاط الثلاث والنقر على إعادة تعيين الكل (Reset All) كما هو موضح في هذه المقالة. يؤدي هذا إلى إعادة تعيين الإعدادات وإزالة كافة التغييرات الخاصة بك. يمكنك إعادة تعيين الإعدادات الفردية بالنقر فوق إعادة تعيين (Reset) على كل إعداد. يمكنك أيضاً إعادة تعيينها كلها دفعة واحدة بالنقر فوق خيار إعادة تعيين الكل (Reset All).

أنواع الإعدادات

تأتي كل كتلة مع إعدادات أبعاد مختلفة.

الحشوة الداخلية (Padding)

يؤثر هذا الإعداد على المسافة بين محتوى الكتلة وحدودها. يمكنك إما تعيين حشوات أفقية وعمودية أو تعيين قيم حشوة مختلفة لكل جانب. لتعيين حشوة مختلفة لكل جانب، اتبع الخطوات الواردة في قسم إلغاء ربط الجوانب (Unlink sides).

الهوامش الخارجية (Margin)

يؤثر هذا الإعداد على المساحة المحيطة بالكتلة. يمكنك إما تعيين هوامش أفقية وعمودية أو تعيين قيم هوامش مختلفة لكل جانب. لتعيين هوامش مختلفة لكل جانب، اتبع الخطوات الواردة في قسم إلغاء ربط الجوانب (Unlink sides).

معاينة الهوامش والحشوات

عند تغيير الهامش أو الحشوة في الكتلة، سيعرض المحرر التغيير المقابل، مميزاً في مربع أزرق حول الكتلة.

تباعد الكتل (Block spacing)

يؤثر هذا الإعداد على المسافة بين الكتل المتداخلة. هذا يعني أنه إذا قمت بتعيين تباعد الكتل للكتلة بأكملها، يمكنك تغيير تباعد الكتلة المتداخلة داخل الكتلة الأصلية. يمكنك العثور على هذا الإعداد في كتل مثل كتلة الأزرار (Buttons block) أو كتلة المجموعة (Group block).

ضمن هذا الإعداد، يمكنك اختيار تعيين تباعد الكتل باستخدام قيم مختلفة: px, %, em, rem, vw, vh.

الحد الأدنى للارتفاع (Minimum height)

يمكنك هذا الإعداد من تعيين حد أدنى لارتفاع الكتلة. يمكنك العثور على هذا الخيار في كتلة الغلاف (Cover block)، كتلة محتوى المنشور (Post Content block)، كتلة المجموعة (Group block) (بما في ذلك خيارات الصف (Row) و التكديس (Stack)). ضمن هذا الإعداد، يمكنك اختيار تعيين الارتفاع باستخدام قيم مختلفة: px, %, em, rem, vw, vh.

من أمثلة الاستخدام هو ضمان أن يكون لمنطقة محتوى المنشور حد أدنى للارتفاع، مما يجبر منطقة التذييل (Footer) على الظهور في أسفل الصفحة، حتى لو كانت الصفحة تحتوي على محتوى قليل جداً. ولهذا السبب، من المفيد جداً استخدام الوحدات النسبية لإطار العرض (viewport) عند تعيين الحد الأدنى للارتفاع، على سبيل المثال 100vh للكتلة التي تشغل ارتفاع إطار العرض بأكمله.

إلغاء ربط الجوانب (Unlink sides)

افتراضياً، ستطبق إعدادات الحشوة والهامش نفس القيمة على الإعدادات العمودية والأفقية حول الكتلة. يمكنك إضافة قيمة مختلفة لكل جانب بالقر على أيقونة خيارات الحشوة أو خيارات الهامش الموجودة على اليمين.

ستظهر قائمة منسدلة يمكنك من خلالها تحديد أي جانب لتعديله. يمكنك تحديد جانب معين (أعلى (Top)، يمين (Right)، أسفل (Bottom)، و يسار (Left)) ليكون له إعداد خاص به، أو تحديد مخصص (Custom) لعمل إعدادات فردية لكل جانب.

ل العودة إلى إضافة نفس القيمة لجميع الجوانب، ما عليك سوى تحديد نفس الأيقونة مرة أخرى.

تعيين حجم مخصص وتغيير الوحدات (Set custom size & change units)

يمكنك إضافة قيم مخصصة لهامش الكتلة أو حشوتها أو تباعدها، وكذلك تغيير الوحدات إلى إحدى الوحدات التالية: px, %, em, rem, vw, vh.

الكتل التي تحتوي على إعدادات الأبعاد

تتوفر تركيبات مختلفة من هذه الخيارات في الكتل التالية:

• الارشيف (Archives)
• الصوت (Audio)
• الصورة الرمزية (Avatar)
• سحابة الوسوم (Tag Cloud)
• جدول المحتويات - غير متوفر في الإصدار 6.1
• الجدول (Table)
• وصف التصنيف (Term Description)
• الفاصل (Spacer)
• تاريخ المنشور (Post Date)
• العنوان الرئيسي (Heading)
• الفقرة (Paragraph)
• عنوان الاستعلام (Query Title)
• عنوان المنشور (Post Title)
• الفيديو (Video)
• القائمة (List)
• الوسائط والنص (Media & Text)
• البيت الشعري (Verse)
• التصنيفات (Categories)
• رابط تحرير التعليق (Comment Edit Link)
• تاريخ التعليق (Comment Date)
• رابط الرد على التعليق (Comment Reply Link)
• شعار الموقع (Site Logo)
• روابط التواصل الاجتماعي (Social Links)
• معرض الصور (Gallery)
• الزر / الأزرار (Button/Buttons)
• البرمجة (Code)
• العمود / الأعمدة (Column/Columns)
• اسم كاتُب التعليق (Comment Author Name)
• محتوى التعليق (Comment Content)
• عنوان التعليقات (Comments Title)
• الغلاف (Cover)
• المجموعة (Group)
• العنوان الرئيسي (Heading)
• التنقل (Navigation)
• كاتب المنشور (Post Author)
• نبذة عن كاتب المنشور (Post Author Biography)
• اسم كاتب المنشور (Post Author Name)
• محتوى المنشور (Post Content)
• مقتطف المنشور (Post Excerpt)
• الصورة البارزة للمنشور (Post Featured Image)
• قراءة المزيد (Read More)
• الصف (Row)
• الفاصل الأفقي (Separator)
• شعار الموقع الفرعي (Site Tagline)
• عنوان الموقع (Site Title)
• التكديس (Stack)

العرض التوضيحي

فيما يلي عرض توضيحي لمختلف الإعدادات أثناء العمل مع الصورة البارزة للمنشور، وإلغاء ارتباط جوانب الكتلة، واستخدام وحدات مختلفة.