Guide d’utilisation de votre site WordPress

Lorsque vous cliquez sur l’icone rouage d’un élément, un popup vous présente les onglets « Content » et « Design ».

• Content (contenu) : Cet onglet vous permet de modifier le contenu textuel, les images ou les liens via un éditeur classique et intuitif.
• Design : Cet onglet propose des options de personnalisation visuelle (couleurs, polices, marges) plus spécifiques.

La librairie

La librairie de votre site stocke des sections prédéfinies de contenu de votre site. Dans le cas ou vous souhaiteriez ajouter du contenu à une page, vous pouvez soit dupliquer la section avec l’icone copie/copy, soit importer directement une de ces sections. Cela vous assure un gain de temps et une cohérence visuelle sur l’ensemble des pages.

Ajouter une section depuis la librairie

1. Rendez-vous sur la page a modifier et activez le Visual Builder.
2. Survolez une section de la page et cliquez sur l’icône + (fond bleu).
3. Dans la fenêtre qui s’ouvre, sélectionnez l’onglet Add from Library.
4. Choisissez la section désirée et cliquez sur Use this section.
5. Modifiez le contenu de la section selon vos besoins.
6. Sauvegardez vos modifications et quittez le Visual Builder.

Sauvegarder vos modifications

La sauvegarde s’effectue toujours en 2 étapes :

1. Lorsque vous êtes dans le popup d’édition de contenu, cliquez sur le bouton vert **check** pour enregistrer vos changements de contenu. La croix sur fond rouge pour quitter sans enregistrer.
2. Sauvegardez la page entière en cliquant sur le bouton vert Save en bas à droite ou via le raccourci clavier Ctrl + S.

Quittez en suite le Visual Builder, en cliquant sur Exit Visual Builder dans la bannière noire en haut de votre écran. Dans le cas ou vous n’auriez pas Sauvegardé votre page, un message apparaitra pour vous rappeler de sauvegarder.

Créer une nouvelle page

1. Accédez à l’onglet Pages dans votre tableau de bord > Ajouter une nouvelle page.
2. Saisissez le titre de la page dans le champ requis et cliquez sur Use Divi Builder.
3. Sur la page qui s’affiche, vous avez le choix entre Choose a Premade Layout ou Start Building :

• Choose a Premade Layout : Permet de sélectionner une page préfaite enregistrée dans votre librairie. Cela vous permettra de démarrer rapidement car cette page comprendra déjà des éléments de contenus que vous n’aurez plus qu’à modifier. Nous vous conseillons de partir de cette option !
• Start Building : Vous propose de partir d’une page blanche et d’intégrer des éléments de sections et de lignes un par un en les important directement depuis votre librairie.

Votre page une fois terminée, sauvegardé vptre page (Ctrl+S) et publiée là en cliquant sur le bouton vert « Publish » en bas à droite de votre écran. Si ce n’est pas déjà le cas lors de la publication, n’oubliez pas de fermer le Visual Builder (Exit Visual Builder).

Dupliquer une page

Pour gagner du temps en dipliquant une page existante. Cela préservera la structure et le contenu déjà en place. Vous n’aurez plus qu’a modifier vos contenus en activant le Visual Builder. Voici comment procéder :

1. Rendez-vous dans le tableau de bord, section Pages > Voir toutes les pages.
2. Sélectionnez la page que vous souhaitez dupliquer, puis cliquez sur Copy qui apparait dans les options sous le titre. La page dupliquée apparaît dans la liste en mode Brouillon.
3. Cliquez sur Modification rapide pour modifier le titre de la page et sauvegardez les modifications.
4. Cliquez ensuite sur Edit With Divi  dans les options présentées sous le titre, pour accéder à la page en mode édition avec le Visual Builder.
5. Il ne vous reste plus qu’à faire vos modifications de contenus !

Modifier l’ordre des pages (menu)

Une fois la page créée, retournez sur votre tableau de bord et rendez-vous dans l’onglet Menu.

Vous pouvez voir que la page est ajoutée à votre menu. Ajustez l’ordre des éléments par glissé-déposé pour structurer la navigation de votre site. Sauvegardez vos modifications en cliquant sur Enregistrer les modifications.

Modifier le contenu d’une page

Pour ajouter ou modifier le contenu d’une page, rendez-vous dans la section Pages > toutes les pages. Sélectionnez la page dans la liste et cliquez sur « Edit with Divi » dans les possibilités qui s’affichent sous le nom.

Une fois le Visual Builder actif, vous pouvez modifier directement le contenu de ces éléments (textes et images) en cliquant sur l’icone  qui apparait au survol de l’élément.

Exemple pour la modification d’un texte :

1. Survolez l’élément de texte (cadre gris) et cliquez sur l’icone de rouage qui apparait juste au dessus du cadre.
2. Dans l’onglet « content » du popup qui s’est ouvert, repérez la zone d’édition du texte et modifiez ou collez votre texte. Via cet éditeur vous pouvez également modifier le type de titre ou paragraphe si vous souhaitez.
3. Pour sauvegarder vos changements cliquez sur le bouton vert (ou sur la croix pour quitter sans sauvegarder)
4. Le pop-up fermé, n’hésitez pas à cliquez directement sur les trois petits points sur fond mauve et sur le bouton vert « Save » pour sauvegarder votre page. Ou appuyez simultanément sur les touches Ctrl+S pour sauver.
5. Une fois toutes vos modifications textes faites et sauvées, quittez le visual builder en cliquant sur « Exit visual builder » dans l’entête noir au dessus de votre page.

Exemple pour la modification d’une image :

1. Survolez l’élément image (cadre gris) et cliquez sur l’icone de rouage qui apparait juste au dessus du cadre.
2. Dans l’onglet « content » du popup qui s’est ouvert, repérez la zone d’édition de l’image et cliquez dessus.
3. Vous arrivez sur la librairie des médias de votre site dans laquelle vous pouvez aller sélectionner une nouvelle image. Si votre image n’est pas encore dans cette librairie médias, cliquez sur l’onglet « téléverser des fichiers » > Choisir des fichiers > Cliquez sur Upload an image.
4. Pour sauvegarder vos changements cliquez sur le bouton vert (ou sur la croix pour quitter sans sauvegarder)
5. Le pop-up fermé, n’hésitez pas à cliquez directement sur les trois petits points sur fond mauve et sur le bouton vert « Save » pour sauvegarder votre page.
6. Une fois toutes vos modifications d’images faites et sauvées, quittez le visual builder en cliquant sur « Exit visual builder » dans l’entête noir au dessus de votre page.

Ajouter une section de la librairie

Des sections de contenu de votre site ont été sauvegardées dans la « Librairie » de votre site. A tous moment vous pouvez utiliser et modifier ces sections pour ajouter du contenu à votre page.

1. Survolez l’élément (cadre bleu) et cliquez sur l’icone du + sur fond bleu
2. Dans popup qui s’est ouvert, cliquez sur « Add from Library ».
3. Sélectionnez le type de section que vous souhaitez et cliquez sur « Use this section ».
4. Une fois la section mise en place, procédez à vos modifications (exemples ci-dessus).
5. Une fois toutes vos modifications faites, sauvegardez et quittez le visual builder.

Sauvegarde

La sauvegarde de vos changements se passent toujours en deux étapes : Sauver vos changements de contenus via l’éditeur de contenu (bouton vert « save ») ET ensuite la sauvegarde des changements de votre page (bouton vert « save » en bas à droite de votre écran OU appuyez sur les touches Ctrl + S de votre clavier). Vous pouvez alors fermer le Visual Builder en cliquant sur  « Exit Visual Builder » situé au dessus de votre page dans le banner noir.

Si vos changements ne s’affichent pas sur votre page :

1. Assurez-vous d’avoir bien sauvegardé vos changements (bouton vert « save »)
2. Assurez vous de bien avoir cliqué sur « Exit Visual Builder« 
3. Rafraichissez la mémoire cache de votre site en cliquant sur CTRL+ F5.

Si le problème persiste, contactez notre support à l’adresse support@webulous.be

Supprimer une page

Rendez-vous dans la section Pages > toutes les pages. Sélectionnez la page à supprimer et cliquez sur « Corbeille/trash » dans les options qui s’affichent au dessous du nom de la page sélectionnée.

La page ne s’affichera plus car elle sera placée dans la corbeille et elle ne sera supprimée définitevement que si vous videz la corbeille.

Assurez-vous que celle-ci soit bien supprimée également du menu !
Rendez-vous sur l’onglet Menu, la page manquante s’affiche alors en rouge, cliquez sur « retirer/supprimer » et Enregistrer les changements.

Les articles servent à partager des actualités, conseils ou contenus dynamiques sur votre site, idéaux pour un blog ou une section actualités. Si cette option n’est pas activée de base sur votre site, vous pouvez faire la demande auprès de notre support pour budgétiser et activer celle-ci: support@webulous.be

Ajouter un article

Les pages d’articles sont associées à un design fixe, dont vous avez juste à remplir les champs textes prédéfinis (titre, sous-titre, texte…). Pour créer un nouvel article, soit vous pouvez partir de zéro, soit vous pouvez dupliquer un article existant.

Rendez-vous sur votre tableau de bord dans la section Articles > Tous les articles.

1. Cliquez sur Ajouter pour créer un nouvel article.
2. Entrez le titre de votre article dans le champ à cet effet en haut de la page.
3. Utilisez l’éditeur de contenu pour ajouter du texte, des images, des vidéos, et d’autres éléments.
4. Ajoutez des métadonnées à l’article via la colonne de droite :
   Image mise en avant : Cliquez sur « Définir l’image mise en avant » pour choisir une image représentative de votre article qui s’affichera dans la liste des articles de votre page blog/news.
   Catégories : sous « Catégories », cochez les catégories appropriées ou ajoutez-en de nouvelles.
   Étiquettes : Ajoutez des mots-clés pertinents pour aider les lecteurs à trouver votre article.
5. Configurez les options avancées (facultatif)
   Extrait : Ajoutez une description courte de l’article dans le champ « Extrait ».
   Discussion : Activez ou désactivez les commentaires.
6. SEO (si un plugin comme Yoast SEO est installé) : Optimisez le titre SEO, la méta-description, et définissez une phrase clé principale.
7. Enregistrez et prévisualisez votre article. Cliquez sur Enregistrer en brouillon pour sauvegarder votre travail sans publier l’article.
8. Cliquez sur Prévisualiser pour voir à quoi ressemblera l’article une fois publié.
9. Quand vous êtes satisfait de votre article, cliquez sur le bouton Publier. Confirmez la publication en cliquant une deuxième fois sur Publier.

Votre article est maintenant en ligne !

Modifier un article.

Modifier les informations

Rendez-vous sur votre tableau de bord dans la liste des articles, sélectionnez l’article a modifier et cliquer sur « Modifications rapides » qui apparait dans les options sous le titre de l’article.

Modifier le contenu

Vous pouvez a tous moments corriger ou modifier votre article, soit via l’éditeur wordpress en cliquant sur « Modifier la page » soit en utilisant le Visual Builder en cliquant sur « Enable Visual builder » .

Attention, dans le cas ou vous utilisez le Visual Builder pour adapter vos articles, seuls les textes sont modifiables. Si vous tentez de modifier la mise en page et la structure de l’article, ces changements se répercuteront sur tous les articles de votre blog

Supprimer un article

Pour suprimer un article, rendez-vous dans la liste des articles, sélectionnez l’article et cliquez sur « Corbeille » dans les options qui s’affichent sous le titre de l’article.

L’article sera placé dans la corbeille et ne s’affichera plus sur votre site. Si vous souhaitez le supprimer définitivement, rendez-vous dans l’onglet « Corbeille » qui est situé au dessus de la liste des articles et videz la corbeille.

Ajouter un nouveau projet

Pour créer un projet, rendez-vous sur votre  tableau de bord, dans la section « Projets ».

1. Dans la liste de projets existants, sélectionnez celui que vous souhaitez duppliquer en cliquant sur « copy » dans les options qui s’affichent sous le nom du projet.
2. Lorsque la copie de ce projet apparait dans la liste, modifiez les informations techniques de celui-ci en cliquant sur « Modifications rapides » ( changez le titre ) et sauvegardez.
3. Pour modifier le contenu du projet cliquez sur l’option « Edit with divi » qui apparait dans les options sous le nom du projet.
4. Effectuez vos modifications de contenu via les différents éditeurs de sections ou d’éléments textes ou images. Sauvegardez votre page.
5. Pour modifier la « vignette » du projet qui s’affichera sur la page liste de projets, cliquez sur sur l’option « Modifier la page » qui apparait dans la barre noire situé en haut de votre page.
6. Dans la colonne de droite, cliquez sur »Définir l’image mise en avant ». Sélectionnez une image de votre banque médias ou sélectionnez une image sur votre ordinateur (Onglet « téléverser une image… »
7. Sauvegardez vos modifications en cliquant sur « Mettre à jour la page »

Modifier un projet

Pour modifier un projet, rendez-vous sur votre  tableau de bord, dans la section « Projets ».

• Modifications des informations du projet : sélectionnez dans la liste de projet celui que vous souhaitez modifier et cliquez sur « Modifications rapides » qui apparait sous le nom du projet. vous pourrez ainsi rapidement modifier le titre, la catégorie, l’image mise en avant, etc).
• Modifications du contenu : sélectionnez dans la liste de projet celui que vous souhaitez modifier et cliquez sur « Edit with Divi » qui apparait sous le nom du projet. La page du projet s’ouvre alors directement en mode « Visual builder ». Vous pourrez alors effectuer vos modifications de contenu via les différents éditeurs de sections ou d’éléments textes ou images. N’oubliez pas de sauvegarder vos modifications et votre page et de fermer le Visual Builder.

Modifier les informations

Les informations de page telles que le titre, l’url (slug), le parent de la page, la date de création ou la catégorie sont modifiables directement via votre tableau de bord.

Rendez-vous dans la section Pages > toutes les pages. Sélectionnez la page dans la liste et cliquez sur « Modification rapide » pour modifier les informations techniques principales de celle-ci.