Plugin Tooltip per WordPress
Utenti del plugin WordPress Tooltip , spero che questo messaggio vi trovi in buona salute e di buon umore con le vostre famiglie Abbiamo ricevuto una richiesta di supporto da un utente del plugin tooltip per WordPress, in cui l’utente ha scritto:
Mi scuso, sono nuovo qui. Non riesco ancora a capire come collegare o associare un tooltip a un determinato elemento. Quindi ho creato un tooltip e diciamo che voglio che appaia quando l’utente passa il mouse su un elemento pulsante (con l’etichetta “Aggiungi persona” e id=”add-person”) sulla mia pagina. Come posso farlo? In altre parole, come posso associare il tooltip che ho appena creato a questo elemento pulsante?
Riteniamo che un numero maggiore di utenti possa avere una domanda simile. Pertanto, intendiamo condividere apertamente la nostra risposta con tutti gli utenti di WordPress Tooltip.
Qual è lo scopo dei tooltip?
I tooltip sono piccole finestre pop-up che forniscono informazioni aggiuntive, come video, audio, immagini, Google Maps, codici QR, articoli di Wikipedia e testo. Quando gli utenti passano il mouse su elementi delle loro pagine web, come una parola in un post, un campo di ricerca, un’immagine o un widget nella barra laterale, i tooltip appaiono in modo fluido, offrendo dettagli. Il plugin WordPress Tooltip consente di applicare effetti tooltip a qualsiasi elemento nei post di WordPress, nei menu, nei commenti, nei moduli di contatto, nei prodotti WooCommerce, nei forum bbPress, nelle attività BuddyPress e altro ancora. Questo plugin ha una serie di componenti e aggiunte attraenti, incluso l’incantevole funzione Bullets Screen.
Presentazione del Plugin Tooltip per WordPress
WordPress Tooltip Pro è un plugin progettato specificamente per arricchire il tuo sito WordPress con tooltip visivamente attraenti e versatili. Ti consente di creare stili tooltip accattivanti che presentano magnificamente i contenuti per i tuoi utenti, ottimizzando al contempo lo spazio sullo schermo.
Quando l’utente passa il mouse su un elemento, si apre una finestra tooltip vivace e animata. Hai la flessibilità di includere molte forme di contenuto, inclusi video, audio, immagini e persino contenuti generati da plugin di terze parti, come codici QR, annunci Amazon e Google Maps. Tutto ciò può essere facilmente aggiunto tramite l’editor standard di WordPress, rendendolo estremamente user-friendly.
Acquista ora
Come principiante, impara il processo di creazione dei tuoi primi tooltip utilizzando il plugin WordPress Tooltips Pro.
WordPress Tooltip rende facile creare tooltip in modo semplice. Ti guideremo passo dopo passo nel processo di aggiunta dei tooltip.
Accedi al tuo account sul sito del plugin WordPress Tooltip.
Se non hai ancora installato il plugin WordPress Tooltip, accedi al tuo account sul sito del plugin Glossario Tooltip per WordPress. Se hai già installato il plugin WordPress Tooltip, puoi passare direttamente al passo #10.
Trova il link “Scarica” nel menu in alto o fai semplicemente clic su questo link: [link al plugin Glossario Tooltip per WordPress], per scaricare il plugin WordPress Tooltips Pro.
Accedi al pannello di amministrazione del tuo sito WordPress.
Vai al menu “Plugin”.
Disattiva la versione precedente del plugin tooltip.
Rimuovi il vecchio plugin WordPress Tooltip.
Nel menu “Plugin”, fai clic su “Aggiungi Nuovo” nella parte superiore del pannello dei plugin.
Carica il file zip del plugin tooltip che hai scaricato dal sito del plugin Glossario WordPress.
Attiva l’ultima versione del plugin WordPress Tooltip Pro.
Vai al menu di amministrazione laterale di WordPress. Fai clic su “Tooltips” e poi su “Aggiungi Nuovo” per iniziare ad aggiungere un nuovo tooltip WordPress.
Nell’editor di testo del post di WordPress hai la libertà di includere diversi elementi HTML nel tooltip. Questi elementi possono includere immagini, collegamenti e testo.
Congratulazioni! Hai ora aggiunto con successo un tooltip WordPress. Quando passi il mouse sulla parola chiave selezionata, il tooltip si attiverà. Inoltre, il nostro plugin tooltip per WordPress offre molte opzioni di personalizzazione per migliorare l’aspetto dei tuoi tooltip. Queste opzioni includono parametri come il colore del testo, lo sfondo, la dimensione del carattere, la larghezza, l’ombra, la trasparenza, il metodo di attivazione e altro ancora.
Tutorial video:
Come collegare o associare un tooltip WordPress a un determinato elemento?
Ti prego di creare un nuovo termine tooltip WordPress, nel pannello di WordPress puoi fare clic sul sottomenu “Aggiungi Nuovo” per aprire il Creatore di Tooltip. L’interfaccia apparirà simile all’editor di tooltip mostrato di seguito:
Nella figura sopra noterai un metabox intitolato “Tooltips per i Moduli”. Tuttavia, dovrebbe essere intitolato “Tooltips per le Classi”. Abbiamo apportato questa modifica poiché abbiamo notato che i casi d’uso più comuni includevano l’aggiunta di tooltip a elementi dei moduli o campi utilizzando classi CSS o ID. Questa modifica ha lo scopo di aiutare gli utenti a comprendere lo scopo del metabox come tooltip per i moduli.
Basta inserire la classe CSS o l’ID CSS nel campo “Tooltip per i Moduli”, dove desideri applicare l’effetto tooltip:
Ad esempio, tooltip per la classe:
.input_box_1
o tooltip per l’ID:
#text_box_2
Se non sai come trovare la classe CSS o l’ID CSS per un componente specifico in WordPress, consulta la guida intitolata “Come trovare la classe CSS o l’ID CSS di un componente sulla pagina WordPress?”.
Assicurati di aver inserito il titolo e il contenuto del tooltip nell’editor dei tooltip e poi fai clic sul pulsante “Pubblica”.
Sul frontend, quando visiti la pagina che contiene la classe CSS o l’ID CSS specificato, passare il mouse sull’elemento della classe attiverà la visualizzazione del contenuto del tooltip nella finestra del tooltip.
Qui, per controllare i tooltip per la classe DEMO, puoi vedere una demo dei tooltip WordPress per le classi. Nel modulo, quando passi il mouse su ogni campo, apparirà una finestra tooltip dedicata. In questo modo puoi aggiungere tooltip per diverse classi o ID CSS sul frontend. Ad esempio, puoi avere tooltip per moduli di contatto, immagini, video, pulsanti, elementi di menu, mappe, testo e altro.
Nota che nell’editor dei tooltip puoi personalizzare stili unici e visivamente attraenti per ogni termine tooltip. Inoltre, puoi applicare diverse animazioni per i singoli tooltip.
Riepilogo:
Gli utenti dei tooltip WordPress possono aggiungere tooltip a elementi specifici sulla propria pagina WordPress, come campi di moduli, etichette di moduli, elementi di menu, pulsanti o qualsiasi altro elemento interattivo. Collegare o associare tooltip a questi elementi consente di fornire informazioni aggiuntive, istruzioni o spiegazioni agli utenti durante l’interazione con questi elementi. Ad esempio:
In un campo di modulo, un tooltip può fornire suggerimenti sul formato atteso o offrire una breve descrizione del valore richiesto.
In un’etichetta di modulo, un tooltip può fornire ulteriori spiegazioni o esempi riguardanti lo scopo dell’etichetta.
In un elemento di menu, un tooltip può offrire una breve descrizione o suggerire la funzionalità dell’elemento al passaggio del mouse. La richiesta dell’utente per questa funzionalità ha lo scopo di migliorare l’esperienza dell’utente riducendo le ambiguità, fornendo suggerimenti utili o dando agli utenti ulteriori informazioni su elementi specifici. Questo può portare a una migliore usabilità e comprensione delle funzionalità o dei requisiti di input del sito.
…ecc.
La funzione “Tooltips per qualsiasi cosa” – può migliorare l’esperienza dell’utente riducendo le ambiguità, fornendo suggerimenti utili o dando agli utenti ulteriori informazioni su elementi specifici. Questo può portare a una migliore usabilità e comprensione delle funzionalità o dei requisiti di input del sito.
Leave a Reply