Come aggiungere la navigazione da tastiera con i tasti freccia in WordPress
Tempo di lettura: 5 minuti

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

Aggiunta della navigazione da tastiera al tuo Sito 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 poiché 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 tuo tema WordPress funzioni.php file. Tuttavia, aggiungendo codice personalizzato ai file core di WordPress può essere rischioso in quanto un piccolo errore può danneggiare il tuo sito.

Ecco perché consigliamo sempre di utilizzare Codice WPC. È 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, è necessario installare e attivare il plug-in WPCode gratuito. Per i dettagli, consulta la nostra guida su come installare un plugin WordPress.

Dopo l’attivazione, vai a Frammenti di codice » Aggiungi frammentonella dashboard di amministrazione di WordPress. Fai clic sul pulsante “Aggiungi nuovo” per andare alla pagina “Aggiungi snippet”.

Vai a Frammenti di codice e fai clic su Aggiungi nuovo

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”.

Fare clic sul pulsante Usa frammento

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.

Nota: Non selezionare “JavaScript” come tipo di codice. Anche se si tratta di codice JavaScript, il codice funziona solo sul tuo sito se selezioni l’opzione “Universal Snippet”.

Scegli il tipo di codice Unviersal per la navigazione con i tasti freccia

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.

Incolla il codice per la navigazione con i tasti freccia

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”.

Scegli Piè di pagina a livello di sito dal menu a discesa Posizione

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.

Scegli un metodo di inserimento

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”.

Salva lo snippet di navigazione dei tasti freccia

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 file Tasti freccia di navigazione collegare.

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 WordPress.

Nota: Questo plugin non è stato aggiornato di recente. Tuttavia, l’abbiamo testato con l’ultima versione di WordPress e funziona ancora.

Attiva il plug-in

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 apparire sul tuo sito Web che dice agli 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 a Plug-in per la galleria di WordPresse/o a 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 di migliori plugin 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 video tutorial di WordPress. Puoi trovarci anche su Cinguettio e Facebook.

La posta Come aggiungere la navigazione da tastiera con i tasti freccia in WordPress apparso per la prima volta su WPBeginner.



Source link

Di Simone Serra

Web Designer Freelancer Realizzazione Siti Web Serra Simone Realizzo siti web, portali ed e-commerce con focus specifici sull’usabilità, l’impatto grafico, una facile gestione e soprattutto in grado di produrre conversioni visitatore-cliente. Elaboro siti internet, seguendo gli standard Web garantendo la massima compatibilità con tutti i devices. Sviluppo e-commerce personalizzati, multilingua, geolocalizzati per potervi mettere nelle migliori condizioni di vendita. Posiziono il tuo sito su Google per dare maggiore visibilità alla tua attività sui motori di ricerca con SEO di base o avanzato.