تخصيص تصميم القائمة

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

تتيح لك قوالب محرر الموقع تخصيص تصميم قائمة موقعك بالكامل من خلال المحرر ضمن مظهر في لوحة التحكم. أما القوالب التقليدية فتوفر خيارات محدودة لتصميم القائمة مدمجة في أداة تخصيص ضمن مظهر في لوحة التحكم.

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

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

يستطيع وكيل ووردبريس إجراء تغييرات على مظهر قائمتك وسلوكها مباشرةً. إليك بعض الأمثلة على ما يمكنك طلبه:

• “غيّر لون قائمة التنقل ليتوافق مع هوية علامتي التجارية.”
• “اجعل القوائم المنسدلة تُفتح عند النقر بدلًا من مرور المؤشر فوقها.”
• “اجعل القائمة تظهر كقائمة هامبورغر على جميع أحجام الشاشات.”
• “أضف فئة CSS باسم ‘featured-link’ إلى عنصر قائمة “اتصل بنا”.”

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

على الرغم من أن موضع القائمة في قوالب محرر الموقع قابل للتخصيص بالكامل، فقد تودّ البدء بالبحث عن قالب يعرض القائمة في الموضع الذي يناسبك. تعرّف على المزيد حول تبديل القوالب.

إذا كنت قد اخترت بالفعل قالب محرر الموقع تريد استخدامه وترغب في تغيير مكان ظهور القائمة، فلديك عدة خيارات:

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

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

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

الأجهزة المحمولة)، فقد لا تتوفر مساحة كافية لعرض جميع الروابط النصية بطريقة يسهل على الزوار على الأجهزة المحمولة النقر عليها.

بدلًا من ذلك، من الشائع طي عناصر القائمة خلف زِر يُسمى قائمة “التراكب” أو “الهامبورغر” (سُمّيت بهذا الاسم لأن الخطوط الأفقية الثلاثة تشبه شطيرة الهامبورغر).

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

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

تفضّل بزيارة دليل مكوّن التنقل للتعرّف على كيفية استخدام جميع ميزات هذا المكوّن.

قد تُطبّق القوالب التقليدية وقوالب الجهات الخارجية إعداداتها الافتراضية الخاصة لكيفية عرض القائمة على الأجهزة المحمولة. راجع وثائق القالب الذي اخترته لمعرفة المزيد.

يمكنك التحكم في ما إذا كانت القائمة المنسدلة تُفتح عندما يمرّ الزائر بمؤشر الفأرة فوق عنصر قائمة، أو ينقر عليه، أو تبقى مرئية في جميع الأوقات.

لضبط ظهور القائمة الفرعية، اتبع هذه الخطوات:

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

فئات CSS هي إحدى خصائص القائمة المتقدمة التي يمكنك استخدامها لتطبيق فئة CSS على عناصر قائمة منفردة.

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

تعرّف على المزيد حول إضافة CSS مخصص.