كيفية ربط أو ربط تلميح ووردبريس بعنصر محدد؟

مرحبًا، أعزاءنا مستخدمي ملحق WordPress Tooltip، نأمل أن تكونوا بخير وأن تقضون يومًا سعيدًا مع عائلاتكم تلقينا تذكرة دعم من أحد مستخدمي ملحق ووردبريس Tooltip، حيث ذكر المستخدم التالي:
“أعتذر، أنا مبتدئ هنا. لا يزال لدي صعوبة في معرفة كيفية ربط أو ربط نص توضيحي بعنصر معين. لذا قمت بإنشاء نص توضيحي وأريد أن يظهر هذا عندما يحوم المستخدم فوق عنصر زر (بالتسمية “إضافة شخص” ومعرفها “add-person”) على صفحتي. كيف يمكنني القيام بذلك؟ أي أنني كيف يمكنني ربط النص التوضيحي الذي أنشأته للتو بهذا العنصر الزر؟”
نحن نعتقد أن عددًا أكبر من المستخدمين قد يكون لديهم استفسارات مماثلة. ومن هنا، نعتزم توزيع إجابتنا علنيًا لجميع مستخدمي ملحق WordPress Tooltip
ما هو الغرض من النصوص التوضيحية؟
النصوص التوضيحية هي صناديق منبثقة صغيرة توفر معلومات إضافية مثل الفيديوهات والصوتيات والصور وخرائط Google ورموز الاستجابة السريعة ومقالات ويكيبيديا ونصوص. عندما يحوم المستخدمون فوق عنصر على صفحات الويب الخاصة بك، مثل كلمة في مشاركة أو صندوق إدخال نموذج بحث أو صورة أو واجهة جانبية، تظهر النصوص التوضيحية بسلاسة لتقدم تفاصيل شيقة. يوفر ملحق WordPress Tooltip القدرة على تطبيق تأثيرات النصوص التوضيحية على أي عنصر داخل مشاركات ووردبريس والقوائم والتعليقات ونماذج الاتصال ومنتجات WooCommerce ومنتديات bbPress وأنشطة BuddyPress وغيرها. يتميز هذا الملحق بمجموعة من العناصر الجذابة والوظائف الإضافية، بما في ذلك ميزة شاشة الرصاص الممتعة.
تقديم ملحق WordPress Tooltip
ملحق ووردبريس Tooltip Pro هو ملحق مصمم خصيصًا لتحسين موقع ووردبريس الخاص بك بتوضيحيات جذابة بصريًا ومتعددة الاستخدامات. يتيح لك إنشاء أنماط توضيحية جذابة تعرض المحتوى بشكل جميل للمستخدمين، مع تحسين مساحة الشاشة.
عندما يحوم المستخدم فوق عنصر، يتم عرض صندوق نص توضيحي ديناميكي ومتحرك. لديك المرونة في دمج أشكال مختلفة من المحتوى بما في ذلك الفيديوهات والصوتيات والصور، وحتى المحتوى الذي يتم إنشاؤه من جهات خارجية مثل رموز QR وإعلانات أمازون وخرائط Google. يمكن إضافة كل ذلك بسهولة عبر محرر ووردبريس القياسي، مما يجعله سهل الاستخدام للغاية.
اشترِ الآن
كمبتدئ، تعلم عملية إنشاء النصوص التوضيحية الأولية باستخدام ملحق WordPress Tooltips Pro
يسهل ملحق WordPress Tooltip إنشاء النصوص التوضيحية بكل سهولة. سنرشدك خلال عملية إضافة النصوص التوضيحية خطوة بخطوة.
قم بتسجيل الدخول إلى حسابك على موقع ملحق WordPress Tooltip Plugin.
إذا لم تقم بتثبيت ملحق WordPress Tooltip Plugin بعد، يرجى تسجيل الدخول إلى حسابك على موقع ملحق WordPress Glossary Tooltip Plugin. إذا قمت بتثبيت ملحق WordPress Tooltip Plugin بالفعل، يمكنك المتابعة مباشرة إلى الخطوة رقم 10.
ابحث عن رابط “تنزيل” في شريط القوائم العلوي أو انقر ببساطة على هذا الرابط: [رابط إلى ملحق WordPress Glossary Tooltip Plugin] لتنزيل ملحق WordPress Tooltips Pro Plugin.
قم بالوصول إلى منطقة الإدارة في موقع ووردبريس الخاص بك وقم بتسجيل الدخول.
انتقل إلى عنصر القائمة “الإضافات”.
قم بإلغاء تفعيل الإصدار السابق لملحق النصوص التوضيحية.
احذف الملحق القديم لنص التوضيح الخاص بوردبريس.
في عنصر القائمة “الإضافات” ، انقر على “إضافة جديد” في أعلى لوحة الإضافات.
قم بتحميل ملف الزر) – ضف الملحق ” إلى الإضافة من الموقع الإلكتروني لملحق النصوص التوضيحية في ووردبريس.
قم بتنشيط الإصدار الأحدث من ملحق ووردبريس Tooltips Pro Plugin.
انتقل إلى الشريط الجانبي لإدارة ووردبريس. انقر على “النصوص التوضيحية” ثم “إضافة جديد” لبدء إضافة نص توضيحي جديد لووردبريس.
إضافة نص توضيحي جديد
ضمن محرر نص المشاركة في ووردبريس، لديك حرية دمج عناصر HTML المختلفة في النص التوضيحي. يمكن أن تتضمن هذه العناصر الصور والروابط والنص.
إضافة نص توضيحي جديد لووردبريس
تهانينا! لقد قمت الآن بإضافة نص توضيحي لووردبريس بنجاح. عندما تحوم فوق الكلمة المحددة، سيتم تنشيط النص التوضيحي. بالإضافة إلى ذلك، يوفر ملحقنا WordPress Tooltip Plugin مجموعة من خيارات التخصيص لتحسين مظهر النصوص التوضيحية الخاصة بك. تتضمن هذه الخيارات معلمات مثل لون النص والخلفية وحجم الخط والعرض والظل والشفافية وطريقة التنشيط، وأكثر من ذلك.
شرح فيديو:
كيفية ربط أو ربط النص التوضيحي لوردبريس بعنصر معين؟

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

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

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

#text_box_2
إذا كنت غير متأكد من كيفية العثور على الفئة CSS أو المعرف CSS لعنصر معين في ووردبريس، يرجى الرجوع إلى الدليل المسمى “كيفية العثور على فئة CSS أو معرف CSS لعنصر في صفحة ووردبريس؟”
4. تأكد من أنك قد أدخلت عنوان النص التوضيحي والمحتوى في محرر النصوص التوضيحية، ثم انقر على زر “نشر”.
5. في الواجهة الأمامية، عند زيارة صفحة تحتوي على الفئة CSS أو المعرف CSS المحدد، سيتم تنشيط عرض محتوى التوضيح في نافذة نص توضيحي.
6. هنا يمكنك مراجعة نماذج التوضيح للفئة DEMO، يمكنك رؤية عرض توضيحي لنصوص التوضيح لوردبريس للفئات. في النموذج، عندما تحوم فوق كل حقل، ستظهر نافذة توضيحية مخصصة. بهذه الطريقة، يمكنك إضافة نصوص توضيحية لمجموعة متنوعة من الفئات CSS أو المعرفات على الواجهة الأمامية. على سبيل المثال، يمكنك إضافة نصوص توضيحية لنماذج الاتصال أو الصور أو الفيديوهات أو الأزرار أو عناصر القائمة أو الخرائط أو النص وأكثر من ذلك.
7. يرجى ملاحظة أنه يمكنك تخصيص أنماط توضيحية فريدة وجاذبة بصريًا لكل مصطلح توضيحي. بالإضافة إلى ذلك، يمكنك تطبيق تأثيرات تحريك مختلفة لكل من توضيحي.