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 pubblicare i loro migliori contenuti nella parte più accessibile del sito. Ciò mantiene ciò che desideri nell'intervallo di visibilità dei tuoi visitatori in ogni momento.

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 L'articolo di WHSR sulla sicurezza dei social media.

Esempio

In questo caso particolare, Jerry offre a un visitatore un eBook su come avviare ed eseguire correttamente un blog. Crediamo che questa una delle più preziose guide WHSR possa fornire. E vorremmo che tutti i visitatori prendessero nota.

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, è molto facile installarlo.

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 hai finito. Il particolare widget rimarrà al suo posto. Dai uno sguardo allo screenshot qui sotto, ho corretto i post e le categorie recenti nella 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 sottoscrizione appiccicosi 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 breve appropriato (fornito dal plugin) al widget di testo e avrai una barra di condivisione appiccicosa.

L'effetto sarebbe simile al video qui sotto, dove 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 shortcode a un widget di testo che hai aggiunto alla barra laterale. Inoltre, è possibile aggiungere codice HTML o JavaScript personalizzato 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 utilizzi un altro plug-in, hack o codici per creare una barra laterale mobile, mi piacerebbe sentirne parlare nella sezione dei commenti.

A proposito di Vishnu

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

Collegare: