Vai al contenuto principale

Come aggiungere un menu a schermo intero e WordPress reattivo

Divi: il tema WordPress più semplice da usare

Divi: il miglior tema WordPress di tutti i tempi!

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

Hai mai visto un menu reattivo a schermo intero su blog popolari? Questi menu vengono visualizzati facendo clic sull'icona del menu. Quando un utente fa clic su di esso, una sovrapposizione scorre sullo schermo e visualizza il contenuto del menu.

In questo tutorial, ti mostrerò come visualizzare un menu a schermo intero e reattivo sul tuo blog WordPress, senza dover scrivere una singola riga di codice.

menù fullscreen-anteprima

La prima cosa da fare è installare e attivare il plugin DC a tutto schermo Responsive Menu. Dopo aver attivato il plug-in, è necessario visitare il " Aspetto> Menu a schermo intero DC“, Per configurare il menu.

fullscreenmenusettings

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]

In questa nuova interfaccia, devi scegliere il menu che desideri visualizzare. Se non hai ancora creato un menu, tu pensare a farlo.

Successivamente è necessario selezionare la direzione dell'animazione (da sinistra a destra o da destra a sinistra). Puoi scegliere tra diversi tipi di intrattenimento.

DC a tutto schermo Responsive consente di scegliere un'immagine di sfondo e un testo anche per il menu. Assicurati di aver scelto un'ottima combinazione che sia morbida per gli occhi e che corrisponda alla tua combinazione di colori.

Quando scegli un testo o un colore di sfondo, dovresti sempre considerare il carattere di leggibilità.

È possibile scegliere una politica Google Fonts per il tuo menu. Basta specificare il nome del carattere e il plugin farà il resto.

Non dimenticare di deselezionare la casella " Piccolo link all'autore", Che ti impedirà di pubblicare un link al sito web dell'autore (a meno che non si vuole dare il vostro sostegno, che non sarà di un eventuale rifiuto).

E, infine, è necessario fare clic sul pulsante "Invia" per salvare il menu. Ora puoi visitare il tuo blog per vederlo in azione. Prova a ridimensionare le dimensioni della finestra del browser, se non puoi testare questo menu su altri dispositivi.

Questo è tutto per questo tutorial, non esitare a condividerlo con i tuoi amici sui tuoi social network preferiti. E colgo nuovamente l'occasione per augurarvi un ottimo e felice anno nuovo 2016.

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
4 azioni
quota4
Tweet
Enregistrer