Modificare il testo del bottone (widget) di ricerca

pizienolamitica
(@pizienolamitica)

3 anni, 11 mesi fa

Buongiorno a tutti,
utilizzo WordPress da 3 anni e oggi vorrei chiedere aiuto per un argomento assente nella documentazione italiana (chiedo venia in caso contrario, ho cercato tanto!). Vengo subito al punto: come è possibile modificare il testo della barra di ricerca (chiamata “Cerca” in widget) laterale?

So che devo inserire qualche stringa di codice ma ignoro il contenuto dello stesso.

In pratica vorrei cambiare il testo da “Cerca” a “Scrivi qui e premi Invio” per far interagire meglio gli utenti con il bottone di ricerca laterale.

Grazie!

Stai visualizzando 9 risposte - dal 1 al 9 (di 9 totali)

Moderatore Gloria Liuni
(@glorialchemica)

3 anni, 11 mesi fa
Ciao @pizienolamitica,
sul forum di supporto internazionale ho trovato questa risposta. https://wordpress.org/support/topic/customize-search-widget-placeholder-text/

Aggiungi al tuo file functions.php il seguente codice:
```
function wpforo_search_form( $html ) {

        $html = str_replace( 'placeholder="Cerca" ', 'placeholder="Scrivi qui e premi Invio"', $html );

        return $html;
}
add_filter( 'get_search_form', 'wpforo_search_form' );
```
Ricorda che se lo aggiungi al tema genitore, quando lo aggiornerai questo verrà cancellato, puoi ovviare con un Child Theme oppure usando il plugin My Custom Functions.

Facci sapere.
- Questa risposta è stata modificata 3 anni, 11 mesi fa da Gloria Liuni.
Chi ha creato la discussione pizienolamitica
(@pizienolamitica)

3 anni, 11 mesi fa

Ho provato questo codice ma non funziona. Neanche con My Custom Functions.
Come posso fare?
Chi ha creato la discussione pizienolamitica
(@pizienolamitica)

3 anni, 11 mesi fa
Cercando tra molti forum e varie stringhe, ho trovato questo codice che funziona ma aggiunge un search button completamente diverso e non affatto soddisfacente:
```
function html5_search_form( $form ) { 
     $form = '<section class="search"><form role="search" method="get" id="search-form" action="' . home_url( '/' ) . '" >
    <label class="screen-reader-text" for="s">' . __('',  'domain') . '</label>
     <input type="search" value="' . get_search_query() . '" name="s" id="s" placeholder="Search website" />
     <input type="submit" id="searchsubmit" value="'. esc_attr__('Go', 'domain') .'" />
     </form></section>';
     return $form;
}

 add_filter( 'get_search_form', 'html5_search_form' );
```
Io invece vorrei semplicemente cambiare il testo di “Cerca” in un altro, senza usare LocoTranslate ma solo modificando il file functions.php

Grazie
Chi ha creato la discussione pizienolamitica
(@pizienolamitica)

3 anni, 11 mesi fa

P.S. Sarebbe meglio che tale codice funzioni usando il plugin My Custom Functions, così non cambierà il testo con gli aggiornamenti.

Moderatore Gloria Liuni
(@glorialchemica)

3 anni, 11 mesi fa

Intanto che attendi altre risposte @pizienolamitica, puoi provare a porre la tua domanda anche sul forum internazionale (https://wordpress.org/support/forum/wp-advanced/), dicendo che hai già provato la soluzione che era indicata nel post che ti ho linkato, senza successo.

tonicopi
(@tonicopi)

3 anni, 11 mesi fa

Perchè non modifichi il file di lingua italiana it_IT.po per cambiare quel testo?

Chi ha creato la discussione pizienolamitica
(@pizienolamitica)

3 anni, 11 mesi fa

@tonicopi grazie per l’aiuto. Cerco di risponderti: perché ad ogni aggiornamento del core dovrei rifare questa operazione ed è una grande scocciatura. So che si può fare tramite “My Custom Functions” per non “rimetterci le mani 2 volte” e vorrei farlo da lì. Preferisco avere la versione standard se non riesco a trovare il codice giusto o se devo usare Loco Translate o metodi “a scadenza”/temporanei!

Grazie comunque per l’aiuto e l’interessamento 🙂

tonicopi
(@tonicopi)

3 anni, 11 mesi fa

@pizienolamitica Grazie a te della risposta. Io manco conoscevo My Custom Functions. L’ho provato ed usando il tuo codice ottengo la modifica da te desiderata mantenendo esattamente lo stesso aspetto del widget Cerca.
Guarda qui
http://www.lab.rarodesign.it/oxides/
nel footer
luca21
(@luca21)

3 anni, 11 mesi fa
Si tratta di una modifica veramente minima.

Se non si vuole scomodare plugin e codice php, c’è solo da aggiungere un minimo frammento javascript. Con un widget html personalizzato nel footer.

Per un tema Twenty/Seventeen con Cerca nella barra laterale:
```
        <script>
            	/* testo Cerca personale */
            document.addEventListener('DOMContentLoaded', function(){
                var a = document.querySelector('#search-form-1');
                a.removeAttribute("placeholder");
                a.setAttribute('placeholder', 'Scrivi qui e premi Invio');
            });
        </script>        
```
Piccolino, vero? Funziona ho fatto la prova.

Non sarà influenzato dagli aggiornamenti fino a quando Twenty/Seventeen manterrà id = "search-form-1" nel pulsante Cerca.

Comunque è specifico per il tema. Col cambio tema va cambiato anche il frammento.
Ma è così piccolo che ci vogliono davvero 5 minuti.

Tante modifiche minime si possono fare col javascript in poco tempo.
- Questa risposta è stata modificata 3 anni, 11 mesi fa da luca21.