كيفية إنشاء نموذج بحث مخصص في ووردبريس (في 3 خطوات بسيطة)

يعد البحث جزءًا أساسيًا من التجربة عبر الإنترنت، وهو الطريقة التي يعثر بها معظم المستخدمين على المعلومات على الويب. 

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

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

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

لماذا يعد نموذج بحث WordPress الخاص بك مهمًا

البحث هو القوة المهيمنة على شبكة الإنترنت. إنها الطريقة التي يجد بها الغالبية العظمى من المستخدمين محتوى ومواقع جديدة لزيارتها – ونحن جميعًا على دراية بأهمية تحسين محركات البحث (SEO) عندما يتعلق الأمر بالعثور على الأشخاص عبر الإنترنت.

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

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

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

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

كيفية إضافة شريط بحث إلى موقعك (طريقتان)

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

  • من خلال أداة تخصيص ووردبريس .
  • مباشرة من لوحة القيادة.

1. قم بإضافة نموذج بحث باستخدام أداة تخصيص WordPress

لإضافة نموذج البحث باستخدام Customizer ، توجه إلى لوحة تحكم WordPress الخاصة بك وانتقل إلى Appearance → Customize . انقر على Widgets في الشريط الجانبي لأداة التخصيص.

سيؤدي هذا إلى فتح قائمة جديدة تحتوي على قائمة بمناطق الأدوات على موقعك والعناصر التي تحتوي عليها كل منطقة حاليًا:

نموذج بحث باستخدام أداة تخصيص WordPress

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

نموذج بحث باستخدام أداة تخصيص WordPress

يؤدي هذا إلى إضافة الأداة إلى نهاية القائمة:

نموذج بحث باستخدام أداة تخصيص WordPress

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

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

نموذج بحث WordPress بعنوان مخصص.

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

2. قم بإضافة نموذج بحث من لوحة تحكم WordPress

إذا كنت تفضل ذلك، يمكنك أيضًا إضافة نموذج البحث مباشرةً من لوحة تحكم WordPress. للبدء، انتقل إلى المظهر → الأدوات لفتح شاشة محرر الأدوات:

نموذج بحث من لوحة تحكم WordPress

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

نموذج بحث من لوحة تحكم WordPress

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

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

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

على سبيل المثال، يقدم قالب WordPress Twenty Twenty-One الافتراضي التذييل فقط كمنطقة لعنصر واجهة المستخدم.

كيفية تخصيص نموذج بحث WordPress الافتراضي يدويًا

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

ومع ذلك، بما أننا نتحدث عن WordPress، فهناك طريقة للتغلب على ذلك: تحرير الكود مباشرة. 

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

ومع ذلك، حتى مع هذه الطريقة، لا تزال وظيفة البحث الافتراضية في WordPress محدودة. 

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

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

كيفية إنشاء نموذج بحث مخصص في WordPress باستخدام مكون إضافي مجاني

إذا كنت تريد إنشاء نموذج بحث مخصص في WordPress ولم تكن مرتاحًا للكود (أو ليس لديك الوقت لذلك)، فيمكنك استخدام مكون إضافي مجاني بدلاً من ذلك. 

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

1. قم بتثبيت وتفعيل البرنامج المساعد Ivory Search

الخطوة الأولى هي التوجه إلى لوحة تحكم WordPress الخاصة بك وتثبيت Ivory Search:

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

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

2. قم بإنشاء نموذج بحث جديد

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

قم بإنشاء نموذج بحث جديد

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

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

قم بإنشاء نموذج بحث جديد

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

علامة التبويب “التصميم” هي المكان الذي يمكنك من خلاله تخصيص مظهر نموذج البحث:

قم بإنشاء نموذج بحث جديد

قد تحتاج إلى النقر فوق خانة الاختيار تمكين تخصيص نموذج البحث لتنشيط أداة التخصيص (يتم إيقاف تشغيلها افتراضيًا). بمجرد الانتهاء من ذلك، يمكنك النقر فوق رابط Search Form Customizer لفتح أداة تخصيص WordPress:

قم بإنشاء نموذج بحث جديد

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

وأخيرًا، علامة التبويب “خيارات” هي المكان الذي يمكنك من خلاله تكوين صفحة نتائج البحث:

قم بإنشاء نموذج بحث جديد

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

3. قم بإضافة نموذج البحث إلى موقعك

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

لإضافة نموذج بحث عاجي إلى رأس أو تذييل موقعك، انتقل إلى بحث عاجي → الإعدادات:

قم بإضافة نموذج البحث إلى موقعك

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

قم بإضافة نموذج البحث إلى موقعك

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

قم بإضافة نموذج البحث إلى موقعك

إذا كنت تريد إضافة نموذج البحث إلى قائمة موقعك، فانتقل إلى Ivory Search → Menu Search :

قم بإضافة نموذج البحث إلى موقعك

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

يؤدي النقر على العدسة المكبرة إلى ظهور مربع بحث حيث يمكن إدخال المصطلحات:

قم بإضافة نموذج البحث إلى موقعك

هذا كل شيء! لقد قمت الآن بتخصيص نموذج بحث WordPress الخاص بك.

المصدر: themeisle

شاهد ايضا:

ترجمة عربي انجليزي

ترجمة عربي هولندي

فتح حساب بنك دبي الإسلامي

فتح حساب بنك الجزيرة

إنشاء حساب البنك الأهلي التجاري

إنشاء حساب سناب شات

إنشاء حساب Apple store

أفضل استضافة مواقع

أنت تستخدم إضافة Adblock

يعتمد موقع انشاء على الاعلانات كمصدر لدعم الموقع، يجب عليك ايقاف تشغيل حاجب الاعلانات لمشاهدة المحتوي