Supporto » Varie ed eventuali » Modificare il testo del bottone (widget) di ricerca

  • 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)
  • Gloria Liuni

    (@glorialchemica)

    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 4 settimane fa da Gloria Liuni.
    pizienolamitica

    (@pizienolamitica)

    Ho provato questo codice ma non funziona. Neanche con My Custom Functions.
    Come posso fare?

    pizienolamitica

    (@pizienolamitica)

    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

    pizienolamitica

    (@pizienolamitica)

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

    Gloria Liuni

    (@glorialchemica)

    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)

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

    pizienolamitica

    (@pizienolamitica)

    @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)

    @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

    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 settimane, 6 giorni fa da luca21.
Stai visualizzando 9 risposte - dal 1 al 9 (di 9 totali)
  • Devi essere collegato per rispondere a questo topic.