أداة تلميح أداة Elementor - إضافة تلميحات التمرير إلى أي مكان
عنصر Tooltip عبارة عن عنصر واجهة مستخدم Elementor مستقل. اسحبه بجوار حقل النموذج، أو داخل جدول التسعير، أو بجانب مصطلح مربك، وسيعرض المشغل الخاص به بالإضافة إلى فقاعة تلميح الأدوات. إذا كنت تريد إرفاق تلميح أداة بزر أو رمز أو قسم موجود بالفعل في الصفحة، فاستخدم ملحق تلميحات الأدوات بدلاً من.
ما يمكنك فعله باستخدام أداة تلميح الأدوات
التحكم في الموضع
اكتب نص تلميح الأداة، ثم اختر مكان ظهور الفقاعة: متغيرات الأعلى والأسفل واليسار واليمين، بالإضافة إلى متغيرات البداية والنهاية. قم بضبط إعدادات البكسل X وY بحيث لا تغطي الفقاعة أبدًا الشيء الذي تشرحه.
- اشرح حقول النموذج أو الأسعار أو المصطلحات التي يطرح فيها السؤال.
- قم بتثبيت الفقاعة بالإزاحات حتى تتمكن من مسح القوائم والرؤوس اللاصقة والأزرار القريبة.
- قم بتوجيه المستخدمين من خلال نماذج متعددة الخطوات مع تلميحات سياقية قصيرة.
التصميم: الحالات العادية والحوم
تصميم الزناد والفقاعة بشكل منفصل. قم بتعيين الخلفية ولون النص والطباعة والحشو ونصف قطر الحدود والحدود وظل الصندوق. تحتوي كل خاصية على عناصر تحكم مستقلة للحالات العادية وحالات التحويم.
- قم بمطابقة ألوان العلامة التجارية تمامًا بدلاً من العيش مع إعدادات المتصفح الافتراضية باللون الرمادي.
- قم بعمل تلميحات دقيقة (مخطط شبح) أو عالية (حبوب صلبة مع ظل) حسب السياق.
- قم بتمرير التعليقات حتى يعرف المستخدمون أن العنصر تفاعلي.
الزناد والرسوم المتحركة
قم بالتشغيل عند التمرير للحصول على تلميحات سريعة، أو عند النقر للحصول على ملاحظات يجب أن تظل مفتوحة (يعمل هذا بشكل أفضل على شاشات اللمس)، أو باستخدام مشغل مخصص. اختر رسمًا متحركًا للمدخل وقم بتعيين المدة وإخفاء التأخير. قم بتشغيل Follow Cursor إذا كنت تريد أن تتعقب الفقاعة الماوس، وهو ما يناسب الخرائط والرسوم البيانية.
- قم بالتمرير للحصول على نسخة مصغرة من سطح المكتب؛ انقر للحصول على تلميحات مستمرة صديقة للجوال.
- يجذب مدخل التلاشي أو الحجم الدقيق العين دون إزعاج المستخدم.
- يمنع تأخير الإخفاء طرف الأداة من الوميض عندما يمر المؤشر.
العنصر أو الامتداد: أيهما تحتاج؟
هذه الصفحة (عنصر تلميح الأداة، مجاني): أنت بحاجة إلى تلميح جديد على الصفحة. تقوم الأداة بإحضار المشغل الخاص بها، والذي يمكن أن يكون نصًا أو رمزًا أو صورة.
ملحق تلميحات الأدوات (Pro): لديك بالفعل زر أو صورة أو عنوان على الصفحة وتريد إرفاق تلميح أداة به.
حالات الاستخدام الشائعة
- النماذج: تحتاج كلمة مرور “Password إلى 12+ حرفًا من نوع” بجوار الإدخال، دون إطالة النموذج.
- جداول التسعير: حدد “per seat” vs “per Workspace” مضمنة.
- الأزرار: توضيح ما يحدث بعد النقر (“لا يلزم وجود بطاقة”).
- الفريق/القوائم: الدور، أو المقتطف الحيوي، أو اختصار جهة الاتصال عند التمرير.
- الإعداد: تعليمات قصيرة بجانب الميزات الجديدة أو عناصر واجهة المستخدم للوحة المعلومات.
كيفية إضافة تلميح أداة في Elementor
- إسقاط القطعة. في Elementor، ابحث عن “Tooltip” ضمن الإضافات الرئيسية واسحبه حيث ينتمي التلميح.
- اكتب و ضع. أدخل نص تلميح الأداة، اضبط المشغل (التمرير أو النقر)، اختر الموضع والإزاحات.
- صمم ذلك. في علامة التبويب "النمط"، ينص التصميم العادي والتحويم على ما يلي: الألوان، والطباعة، ونصف القطر، والظل. ينشر.
- هل تريد لقطات شاشة لكل إعداد؟ اقرأ دليلنا على كيفية إضافة تلميح أداة في Elementor.
الأسئلة المتداولة حول تلميح الأدوات
ما هو عنصر تلميح الأدوات؟
إضافة سياق قصير ومفيد دون تشويش التخطيط: تفسيرات الحقول، وتعريفات المصطلحات، وتوضيحات الأزرار، والتعليمات المضمنة. أي شيء غير ضروري يساعد عند الطلب.
كيف يختلف هذا عن ملحق Tooltips؟
العنصر عبارة عن عنصر واجهة مستخدم مجاني ومستقل مع مشغل خاص به. ال ملحق تلميحات الأدوات هو جزء من Pro ويرفق تلميح أداة بعنصر واجهة مستخدم أو قسم أو حاوية موجودة بالفعل في الصفحة. كلاهما يحتوي على مؤشر المتابعة والإعدادات المسبقة للموضع ومشغلات التمرير أو النقر. هل تحتاج إلى نقطة تلميح جديدة؟ استخدم العنصر. هل تحتاج إلى تلميحات حول الأشياء الموجودة بالفعل في الصفحة؟ استخدم الامتداد.
هل يمكنني تصميم الحالات العادية وحالات التحويم بشكل منفصل؟
نعم. تحتوي علامة التبويب "النمط" على عناصر تحكم عادية وعائمة مستقلة للخلفية والنص والحدود ونصف القطر والظل.
كيف أتحكم في مكان ظهور الفقاعة؟
استخدم الإعدادات المسبقة للموضع (المتغيرات العلوية والسفلية واليسرى واليمنى، بالإضافة إلى متغيرات البداية والنهاية)، ثم قم بالدفع بإزاحات X وY بالبكسل.
قم بالتمرير أو النقر: ما المشغل الذي يجب أن أستخدمه؟
قم بالتمرير للحصول على تلميحات سريعة لسطح المكتب؛ انقر للحصول على أي شيء يجب أن يعمل على شاشات اللمس، نظرًا لعدم وجود التمرير على الهاتف المحمول.
هل سيبطئ موقعي؟
لا. يقوم بتحميل CSS وJS الصغيرين فقط عند وجودهما على الصفحة. عدد قليل من تلميحات الأدوات لكل صفحة ليس لها تأثير ملحوظ.
عناصر واجهة المستخدم والملحقات الشائعة
إنشاء مواقع متطورة في وقت أقل.
التشكل الزجاجي
إضافات الحاويات
أنماط
ناسخ البريد/الصفحة
