Cerca
Generic filters
Frase esatta
Cerca nel titolo
Cerca nel contenuto
Filter by Custom Post Type
Filter by Categorie
Quick Snippets
Guide e Tutorial Joomla
Guide e Tutorial Wordpress
Notizie
Programmazione Web
Trucchi e Guide Apple Mac OS
Filtra per Tags
Seleziona / Seleziona tutti
acf
action
aggiornamento joomla
aggiornamento virtuemart
aggiungere campi
akeeba
amazon s3
amazon web services
angularjs
apache
aruba
autopost
aws
backup
backup buddy
blocksit.js
bootstrap
bordi arrotondati
cache
caching
campi personalizzati
captcha recaptcha
cf7
chronoforms
cloud
compressione file
compressione immagini
conditional fields
contact form 7
countdown
cpt
css
css framework
css3
custom post type
custom registration
data di nascita
debug
disegni
downgrade
draw
ec2
endpoints
ergonet
font awesome
font custom
fontweb
form
front end
ftp
functions.php
funzioni
glyphicons
google
hook
hosting
hosts
html
html5
image optim
javascript
joomla
joomla api
joomla development
joomla festival
joomla lombardia
joomla update
jquery
k2
lightbox
login
mac
mac os
mamp
metabox
mobile friendly
multilingua
mysql
news
ottimizzazione
ottimizzazione immagini
override
password
pdf
php
plugin
qtranslate
redis
registrazione
registrazione utente
responsive
restore
ripristino
roolback
rounded tables
select
seo
server php locale
shortcode
shortpixel
sicurezza
smau
social
spotlight
SSL
system cache
table
template
tooltips
trasferimento sito
trucchi
twitter
ubuntu
uikit
user meta
visio alternative
web advisor
widget
widgetkit
windows
woocommerce
wordpress
wordpress api
wp capability
wp user
wp-config.php
wp_query
wug
xampp
yootheme

Come aggiungere tooltip in jQuery al form dei commenti di WordPress

Per questo articolo sono disponibili Download WP-Comment-Tooltips Plugin

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.

Contenuto mancante

1- Disabilità ADS Block e ricarica la pagina

2- Ricarica la pagina

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 :

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!

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Pin It on Pinterest

Condividi l'articolo. Grazie.

Vuoi essere aggiornato ?