Personalizza il tuo sito in WordPress

barra-laterale-wordpressAnche se secondo alcuni esperti la barra laterale è un elemento destinato a sparire nel 2014 (vedi post in Mashable), al momento è ancora un elemento che può essere utile per dividere i contenuti.

Soprattutto quando si tratta di pubblicità, links, etc., può essere utile avere una sidebar che separi il contenuto. Io al momento la uso e mi piace, ma sono aperta ai cambiamenti, e quindi non escludo in futuro di eliminarla.

Se vuoi sapere come personalizzare la tua barra laterale in WordPress, è molto semplice e ti guiderò con alcuni semplici passi.

Come personalizzare la barra laterale in WordPress

La sidebar,  o barra laterale, è un elemento molto semplice da personalizzare in WordPress senza l’aggiunta di plugin e inserendo codice che non richiede conoscenze da specialista o da programmatore.

Devi semplicemente andare nella parte a sinistra del tuo dashboard di WordPress, dove dice Appearance (io ho l’installazione in inglese, credo che in italiano dica Aspetto).

aspetto wordpress

Come vedi si apre un altro menù dal quale devi selezionare Widgets.

All’interno di Widgets, dovrai selezionarne uno che dice Text (o Testo).

widget testo

E’ uno dei Widgets più usati perché consente un’amplia personalizzazione: dall’inserimento di testo all’inserimenti di codice HMTL.

In questo caso inseriremo codice HTML.

Dovrai selezionare l’area in cui inserire il widget di testo, che potrebbe essere diversa a seconda del Theme che usi.

Questo è un esempio dei widget nel sito di assistentivirtuali.org

widget sidebar

Ipotizziamo di voler personalizzare la Primary Sidebar, cioè la barra laterale principale.

Ecco il codice che dovremo inserire per poter far sì che appaia nella nostra barra laterale un’immagine:

<p style=”text-align: center;”><a href=”http://linkalqualeridirezionare.com/”><img src=”http://urldellatuaimmagine.com”/></p></a&gt;

In questo caso avremo un’immagine centrata, come questa che si vede nella barra laterale del sito assistentivirtuali.org

Corso per Assistenti Virtuali

Se non vuoi che la tua immagine sia centrata, ometti la parte  <p style=”text-align: center;”> e la parte </p> (che serve per “chiudere” l’etichetta).

Sostituisci la parte di codice http://linkalqualeridirezionare.com con il link al quale vuoi che la tua immagine invii gli utenti quando fanno click sull’immagine. Potrebbe essere una pagina del tuo sito, oppure la pagina di un sito del quale pubblicizzi un prodotto.

Poi sostituisci la parte di codice http://urldellatuaimmagine.com con l’url esatta di dove si trova la tua immagine.

Quando carichi un’immagine in WordPress, puoi vedere il link esatto cliccando su Edit (o Modifica) all’interno della tua Gallery.

Con questi semplici passi, è fatta! La tua immagine apparirà nella barra laterale, sarà cliccabile e invierà i tuoi lettori dove vorrai!

Puoi usare questo Widget anche per embeddare video di youtube, link nei Social Network e tutto quello che vuoi!

Se hai delle domande o dei dubbi, scrivimi pure un commento, mi farà piacere risponderti!

Mary

The following two tabs change content below.
Mary Tomasso
Online Business Manager, imprenditrice seriale, co-founder e titolare di Virtualmente OU, autrice del primo corso in italiano per Assistenti Virtuali e del libro "Cambia Lavoro, Cambia Vita". Fornisco supporto e consulenza a professionisti, imprenditori e aziende che operano online e offline e formo altre persone nel percorso di creazione di una professione indipendente online.