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

هل تريد إضافة مربع بحث إلى قائمة التنقل في WordPress؟

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

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

لماذا يجب عليك إضافة شريط البحث في القائمة؟

تتيح خدمة البحث في الموقع للمستخدمين والزوار العثور بسهولة على ما يبحثون عنه دون مغادرة موقعك خاوين الوفاض.

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

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

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

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

في هذه المقـالـة، سأقترح عليكم البرنامج المساعد المجاني Ivory Search. تسمح لكم هاته الاضافة بإنشاء نماذج بحث مخصصة جديدة وتحسين البحث الافتراضي في الووردبريس.

لنرى الآن كيفية إضافة شريط بحث إلى قائمة موقع الووردبريس الخاص بك.

إقرأ أيضاً: كيفية إضافة مربع بحث داخل صفحة أو مقالة ووردبريس

أضف شريط البحث إلى قائمة WordPress

أول ما عليك فعله هو تثبيت وتفعيل المكون الإضافي Ivory Search. عند قيامك بالتنشيط، يجب عليك زيارة صفحة Ivory Search ثم Search Forms لإنشاء نموذج بحث جديد.

من هنا : كيفية تثبيت إضافات ووردبريس بطرق صحيحة

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

تسمح لك إعدادات البحث بتحديد محتوى موقعك لتضمينه في البحث على الموقع.

تسمح لك خدمة “التضمين” « Includes » باختيار أنواع المقالات والصفحات والتصنيفات والحقول المخصصة ، إلخ.. بتضمينها في استعلام البحث.

إذن عليك مراجعة كل الخيارات تحت، ثم أنقر فوق الزر “حفظ النموذج”. Save Form

ثم هناك خدمة “الاستبعاد” « Exclude »، والذي يسمح لك بتحديد المحتوى الذي لا ترغب في عرضه في نتائج البحث.

بمجرد الانتهاء ، انقر فوق الزر “حفظ النموذج” مرة أخرى لحفظ الإعدادات الخاصة بك.

يسمح لك خدمة « AJAX » بتمكين ميزة AJAX لنموذج البحث الخاص بك.

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

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

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

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

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

ثم يمكنك اختيار نمط البحث في نموذج الموجود في الصورة أدناه.

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

إذا كنت ترغب في ذلك، إتبع ما يلي:

أدخل لإعدادات Ivory Search ثم Menu Search المشار إليه في الصورة بالرقم 1.
اختر Form style المشار اليه بالرقم 2 في الصورة لتشاهد أنماط هذه الاضافة.
يمكنك تخصيص الخيارات ضمن “قائمة البحث”.

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

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

أنقر على رمز البحث الموجود في الصورة فوق ليفتح لك مربع البحث لتكتب فيه كلمة البحث ثم اضغط على Inter من لوحة المفاتيح:

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

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

p style=”border: 0px solid; color: #fe9900; background-color: #fff; font-size: 15px; margin-right: 30px; border-right: 15px solid #FE9900; padding-right: 8px; padding-left: 8px; margin-left: 30px;”>شَـاركِ الْمَوْضُوع:
إذا أعجبك هذا المحتوى، فلا تَقْرَأْ وتَرْحَل … تَـعْلِيقَـاتُكَ تَـشْجِيعٌ لَـنَـا لِنَسْتَمِرَّ فِــي الْبَحْثِ وَالْعَطَـاء. وإِذَا كنت تعتقد أنه قد يكون مفيداً لأشخاص آخرين، فشَارِكْهَ على الشبكات الاجتماعية.