Come aggiungere una barra laterale mobile a un sito WordPress

Articolo scritto da:
  • WordPress
  • Aggiornato: Sep 13, 2017

Le barre laterali mobili sono utili quando si desidera mantenere un aspetto o una parte del proprio sito Web accessibili al lettore in qualsiasi momento. Quindi l'idea alla base della massima accessibilità è che l'utente veda quasi sempre qualsiasi contenuto sia presentato in una barra laterale mobile.

È per questo motivo che molti siti Web utilizzano una barra di condivisione mobile. Queste barre laterali sono sempre visibili e facilmente accessibili al visitatore. Aumenta la probabilità che un visitatore condivida i tuoi contenuti.

Allo stesso modo i webmaster tendono a mettere i loro migliori contenuti nella parte più accessibile del sito web. Ciò mantiene sempre ciò che desideri nel campo visivo dei tuoi visitatori.

Hai bisogno di aiuto per modificare il tuo sito WordPress?
WHSR è ora partner di Codeable.io per assistere gli utenti che necessitano di servizi di sviluppo / personalizzazione WP professionali.

Per ottenere un preventivo gratuito, si prega di compilare questo modulo di richiesta.

Un bell'esempio di qualcosa che può essere aggiunto a una barra laterale mobile, controlla Post di WHSR sulla sicurezza dei social media.

Esempio

In questo caso particolare, Jerry si offre di fornire a un visitatore un eBook su come avviare e gestire un blog con successo. Riteniamo che questa sia una delle guide più preziose che WHSR può fornire. E vorremmo che ogni visitatore lo notasse.

L'accesso all'eBook è garantito fornendo il tuo indirizzo email. Quindi non solo ti offriamo l'eBook ma ti iscriviamo anche al nostro blog. In altre parole, è un modulo di sottoscrizione mobile.

Il modulo di iscrizione fluttuante su WHSR è piuttosto difficile da replicare per un principiante WP.

Quindi, lascia che ti mostri come puoi sfruttare la potenza di una barra laterale mobile con un piccolo plugin elegante, Q2W3 fissa Widget.

Q2W3 fissa Widget

q2w3

Una volta installato e attivato il plug-in, metterlo in atto è in realtà abbastanza semplice.

1. Apri aspetti> Widget.

2. Vedrai le opzioni della barra laterale, il numero di barre laterali dipende dalla scelta del tema.

3. Seleziona l'opzione del widget fisso e il gioco è fatto. Il widget particolare rimarrà al suo posto. Dai un'occhiata allo screenshot qui sotto, ho corretto i post e le categorie recenti sulla mia barra laterale.

WidgetsSettingsQ2W3

E il risultato:

Puoi anche fare un paio di personalizzazioni con il plugin.

  • I margini possono essere regolati
  • L'intervallo di aggiornamento e la larghezza massima possono avere un valore specifico
  • Le opzioni del plugin possono aiutarti a garantire la compatibilità con il tuo tema. Un esempio potrebbe essere la possibilità di ereditare la larghezza da un contenitore genitore - questo potrebbe cambiare in un tema reattivo a seconda delle dimensioni dello schermo.

SettingsQ2W3

Crea moduli di iscrizione permanenti e barre di condivisione mobili

Se vuoi creare qualsiasi altro tipo di barra laterale mobile, ci sono anche dei plugin che lo permettono. Ad esempio, se si desidera aggiungere una barra di condivisione mobile o un modulo di sottoscrizione alla barra laterale, trovare un plug-in di modulo di sottoscrizione o un plug-in di condivisione social.

1. Aggiungi un widget di testo alla barra laterale.

2. Aggiungi il codice funzione appropriato (fornito dal plugin) al widget di testo e avrai una barra di condivisione appiccicosa.

L'effetto sarebbe simile al video qui sotto, in cui hanno creato una barra di condivisione mobile.

Con qualsiasi altro plug-in puoi aggiungere funzionalità al tuo sito e renderle altamente accessibili aggiungendo i loro codici brevi a un widget di testo che hai aggiunto alla barra laterale. Inoltre, puoi aggiungere HTML o JavaScript personalizzati al widget di testo.

Considerazioni finali

Usa le barre laterali mobili saggiamente e massimizza il numero o le condivisioni sociali / il numero di abbonati o qualsiasi altra funzione che scegli di utilizzare per il plugin.

Ora, guarda il lato destro di questo articolo. Abbiamo il nostro modulo di iscrizione e una guida che può aiutare con i tuoi sforzi di blogging, ti preghiamo di iscriverti e tutti i nostri post raggiungeranno la tua casella di posta.

Se usi un altro plug-in, hack o codici per creare una barra laterale mobile, mi piacerebbe sentirne parlare nella sezione commenti.

A proposito di Vishnu

Vishnu è uno scrittore freelance di notte, lavora come analista di dati di giorno.

Collegare: