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

نشرت: 2021-04-24

هل تريد تعديل قوائمك وتحسين التنقل؟ في هذه المقالة سوف نوضح لك كيفية إضافة صفحة إلى قائمة WordPress ومساعدة زوارك على تصفح موقعك.

لماذا تخصيص وإضافة صفحة إلى قائمة WordPress؟

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

عندما يهبط الزوار على موقع الويب الخاص بك ، فإنهم يرون رأسك أولاً. على سبيل المثال ، دعنا نلقي نظرة على عنوان موقعنا.

رأس رباعي الطبقات

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

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

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

1) كيفية إضافة صفحة إلى قائمة WordPress الخاصة بك

هناك طريقتان لإضافة صفحة إلى قائمة WordPress الخاصة بك:

  1. مع قوائم WordPress
  2. من مُخصص WordPress

في هذا القسم ، سنعرض لك كلتا الطريقتين حتى تتمكن من اختيار أفضلهما لك.

1.1) مع قوائم WordPress

في لوحة معلومات WordPress الخاصة بك ، يمكنك رؤية جميع القوائم التي قمت بإنشائها ضمن المظهر> القوائم .

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

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

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

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

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

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

أضف صفحة إلى قائمة ووردبرس - أضف صفحات إلى قائمتك

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

إعادة ترتيب القائمة

على موقعنا التدريجي ، نستخدم موضوع Astra WordPress الذي يأتي مع خمسة مواقع قائمة مخصصة.

مواقع قائمة موضوع أسترا

  • القائمة الأساسية
  • القائمة الثانوية
  • قائمة خارج القماش
  • تسجيل الدخول قائمة الحساب
  • قائمة التذييل

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

حفظ قائمة وورد

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

تم تحديث القائمة الأولية

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

حفظ قائمة التذييل

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

قائمة التنقل في التذييل

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

1.2) استخدام أداة تخصيص WordPress

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

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

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

على الجانب الأيسر ، سترى جميع خيارات التخصيص المتاحة وعلى الجانب الأيمن ، سترى المعاينة المباشرة لموقع الويب الخاص بك حتى تتمكن من معاينة كل تغيير قبل أن يصبح مباشرًا.

بالنسبة لهذا العرض التوضيحي ، نحن نستخدم GeneratePress ، لذا فهذه هي السمة التي تظهر على أنها نشطة.

الآن دعنا نذهب إلى قسم القوائم .

قوائم أداة تخصيص ووردبريس

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

إنشاء قائمة

قم بتسميته ، حدد موقع العرض وانتقل إلى الخطوة التالية.

قائمة كاملة

الآن لديك قائمة على موقع WordPress الخاص بك ، لذا تحتاج إلى إضافة صفحات إليها بالضغط على Add Items .

إضافة صفحة إلى قائمة WordPress - كيفية إضافة العناصر

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

ترتيب القائمة

بمجرد الانتهاء من تخصيص القائمة ، انشر التغييرات.

نشر التغييرات

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

تم تحديث قائمة ووردبريس

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

2) كيفية إعادة تسمية عنصر في قائمة

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

بشكل افتراضي ، سيستخدم WordPress عنوان صفحتك كاسم القائمة. على سبيل المثال ، عنوان الصفحة التجريبية لدينا هو: نحن نوظف! .

نحن صفحة التوظيف

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

نحن صفحة التوظيف

على الرغم من أن هذا حل منطقي ، فقد تحتاج أحيانًا إلى تعيين اسم مخصص لقوائمك. على سبيل المثال ، لنفترض أنك كتبت دليلاً مفصلاً حول كيفية بدء مدونة وأن عنوان الصفحة هو How To Start a WordPress and Manage Like a Pro .

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

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

أضف صفحة إلى قائمة WordPress - خيارات القائمة

انتقل إلى قسم تسمية التنقل وقم بتغيير الاسم إلى وظائف . سترى كيف يتغير الاسم.

تغيير عنوان القائمة

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

اسم قائمة الوظائف

3) كيفية إضافة فئات إلى القائمة

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

  • من ووردبريس
  • مع الإضافات

دعونا نلقي نظرة على كلا الخيارين.

3.1) من WordPress

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

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

إضافة جميع الفئات إلى القائمة

بشكل افتراضي ، ستتم إضافتهم مباشرة إلى القائمة.

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

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

القائمة الفرعية wp

في الواجهة الأمامية ، سترى جميع الفئات المدرجة ضمن عنصر المدونة .

القائمة المنسدلة

هذه طريقة رائعة لتوفير مساحة وتحسين التنقل عندما يكون هناك الكثير من الفئات على موقعك.

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

3.2) مع الملحقات

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

أولاً ، قم بتثبيت QuadMenu على موقع الويب الخاص بك. انتقل إلى الإضافات> إضافة جديد ، وابحث عن المكون الإضافي ، وقم بتثبيته.

تم تفعيل البرنامج المساعد quadmenu

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

كوادمينو ديف

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

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

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

سترى ثلاثة خيارات تخصيص رئيسية في الصفحة التالية.

خيارات quadmenu

  • تقصير
  • عام
  • أيقونة

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

باستخدام مكون إضافي قوي مثل QuadMenu ، يمكنك نقل قوائم WordPress الخاصة بك إلى المستوى التالي. لمزيد من خيارات التخصيص ، نوصيك بإلقاء نظرة على الإصدار المتميز.

4) كيفية إضافة العلامات وأنواع المنشورات المخصصة والروابط المخصصة إلى القائمة

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

4.1) كيفية إضافة العلامات

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

كل علامات وورد

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

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

ما عليك سوى تحديد العناصر التي تريد إضافتها والنقر فوق " إضافة إلى القائمة ".

إضافة علامات إلى القائمة

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

العلامات في الواجهة الأمامية

4.2) كيفية إضافة أنواع المنشورات المخصصة (CPT)

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

كل الصفقات

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

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

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

إضافة صفحة إلى قائمة ووردبريس - حفظ قائمة wp

أخيرًا ، تحقق من قائمتك من الواجهة الأمامية وسترى المنشورات المخصصة هناك.

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

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

ملاحظة: إذا لم يكن لديك أي CPTs مسجلة ، فلن ترى هذا الخيار. ومع ذلك ، إذا كنت بحاجة إلى إنشاء CPT لموقع الويب الخاص بك ، فتحقق من المكون الإضافي المجاني المسمى Custom Post Type UI.

4.3) كيفية إضافة روابط مخصصة

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

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

روابط مخصصة

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

عنوان url ونص الارتباط

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

الارتباط بالفيسبوك

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

رابط الفيسبوك للصفحة

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

المكافأة: كيفية تصميم عناصر قائمة محددة

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

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

فصول css

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

خاصية فئة css

في هذا المثال ، سنقوم بتعيين فئة CSS الخاصة بنا على أنها Careers-cta وحفظ القائمة.

إضافة صفحة إلى قائمة WordPress - حفظ فئة css

بصرف النظر عن ذكر فئة CSS ، يمكننا إضافة كود CSS لتسليط الضوء على عنصر القائمة المحدد. للقيام بذلك ، انتقل إلى WordPress Customizer> قسم CSS الإضافي وأضف الكود الخاص بك. من ناحية أخرى ، إذا كنت تستخدم سمات مثل Divi أو Avada ، فهناك قسم مخصص لتضمين CSS إضافي.

بالنسبة لهذا العرض التوضيحي ، سنضيف كود CSS من خلال Customizer. يتضمن معاينة مباشرة لذلك تجعل العملية سهلة.

محرر css إضافي

هنا يبدأ الجزء الممتع. الصق كود CSS الخاص بك في قسم CSS الإضافي. نموذج التعليمات البرمجية الذي يمكنك استخدامه هو:

 .careers-cta {
لون الخلفية: وردي؛
نصف قطر الحدود: 15 بكسل ؛
}

بعد ذلك ، سترى تغييرات شاشة المعاينة المباشرة.

وظائف كود المغلق

هذه مجرد عينة من التعليمات البرمجية ، لذا نشجعك على اللعب بها وتكييفها مع احتياجاتك.

استنتاج

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

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

  1. مع قوائم WordPress
  2. من أداة التخصيص

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

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

لمزيد من المعلومات حول كيفية تحسين قوائمك ، راجع البرامج التعليمية التالية:

  • كيفية إضافة أيقونات الوسائط الاجتماعية إلى قائمة ووردبريس
  • كيفية تخصيص قائمة Divi باستخدام CSS

هل قمت بتخصيص قوائمك مؤخرًا؟ ماذا غيرت؟ واسمحوا لنا أن نعرف في قسم التعليقات أدناه.