Page Builder Sandwich n’est pas comme les constructeurs de pages habituels, il est sans complication et simple à utiliser.
Vous pouvez regarder la vidéo ci-dessous pour un aperçu rapide.
Où se trouve l’éditeur ?
Tout d’abord, créez une nouvelle page, un article ou un CPT. Ensuite, consultez votre nouvel article ou n’importe quel article existant sur votre front-end. PBS est 100 % front-end, vous n’aurez pas à bricoler dans le back-end.
Il devrait y avoir un bouton « Page Builder Sandwich » en haut de votre page (dans votre barre d’administration), cliquez dessus pour commencer l’édition. Vous devriez voir la zone de mise en forme du texte apparaître en haut, et le panneau d’ajout d’éléments apparaître sur le côté. La zone de contenu de votre thème est désormais votre éditeur !
Vous ne pouvez modifier que des pages individuelles avec PBS. Vous ne pouvez pas modifier une liste d’articles de blog ou une page 404, car celles-ci sont générées par votre thème. Les articles, pages et types de publication personnalisés fonctionnent sans problème.
Modifier votre contenu
C’est là que ça devient génial… une fois que vous êtes sur le front-end et dans l’éditeur, cliquez sur n’importe quel texte de votre contenu ou cliquez dans votre zone de contenu et commencez à taper ! Contrairement à d’autres constructeurs de pages, PBS vous permet de modifier directement le contenu sans avoir à passer par des boîtes de dialogue contextuelles.
Mettre en forme votre contenu / Rendre les choses jolies
Pendant l’édition, la zone située en haut s’appelle la barre de mise en forme du texte. Cette barre contient tous les outils de formatage que vous utiliserez pour styliser le texte : couleurs, gras, italique, alignements, ajout de liens, puces et bien plus encore. Survolez chaque bouton pour découvrir ce que fait l’outil.
Ajouter des éléments
Survolez avec votre souris le bouton Ajouter des éléments en haut à gauche de l’écran pour afficher le panneau d’ajout d’éléments. Vous pouvez également simplement déplacer votre souris vers le côté gauche de l’écran pour le faire apparaître.
Pour insérer un élément, maintenez le clic de votre souris sur celui-ci, puis faites-le glisser dans votre zone de contenu. La zone où l’élément sera placé sera mise en surbrillance. Relâchez le bouton de votre souris pour positionner l’élément.
Styliser et modifier les éléments
Survolez avec votre souris n’importe quel élément présent dans votre contenu, et des contours ainsi que des barres d’outils devraient apparaître au-dessus d’eux.
Vous pouvez survoler avec votre souris les bords des contours pour augmenter ou réduire les marges entre les éléments.
Vous pouvez également cliquer sur un bouton de la barre d’outils pour effectuer des actions rapides sur l’élément. Cliquer sur l’icône d’engrenage de la barre d’outils fera apparaître l’inspecteur de propriétés qui contient plus d’options.
L’inspecteur de propriétés
L’inspecteur de propriétés vous donne plus de contrôle sur l’apparence de vos éléments. Vous pouvez ajouter de nombreuses choses comme des ombres, des animations, changer les couleurs des cartes, le rayon des bordures et bien plus encore.
Vous pouvez également accéder aux propriétés des parents de l’élément. Par exemple, si vous placez une image à l’intérieur d’une colonne et ouvrez l’inspecteur de propriétés, vous pouvez alors accéder aux propriétés de l’image, de la colonne dans laquelle elle est contenue et de la ligne qui contient la colonne.
L’inspecteur de propriétés contient de nombreux réglages différents pour différents éléments, alors assurez-vous de tous les explorer.
Utiliser des shortcodes
Page Builder Sandwich vous affiche les véritables shortcodes sur le front-end, et vous pouvez également les modifier facilement !
Si vous avez mémorisé vos shortcodes, vous pouvez insérer des shortcodes en les tapant directement dans votre contenu. Mais si vous ne les avez pas tous mémorisés (qui fait ça ?), l’inspecteur répertorie tous les shortcodes disponibles sur votre site. Faites glisser un bouton Shortcode depuis l’inspecteur vers votre zone de contenu, trouvez celui que vous souhaitez insérer et cliquez dessus pour l’ajouter.
Les shortcodes sont convertis en contenu réel sur le front-end ; pour les modifier, vous pouvez les sélectionner et consulter leurs attributs dans l’inspecteur. Ou, pour plus de contrôle, vous pouvez double-cliquer sur le shortcode pour le modifier sous sa forme brute. Après avoir effectué vos modifications, votre shortcode se mettra à jour pour refléter les changements.
Réorganiser votre contenu
Vous pouvez cliquer, glisser et déplacer n’importe quoi où vous le souhaitez avec PBS. Lorsque vous faites glisser un élément, déplacez-le au-dessus d’un autre élément de la page : vous pouvez le placer soit au-dessus, soit en dessous de tout autre contenu.
Enregistrer votre travail
Une fois que vous êtes satisfait de votre mise en page, cliquez simplement sur le bouton d’enregistrement en haut à gauche de votre page. C’est tout !