الأدلة/إنشاء محتوى/التصميم/تصميم الأعمدة الخاصة بك

تصميم الأعمدة الخاصة بك

يمكنك استخدام الأعمدة لترتيب المحتوى في تخطيطات منظَّمة، ما يجعل موقعك جذابًا بصريًا ويسهل التنقل فيه. في هذا الدليل، ستتعرَّف على كيفية تخصيص جوانب تصميم الأعمدة الخاصة بك، مثل: الألوان والمحاذاة والمظهر على الهاتف المحمول.

تغيير ألوان الأعمدة

لإضافة لون خلفية الأعمدة أو تغييره، اتبع الخطوات الآتية:

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

إذا كنت تريد تحديد ألوان مختلفة لكل عمود، اتبع الخطوات نفسها لكن حدد مكوِّن أعمدة فرديًا في طريقة عرض القائمة بدلاً من مكوِّن الأعمدة الكلي.

محاذاة المحتوى في عمود

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

  1. حدد طريقة عرض القائمة في الزاوية العلوية اليسرى من المحرر. إنها أيقونة تبدو كثلاثة خطوط أفقية فوق بعضها.
  2. حدد موقع مكوِّن الأعمدة هنا وانقر عليه:
قائمة المكوِّنات، مع تحديد الأعمدة.
  1. في شريط الأدوات الذي يظهر فوق الأعمدة المحددة أو تحتها، انقر على خيار المحاذاة العمودية:
يتم تمييز خيار المحاذاة العمودية. يبدو وكأنه خطًا أفقيًا مع مستطيل ثابت تحته.
  1. أختر من “محاذاة لأعلى“، أو “محاذاة للوسط“، أو “محاذاة للأسفل” بحيث يكون كل المحتوى داخل الأعمدة موجودًا في الجزء العلوي أو الأوسط أو الأسفل من حاوية العمود.

إذا كنت تريد تحديد عمليات محاذاة مختلفة لكل عمود، اتبع الخطوات نفسها لكن حدد عمودًا فرديًا في طريقة عرض القائمة، بدلاً من الأعمدة الكلية. يعني القيام بذلك أنه يمكنك إنشاء تخطيط مبعثر كهذا:

مثال للأعمدة حيث تكون عمليات المحاذاة لكل عمود مختلفة.

تكديس الأعمدة على الهاتف المحمول

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

يمكنك اختيار “تكديس” الأعمدة على شاشات الهواتف المحمولة بحيث تظهر واحدة فوق الأخرى، بدلاً من كل شيء في سطر واحد:

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

يحدد مفتاح التبديل هذا ما إذا تم عرض الأعمدة بشكل أفقي أم مكدسة عموديًا عند عرض صفحة أو تدوينة على جهاز محمول. في ما يأتي مثال للأعمدة المكدسة عند عرضها على شاشات سطح المكتب/الحاسوب المحمول مقارنة بشاشة الهاتف المحمول:

ثلاثة أعمدة تظهر جنبًا إلى جنب.
جهاز مكتبي
ثلاثة أعمدة مكدسة فوق بعضها على شاشة أصغر.
الهاتف المحمول
Copied to clipboard!