يبحث

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

نموذج البحث والأيقونة المنبثقة

نموذج البحث والأيقونة المنبثقة

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

  • نوع النموذج: نموذج بحث قياسي ومرئي دائمًا مع زر إرسال قابل للتخصيص (كنص أو رمز).
  • نوع الأيقونة/النوافذ المنبثقة: زر أيقونة أنيق يقوم بتشغيل نموذج بحث كامل عن النوافذ المنبثقة، مما يوفر مساحة رأسية مهمة.
  • مكتبة الأيقونات: اختر أي أيقونة عدسة مكبرة من مكتبة الأيقونات الواسعة لتتناسب مع نمط موقعك.

تصميم حقل النموذج والإدخال الكامل

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

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

تصميم الأيقونات والرسائل المنبثقة

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

  • تصميم الأيقونة: قم بتغيير لون الأيقونة وحجمها، واضبط المساحة المحيطة بها باستخدام هامش الأيقونة والحشوة.
  • النص المنبثق الذكي: قم بتعيين نص عنصر نائب سهل الاستخدام داخل حقل بحث النافذة المنبثقة.
  • تعليمات النافذة المنبثقة: أضف سطر وصف أسفل الإدخال لشرح كيفية استخدام النافذة المنبثقة (بحث/إغلاق).
عارض القالب
فيسبوك
تويتر
واتساب
نسخ الرابط
اشتري الان
بحث عن عنصر 5 مع النشرة الإخبارية
بحث عن عنصر 5 مع النشرة الإخبارية
بحث سريع
بحث سريع

الأسئلة المتداولة للبحث

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

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

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

هل نافذة البحث المنبثقة مناسبة للجوال؟

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

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

عناصر واجهة المستخدم والملحقات الشائعة

إنشاء مواقع متطورة في وقت أقل.

عنصر Glassmorphism لـ Elementor بواسطة Master Addons

التشكل الزجاجي

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

إضافات الحاويات

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

أنماط

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

ناسخ البريد/الصفحة

الصفحة الرئيسية قم بتبسيط سير عملك وإزالة الإعداد المتكرر باستخدام أداة نسخ البريد/الصفحة الرئيسية من Master Addons. هذا...
عرض التفاصيل
قراءة ملحق شريط التقدم

شريط تقدم القراءة

الصفحة الرئيسية هل بدأت بقراءة مقال طويل وتساءلت عن المبلغ المتبقي؟ افعل...
عرض التفاصيل
بيع سبتمبر

40% خارج كل شيء

كل خطة Master Addons Pro، سنوية وعمرية. رمز واحد، ثمانية أيام.

00أيام
00ساعة
00دقيقة
00ثانية

ينتهي يوم الاثنين 14 سبتمبر، الساعة 23:59 بالتوقيت الشرقي

  • شخصي1 موقع 129 دولارًا77 دولارًا
  • عمل5 مواقع 199 دولارًا119 دولارًا
  • مطورمواقع غير محدودةالأفضل للوكالات 599 دولارًا359 دولارًا

ادفع مرة واحدة. لا يوجد تجديد، على الإطلاق.

رمز القسيمة ماليفي40
احصل على خصم 40% الآن
  • 30،000+ عمليات تثبيت نشطة
  • 4.5/5 من 212 تقييمًا
  • استرداد الأموال لمدة 14 يومًا