الأدلة/الأنماط/إعدادات الحدود والظلال

إعدادات الحدود والظلال

تحتوي العديد من المكوِّنات في محرِّر WordPress على إعدادات الحدود لإضافة خط الحدود حول المحتوى الخاص بك. سيوضح لك هذا الدليل كيفية استخدام إعدادات الحدود.

إعدادات الحدود والظلال

يمكن تطبيق إعدادات الحدود والظلال على الموقع بأكمله، أو على عناصر محددة في موقعك، أو على مكوِّن واحد من المحتوى. يظهر خيار تطبيق الحدود والظلال فقط للمكوِّنات التي تدعم الحدود.

لتعديل إعدادات النمط لموقعك بالكامل، اتبع الخطوات التالية:

  1. تفضَّل بزيارة لوحة تحكم موقعك.
  2. انتقل إلى المظهر ← المحرّر.
  3. حدد الأنماط من القائمة اليسرى.

تعرّف على المزيد حول تحرير أنماط موقعك.

لتغيير إعدادات أنماط موقعك بالكامل، اتبع الخطوات التالية:

  1. تفضَّل بزيارة لوحة تحكم موقعك.
  2. انتقل إلى الصفحة، أو التدوينة، أو النموذج الذي ترغب في تحريره.
  3. حدد المكوّن الذي ترغب في تطبيق النمط عليه.
  4. حدد موقع الشريط الجانبي لإعدادات المكوِّن.

في معظم الحالات، ستكون إعدادات النمط في الشريط الجانبي لإعدادات المكوّن الرئيسية. في بعض الأحيان، سَترى علامة تبويب مُنفصلة في الأنماط، مُمَثلة بدائرة سوداء وبيضاء.

شريط جانبي لإعدادات المكوّن مع سهم يشير إلى خيار الأنماط.
سهم يشير من أيقونة "الأنماط" في إعدادات المكوِّن إلى قسم "الحدود والظلال".
مثال على إعدادات الحدود والظلال في مكوِّن الصورة

عرض كل الإعدادات

اضبط مظهر المكوِّن الخاص بك باستخدام الإعدادات الآتية:

إذا لم يظهر لك الإعداد، انقر فوق النقاط الثلاث على يمين الحدود والظلال (كما هو موضح على اليمين). يمكنك بعد ذلك اختيار الخيار الذي تريد الوصول إليه:

  • الحدود
  • نصف القطر
  • الظلال
سهم يشير من قائمة النقاط الثلاث "الحدود والظلال" إلى إعدادات الحد والظل.

إضافة الحدود

يسمح لك إعداد الحدود بإضافة خط يحيط بالمكوِّن. يمكنك اختيار سُمك، ولون، ونصف قطر الحدود.

لإضافة الحدود إلى مكوِّن:

  1. حدد المكوّن المطلوب ومن ثَمَ تهيئة إعداداته في الشريط الجانبي للمكوّن.
  2. حدد قسم الحدود والظلال في الشريط الجانبي.
  3. أدخل قيمة دقيقة أو اسحب شريط التمرير لرسم الحدود.
  4. اختياري: غيّر لون الحدود بالنقر على الدائرة الموجودة على يسار حقل الحجم. حدد لون قالب، أو لون افتراضي، أو قم بتعيين لون خاص بك باستخدام منتقي الألوان.

افتراضيًا، يتم حساب قيم الحدود بالبكسل.  انقر على ”px“ بجوار الحقل للتغيير إلى إحدى الوحدات الأخرى (%، وem، وrem، وvw، وvh). تعرف على المزيد حول وحدات إعداد الأبعاد المختلفة.

Video showing how to add a border to an image block.

ضبط نصف قطر الحدود

يمنح إعداد نصف القطر مظهرًا دائريًا لحدود مكوِّنك. تعيين نصف القطر إلى 0 يعني أن المكوِّن له حواف حادة، بينما نصف القطر 100 يعني حوافًا مستديرة كما يلي:

مكوِّن صورة بحدود مستديرة.
مكوِّن صورة بحدود مستديرة

الإعدادات المتقدمة

يمكنك أن تكون مبدعًا في إعدادات الحدود ونصف القطر. باستخدام خيار “إلغاء ربط الجوانب”، يمكنك تعيين الحدود ونصف القطر لكل جانب من جوانب المكوِّن.

مربع مرسوم حول أيقونة إلغاء ربط الجوانب، مع تلميح الأداة الذي يقرأ "إلغاء ربط الجوانب".

لتعيين حدود أو نصف قطر مخصص لكل جانب:

  1. انقر على أيقونة إلغاء ربط الجوانب على يمين الحدود أو نصف القطر.
  2. عيّن أبعاد مخصصة لكل جانب.

يمكنك أيضًا تعيين ألوان وأنماط مختلفة للحدودبالنقر على منتقي لون ونمط الحد.

إعدادات الحدود ونصف القطر
مثال على الحدود ونصف القطر المخصصين لإنشاء تأثير فريد.

إضافة الظلال

متوفر في مكوِّنات معينة (بما في ذلك الزر، والصورة، والأعمدة)، يمنح خيار الظلال مكوِّنك ظلًا خلفه.

قسم الظل مفتوح مع سهم يشير إلى خيارات الظلال المختلفة.
مثال على زر في مكوِّن الأزرار مع تطبيق الظلال.

اختر أحد تأثيرات الظلال التالية لعنصرك:

  • طبيعي
  • عميق
  • حاد
  • مُحدد
  • واضح

تخصيص إعدادات الظل

يمكنك تخصيص تأثيرات الظل الافتراضية أو إنشاء تأثيرات خاصة بك من خلال محرِّر الأنماط.

  1. تفضَّل بزيارة لوحة تحكم موقعك.
  2. انتقل إلى المظهر ← المحرر.
  3. حدد “الأنماط” من القائمة اليسرى.
    • في المحرِّر، يمكنك أيضًا تحديد أيقونة الأنماط في الزاوية العلوية اليمنى — يبدو الزر وكأنه دائرة بالأبيض والأسود.
  4. انقر على خيار “الظلال”.
  5. انقر فوق اسم الظل الذي ترغب في تخصيصه. لإنشاء ظل مخصص جديد، انقر على أيقونة الزائد بجانب عنوان “مخصص” ثم انقر على اسم الظل المخصص الجديد.
  6. في إعدادات الظلال، ستشاهد معاينة لشكل الظل، مع اسم الظل في الأسفل. انقر فوق اسم الظل لضبط الإعدادات التالية:
    • اللون: باستخدام منتقي الألوان، اختر لون الظل.
    • خارجي أم داخلي: حدد ما إذا كان الظل سيظهر خارج العنصر أم داخله.
    • الموضع X والموضع Y: اضبط المسافة التي يجب أن يبعدها الظل عن الكائن.
    • الضبابية: اضبط درجة عدم وضوح الظل.
    • الانتشار: اضبط مدى كبر أو صغر الحجم الذي يجب أن يظهر به الظل.
  7. بمجرد الانتهاء، انقر فوق الزر “حفظ” لحفظ التغييرات التي أجريتها.

إعادة تعيين الحدود والظلال

يمكنك إعادة تعيين التخصيصات المطبقة على الحدود والظلال للمكوِّن، ثم ابدأ من جديد. لإعادة تعيين الأنماط:

  1. انقر فوق خيارات “الحدود والظلال” (رمز النقاط الثلاث العمودية الموجود على الجانب الأيمن من عنوان القسم.)
  2. ألغِ تحديد إعداد فردي لإعادة تعيين إعداد محدد، أو انقر فوق “إعادة تعيين الكل” لإعادة تعيين كل الإعدادات.

إذا لم يكن هناك خيار لإعادة التعيين، فهذا يعني عدم وجود تخصيصات لإزالتها.

سهم من أيقونة إعدادات الحدود إلى مربعات مرسومة حول الإعدادات الفردية وخيار "إعادة تعيين الكل".
Copied to clipboard!