Le Builder
Page Builder vous permet de mettre en place des plans directement dans le navigateur, sans avoir à écrire de code. Il dispose d’une collection d’éléments de site Web que vous pouvez mettre en page dans les sections et les blocs et remplir avec votre propre contenu. La fonction de bibliothèque incluse vous permet d’enregistrer et de réutiliser les mises en page que vous avez créées.
Le Builder ne travaille actuellement que sur des articles publiés. Nous vous recommandons de commencer par un nouveau site Web en créant quelques articles vides et en les affectant au menu principal. Lorsque cette structure initiale est configurée, vous n’aurez plus à quitter le générateur de pages pour pouvoir créer rapidement toutes vos mises en page sans avoir à naviguer entre les différentes sections du CMS.
Les éléments de construction essentiels du constructeur sont les éléments visuels que vous pouvez utiliser: images, titres, accordéons, et ainsi de suite. Pour construire quoi que ce soit, des mises en page simples à complexes, ces éléments sont organisés à l’aide de sections et de lignes. Ces trois concepts jouent ensemble comme suit :
Un élément est l’un des blocs de construction d’interface utilisateur disponibles. Ceux-ci incluent les titres, le texte, les images, mais aussi les éléments avancés tels que les commutateurs ou les accordéons.
Lorsque vous ouvrez le générateur et naviguez vers un article vide sur votre site, vous êtes accueilli avec une courte explication et un gros bouton qui indique Select Layout.
Cliquez sur ce bouton. Une boîte de dialogue apparaîtra avec toutes les dispositions pré-construites incluses dans le thème. Pour commencer avec une mise en page vide, cliquez sur le bouton Start Empty en bas à droite.
La boîte de dialogue disparaît et le générateur affiche désormais une seule section (vide) à gauche, et l’aperçu (également vide) à droite. C’est un bon point pour commencer.
Une section vide contient une ligne vide par défaut. Survolez la section vide pour voir trois groupes de boutons apparaissent autour de la section. Ce sont les suivants:
En haut, vous verrez quatre boutons liés à la section elle-même. Ce sont, de gauche à droite:
Après avoir créé une nouvelle ligne, une ligne vide s’affiche sous la forme d’une zone blanche avec un signe + noir au centre. Cliquez simplement sur cette case pour insérer un élément dans la ligne. Lorsque vous avez déjà un élément à l’intérieur d’une rangée, il affichera un petit signe + au bas de la ligne, que vous pouvez cliquer pour ajouter un autre élément.
Lorsque vous cliquez sur le signe +, une boîte de dialogue s’ouvrira où vous pourrez choisir l’un des éléments disponibles. L’onglet My Elements en haut affichera les éléments que vous avez déjà enregistrés dans votre bibliothèque.
Dans l’onglet New, choisissez l’un des éléments (par exemple : Accordion). La boîte de dialogue se ferme et l’élément apparaît à l’intérieur de la ligne. En même temps, l’aperçu sur le côté droit mettra à jour et affichera l’élément avec le contenu d’espace réservé représentatif.
Les éléments sont représentés dans la barre d’outils du générateur sous forme de cases grises avec une icône au centre. En survolant un élément, les boutons apparaissent dans le coin supérieur droit. Ils vous permettent de dupliquer cet élément, de l’enregistrer dans la bibliothèque ou de le supprimer. Pour modifier un élément, cliquez simplement dans sa zone grise.
Alternativement, vous pouvez également survoler des éléments dans l’aperçu en direct sur le côté droit. Une barre d’outils bleue disparaît à côté de l’élément, où vous pouvez immédiatement éditer, enregistrer, cloner et supprimer l’élément, comme vous le feriez avec les outils sur le côté gauche.
Lors de l’édition d’éléments, il y a toujours deux panneaux disponibles : Content et Settings (Accordéon). Vous pouvez basculer entre ces deux à l’aide de la navigation affichée à côté du nom de l’élément.
Dans le panneau Content, vous pouvez créer le contenu de l’élément, qui semble toujours différent, en fonction de l’élément que vous éditez actuellement. Dans les éléments tels que Headline ou Text, vous trouverez un grand éditeur de texte pour entrer du texte brut ou HTML. Il existe plusieurs options disponibles pour définir la façon dont le HTML résultant est rendu. Dans les éléments plus complexes, comme un Accordion, vous pouvez créer et réorganiser plusieurs éléments. Chaque élément peut ensuite être édité, par exemple en saisissant du contenu dans une zone de texte.
Dans le panneau Settings (Paramètres), un grand nombre de paramètres d’apparence sont disponibles. Celles-ci vont de marges, sur l’animation, à l’alignement et les options de style. Notez que l’apparence réelle dépendra toujours du style du thème. Donc, si vous voulez réellement ajuster les couleurs ou les polices d’un élément, utilisez le panneau style.
Pour réorganiser une mise en page, il suffit de déplacer vos sections, lignes et éléments dans la barre d’outils. Les éléments peuvent être déplacés simplement par drag and drop. Vous pouvez réorganiser les éléments d’une ligne, déplacer l’élément vers une ligne différente ou même vers une nouvelle section.
Pour déplacer une ligne, placez votre curseur sur la bordure de la ligne. Le curseur se modifie pour afficher une icône de déplacement. Maintenant, faites glisser et déposez la ligne pour la déplacer dans la section, ou déplacez-la vers une autre section de la page.
Pour déplacer une section entière, placez le curseur sur le nom de la section. Faites glisser et déplacer pour déplacer la section vers un autre emplacement sur la page.
Chaque fois que vous modifiez une page, un bouton Save Page (Enregistrer la page) s’affiche automatiquement dans le coin supérieur droit. Sachez que si vous quittez le Builder sans enregistrer, vos modifications seront perdues, même si vous êtes toujours dans l’application.
Ne confondez pas ce bouton avec le bouton Général d’enregistrement du générateur de site Web, car celui-ci ne sauvegardera que les paramètres que vous avez modifiés dans d’autres sections de l’administration.
Coordonnées
Siège : 23, rue du Départ - 75014 Paris
Bureaux :
5/7, rue Hippolyte Mège Mouriès
78120 RAMBOUILLET
Tél. : +33 (0) 1 34 865 993
Viadecom
5, rue Joseph Cugnot
78120 Rambouillet
Tél. : +33 (0) 1 34 865 993
Contactez-nous
© VIADECOM - 2020 - Tous Droits Réservés
Liens amis : Systrem • Shopiwin • Mon parapluie • Inneshop • Xiao-mi • Sac-a-main-femme • Aabrupt • Animalcheri • Shineosouk • Le Bon Confort • BoboBird • Logosphere • Villabaga Paris • Garage Auto Service • Bajoom • Crêperie Ty Galette • Bracelet ancre homme • Planete-eco-solutions • Shopiblog • Valodev • Pompe à chaleur aides • Votre-prenom-en-bd • Viadecom