في المتوسط نخسر 3000 عنصر في حياتنا. آخر شيء نحتاجه هو قضاء المزيد من الوقت في البحث عما نبحث عنه.
لهذا السبب تريد إضافة شريط بحث إلى مواقع الويب الخاصة بك . فهو لا يجعل الحياة أسهل للمستخدم فحسب ، بل يسهل عليك أيضًا البناء بشكل لا يصدق. هذا لأنك لا تحتاج حتى إلى أن تكون مطورًا أو لديك أي مهارات في البرمجة. كل ما تحتاجه هو Toolset و Elementor .
البحث المخصص هو تذكرة ذهبية لزيادة تحويلات المبيعات. يعد استخدام البحث المخصص بمثابة قطعة من الكعكة ويساعد المستخدمين حقًا في العثور على ما يبحثون عنه. يمكن تقسيم البحث المخصص إلى جزأين ، نموذج البحث ونتائج البحث.
في هذا البرنامج التعليمي ، سنرشدك إلى كيفية إعداد بحث مخصص بميزات متقدمة متعددة. سننشئ أيضًا المحتوى الذي سيبحث عنه المستخدمون باستخدام أنواع المنشورات المخصصة
بعد اتباع هذه الخطوات ، يجب أن يكون لديك شيء مشابه لموقع المدرب الشخصي أدناه:
مجموعة أدوات 1
يكمل كل من Elementor و Toolset بعضهما البعض بشكل مثالي لإنشاء ميزة قوية ستعزز موقع الويب الخاص بك حقًا. Elementor هو منشئ تصميم مرئي ثوري يمكنه إبراز موقع الويب الخاص بك.
وفي الوقت نفسه ، تعمل مجموعة المكونات الإضافية في Toolset مثل نظام إدارة المحتوى الخاص بك ، مما يتيح لك إضافة جميع الميزات التي تحتاجها – تقريبًا دون الحاجة إلى أي مكونات إضافية.
باستخدام البحث المخصص في Toolset ، يمكنك:
تصفية حسب أي نوع من الحقول
عرض أقرب النتائج لك على الخريطة
عرض نتائج البحث في شكل قائمة أو جدول أو شبكة
تضمين ترقيم الصفحات في النتائج الخاصة بك
أضف تحديثات AJAX ، لذلك يتم تحديث النتائج دون الحاجة إلى إعادة تحميل الصفحة
الآن بعد أن عرفت سبب كون البحث المخصص خيارًا رائعًا ، فلنلقِ نظرة على كيفية إنشاء واحد بالفعل. اتبع هذه الخطوات السهلة:
فيما يلي المكونات الرئيسية التي تحتاجها لإنشاء البحث المخصص المثالي:
موقع ويب ووردبريس وموضوع
المكون الإضافي Elementor – نوصي بتنزيل المكون الإضافي Pro بالإضافة إلى الإصدار المجاني
أنواع مجموعة الأدوات – لإنشاء أنواع المنشورات المخصصة
طرق عرض مجموعة الأدوات – منشئ الاستعلام الذي سينشئ البحث
يمكن تثبيت كل هذه المكونات الإضافية مباشرة من مدير ووردبريس. لإضافة Elementor Pro ، ما عليك سوى إدخال مفتاح الترخيص الشخصي الخاص بك في صفحة إعدادات البرنامج المساعد.
يمكنك تثبيت الأنواع وطرق العرض من مسؤول ووردبريس بمجرد تسجيل Toolset .
بعد أن يتم تشغيل كل شيء ، يمكننا البدء في إنشاء بحثنا المخصص.
أولاً ، أنشئ نوع المنشور المخصص “المدربون”. ثم أضف تفاصيل كل مدرب شخصي إلى هذا النوع من التدوينات.
في مسؤول ووردبريس الخاص بك ، انتقل إلى Toolset-> Post Types وانقر على الزر Add New . املأ الأسماء والارتباط التقريبي لنوع المنشور الخاص بك وانقر فوق حفظ نوع المنشور.
مجموعة أدوات 2
الآن لدينا قسم يمكننا من خلاله إضافة مدربين شخصيين. ومع ذلك ، ما زلنا بحاجة إلى ملء المحتوى لكل مدرب شخصي.
استخدم الحقول المخصصة لإنشاء نموذج للمعلومات المراد تضمينها في كل منشور.
ابدأ بالانتقال إلى Toolset-> Custom Fields وانقر فوق الزر Add New . بعد تسمية مجموعة الحقول ، ابدأ في إضافة حقول جديدة بالنقر فوق إضافة حقل جديد.
أدناه يمكنك رؤية الحقول الأربعة التي أضفناها إلى نوع منشور “المدربين”:
مجموعة أدوات 3
الخطوة الأخيرة قبل أن نبدأ في إنشاء البحث المخصص نفسه هي إضافة محتوى.
بالطبع ، لا يمكنك إجراء بحث مخصص بدون محتوى للبحث عنه. لذلك ، دعنا نضيف محتوى إلى نوع منشور “المدربون”.
ما عليك سوى التوجه إلى المدربين-> إضافة جديد والبدء في ملء المحتوى. هكذا تبدو إحدى منشورات “المدربين” في النهاية الخلفية:
مجموعة أدوات 4
وفي الواجهة الأمامية (بعد بعض تصميمات CSS):
مجموعة أدوات 5
حان الوقت الآن لبدء إنشاء بحثنا المخصص.
كما ذكرنا من قبل ، يتكون البحث المخصص من نتيجة البحث ونموذج البحث. أولاً ، لنقم بإنشاء نتيجة البحث.
ستكون نتيجة البحث هي طريقة العرض التي توفر لنا قائمة بالعناصر التي نبحث عنها. دعنا نضيف عرض نتائج البحث الخاصة بنا لنوع المنشور “المدربون”.
ابدأ بالتوجه إلى Toolset-> Views والنقر على Add New. في هذه المرحلة ، اختر نوع العرض الذي تريد إنشاؤه. نظرًا لأننا نقوم بإنشاء بحث مخصص ، حدد خيار عرض النتائج باستخدام خيار بحث مخصص .
في القسم التالي ، يمكننا الآن البدء في تصميم بحثنا المخصص.
ضمن قسم تحديد المحتوى ، اختر نوع المنشور الذي تريد تصفية النتائج له.
الآن تصميم الإخراج للبحث المخصص. بمعنى آخر ، المعلومات التي ستظهر لكل نتيجة بحث.
للقيام بذلك ، قم بالتمرير لأسفل إلى Loop Editor وانقر فوق Loop Wizard. ضمن قسم نمط الحلقة ، يمكننا أن نقرر كيف نريد عرض نتائجنا.
مجموعة أدوات 8
لغرض هذا التمرين ، حدد خيار الجدول واجعل الجدول قابلاً للفرز حسب الأعمدة ، ولكن هناك أيضًا خيارات أخرى تستحق الاستكشاف. بمجرد تحديد اختيارك ، انقر فوق ” التالي”.
مجموعة أدوات 9
دعنا الآن نضيف قائمة الحقول المخصصة لعرضها لكل نتيجة. هذه هي الحقول التي أضفناها بالفعل لكل مدرب:
عنوان المشاركة مع ارتباط إلى الوظيفة
التخصصات
سعر الساعة
الدرجة العلمية
تأكد من تحديد استخدام قالب المحتوى لتجميع الحقول في هذه الحلقة بحيث يمكنك تحرير إدخال منشور واحد في مكان واحد. انقر فوق ” إنهاء”.
أخيرًا ، أضف النص لكل حقل من الحقول. بين كل حقل من حقول [wpv-title] ، سنكتب العنوان. أدناه يمكنك أن ترى أين فعلنا ذلك.
مجموعة أدوات 11
قبل أن ننتهي ، ما عليك سوى إضافة “صورة المدرب” إلى أعلى الحقول بحيث تكون أول صورة تظهر. في قسم ” قوالب العرض” ، ضع المؤشر قبل [wpv-post-link] وانقر فوق الحقول وطرق العرض.
بمجرد اختيار “صورة المدرب” ، اختر متوسط 300 × 300 كحجم للصورة. أخيرًا ، انقر فوق إدراج رمز قصير.
دعنا نعاين بحثنا المخصص عن طريق النقر فوق إنشاء صفحة بها طرق عرض.
يجب أن تكون قادرًا على رؤية جدول يسرد جميع المنشورات من نوع المنشور المخصص الخاص بك. فيما يلي قائمة بجميع المدربين لدينا:
مجموعة أدوات 12
الآن بعد أن أصبحت النتائج جاهزة ، يمكننا إنشاء نموذج البحث.
يمكننا الآن تحرير نموذج البحث واختيار عوامل التصفية المراد تضمينها فيه. كل هذه المرشحات سهلة الإضافة بدون أي ترميز. فيما يلي المرشحات التي سنضيفها:
الاسم الأول أو اسم العائلة للمدرب
التخصصات
الدرجة العلمية
السعر الأدنى / الأقصى للساعة
قم بالتمرير لأعلى للوصول إلى طريقة العرض التي استخدمناها لنتائج البحث الخاصة بنا حتى تصل إلى قسم ” بحث وتقسيم الصفحات” . هذا هو المكان الذي سنضيف فيه عوامل التصفية وزر البحث.
لبدء إضافة عوامل التصفية ، انقر فوق عامل تصفية جديد وحدد مجموعات الحقول (المذكورة أعلاه) بالترتيب المطلوب. بعد تحديد كل عامل تصفية ، انقر فوق ” إدراج رمز قصير” ، وسيظهر المرشح.
بمجرد أن نضيف كل مرشح ، قم بتسميته على غرار الطريقة التي قمنا بها في نتائج البحث. ستتم إضافة كل تسمية بين سلاسل wpml. على سبيل المثال ، كتبنا “الاسم الأول والأخير للمدرب” حتى يعرف المستخدمون أين يمكنهم البحث بالاسم.
مجموعة أدوات 13
كرر هذه الخطوة لكل مرشح مضاف.
بمجرد أن تصبح راضيًا عن عوامل التصفية الخاصة بك ، فإن الخطوة الأخيرة هي إضافة الزر “إرسال”. كل ما عليك فعله هو النقر فوق الزر “إرسال” وإضافته إلى الموقع المطلوب.
الآن قم بمعاينة نموذج البحث تمامًا كما فعلت لنتائج البحث. مرة أخرى ، حدد خيار إنشاء صفحة مع طرق العرض وحدد معاينة.
هذا ما يبدو عليه:
مجموعة أدوات 14
الآن بعد أن أصبح لدينا بحث مخصص فعال ، يمكننا إضافته إلى موقعنا على الإنترنت.
لا يمكن أن تكون إضافة طريقة عرض بحث مخصصة باستخدام Elementor أسهل.
في Elementor ، قم بتحرير الصفحة حيث تريد أن يظهر البحث المخصص الخاص بك. ابحث عن أداة عرض مجموعة الأدوات واسحبها إلى الصفحة. بمجرد تحديد العرض الذي تريده من القائمة المنسدلة ، سترى معاينة على الفور.
مجموعة أدوات 15
كل ما تبقى هو إضافة الجليد إلى الكعكة – مما يجعل بحثنا المخصص يبدو جيدًا!
لا تحكم على الكتاب أبدًا من غلافه ، لكن هذا لا يعني أن جعل بحثنا المخصص يبدو جيدًا ليس مهمًا. باستخدام Elementor ، من السهل إضافة تصميم CSS الضروري.
سنضيف CSS في نفس القسم حيث أدخلنا عرض البحث في Elementor. ضمن CSS المخصص ، أضف التعليمات البرمجية:
مجموعة أدوات 16
يمكنك التحقق من كود CSS الخاص بنا بمزيد من التفاصيل لمعرفة ما أضفناه.
وهذا كل شيء! الآن دعنا نراه قيد التنفيذ على الواجهة الأمامية. فيما يلي مثال على بحث باستخدام بعض المرشحات:
مجموعة أدوات 17
باستخدام ثلاثة مرشحات ، قمنا بتضييق نطاق المدرب المثالي لتلبية متطلباتنا.
ليس بهذه الصعوبة ، أليس كذلك؟
خدمة لغوية وبحثية ومكتبية
خدمة جامعية في ماليزيا
متجر الكتروني للمنتجات والانظمة البرمجية المدفوعة، المجانية والتي يتم الحصول عليها بطريقة رسمية وآمنة وسريعة، تساعد موثوق في بناء بيئات تشغيل متكاملة تساعد اصحاب الاعمال والفريلانسر والشركات الكبيرة على اداء عملها بشكل متميز
تم وبكل فخر وحب 
تصميم وتطوير الموقع باستخدام تقنية الوردبريس 
واستضافة نيم تشيب العالمية 
تم تطوير الصفحات بواسطة تقنية الاليمنتور 
00970599163031
00970599163031
تم تصميم وتطوير موقع موثوق من قبل المصمم والمبرمج عبدالرحمن قدورة لصالح شركة موثوق للمعلومات الرقمية وخدمات الاونلاين، جميع الحقوق محفوظة لموثوق لعام 2020 – 2021
تقدم موثوق خدمة تصمم وتطوير المتاجر الالكترونية والمواقع بمختلف اشكالها على منصة الوردبريس، نصمم ونطور المواقع بأدوات قوية حسب احتياجات العميل، سرعة، أداء عالي.
00970599163031
