Bon ce qui est un WordPress SiteBuilder? Shhh ne le disent à personne, mais c’est le combo puissant d’un thème Multilayout [pensez libre Astra, Generate Press, OceanWP] avec un Top-end PageBuilder [comme le gratuit BeaverBuilder lite, Elementor ou VisualComposer.io]. Ces outils combo ont créé une nouvelle catégorie de WordPress Frontend ui développement- le WordPress SiteBuilder. Ce combo peut offrir un look et une mise en page uniques pour tout ou de votre WordPress pages, publications et types de publications personnalisés. Encore mieux ces SitesBuilders offrent également:

• Frontend, glisser-déposer, WYSIWYG page/post layout et Design.
• En-têtes, pieds de barre, barres latérales, appels à l’action, etc. conçus par l’utilisateur; remplacer les standards si désiré.
• Les pages/Posts résultants sont entièrement Responsive affichant bien sur le bureau ou la tablette ou les téléphones mobiles.
• La quantité de contrôle de conception pour la couleur, la typographie, la mise en page même l’animation est à couper le souffle facile à faire.
• Les outils fournissent un site Web complet ou une page ou une section d’une page d’importation et d’exportation des capacités-idéal pour la réutilisation sur votre site Web [s].

Donc, notre dernière WordPress Toronto Meetup a eu une démo en direct montrant ce qui était possible avec les nouveaux constructeurs de sites. En même temps, nous avons pu explorer certaines questions de conception globale.

La configuration de la démo

Il a fallu un certain temps pour obtenir un bénévole pour une conception de page d’atterrissage gratuit, mais l’artiste de maquillage Mindy Bharji de Brampton a proposé son site Web BeautyBliss.ca:
Ce fut le site original Beauty Bliss avec six pages et beaucoup de bonnes images ANND galeries.

Et voici le site Web désiré qui a été utilisé comme modèle de conception pour la page de destination que Mindy cherchait:

Cette conception avait un certain nombre de caractéristiques distinctives et stylings, y compris un en-tête collant, de grandes images de héros, et des sections distinctes de 3 colonnes pour portfolio, témoignages et prix. Compte tenu de l’utilisation intensive des images à la fois sur les sites originaux et souhaités la gestion des médias a également été une tâche importante.

Mais avant de révéler la solution landing page, une partie de la présentation a été réservée à la recherche de la dernière PageBuilder, Brizy.io:
Brizy’s [prononcé Breezy] est le plus récent PageBuilder et dans 2 1/2 mois, il a recueilli 20 000 actifs installe-double le comte de Gutenberg. Brizy a toutes les caractéristiques de base de l’autre haut de gamme PageBuilders, y compris être capable de travailler avec des thèmes MultiLayout. Cela signifie que le combo de Brizy et OceanWP thème devient un SiteBuilder. En outre, Brizy a 6-7 de nouvelles fonctions qui sont très convaincantes et donc probablement sera copié par l’autre haut de gamme PageBuilders.

Mais ce qui rend Brizy utile pour la formation, c’est qu’il fait une grande démo de SiteBuilding capacités. Donc, avec Brizy nous avons rapidement construit un 3 page = > 3 section site Web avec son propre en-tête et pied de pages unique. En outre, nous avons changé l’apparence et la disposition des sections avec des opérations de glisser-déposer en ajoutant des images, des cartes et divers blocs de texte. Aussi, nous avons montré comment facile dans Brizy il est de convertir une page en une deuxième page complète comme un curseur. Et puis en utilisant les options de style Brizy il était facile de changer complètement l’aspect et la sensation de cette deuxième page de curseur. Nous avons donc effectué d’autres modifications et essayé de nouvelles fonctionnalités avant de revenir à la page de destination Beauty Bliss.

Les dernières 40 minutes ont été consacrées à notre page Beauty Bliss Landing. Voici ce que nous avons pu créer en 5 heures:

Dans les prochaines 40 minutes, avec les directions de Mindy, nous avons fait toute une série de changements de style rapide à la page de destination. Il y a une écriture complète du workflow détaillé Ici.  C’est la force de Sitebuilders. Les racines PageBuilder permettent aux utilisateurs d’apporter des modifications de style détaillées à un widget ou à la colonne contenant le widget ou la ligne contenant les colonnes ou à nouveau à la section contenant les lignes. Ce qui est le plus intéressant, c’est que certains PageBuilders comme Brizy, Divi, et Elementor à un degré ont vraiment automatisé ces tâches de style.

Résumé

Nous avons eu 39 personnes s’inscrire pour ce Meetup et 27 est venu malgré le temps chaud, la distraction de l’Angleterre en Croatie dans la Coupe du monde et quelques quarts de finale Mens exceptionnelle à Wimbledon tennis. Il est clair qu’un intérêt pour les PageBuilders est amélioré par les thèmes Multilayout pour devenir SiteBuilders.