Come aggiungere la navigazione da tastiera con i tasti freccia in WordPress

Vuoi aggiungere la navigazione da tastiera con i tasti freccia sul tuo sito web?

La navigazione da tastiera può rendere il tuo sito web più user-friendly. Permetterà ai tuoi visitatori di spostarsi da un post all'altro utilizzando questi tasti freccia. Tuttavia, WordPress non offre queste funzionalità di navigazione per impostazione predefinita.

In questo articolo, ti mostreremo come aggiungere la navigazione da tastiera con i tasti freccia in WordPress.

Perché aggiungere la navigazione da tastiera con i tasti freccia in WordPress

L'aggiunta della navigazione da tastiera al tuo sito Web WordPress consente agli utenti di sfogliare facilmente i post del blog sul tuo sito Web. Gli utenti possono visualizzare i post del blog successivo e precedente facendo clic sui tasti freccia destra e sinistra sulla tastiera.

Questa funzione è utile quando si desidera che gli utenti sfoglino facilmente i post in ordine sequenziale, ad esempio se si utilizzano i post del blog per pubblicare capitoli di un libro, elementi del portfolio, eventi storici o altro.

L'aggiunta della navigazione da tastiera con i tasti freccia può essere un ottimo modo per migliorare l'esperienza utente sul tuo blog WordPress in quanto incoraggerà gli utenti a esplorare di più il tuo sito.

Detto questo, vediamo come aggiungere la navigazione da tastiera con i tasti freccia in WordPress utilizzando un plug-in.

Metodo 1. Aggiunta della navigazione da tastiera con tasti freccia utilizzando uno snippet di codice (consigliato)

Puoi aggiungere la navigazione con i tasti freccia sul tuo blog WordPress aggiungendo codice al file functions.php del tuo tema WordPress. Tuttavia, l'aggiunta di codice personalizzato ai file core di WordPress può essere rischiosa in quanto un piccolo errore può danneggiare il tuo sito.

Ecco perché consigliamo sempre di utilizzare WPCode. È il plug-in di frammenti di codice più semplice e sicuro disponibile.

Aggiungendo questo codice al tuo sito web, i tuoi utenti saranno in grado di passare da una pagina all'altra e ai post del tuo sito utilizzando i tasti freccia sulla tastiera.

Innanzitutto, devi installare e attivare il plug-in WPCode gratuito. Per i dettagli, consulta la nostra guida su come installare un plugin per WordPress.

Dopo l'attivazione, vai su Frammenti di codice »Aggiungi snippet nella dashboard di amministrazione di WordPress. Fai clic sul pulsante "Aggiungi nuovo" per andare alla pagina "Aggiungi snippet".

Una volta lì, trova l'opzione "Aggiungi il tuo codice personalizzato (nuovo snippet)".

Passaci sopra con il mouse e fai clic sul pulsante "Usa snippet".

Una volta che sei nella pagina "Crea snippet personalizzato", inizia digitando un nome per il tuo snippet di codice.

Quindi, seleziona semplicemente "Universal Snippet" come "Tipo di codice" dal menu a discesa nell'angolo a destra.

Quindi, copia e incolla semplicemente il seguente codice nel file "Code Preview.

<script type="text/javascript">
        document.onkeydown = function (e) {
            var e = e || event, 
            keycode = e.which || e.keyCode; 
            if (keycode == 37 || keycode == 33)
                location = "<?php echo get_permalink(get_previous_post()); ?>";
            if (keycode == 39 || keycode == 34)
                location = "<?php echo get_permalink(get_next_post()); ?>";
        }
    </script>

Questo frammento consentirà la navigazione con i tasti freccia sul tuo sito web.

Successivamente, scorri verso il basso fino alla casella "Inserimento" per scegliere la posizione dello snippet di codice.

Nel menu a discesa accanto a "Posizione", scegli semplicemente "Piè di pagina a livello di sito".

Quindi, dovrai scegliere un "Metodo di inserimento". Per eseguire lo snippet ovunque sul tuo sito web, seleziona l'opzione "Inserimento automatico".

Se desideri la navigazione con i tasti freccia solo su determinate pagine, scegli l'opzione "Shortcode". Dopo aver salvato lo snippet di codice, qui verrà visualizzato uno shortcode da copiare/incollare.

Successivamente, torna semplicemente all'inizio della pagina e attiva il passaggio da "Inattivo" ad "Attivo".

Quindi tutto ciò che devi fare è fare clic sul pulsante "Salva snippet".

Questo è tutto! Hai aggiunto correttamente la navigazione con i tasti freccia sul tuo sito web.

Metodo 2. Aggiunta della navigazione da tastiera con i tasti freccia utilizzando il plug-in di navigazione dei tasti freccia

Se non desideri aggiungere codice al tuo sito Web, puoi utilizzare il plug-in di navigazione dei tasti freccia.

Questo plug-in ti consente di navigare tra i post precedenti e successivi sul tuo sito utilizzando i tasti freccia destra e sinistra sulla tastiera.

Quindi la prima cosa che devi fare è installare e attivare il plug-in di navigazione dei tasti freccia.

Per maggiori dettagli, consulta la nostra guida passo passo su come installare un plugin per WordPress.

Dal momento che è un plugin molto semplice, non richiede alcuna configurazione aggiuntiva. Una volta attivato il plug-in, ora puoi passare a diversi post sul tuo sito utilizzando i tasti freccia.

Tieni presente che questo plug-in ti consente solo di passare da un post all'altro sul tuo sito Web, quindi non sarai in grado di utilizzare i tasti freccia per spostarti da una pagina all'altra.

Ad esempio, non puoi passare dalla pagina "Home" alla pagina "Contattaci" utilizzando i tasti freccia.

Dopo aver attivato il plug-in, puoi aggiungere un messaggio o un popup sul tuo sito Web che informa gli utenti che ora possono navigare tra i vari post del blog semplicemente utilizzando i tasti freccia per spostarsi da un post all'altro.

Navigazione con i tasti freccia per lo slider di WordPress e le gallerie di immagini

Le due soluzioni di cui sopra consentiranno agli utenti di navigare nei post del tuo blog con i tasti freccia, tuttavia a volte potresti voler aggiungere altre funzionalità come consentire agli utenti di spostare le immagini con i tasti freccia o forse spostare il dispositivo di scorrimento con i tasti freccia.

In questi casi, dovrai utilizzare un plug-in della galleria di WordPress e/o un plug-in di scorrimento di WordPress. I plug-in di scorrimento e galleria più popolari sono integrati con le funzioni di navigazione dei tasti freccia.

Speriamo che questo articolo ti abbia aiutato a imparare come aggiungere la navigazione da tastiera con i tasti freccia in WordPress. Potresti anche voler vedere la nostra prima scelta dei migliori plugin di WordPress. Se sei interessato, puoi anche consultare la nostra guida su come aggiungere caratteri speciali in WordPress.

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per i tutorial video di WordPress. Puoi trovarci anche su Twitter e Facebook.