كيفية إضافة قائمة التنقل في ووردبريس (دليل المبتدئين)

آخر تحديث بتاريخ يناير 4, 2025

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

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

يأتي ووردبريس مع واجهة قائمة السحب والإفلات التي يمكنك استخدامها لإنشاء قوائم هيدر وقوائم بخيارات منسدلة وغير ذلك الكثير بسهولة.

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

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

ما هي قائمة التنقل؟

قائمة التنقل (Navigation) عبارة عن قائمة من الروابط التي تشير إلى مناطق مهمة في موقع الويب. وعادة ما يتم تقديمها كشريط أفقي من الروابط في أعلى كل صفحة على موقع ووردبريس.

تمنح هذه القوائم بنية لموقعك وتساعد الزوار في العثور على ما يبحثون عنه. فيما يلي شكل قائمة التنقل على دكتورميجا:

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

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

على سبيل المثال، تحتوي معظم قوالب ووردبريس على قائمة أساسية تظهر في الأعلى. قد تتضمن بعض القوالب أيضًا قائمة ثانوية أو قائمة فوتر أو قائمة تنقل للجوال.

مع ذلك، دعنا نرى كيف يمكنك إنشاء قائمة تنقل مخصصة في ووردبريس.

إنشاء قائمة التنقل المخصصة الأولى الخاصة بك

لإنشاء قائمة تنقل، يجب عليك زيارة صفحة المظهر » القوائم في لوحة إدارة ووردبريس الخاصة بك.

ملاحظة: إذا لم تشاهد خيار المظهر » القوائم على موقعك ورأيت فقط المظهر » المحرر، فهذا يعني أن القالب لديك مفعل به ميزة التحرير الكامل للموقع (FSE). يمكنك النقر هنا للانتقال إلى قسم التحرير الكامل للموقع أدناه.

بمجرد وصولك إلى هناك، أدخل اسمًا لقائمتك، مثل “قائمة التنقل العلوية”، ثم انقر فوق الزر “إنشاء قائمة”.

إنشاء قائمة جديدة

سيؤدي هذا إلى توسيع منطقة القائمة، وستبدو كما يلي:

قائمة تم إنشاؤها حديثًا في ووردبريس

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

أولاً، انقر فوق علامة التبويب “عرض الكل” لعرض جميع صفحات موقعك. بعد ذلك، انقر فوق المربع بجوار كل صفحة تريد إضافتها إلى القائمة، ثم انقر فوق الزر “إضافة إلى القائمة”.

أضف صفحات إلى القائمة الخاصة بك

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

وبهذه الطريقة، يمكنك تغيير ترتيبها وإعادة ترتيبها.

سحب وإفلات الصفحات في القائمة

ملاحظة: يتم إدراج جميع عناصر القائمة في قائمة رأسية (من أعلى إلى أسفل) في محرر القائمة. عند نشر القائمة على موقعك، سيتم عرضها إما رأسيًا أو أفقيًا (من اليمين إلى اليسار)، حسب الموقع الذي تحدده.

تحتوي أغلب القوالب على عدة أماكن مختلفة يمكنك وضع القوائم فيها. في هذا المثال، نستخدم قالب Astra، التي تحتوي على 5 أماكن مختلفة.

بعد إضافة الصفحات إلى القائمة، حدد المكان الذي تريد عرضها فيه وانقر على زر “حفظ القائمة”.

اختيار موقع العرض لقائمتك

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

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

إليكم قائمتنا النهائية على الموقع:

قائمة التنقل النهائية

إنشاء القوائم المنسدلة في ووردبريس

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

عندما تمرر مؤشر الماوس فوق عنصر رئيسي، ستظهر جميع العناصر الفرعية أسفله في قائمة فرعية.

لإنشاء قائمة فرعية، اسحب عنصرًا أسفل العنصر الرئيسي ثم اسحبه قليلاً إلى اليسار. لقد فعلنا ذلك مع 3 عناصر فرعية أسفل “الخدمات” في قائمتنا:

إنشاء قائمة فرعية

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

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

إليك القائمة الفرعية على موقعنا التجريبي:

معاينة القائمة الفرعية في ووردبريس

إضافة فئات إلى قوائم ووردبريس

إذا كنت تستخدم ووردبريس لإدارة مدونة، فقد ترغب في إضافة فئات مدونتك كقائمة منسدلة في قائمة ووردبريس الخاصة بك.

نقوم بذلك على دكتورميجا ولدينا فئات متعددة مثل الأخبار والقوالب والبرامج التعليمية والمزيد.

يمكنك بسهولة إضافة فئات إلى قائمتك بالنقر فوق علامة التبويب “الفئات” على الجانب الأيمن من شاشة القائمة. قد تحتاج أيضًا إلى النقر فوق علامة التبويب “عرض الكل” لرؤية جميع فئاتك.

ما عليك سوى تحديد الفئات التي تريد إضافتها إلى القائمة، ثم النقر فوق الزر “إضافة إلى القائمة”.

إضافة فئات إلى القائمة الخاصة بك

ستظهر الفئات كعناصر قائمة عادية في أسفل القائمة.

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

وضع الفئات تحت عنصر القائمة "المدونة"

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

فيما يلي كيفية ظهور الفئات المختلفة في قائمة التنقل على موقعنا التجريبي:

فئات المدونة في قائمة التنقل

إضافة روابط مخصصة إلى قوائم التنقل الخاصة بموقع ووردبريس

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

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

إضافة رابط مخصص

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

تحرير أو إزالة عنصر قائمة في قوائم التنقل في ووردبريس

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

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

تعديل أو إزالة عنصر القائمة

يمكنك بعد ذلك تغيير اسم عنصر القائمة من هنا. يمكنك أيضًا النقر فوق “إزالة” لإزالة الرابط من القائمة تمامًا.

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

إضافة قوائم التنقل في محرر الموقع الكامل (FSE)

يتيح لك محرر الموقع الكامل الجديد تخصيص قوالب ووردبريس الخاصة بك باستخدام محرر الكتل. تم إصداره في ووردبريس 5.9 ويتيح لك إضافة كتل مختلفة إلى قوالبك لإنشاء تصميم فريد.

لإضافة قائمة تنقل باستخدام محرر الموقع الكامل، قم بزيارة المظهر » المحرر من لوحة تحكم ووردبريس الخاصة بك.

سنستخدم قالب Twenty Twenty-Three الافتراضي لهذا البرنامج التعليمي. لمزيد من التفاصيل، يمكنك الاطلاع على مقالتنا حول أفضل قوالب تحرير الموقع الكامل في ووردبريس.

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

سيؤدي هذا إلى فتح بعض الإعدادات الجديدة في العمود الأيسر.

من هنا، ما عليك سوى النقر على أيقونة “تحرير” في الأعلى.

انقر فوق أيقونة التحرير في FSE

سيؤدي هذا إلى تشغيل محرر الموقع الكامل على شاشتك، حيث يمكنك النقر فوق الرمز “+” لإضافة عنصر قائمة التنقل.

سيتم الآن فتح موجه، ويمكنك تحديد خيار من القائمة المنسدلة.

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

بمجرد إضافة عنصر، انتقل إلى علامة التبويب “الأنماط” من العمود الموجود على اليسار.

يمكنك الآن تغيير الطباعة والمظهر والارتفاع والتباعد وحالة الأحرف وزخرفة النص لعناصر القائمة الخاصة بك.

يمكنك أيضًا إضافة قائمة فرعية بالنقر فوق الايقونة الخاص بها في شريط أدوات الكتلة.

تخصيص عنصر القائمة عن طريق التبديل إلى كتلة الأنماط

عند الانتهاء، يمكنك معاينة التغييرات لمعرفة شكل القائمة في الوقت الفعلي. ثم لا تنس النقر على زر “حفظ” في الأعلى.

إضافة قوائم ووردبريس في الأشرطة الجانبية والتذييلات (الفوترز)

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

انتقل ببساطة إلى المظهر » ويدجات” ثم انقر فوق الزر “إضافة كتلة” (+) في الأعلى وأضف كتلة ويدجت “قائمة التنقل” إلى الشريط الجانبي.

إضافة قائمة التنقل

بعد ذلك، أضف عنوان للويدجت واختر القائمة الصحيحة من القائمة المنسدلة “تحديد القائمة”.

عندما تنتهي، ما عليك سوى النقر فوق الزر “تحديث”.

إضافة قائمة كأداة شريط جانبي

المضي قدمًا مع قوائم التنقل

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

يتيح لك هذا إنشاء قائمة منسدلة تحتوي على الكثير من العناصر، بما في ذلك الصور.

تعد القوائم الضخمة خيار رائع إذا كان لديك موقع كبير، مثل موقع إخباري أو متجر الكتروني. يستخدم هذا النوع من القوائم مواقع مثل Reuters وBuzzfeed وAmazon وما إلى ذلك.

الأسئلة الشائعة حول قوائم ووردبريس

فيما يلي بعض الأسئلة الأكثر شعبية التي يطرحها المبتدئون حول قوائم التنقل في ووردبريس.

1. كيف أضيف رابط الصفحة الرئيسية إلى قائمة ووردبريس؟

لإضافة صفحتك الرئيسية إلى قائمة التنقل، ستحتاج إلى النقر فوق علامة التبويب “عرض الكل” ضمن “الصفحات”. ومن هناك، يجب أن ترى صفحتك الرئيسية.

إضافة الصفحة الرئيسية إلى قائمة التنقل في ووردبريس

حدد المربع بجوار “الصفحة الرئيسية” وانقر فوق “إضافة إلى القائمة”. تذكر حفظ التغييرات.

2. كيف أضيف قوائم تنقل متعددة في ووردبريس؟

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

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

لوضعها على موقعك، انقر فوق علامة التبويب “إدارة المواقع”.

إدارة مواقع القوائم في ووردبريس

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

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

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

اترك تعليقاً