Continua la serie di tips per modificare al meglio WordPress e arricchirlo di funzionalità utili.

Hai mai pensato di ottenere campi di inserimento testo più user-friendly per il tuo sito? Hai pensato ad integrarli per bene con la grafica delle tue pagine?

Perché farlo

In tal modo puoi:

• inserire all’interno del campo un testo che spiega brevemente la funzione di quel campo e che scompare con un click al suo interno;
• informare il navigatore della funzionalità del campo;
• evitare di inserire pulsanti o label esterni che potrebbero cozzare con il design del sito.

Quando farlo

Puoi usare questa tecnica:

• per il campo di ricerca che non dovrebbe assolutamente mancare nel sito;
• nel modulo dei contatti per facilitare la compilazione dei campi prima dell’invio;
• in tutti i campi di inserimento testo che ne richiedono l’utilità.

Come farlo

Ecco il codice per rendere interattivi questi campi:

<form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
<?php
$i = 'Cerca su LAB46...'; // stringa a piacere
$q = get_search_query(); // recupero l'eventuale stringa di una ricerca precedente
$v = ( $q == "" ) ? $i : $q; // se non è stata fatta nessuna ricerca imposta la mia stringa
?>
<input onblur="this.value=(this.value == '')?'<?=$i?>':this.value" onfocus="this.value=(this.value == '<?=$i?>')?'':this.value" type="text" value="<?=$v?>" name="s" id="s" />
</form>

Grazie anche a Undolog