أداة بحث Elementor مجانية مع شريط البحث والنافذة المنبثقة للأيقونات
البحث عبارة عن أداة Master Addons مجانية تضيف مربع بحث WordPress إلى أي صفحة Elementor أو رأس أو شريط جانبي. يختار استمارة لشريط بحث مرئي دائمًا مع رمز أو زر نص، أو أيقونة المنبثقة للحصول على أيقونة بحث تفتح تراكب بحث بملء الشاشة. يضغط الزائرون على Enter ويرون النتائج في صفحة نتائج البحث العادية الخاصة بموضوعك. يعمل مع Elementor المجاني ولا يعرض النتائج المباشرة أثناء الكتابة.
كيفية إضافة شريط بحث في Elementor مجانًا
أنت بحاجة إلى Elementor والمكون الإضافي Master Addons المجاني من WordPress.org.
- تأكد من تشغيل البحث أدناه الإضافات الرئيسية والأدوات.
- في محرر Elementor، ابحث عن الإضافات الرئيسية يبحث القطعة واسحبها إلى رأسك أو الشريط الجانبي أو القسم.
- اختر النوع: نموذج لشريط بحث أو أيقونة منبثقة لأيقونة.
- بالنسبة للنموذج، اختر رمزًا أو زر إرسال نص. بالنسبة إلى Icon Popup، قم بتعيين العنصر النائب والوصف.
- قم بتصميم النموذج والإدخال والزر والرمز في علامة التبويب "النمط".
- قم بنشر وإجراء بحث اختباري وتحقق من صفحة نتائج البحث الخاصة بالموضوع الخاص بك.
يتم تغطية كل إعداد في إعدادات عناصر واجهة المستخدم للبحث مرشد.
شريط البحث أو أيقونة النافذة المنبثقة
تعيين يكتب إلى النموذج أو الأيقونة المنبثقة. مع النموذج، إرسال نوع الزر عبارة عن أيقونة أو زر يحتوي على نص الزر الخاص بك. باستخدام Icon Popup، تعرض الأداة الرمز فقط، والنقر عليه يفتح حقل بحث كبير فوق الصفحة. إعدادات النافذة المنبثقة تتيح لك تعيين العنصر النائب لإدخال النص وسطر الوصف مثل “Hit أدخل للبحث أو انقر فوق X لإغلاق”.
- اختر أي أيقونة من مكتبة أيقونات Elementor.
- ينتقل البحث إلى WordPress، لذا تستخدم النتائج قالب البحث الخاص بالموضوع الخاص بك.
- استخدم نموذجًا في شريط جانبي أو صفحة 404 والنافذة المنبثقة في رأس مزدحم.
تصميم النموذج والإدخال والأزرار
ال استمارة يقوم قسم النمط بتعيين لون الخلفية والعرض والهامش والحشو والحدود ونصف قطر الحدود، بالإضافة إلى الطباعة ولون النص. تغطي خيارات الإدخال العرض والهامش والحشو ولون خلفية الإدخال والحد ونصف القطر. ال زر يقوم القسم بتعيين لون الخلفية واللون والحشو والهامش والطباعة للتحكم في الإرسال.
- شريط بحث مستدير عن الحبوب مع زر ملون.
- مدخلات بلا حدود في قسم البطل المظلم.
- لا توجد إعدادات ألوان منفصلة للتركيز أو التمرير، لذا أضف CSS مخصصًا إذا كنت في حاجة إليها.
بحث في تصميم الأيقونات
ال أيقونة يقوم قسم النمط بتعيين حجم الأيقونة ولون الأيقونة والحدود وحشوة الأيقونة وهامش الأيقونة. يؤدي هذا إلى تصميم أيقونة التشغيل لـ Icon Popup وزر الأيقونة في وضع النموذج.
- قم بمطابقة لون الرمز مع روابط القائمة الخاصة بك في الرأس.
- أضف حدًا وحشوة لزر أيقونة دائري.
- أبقِ الوصف المنبثق قصيرًا حتى يُقرأ جيدًا على الهواتف.
بحث Elementor Pro مقابل بحث الإضافات الرئيسية
يحتوي Elementor Pro على أداة بحث خاصة به مع نتائج مباشرة. إليك كيفية مقارنة أداة Master Addons المجانية.
| ميزة | بحث إليمينتر برو | بحث الإضافات الرئيسية |
|---|---|---|
| سعر | يحتاج العنصر برو | حر |
| التخطيطات | إدخال البحث باستخدام زر الإرسال الاختياري | النموذج أو Icon Popup الذي يفتح بحثًا بملء الشاشة |
| النتائج المباشرة أثناء الكتابة | نعم، باستخدام قالب الحلقة | لا |
| التحكم بالاستعلام | تضمين أو استبعاد حسب المصطلح والمؤلف والتاريخ | بحث ووردبريس القياسي |
| صفحة النتائج | لوحة النتائج المباشرة، أو صفحة نتائج البحث | صفحة نتائج البحث الخاصة بالموضوع الخاص بك |
| التصميم | الألوان العادية والتحويم، ومدة الانتقال | ألوان النموذج والإدخال والأزرار والأيقونات والحدود والتباعد |
يعد Elementor Pro هو الاختيار الأفضل إذا كنت بحاجة إلى نتائج مباشرة أو التحكم في المشاركات التي يتم البحث عنها. يعد Master Addons Search طريقة مجانية لإضافة شريط بحث مصمم أو نافذة منبثقة للرأس على Elementor المجاني. للحصول على لوحة رأس منزلقة للخارج، راجع محتوى خارج القماش (برو).
الأسئلة المتداولة للبحث
هل أداة البحث عن الإضافات الرئيسية مجانية؟
نعم. يعد البحث جزءًا من البرنامج الإضافي Master Addons المجاني ويعمل مع Elementor المجاني، لذلك لا تحتاج إلى Elementor Pro لشريط بحث مصمم.
هل يعرض نتائج البحث المباشر أثناء الكتابة؟
لا. يتم إرساله إلى بحث WordPress القياسي، وتظهر النتائج في قالب نتائج البحث الخاص بالموضوع الخاص بك. بالنسبة للنتائج المباشرة، فإن أداة البحث الخاصة بـ Elementor Pro هي الخيار.
هل يمكنني البحث عن المنتجات فقط أو نوع منشور واحد؟
ليس من إعدادات القطعة. ويستخدم بحث WordPress الافتراضي، والذي يغطي المنشورات والصفحات العامة. يحدد الموضوع الخاص بك أو WooCommerce أو البرنامج الإضافي للبحث ما تتضمنه النتائج.
هل يمكنني استخدام نموذج في الشريط الجانبي وأيقونة منبثقة في الرأس؟
نعم، يمكنك إضافة عنصر واجهة المستخدم في عدة أماكن بإعدادات مختلفة. اختبر الصفحات التي تستخدم فيها أكثر من أيقونة منبثقة واحدة، نظرًا لأن كل نافذة منبثقة تحتاج إلى مشغل خاص بها لفتحها.
عناصر واجهة المستخدم والملحقات الشائعة
إنشاء مواقع متطورة في وقت أقل.
التشكل الزجاجي
إضافات الحاويات
أنماط
![ملحق Master Addons Post/Page Duplicator لـ Elementor: رابط صف MA Duplicator في قائمة صفحات WordPress لإنشاء صفحة مقصودة - مسودة [مكررة #128]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
ناسخ البريد/الصفحة
