Vai al contenuto principale

Come aggiungere un motore di ricerca a pieno schermo su WordPress

Divi: il tema WordPress più semplice da usare

Divi: il miglior tema WordPress di tutti i tempi!

più Download di 701.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62. [Consigliato]

Siti popolari come Wired utilizzano motori di ricerca a schermo intero. Quando un utente fa clic sull'icona di ricerca, il motore di ricerca si apre e copre l'intero schermo, il che può migliorare l'esperienza dell'utente sui dispositivi mobili. In questo articolo, ti mostreremo come aggiungere un motore di ricerca a schermo intero a WordPress.

fullscreensearch

Il motore di ricerca a schermo intero sta emergendo come una tendenza in quanto migliora notevolmente l'esperienza di ricerca per gli utenti mobili. Poiché gli schermi dei dispositivi mobili sono molto piccoli, offrendo una sovrapposizione a schermo intero, è più facile per gli utenti scrivere e cercare nel tuo sito.

Praticare il processo di creazione di un motore a schermo intero può essere un po 'complicato, poiché richiede del codice. Questo è il motivo per cui il processo è stato semplificato attraverso un semplice plugin.

Aggiunta di un motore di ricerca a schermo intero a WordPress

La prima cosa da fare è installare e attivare il plugin WordPress Full Screen Ricerca Overlay. Il plugin WordPress Full Screen Overlay Searh funziona senza configurazione e non ha parametri di configurazione. Devi solo visitare il tuo sito e fare clic sulla casella di ricerca per vedere il plug-in in azione.

fullscreensearchoverlay

È importante notare che questo plugin è compatibile con le funzioni di ricerca predefinite di WordPress. Funziona benissimo anche con SearchWP, che è un plugin premium che migliora la ricerca predefinita di WordPress.

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare facilmente qualsiasi design di sito Web con un aspetto professionale. Smetti di pagare caro per quello che puoi fare da solo. [Free]

Purtroppo, questo plugin non funziona Google Ricerca personalizzata.

Personalizzazione del motore di ricerca a schermo intero

Le plug-in Overlay di ricerca a schermo intero di WordPress viene fornito con il proprio foglio di stile. Per cambiare l'aspetto del motore di ricerca, dovrai modificare il file CSS del plugin o usare! Importante nel linguaggio CSS.

Innanzitutto, dovrai connetterti al tuo sito web utilizzando un client FTP. Dopo aver effettuato l'accesso, è necessario individuare la cartella CSS del plug-in. Lo troverai attraverso il seguente percorso:

http://votresite.com/wp-content/plugins/full-screen-search-overlay/assets/css/

Stai cercando i migliori temi e plugin per WordPress?

Scarica i migliori plugin e temi WordPress su Envato e crea facilmente il tuo sito web. Già più di 49.720.000 download. [ESCLUSIVO]

Troverete un file full-screen-search.css all'interno della cartella di " css". Quindi scarica il file sul tuo computer.

Dopo aver aperto il file, puoi modificarlo. Ad esempio, volevamo cambiare lo sfondo e il carattere per il nostro sito demo.


In questo codice, abbiamo appena cambiato il colore di sfondo alla riga 62 e aggiunto il colore del carattere alla riga 150. Se sei bravo con i CSS, sentiti libero di cambiarlo. altre impostazioni a tuo piacimento.

Una volta terminato, puoi caricare il file dalla cartella CSS tramite FTP. Ora puoi vedere le modifiche visitando il tuo sito web.

fullscreensearchwp

Nota importante:

Se stai utilizzando il tuo tema, è meglio usare i tag! Important in modo che gli aggiornamenti al plugin non annullino le modifiche.

Crea facilmente il tuo negozio online

Scarica gratuitamente WooCommerce, i migliori plug-in di e-commerce per vendere i tuoi prodotti fisici e digitali su WordPress. [Consigliato]

Secondo gli sviluppatori e i consulenti, puoi anche rinominare il plugin e considerarlo parte del tuo tema.

È tutto ! Ci auguriamo che questo articolo ti aiuti ad aggiungere un motore di ricerca a schermo intero al tuo sito WordPress. Si prega di lasciare commenti e suggerimenti nell'area dedicata.

Questo articolo contiene i commenti 0

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre indesiderati. Ulteriori informazioni su come vengono utilizzati i dati dei commenti.

Torna in alto
2 azioni
quota2
Tweet
Enregistrer