Il existe des dizaines et des dizaines de constructeurs de pages, et vous devez vous demander : qu’est-ce qui rend Page Builder Sandwich si spécial ? Pourquoi voudriez-vous vous embêter à l’utiliser si vous en avez déjà un sous la main ?
Dans cet article, je vais énumérer quelques fonctionnalités clés de Page Builder Sandwich qui le rendent unique et absolument incontournable, tant pour les créateurs de contenu que pour les designers. Si vous ne savez pas ce qu’est un constructeur de page ni pourquoi vous en avez besoin, ne vous inquiétez pas, nous avons des ressources pour vous aider.
1. Vous ne verrez pas seulement une représentation visuelle de votre contenu, vous voyez et modifiez votre contenu réel
Dans d’autres constructeurs de pages, vous voyez des zones qui ne font que représenter votre contenu. Vous disposez principalement votre contenu avec des blocs et des formes rectangulaires, et le résultat ressemble plus à une structure de ce à quoi votre contenu ressemblera éventuellement sur votre page. Cela oblige à cliquer constamment sur le bouton de prévisualisation juste pour voir à quoi ressembleront les résultats.
Avec Page Builder Sandwich, toutes les modifications s’effectuent sur l’interface publique (front-end) de votre site et vous modifiez directement votre contenu pour une véritable expérience « ce que vous voyez est ce que vous obtenez » (WYSIWYG).
2. Une édition directe rapide et facile sans toutes ces boîtes de dialogue popup agaçantes
Les popups ont toujours été un élément de base des constructeurs de pages. Dans la plupart d’entre eux, si vous souhaitez modifier quoi que ce soit dans votre mise en page, qu’il s’agisse d’un titre, du libellé d’un bouton ou d’un court slogan, vous devez d’abord attendre qu’une boîte de dialogue popup s’ouvre pour effectuer vos modifications à l’intérieur.
Nous nous sommes fixé comme objectif de minimiser l’utilisation des popups à tous les niveaux dans Page Builder Sandwich. En supprimant les popups, la modification de tout contenu devient plus simple et plus fluide que jamais.
L’édition se fait de manière simple et directe : cliquez sur votre texte pour y placer votre curseur et commencez à taper. Vous n’avez plus besoin d’attendre qu’une boîte de dialogue contextuelle contenant un éditeur TinyMCE s’ouvre pour commencer vos modifications. Le meilleur dans tout cela, c’est que vous pouvez toujours glisser-déposer votre contenu.
Une autre innovation qui facilite l’édition sans tracas est l’inspecteur omniprésent. L’inspecteur sert à la fois de boîte à outils et d’éditeur de propriétés. Les outils de mise en forme de votre contenu : couleurs du texte, titres, ajustements de la taille de police, marges, espacements internes (paddings), bordures, citations et bien d’autres sont à portée de clic.
3. Fonctionnalités WordPress réutilisées
Une autre chose que nous avons remarquée chez les autres constructeurs de pages, c’est qu’ils réinventent souvent la roue. Certains implémentent leurs propres sélecteurs de couleurs, modules de téléversement d’images, créateurs de galeries et divers autres outils. Il n’y a rien de mal à cela en soi, mais WordPress est une mine d’or d’extraits de code, alors pourquoi ne pas les utiliser ?
WordPress est une plateforme immense et formidable qui contient de nombreux outils fantastiques créés par une multitude de contributeurs exceptionnels. Page Builder Sandwich utilise autant que possible les fonctionnalités déjà intégrées à WordPress.
Au lieu d’utiliser notre propre sélecteur de couleurs, nous utilisons le sélecteur de couleurs Iris. Au lieu de notre propre outil de téléversement d’images, nous utilisons le gestionnaire de médias. Il y a aussi backbonejs, underscorejs, wp.hooks et wp.shortcode, pour ne citer que quelques scripts très pratiques. Nous les utilisons tous, ce qui nous a facilité la vie et permet d’obtenir une base de code plus stable.
La réutilisation des fonctionnalités de WordPress a également réservé d’excellentes surprises. Par exemple, puisque nous avons utilisé le gestionnaire de médias pour insérer des images, nous avons eu l’agréable surprise de pouvoir également gérer d’emblée les galeries WordPress, les listes de lecture vidéo et audio, ainsi que les URL distantes. Nous pouvions également simplement utiliser le gestionnaire de médias pour retoucher les images, ce qui nous a épargné des heures de casse-tête de développement inutiles.
4. Navigation au clavier et raccourcis
Dans d’autres constructeurs de pages, la souris est votre meilleure amie. Vous glissez et déposez des éléments avec elle et double-cliquez pour les modifier. Mais le clavier est souvent négligé.
Par exemple, dans certains constructeurs, vous ne pouvez pas facilement modifier le texte d’un paragraphe ou d’une section situé juste au-dessus de l’endroit où vous êtes en train d’écrire, car vous devez fermer une boîte de dialogue popup puis cliquer pour en ouvrir une nouvelle. Dans Page Builder Sandwich, vous pouvez naviguer avec votre clavier. Utilisez les touches fléchées pour naviguer entre vos contenus ; cela fonctionne même si votre autre contenu est niché dans une autre rangée ou colonne.
Une autre fonctionnalité importante concerne les raccourcis clavier Annuler et Rétablir. Ils peuvent sembler anodins au premier abord, mais pensez-y : et si vous glissiez-déposiez accidentellement votre contenu au mauvais endroit ? Dans certains constructeurs de pages, vous devriez le reglisser jusqu’à sa position d’origine. Dans Page Builder Sandwich, Annuler et Rétablir fonctionnent tous les deux. Ainsi, que vous souhaitiez modifier ce que vous venez de taper ou remettre en place du contenu déplacé (voire plusieurs contenus déplacés), appuyez simplement sur Annuler ou Rétablir. Annuler et Rétablir fonctionnent pour le contenu glissé-déposé et même pour les modifications de propriétés telles que la taille des polices et les espacements de rangées. Cela en fait des outils puissants dans votre arsenal d’édition.
5. Un véritable constructeur de pages front-end – Une expérience d’édition plus relaxante et sans tracas
Notre état d’esprit pendant le développement a été que l’édition sur l’interface publique ne doit pas donner l’impression d’utiliser encore des outils d’administration (back-end). On ne devrait pas avoir le sentiment que le constructeur a d’abord été créé pour le back-end puis simplement porté sur le front-end.
Dans l’ensemble, pour moi, le principal élément différenciateur de Page Builder Sandwich est que nous l’avons conçu dans le but d’être un « véritable » constructeur de pages front-end – une réinvention de ce que devrait être l’édition sur l’interface publique.