Il sito è construito quasi esclusivamente utilizzando la nuova architettura Gutenberg di WordPress. In parole semplici, ogni pagina è costituita da blocchi, e blocchi che contengono blocchi. Questi moduli sono spostabili e duplicabili a piacimento. Ho realizzato una serie di custom blocks già configurati per le varie funzioni / sezioni che ci servono, in modo da rendere la fase di editing rapida ed efficace.
qui viene spiegato come funzionano i blocchi, le pagine e come creare gallerie immagini, logo e video sliders.
accedendo da amministratori alla pagina è possibile, dal menù a sinistra, visualizzare tutte le pagine disponibili, e crearne di nuove.
una volta nell’editor, cliccare, nell’area centrale, sull’iconcina “+” o andare a capo, per aggiungere un nuovo blocco. I blocchi possono essere spostati e DUPLICATI.
cliccando sull’icona si aprirà un menù contenente tutti i blocchi disponibili. Ho creato una sezione apposita contenente tutti i blocchi custom che ho realizzato. Questi saranno la quasi totalità (tranne qualche blocco di terze parti). La categoria si chiama 4ecomblocchi.
Per le gallerie immagini viene utilizzato il plugin Envira Gallery. Creare le gallerie desiderate e incorporarle nel blocco custom blocco Galleria
I carousel video video sono gestiti dal plugin Soliloquy e poi vengono inseriti nel blocco “Blocco video Slider” da me creato.
Ci sono tre operazioni, da effettuare nella gestione soliloquy (raggiungibile da menu a sinistra) che c’interessano per creare un video carousel funzionante. Una volta creata una nuova galleria soliloquy si dovrà:
Le gallerie logo sono gestite dal plugin Smart Logo. Per creare una galleria logo:
quando si creerà una nuova pagina evento (ricordo che il sistema migliore è comunque quello di duplicare una pagina evento già esistente e modificarne i contenuti) si dovrà scegliere il template pagina Page evento dal menù right.
Le pagine evento sono duplicabili.
sottotitolo con luogo / data e button iscriviti in testata devono essere inseriti nella sezione “riassunto” del menù right impostazioni in questo modo:
<h2><span class="dataEvento">04.03.2021</span><span class="luogoEvento">Milano</span></h2>
<a href="#" class="button accent">ISCRIVITI ORA</a>
L’immagine top potrà essere selezionata, come per tutte le pagine, sempre nel menù right sotto la voce immagine in evidenza.
Il blocco si chiama Blocco counter Home ed è disponibile nella categoria 4ecomblocchi
Questo blocco è molto semplice da configurare. Inserirlo direttamente nella pagina e digitare le informazioni nei vari input relative a titolo e numeri.
questo blocco contiene vari elementi. ed è lui stesso un contenitore di blocchi. Prima di tutto inserire il Blocco Countdown, disponibile nella categoria 4ecomblocchi.
la sezione sottostante è un contenitore di blocchi. per rendere completo il countdown ne vanno inseriti uno fondamentale: il countdown stesso, e due opzionali: il button “aggiungi al calendario” e il button “iscriviti all’evento”
inserire, subito sotto il blocco countdown di getwid, un blocco Html personalizzato, lo trovate sotto la voce Formattazione.
Dentro questo blocco inserire il codice sottostante, cambiando ovviamente i valori rispetto alla data da calendarizzare
<span class="addtocalendar atc-style-theme">
<a class="atcb-link" tabindex="1" id=""><i class="fa fa-calendar"> </i> Aggiungi al calendario</a>
<var class="atc_event">
<var class="atc_date_start">2019-01-24 09:30:00</var>
<var class="atc_date_end">2019-01-24 18:00:00</var>
<var class="atc_timezone">Europe/Rome</var>
<var class="atc_title">4 eCom</var>
<var class="atc_description">4 eCom: eCommerce & Marketing Automation</var>
<var class="atc_location">Milano, Italy</var>
<var class="atc_organizer">4 eCom</var>
<var class="atc_organizer_email">info@4ecom.it</var>
</var>
<ul class="atcb-list"><li class="atcb-item"><a class="atcb-item-link" href="http://addtocalendar.com/atc/ical?utz=60&uln=it-IT&vjs=1.5&e[0][date_start]=2019-01-24{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}2009{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}3A30{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}3A00&e[0][date_end]=2019-01-24{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}2018{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}3A00{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}3A00&e[0][timezone]=Europe{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}2FRome&e[0][title]=4{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}20eCom&e[0][description]=4{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}20eCom{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}3A{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}20eCommerce{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}20{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}26amp{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}3B{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}20Marketing{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}20Automation&e[0][location]=Milano{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}2C{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}20Italy&e[0][organizer]=4{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}20eCom&e[0][organizer_email]=info{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}404ecom.it" target="_blank" rel="nofollow noopener noreferrer">iCalendar</a></li><li class="atcb-item"><a class="atcb-item-link" href="http://addtocalendar.com/atc/google?utz=60&uln=it-IT&vjs=1.5&e[0][date_start]=2019-01-24{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}2009{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}3A30{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}3A00&e[0][date_end]=2019-01-24{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}2018{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}3A00{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}3A00&e[0][timezone]=Europe{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}2FRome&e[0][title]=4{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}20eCom&e[0][description]=4{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}20eCom{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}3A{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}20eCommerce{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}20{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}26amp{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}3B{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}20Marketing{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}20Automation&e[0][location]=Milano{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}2C{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}20Italy&e[0][organizer]=4{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}20eCom&e[0][organizer_email]=info{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}404ecom.it" target="_blank" rel="nofollow noopener noreferrer">Google Calendar</a></li><li class="atcb-item"><a class="atcb-item-link" href="http://addtocalendar.com/atc/outlook?utz=60&uln=it-IT&vjs=1.5&e[0][date_start]=2019-01-24{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}2009{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}3A30{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}3A00&e[0][date_end]=2019-01-24{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}2018{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}3A00{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}3A00&e[0][timezone]=Europe{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}2FRome&e[0][title]=4{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}20eCom&e[0][description]=4{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}20eCom{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}3A{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}20eCommerce{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}20{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}26amp{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}3B{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}20Marketing{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}20Automation&e[0][location]=Milano{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}2C{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}20Italy&e[0][organizer]=4{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}20eCom&e[0][organizer_email]=info{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}404ecom.it" target="_blank" rel="nofollow noopener noreferrer">Outlook</a></li><li class="atcb-item"><a class="atcb-item-link" href="http://addtocalendar.com/atc/outlookonline?utz=60&uln=it-IT&vjs=1.5&e[0][date_start]=2019-01-24{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}2009{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}3A30{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}3A00&e[0][date_end]=2019-01-24{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}2018{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}3A00{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}3A00&e[0][timezone]=Europe{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}2FRome&e[0][title]=4{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}20eCom&e[0][description]=4{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}20eCom{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}3A{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}20eCommerce{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}20{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}26amp{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}3B{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}20Marketing{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}20Automation&e[0][location]=Milano{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}2C{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}20Italy&e[0][organizer]=4{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}20eCom&e[0][organizer_email]=info{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}404ecom.it" target="_blank" rel="nofollow noopener noreferrer">Outlook Online</a></li><li class="atcb-item"><a class="atcb-item-link" href="http://addtocalendar.com/atc/yahoo?utz=60&uln=it-IT&vjs=1.5&e[0][date_start]=2019-01-24{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}2009{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}3A30{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}3A00&e[0][date_end]=2019-01-24{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}2018{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}3A00{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}3A00&e[0][timezone]=Europe{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}2FRome&e[0][title]=4{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}20eCom&e[0][description]=4{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}20eCom{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}3A{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}20eCommerce{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}20{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}26amp{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}3B{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}20Marketing{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}20Automation&e[0][location]=Milano{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}2C{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}20Italy&e[0][organizer]=4{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}20eCom&e[0][organizer_email]=info{cd5f03032e67f2c12a189145d0cc5f76eaef4e01a4a96a533ef387ada7bca6c8}404ecom.it" target="_blank" rel="nofollow noopener noreferrer">Yahoo! Calendar</a></li></ul></span>
inserire un blocco Html personalizzato, lo trovate sotto la voce Formattazione.
Dentro questo blocco inserire il codice sottostante, cambiando ovviamente il link rispetto a quello di eventbrite
<a href="#" class="button accent">ISCRIVITI ORA</a>
questo bloccoha la caratteristica di essere full width.Si chiama blocco main sponsor, disponibile nella categoria 4ecomblocchi.
questo blocco si chiama Blocco singola frase, disponibile nella categoria 4ecomblocchi.
Può essere personalizzato come colore di fondo. Contiene una frase big e una serie di elementi opzionali: un’immagine, del testo o altri blocchi contenuto.
questo blocco si chiama blocco Video Slider, disponibile nella categoria 4ecomblocchi.
questo blocco si chiama blocco Video Big, disponibile nella categoria 4ecomblocchi.
questo blocco mostra un singolo video, in full width.
questo blocco si chiama Blocco Eventi minori, disponibile nella categoria 4ecomblocchi. Mostra una griglia di x colonne relative a eventi minori. Indicare quante sono le colonne dalla voce quante colonne.
Il blocco contiene 1-4 blocchi singolo evento minore che trovate nella categoria 4ecomblocchi. inserirli sotto la voce “qui i singoli blocchi” e per ognuno inserire:
questo blocco si chiama blocco gallerie logo, disponibile nella categoria 4ecomblocchi. Il blocco è solo un contenitore obbligatorio per un numero qualsiasi di gallerie logo.
Sotto la sezione qui i singoli blocchi logo inserire i blocchi singola galleria logo che trovate nella solita categoria 4ecomblocchi. Per ogni singola galleria logo:
Si chiama blocco iscrizione newsletter, disponibile nella categoria 4ecomblocchi e contiene un titolo, un testo e lo spazio in cui incollare il codice di mailchimp.
ogni pagina evento ha la possibilità di avere un menù bottom, contenente gli shortlink che vanno alle ancore nella pagina stessa. Il menu si chiama chiama menu bottom evento, disponibile nella categoria 4ecomblocchi e non ha bisogno di essere editato.
questi due blocchi differiscono solo per l’impaginazione, si trovano entrambi nella solita categoria 4ecomblocchi. Le informazioni da inserire sono:
il programma è sicuramente il blocco più complesso. Esso è formato da TRE blocchi uno dentro l’altro:
Programma – contiene le tab. Inserendo questo blocco bisogna scegliere quante tab si sono impostate da “quante tab sono?” e, dentro “programma contenitore” bisogna inserire il blocco Tabs che si trova nella categoria Kadence.
quando si inserisce il blocco scegliere il primo stile di visualizzazione tra quelli proposti.
una volta inserito cliccare sulle tab per cambiare i titoli e iniziare a inserire gli elementi del programma cliccando sulle varie tab.
Il programma è composto da tanti moduli blocco con orario che possono contenere o no i blocchi interno singola voce programma
si trova nella solita categoria 4ecomblocchi. Mostra un orario a sinistra e un contenuto a destra. Il contenuto può essere un semplice blocco editor classico contenente un titolo o sottotitolo o una serie di blocchi singola voce, che sono chiamati interno singola voce programma
si chiama Relatori contenitore e si trova nella solita categoria 4ecomblocchi. E’ un blocco che contiene blocchi singolo relatore e singolo moderatore, separati da blocchi editor classico che fungono da contenitori titolo.
il blocco Galleria contiene titolo e link shortcode alla galleria di envira.