Opzioni Row Rexpansive Builder

Row Settings

Ogni Row può contenere al suo interno un numero infinito di Blocks, che saranno disposti secondo una griglia di 12 colonne ed è strutturata in due aree distinte:

Una parte superiore, dove sono presenti tutti gli strumenti di configurazione della Row;

Una parte inferiore, la griglia di lavoro, dove andrete a visualizzare e a gestire i vostri contenuti.

Full & Boxed

1. Nella parte in alto a sinistra dell’area superiore di una Row sono presenti le opzioni Full e Boxed.

Selezionando Full i contenuti della Row andranno ad occupare tutta la larghezza dello schermo. Questa è l’opzione predefinita per ogni nuova Row.

Selezionando invece Boxed i contenuti appariranno al centro dello schermo, lasciando una distanza tra i margini della pagina. La dimensione predefinita dell’area in cui verranno visualizzati i contenuti sarà pari all’80% della larghezza dello schermo; è comunque possibile definire più nel dettaglio le dimensioni di quest’area attraverso le Row Option (link).

2. Background

Premendo questo pulsante si aprirà una finestra di dialogo tramite la quale sarà possibile definire le impostazioni di sfondo della Row.

A. Cliccando su questo pulsante si aprirà la media library di WordPress, tramite la quale potrai scegliere una immagine di sfondo per la Row;

B. Cliccando su questo pulsante si aprirà lo strumento di selezione del colore.

Spostando la barra verticale all’interno dell’area rettangolare a destra sarà possibile scegliere la tonalità di colore desiderato; muovendo il pallino nero all’interno dell’area quadrata principale sarà possibile scegliere la gradazione specifica del colore desiderato. Tramite la barra verticale inferiore sarà infine possibile scegliere l’eventuale grado di trasparenza da dare al vostro colore.

Alternativamente, se conoscete il codice esadecimale del colore che volete andare ad inserire, potrete immetterlo nell’area di testo inferiore.

C. Tramite la palette di colori fornita potrete scegliere direttamente il colore da dare alla vostra Row, semplicemente cliccando su uno dei quadrati colorati; nel caso voleste uno sfondo trasparente vi basterà cliccare sul pulsante di divieto in fondo alla palette;

D. Attraverso quest’area di testo potrete inserire il link ad un video YouTube di vostra scelta, per utilizzarlo come sfondo di una vostra Row; vi basterà copiare e incollare in questo spazio l’url del video desiderato;

E. Tramite questo pulsante sarà invece possibile inserire un video direttamente dalla vostra Media Library di WordPress: una volta premuto il pulsante si aprirà la finestra da cui andare a selezionare o caricare il vostro video in formato MP4.

Settings

3. Premendo questo pulsante si aprirà una finestra di dialogo tramite la quale sarà possibile definire diverse caratteristiche di una Row.

Extra Options

A. Block Type

Masonry or Grid Layout

B. Block Distance

Usate quest’area di testo per specificare la distanza tra i Blocks in pixel;

C. Custom Boxed

Tramite quest’area di testo sarà possibile definire la larghezza della Row per l’opzione Boxed, sia in percentuale che in pixel;

D. Full Height

Questa casella di selezione permette di dare alla vostra Row un’altezza minima pari alla dimensione della finestra del browser; in questo modo potrete inserire dei contenuti a pieno schermo;

E. Section Name

Tramite quest’area di testo potrete dare un nome alla vostra Row. In questo modo il plugin creerà automaticamente dei pulsanti di navigazione all’interno della pagina; ogni pulsante, al click, vi porterà alla Row desiderata. I pulsanti saranno disposti sulla parte destra dello schermo, allineati verticalmente al centro. Inoltre potrete utilizzare le section name per crearvi dei vostri link personalizzati;

F. Classes

Tramite quest’area di testo potrete specificare le vostri classi CSS customizzate;

G e H. Overlay

Funzione utilissima quando dobbiamo inserire del testo sopra l’immagine ma molte volte ci capita che il titolo non si legge a causa del colore simile a quello della foto di sfondo. Grazie a questa funzione potrai creare un “velo” personalizzandone il colore (H), tra l’immagine e il testo. Infine potrai decidere su quale device (mobile, tablet e desktop) visualizzare questa funzione attivando una delle tre caselle di selezione (G).