Ok, cos'è un WordPress SiteBuilder? Shhhh non dirlo a nessuno, ma questa è la potente combinazione di un Tema Multilayout [pensa gratis Astra, Generate Press, OceanWP] con un PageBuilder di fascia alta [come il BeaverBuilder lite, Elementor o VisualComposer.io]. Questi strumenti combo hanno creato una nuova categoria di sviluppo di WordPress Frontend UI - il WordPress SiteBuilder. Questa combo può fornire un look e un layout unico per qualsiasi o tutti delle vostre WordPress pagine, dei vostri post e dei vostri tipi di post personalizzati. Ancora meglio questi SiteBuilders anche consegnare:

• Frontend, drag and drop, layout e design di pagina/post WYSIWYG.
• Intestazioni, piè di pagina, barre laterali, strisce di invito all'azione progettate dall'utente, ecc. sostituire quelli standard, se lo si desidera.
• Le pagine/post risultanti sono completamente reattive visualizzando bene su desktop o tablet o telefoni cellulari.
• La quantità di controllo del design per il colore, tipografia, layout anche l'animazione è incredibilmente facile da fare.
• Gli strumenti forniscono funzionalità complete per l'importazione e l'esportazione di una pagina, ideali per il riutilizzo sul tuo sito web.

Così il nostro ultimo WordPress Toronto Meetup ha avuto una dimostrazione dal vivo di ciò che è stato possibile fare con i New Sitebuilders. Allo stesso tempo siamo stati in grado di esplorare alcune domande generali sul design.

La configurazione della demo

Ci è voluto un po' per ottenere un volontario per un design gratuito della landing page, ma la makeup artist Mindy Bharji di Brampton si è offerta volontariamente per il suo sito web BeautyBliss.ca:
Questo è stato il sito originale Beauty Bliss con sei pagine e un sacco di buone immagini annd gallerie.

Ed ecco il sito web desiderato che è stato utilizzato come modello di design per la pagina di destinazione che Mindy stava cercando:

Questo design aveva una serie di caratteristiche e stili distintivi, tra cui un'intestazione appiccicosa, immagini di grandi eroi e caratteristiche distintive a 3 colonne per Portfolio, Testimonianze e prezzi. Dato l'uso intenso di immagini sia sul sito web originale e desiderato media gestione era anche un compito significativo.

Ma prima di rivelare la soluzione Landing Page, una parte della presentazione era riservata per guardare l'ultima PageBuilder, Brizy.io:
Brizy [pronunciato Breezy] è il più recente PageBuilder e in 2 1/2 mesi di tempo ha raccolto 20.000 installazioni attive - il doppio del conteggio di Gutenberg. Brizy ha tutte le funzionalità di base degli altri PageBuilders di fascia alta, incluso la possibilità di lavorare con i temi MultiLayout. Ciò significa che la combinazione del tema Brizy e OceanWP diventa un SiteBuilder. Inoltre, Brizy ha 6-7 nuove funzioni che sono molto convincenti e quindi probabilmente saranno copiate dagli altri PageBuilder di fascia alta.

Ma ciò che rende Brizy utile per l'allenamento è che rende per una grande demo delle funzionalità SiteBuilding. Così, con Brizy abbiamo rapidamente costruito un sito web di 3 pagine 3 sezione con la propria intestazione e piè di pagina unico. Inoltre, abbiamo modificato l'aspetto e il layout delle sezioni con operazioni di trascinamento della selezione che aggiungono immagini, mappe e vari blocchi di testo. Inoltre abbiamo mostrato quanto sia facile in Brizy è quello di convertire una pagina in una seconda pagina completa come un cursore. E poi utilizzando le opzioni di stile Brizy è stato facile cambiare completamente l'aspetto di quella seconda pagina di scorrimento. Così abbiamo eseguito altre modifiche e provato nuove funzionalità prima di tornare alla beauty Bliss Landing Page.

Gli ultimi 40 minuti sono stati dedicati alla nostra pagina Beauty Bliss Landing. Ecco cosa siamo riusciti a creare in 5 ore:

Nei prossimi 40 minuti, con le indicazioni di Mindy abbiamo apportato tutta una serie di modifiche di stile veloci alla Pagina di destinazione. C'è una scrittura completa del flusso di lavoro dettagliato qui.  Questo è il punto di forza dei Sitebuilder. Qui PageBuilder radici consentono agli utenti di apportare modifiche di stile dettagliate a un widget o la colonna contenente il widget o la riga contenente le colonne o di nuovo fino alla sezione contenente le righe. La cosa più interessante è che alcuni PageBuilder come Brizy, Divi e Elementor ad un certo livello hanno davvero automatizzato queste attività di styling.

riassunto

Abbiamo fatto firmare 39 persone per questo Meetup e 27 sono arrivate nonostante il caldo, la distrazione dell'Inghilterra Croazia in Coppa del Mondo e alcuni migliori quarti di finale maschile a Wimbledon tennis. Chiaramente c'è interesse a PageBuilders essere migliorato da multilayout temi per diventare SiteBuilders.