Cum să leagă sau să asocieze un tooltip WordPress cu un anumit element — WordPress Tooltips

Utilizatorii pluginului WordPress Tooltip, sperăm că acest mesaj vă găsește bine și cu moralul ridicat alături de familie Am primit o solicitare de suport din partea unui utilizator al pluginului WordPress Tooltip, în care utilizatorul a spus:

Îmi pare rău, sunt începător. Încă nu pot înțelege cum să leagă sau să asocieze un tooltip cu un anumit element. Așadar, am creat un tooltip și vreau ca acesta să apară atunci când utilizatorul trece cu mouse-ul peste butonul (cu textul „Adaugă persoană” și id=”add-person”) de pe pagina mea. Cum pot face asta? Adică, cum pot asocia tooltipul pe care tocmai l-am creat cu acest element de buton?

Considerăm că mulți alți utilizatori ar putea avea o întrebare similară. Prin urmare, intenționăm să răspândim deschis răspunsul nostru în rândul tuturor utilizatorilor WordPress Tooltip.

Care este scopul tooltips-urilor?

Tooltips-urile sunt feronerie pop-up compacte care oferă informații suplimentare, cum ar fi videoclipuri, audio, imagini, Google Maps, coduri QR, articole Wikipedia și text. Atunci când utilizatorii trec cu mouse-ul peste un element de pe paginile dvs. web, cum ar fi un cuvânt dintr-o postare, un câmp de căutare, o imagine sau un widget în bara laterală, tooltips-urile apar fără probleme pentru a oferi detalii interesante. Pluginul WordPress Tooltip permite aplicarea efectelor de tooltip pe orice element din postările WordPress, meniuri, comentarii, formulare de feedback, produse WooCommerce, activități BuddyPress și multe altele. Acest plugin are multe componente și extensii captivante, inclusiv o funcție minunată numită Bullets Screen.

Prezentăm pluginul WordPress Tooltip

WordPress Tooltip Pro este un plugin conceput special pentru a îmbunătăți site-ul dvs. WordPress cu tooltips-uri vizual atrăgătoare și versatile. Acesta vă permite să creați stiluri captivante de tooltips care prezintă frumos conținutul utilizatorilor dvs., optimizând în același timp spațiul pe ecran.

Când utilizatorul trece cu mouse-ul peste un element, apare o fereastră pop-up de tooltip animată și vibrantă. Aveți posibilitatea de a adăuga diferite forme de conținut, inclusiv videoclipuri, audio, imagini și chiar conținut generat de pluginuri terțe, cum ar fi coduri QR, reclame Amazon și Google Maps. Toate acestea pot fi adăugate cu ușurință prin editorul standard WordPress, ceea ce îl face extrem de convenabil pentru utilizatori.

Purchase Now

Ca începător, învățați procesul de creare a primelor dvs. tooltips-uri folosind pluginul WordPress Tooltips Pro

1. WordPress Tooltip permite crearea de tooltips-uri cu ușurință. Vă vom ghida pas cu pas în procesul de adăugare a tooltips-urilor.
2. Conectați-vă la contul dvs. de pe site-ul pluginului WordPress Tooltip.
3. Dacă nu ați instalat încă pluginul WordPress Tooltip, vă rugăm să vă conectați la contul dvs. de pe site-ul pluginului WordPress Glossary Tooltip. Dacă ați instalat deja pluginul WordPress Tooltip, puteți sări direct la pasul 10.
4. Găsiți linkul „Descarcă” pe bara de meniu de sus sau pur și simplu faceți clic pe acest link: [link către pluginul WordPress Glossary Tooltip] pentru a descărca pluginul WordPress Tooltips Pro.
5. Conectați-vă la panoul de administrare al site-ului dvs. WordPress.
6. Mergi la meniul „Pluginuri”.
7. Dezactivați versiunea anterioară a pluginului tooltip.
8. Ștergeți vechiul plugin WordPress Tooltip.
9. În meniul „Pluginuri”, faceți clic pe „Adaugă nou” în partea de sus a panoului de pluginuri.
10. Încărcați fișierul zip al pluginului tooltip pe care l-ați descărcat de pe site-ul pluginului WordPress Glossary.
11. Activați cea mai recentă versiune a pluginului WordPress Tooltip Pro.
12. Mergi la bara laterală a administratorului WordPress. Faceți clic pe „Tooltips”, apoi pe „Adaugă nou” pentru a începe adăugarea unui nou tooltip WordPress.
    
13. În editorul de text al postării WordPress, aveți posibilitatea de a adăuga diferite elemente HTML în tooltip. Aceste elemente pot include imagini, linkuri și text.
14. Felicitări! Ați adăugat acum cu succes un tooltip WordPress. Când veți trece cu mouse-ul peste cuvântul cheie specificat, tooltipul va fi activat. În plus, pluginul nostru de tooltips WordPress oferă multe opțiuni de personalizare pentru a îmbunătăți aspectul tooltips-urilor dvs. Aceste opțiuni acoperă setări precum culoarea textului, fundalul, dimensiunea fontului, lățimea, umbra, transparența, metoda de activare și multe altele.
15. Tutorial video:

Cum să legați sau să asociați un tooltip WordPress cu un anumit element?

1. Vă rugăm să creați un nou termen de tooltip WordPress, în panoul de control WordPress puteți face clic pe subpunctul „Adaugă nou” pentru a deschide Constructorul de tooltips. Interfața va fi similară cu editorul de tooltips, așa cum este prezentat mai jos:

Editor de tooltips

1. În diagrama de mai sus, veți observa un metabox cu eticheta „Tooltips pentru formulare”. Cu toate acestea, în realitate, ar trebui să se numească „Tooltips pentru clase”. Am făcut această schimbare deoarece am observat că cele mai frecvente cazuri de utilizare sunt legate de adăugarea de tooltips-uri la elemente de formular sau câmpuri, folosind clase CSS sau ID-uri. Această modificare are scopul de a ajuta utilizatorii să înțeleagă scopul metaboxului ca tooltip pentru formulare.

   

2. Pur și simplu introduceți clasa CSS sau ID-ul CSS în câmpul de introducere „Tooltip pentru formular”, unde doriți să aplicați efectul tooltip:

De exemplu, tooltips pentru clasă:
.input_box_1
sau tooltips pentru ID:
#text_box_2

Dacă nu sunteți sigur cum să găsiți clasa CSS sau ID-ul CSS pentru un anumit component în WordPress, vă rugăm să consultați ghidul intitulat „Cum să găsiți clasa CSS sau ID-ul CSS al unui component pe pagina WordPress?”

1. Asigurați-vă că ați introdus un titlu și conținutul tooltip-ului în editorul de tooltips, apoi faceți clic pe butonul „Publicați”.

2. Pe frontend, atunci când vizitați pagina care conține clasa CSS sau ID-ul specificat, trecerea cu mouse-ul peste elementul clasei va activa afișarea conținutului tooltip-ului în fereastra tooltip.

3. Aici puteți verifica tooltips-urile pentru clasa DEMO, puteți vedea o demonstrație a tooltips-urilor WordPress pentru clase. În formular, atunci când treceți cu mouse-ul peste fiecare câmp, apare o fereastră de tooltip specială. Astfel, puteți adăuga tooltips pentru diferite clase CSS sau ID-uri pe frontend. De exemplu, puteți avea tooltips pentru formularele de feedback, imagini, videoclipuri, butoane, elemente de meniu, hărți, text și multe altele.

4. Vă rugăm să rețineți că în editorul de tooltips-uri puteți personaliza stiluri unice și vizual atrăgătoare pentru fiecare termen de tooltip. În plus, puteți aplica diferite animații pentru tooltips-uri individuale.

Concluzie:

Utilizatorii pluginului WordPress Tooltip pot adăuga tooltips-uri la anumite elemente de pe site-ul lor WordPress, cum ar fi câmpuri de formular, etichete de formular, elemente de meniu, butoane sau orice alte elemente interactive. Legând sau asociind tooltips-uri cu aceste elemente, ei pot oferi informații suplimentare, instrucțiuni sau explicații utilizatorilor în timpul interacțiunii cu aceste elemente. De exemplu:

• Într-un câmp de formular, tooltipul poate oferi instrucțiuni privind formatul așteptat sau poate oferi o scurtă descriere a intrării necesare.
• Într-o etichetă de formular, tooltipul poate oferi o explicație suplimentară sau exemple pentru scopul etichetei.
• Într-un element de meniu, tooltipul poate oferi o scurtă descriere sau poate indica funcționalitatea elementului în timpul trecerii cu mouse-ul. Solicitarea funcției utilizatorului are scopul de a îmbunătăți experiența utilizatorului, reducând ambiguitatea, oferind sfaturi utile sau oferind utilizatorilor mai multe informații despre elementele specifice. Acest lucru poate duce la o mai bună utilizare și înțelegere a funcțiilor sau cerințelor de intrare ale site-ului.
• …etc.

Funcția „Tooltips pentru tot” — poate îmbunătăți experiența utilizatorului, reducând ambiguitatea, oferind sfaturi utile sau oferind utilizatorilor mai multe informații despre elementele specifice. Acest lucru poate duce la o mai bună utilizare și înțelegere a funcțiilor sau cerințelor de intrare ale site-ului.