I comandi della Sezione Blocchi laterali

Passo 1 - Impostazioni  > Blog >

I comandi della Sezione Blocchi laterali

Previous pageReturn to chapter overviewNext page

Attraverso le opzioni proposte in questa sezione è possibile definire la composizione di una barra che viene visualizzata sul lato destro delle Pagine del Blog e che serve ai Lettori per ricercare e accedere agli Articoli.

Sono disponibili, quindi, una Tabella riassuntiva che riporta il Titolo e il Tipo di tutti i Blocchi di contenuto inseriti nella barra laterale e i comandi necessari per creare l'elenco di tali Blocchi:

▪Aggiungi...: richiama la finestra Blocco laterale per procedere all'inserimento di un nuovo Blocco.
▪Duplica: crea una copia del Blocco selezionato fra quelli già inseriti.
▪Rimuovi: elimina il Blocco selezionato fra quelli presenti nell'elenco.
▪Sposta Sopra / Sposta Sotto: agiscono sull'ordine di visualizzazione dei Blocchi già inseriti nell'elenco, spostando verso l'alto o verso il basso quello selezionato.
▪Modifica...: richiama la finestra Blocco laterale per modificare il Blocco selezionato fra quelli presenti nell'elenco.

 

A fianco della Tabella riassuntiva viene proposta un'Anteprima; di seguito, invece, vengono proposti i comandi necessari per definire lo Stile grafico che sarà comune a tutti i Blocchi, a prescindere dal loro contenuto.

Innanzitutto occorre selezionare, attraverso l'apposito menu a tendina, l'Elemento del Blocco su cui si intende lavorare. In base all'elemento selezionato sono disponibili diverse opzioni:

▪Sfondo:
•Larghezza: specifica la larghezza in pixel del Blocco.
•Margine: imposta la distanza tra i Blocchi (in alto e in basso), tra i Blocchi e il contenuto di pagina (a sinistra) e tra i Blocchi e il margine della pagina (a destra).
•Bordo: disegna il bordo dei Blocchi definendone il colore, lo spessore, il fattore di smusso per gli angoli e l'applicazione di un'ombra.
•Colore: specifica il colore da utilizzare come riempimento dello sfondo.
•File Immagine: seleziona il file grafico (.JPG, .GIF, .PNG.) relativo all'immagine da utilizzare come sfondo. L'immagine può essere ricercata o tra i file salvati in locale sul PC (cliccando sul pulsante File Locale ) o tra i file messi a disposizione dalle librerie online collegate ( Libreria Online). Attraverso la finestra Accessibilità richiamata dal pulsante è poi possibile specificare se il contenuto importato deve essere considerato un Elemento decorativo o, in caso contrario, associargli un Titolo e un Testo alternativo.
•Disposizione: specifica se l'immagine inserita come sfondo deve essere ripetuta o meno. L'Immagine può essere ripetuta solo in senso orizzontale, solo in senso verticale o in entrambe i sensi, in modo da giungere ad occupare l'intero spazio a disposizione. In più, è possibile fare in modo che l'immagine venga adattata, ovvero ridimensionata in modo da coprire tutto lo sfondo.
•Allineamento: specifica come deve essere allineata l'immagine inserita come sfondo rispetto al Blocco.
▪Titolo - Contenuti:
•Tipo di Font: specifica il Tipo di carattere, le dimensioni e lo Stile del testo.
•Colore Testo: specifica il colore che deve essere utilizzato per il testo.
•Margine: imposta il valore in pixel per il margine, ovvero lo spazio tra il bordo del Blocco e il testo contenuto.
•Linea di separazione: specifica il colore da utilizzare per disegnare una linea (altrimenti trasparente) di separazione posta sotto ai titoli.
▪Punto elenco:
•File immagine: seleziona il file grafico relativo all'immagine da utilizzare come punto da affiancare alle voci dell'elenco.
•Colore: specifica il colore da utilizzare per il punto elenco.
•Linea di separazione: specifica il colore da utilizzare per disegnare una linea (altrimenti trasparente) di separazione tra le righe dell'elenco.

Per favorire la consultazione degli Articoli del Blog, durante lo scroll della Pagina i contenuti della Barra laterale rimangono sempre in primo piano.

 


Leggi le Guide:

-

Come si aggiungono i box con articoli recenti, categorie e tag nelle pagine del Blog?

-

Accessibilità delle immagini: l'importanza del testo alternativo