Esercitazione – Creare una rivista online – Pt.2

Vediamo come creare una pagina in griglia.

Ci servono i seguenti plugin:

Page Builder by SiteOrigin

SiteOrigin Widgets Bundle

Una volta installati, andiamo nella gestione pagine, creiamo una pagina vuota che intitoleremo “Chi siamo”.

Nel tab di cambio editor, selezioniamo “Page Builder”

PRIMA RIGA / due colonne:  descrizione + video

Aggiungiamo la  prima riga:

Impostiamo 2 colonne al 50% e confermiamo

A questo punto aggiungiamo, nella colonna di sinistra un widget di testo in questo modo:

Il widget viene aggiunto in automatico alla prima colonna. Ci appoggiamo in hover con il mouse e clicchiamo su modifica

A questo punto inseriamo nell’interfaccia il titolo e il testo di descrizione della redazione e clicchiamo su fatto.

Con il medesimo procedimento, aggiungiamo nella seconda colonna un widget video, clicchiamo su modifica, e in seguito aggiungi video.

A questo punto, scegliamo “inserisci da url” e incolliamo l’indirizzo del video che vogliamo inserire (ad esempio da youtube). Clicchiamo su “fatto”.

A questo punto, pubblichiamo la pagina e vediamo il risultato.

SECONDA RIGA: 4 colonne (una per autore) – grigia

Procediamo, seguendo il procedimento descritto precedentemente, ad inserire una nuova riga, a 4 colonne.  Prima di tutto inseriamo i contenuti: sempre utilizzando gli editor, inseriamo in ogni colonna:

  • nome dell’autore
  • foto in miniatura quadrata
  • un testo descrittivo

Salviamo e verifichiamo il risultato:

Ora andiamo a riprendere le impostazioni di riga in questo modo:

Impostiamo:

  • In layout un padding superiore e inferiore di 25px
  • In layout, il layout di riga a larghezza piena
  • In design, un background color grigio

Aggiorniamo la pagina e verifichiamo il risultato:

 

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.