La barra di ricerca del blog permette ai visitatori di trovare in pochi secondi l'articolo che cercano digitando una parola chiave. Il componente è un campo di testo con un pulsante a forma di lente: quando il visitatore scrive una parola e clicca, viene portato alla pagina del blog con i risultati già filtrati per il testo cercato. Mettila dove viene cercata di più: in cima alla pagina del blog, in homepage vicino agli articoli in evidenza o nella barra laterale.
Impostare la pagina di destinazione
È l'impostazione più importante: senza, la ricerca non funziona. Seleziona il componente Ricerca Articoli e apri le impostazioni, vai al blocco Pagina di destinazione e scegli la pagina che mostra l'elenco degli articoli del blog.
Salva e prova a digitare una parola nella barra: verifica di arrivare alla pagina giusta e che i risultati siano filtrati in base al testo cercato.
Personalizzare l'aspetto
Adatta la barra allo stile del sito regolando il bordo (spessore, colore e angoli arrotondati, oppure solo la linea inferiore per un aspetto minimale) e il testo digitato dal visitatore (carattere, dimensione e colore).
Imposta poi i colori, anche con trasparenza, dello sfondo del campo e del pulsante, e il colore della lente. Tieni sempre un buon contrasto: lente chiara su pulsante scuro, lente scura su pulsante chiaro.
Problemi comuni e soluzioni
La barra non fa nulla quando clicco.
Quasi sempre manca la Pagina di destinazione. Apri le impostazioni, seleziona la pagina del blog corretta e salva: risolve nella grande maggioranza dei casi.
Non vedo la lente sul pulsante.
La lente e il pulsante hanno lo stesso colore. Dai alla lente un colore molto diverso dallo sfondo del pulsante: chiara su sfondo scuro, scura su sfondo chiaro.
Il bordo è sparito oppure è troppo spesso.
Con lo spessore a 0 il bordo non compare; con Solo bordo inferiore attivo vedi solo la linea sotto al campo. Porta lo spessore a 1 o 2 e disattiva Solo bordo inferiore per rivedere il riquadro completo.
La barra non si intona al resto del sito.
Imposta tutti i colori (sfondo del campo, sfondo del pulsante, testo, lente e bordo) e usa lo stesso carattere del resto del sito.