Cerca
Filtra la ricerca ...
Frase esatta
Filter by Custom Post Type
Categorie
Tags

Puoi disiscriverti da una o tutte le liste in qualunque momento

Come aggiungere tooltip in jQuery al form dei commenti di WordPress

Contenuto mancante

1- Disabilità ADS Block e ricarica la pagina

2- Ricarica la pagina

I commenti sono utili perchè permettono ai navigatori di interagire con il sito internet, in modo particolare per articoli specifici in cui magari possono postare la propria opinione oppure chiedere aiuto, ma soprattutto tengono “vivo” il sisto stesso, e questo piace molto ai motori di ricerca specie Google.

Così, perchè non aiutare l’utente con la compilazione del form ? jQuery è una libreria di Javascript molto utilizzata, in questo caso andiamo ad utilizzare i Tooltips in modo che appaia un messaggio al passaggio del mouse (hover) su un campo del modulo commenti.

Vediamo subito come fare.

Plugin per inserire jQuery Tooltips sul form dei commenti WordPress

Andiamo a sviluppare un piccolo plugin che ci permette di avere i tooltip come in figura

jquery tooltip form commenti wordpressCreiamo una cartella che chiamiamo wp-comment-tooltips

Al suo interno creiamo il file wp-comment-tooltip.php ed inseriamo queste righe di codice :

in sostanza andiamo ad aggiungere i due file che serviranno a renderizzare il tooltip e poi sovrascriviamo l’attuale form dei commenti; i valori all’interno del tag “title” li potete personalizzare a piacimento.

ora creiamo il file wp-tooltip.css ed incolliamo quanto segue :

il CSS lo potete personalizzare come meglio credete.

Ed infine creiamo una piccola funzione jQuery creando il file wp-tooltip.js ed incollandoci quanto segue :

Quindi riepilogando all’interno della cartella wp-comment-tooltips avremo 3 files :

Contenuto mancante

1- Disabilità ADS Block e ricarica la pagina

2- Ricarica la pagina

wp-comment-tooltip.php
wp-tooltip.css
wp-tooltip.js

Ora possiamo comprimere la cartella wp-comment-tooltips.zip ed installare il plugin, oppure copiare la cartella non compressa direttamente via FTP in wp-content/plugins e poi attivare il plugin dal backend di WordPress.

Ed ecco il risultato

tooltips form commenti wordpress

Alla prossima, ciauz 🙂

Commenta l'articolo

Bisogno di postare codice ? Usa un servizio gratuito come Codeshare altrimenti WordPress formatta male il codice ed io non posso aiutarti!
Se necessiti delle modifiche al codice che ho scritto puoi chiedermi una consulenza, non ti risponderò nei commenti. Ti ringrazio per la collaborazione, sono certo che tu capisca.

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.