Éditer le contenu

Rendez-vous dans Pages > Titre de la page à modifier et cliquez modifier

Rendez-vous dans Articles > Titre de l’article à modifier et cliquez modifier ou Ajouter un article

Rendez-vous dans Topbars > Haut de page et cliquez modifier

L’éditeur

Vous arrivez maintenant sur la page d’édition, celle-ci se divise en 4 parties:

  1. Les champs titre et url
  2. L’éditeur de contenu
  3. L’image mise en avant
  4. L’encart de prévisualisation et de publication des modifications

1. Les champs titre et url

  1. Le premier champ vous permettra de renommer la page
  2. En cliquant le bouton “modifier” à droite de l’url (permalien) vous pourrez modifier l’url de la page

2. L’éditeur de contenu

  1. Une rangée (structure pouvant contenir plusieurs colonnes dans lesquelles les éléments sont ajoutés).
  2. Permet de déplacer une rangée entière avant ou après une autre rangée.
  3. Choix du nombre de colonnes dans la rangée.
  4. Ajouter une colonne dans la rangée.
  5.  Éditer les réglages de la rangée.
  6. Dupliquer la rangée.
  7. Supprimer la rangée.
  8. Ajouter un élément dans la colonne.
  9. Éditer les réglages de la colonne.
  10. Supprimer la colonne.
  11. Les éléments.
  12. Les templates.

2.5. Réglages de la rangée

Chacun des réglages permet d’adapter le comportement de la rangée. Ceux-ci sont commentés.

  1. Les options de styles

2.5.1 Les options de style (rangées, colonnes et éléments)

  1. Modifier manuellement les marges externes (margin), la bordure (border) et les marges internes (padding).
  2. Modifier le style de la bordure.
  3. Modifier le fond, vous pouvez choisir une couleur unie dans Fond, ajouter une image sur le + et modifier le comportement de l’image dans Valeurs par défaut, nous vous conseillons couverture pour cette option.

2.9. Réglages de la colonne

Chacun des réglages permet d’adapter le comportement de la colonne. Ceux-ci sont commenté.

  1. Les options de styles
  2. Les options d’adaptation

2.9.2 Options d’adaptation

Chacun des réglages permet de modifier la largeur de la colonne pour une taille d’écran différente.

  1. Largeur: déterminez ici la largeur de base de la colonne (tablette verticale).
  2. Terminal: les différentes tailles d’écran (PC fixe ou portable, tablette horizontale, tablette verticale et mobile)
  3. Décalage: permet d’avoir un espace équivalant à une certaine largeur de colonne à gauche de la colonne.
  4. Largeur: déterminez ici la largeur de la colonne en fonction de l’écran.
  5. Cacher: vous avez la possibilité de masquer la colonne pour certaines tailles d’écran.

2.11 Les éléments

  1. Cliquez et déplacez pour changer l’élément de colonne ou le déplacer dans sa colonne.
  2. Éditez la configuration de l’élément.
    1. Bloc de texte
    2. En-tête personnalisée
    3. Espace vide
    4. Image seule
    5. Media Grid
    6. Icône
    7. Question
    8. Bouton
    9. Google Maps
    10. Gravity Form
  3. Dupliquer l’élément.
  4. Supprimer l’élément.
2.11.2.1 L’élément “Bloc de texte”
  1. L’éditeur de texte assez classique avec es options type Word, chacune des icônes est commentée au survol.
  2. Les options de style de l’élément.
  3. Sauvegardez vos modifications avant de les prévisualiser.
  4. Fermer sans sauvegarder.
2.11.2.2 L’élément “En-tête personnalisée”
  1. Modifiez ici le texte.
  2. Les options de style de l’élément.
  3. Sauvegardez vos modifications avant de les prévisualiser.
  4. Fermer sans sauvegarder.

L’élément est pré-configuré mais rien ne vous empêche d’explorer les différentes options de réglage, celles-ci sont commentées.

2.11.2.3 L’élément “Espace vide”
  1. Modifiez ici la taille de l’espace en pixel (px).
  2. Les options de style de l’élément.
  3. Sauvegardez vos modifications avant de les prévisualiser.
  4. Fermer sans sauvegarder.
2.11.2.4 L’élément “Image seule”
  1. Cliquez sur le + afin de choisir une autre image via la bibliothèque de médias.
  2. Action au clic: vous pouvez ajouter un lien sur votre image vers un autre site (pour un logo par exemple) ou vers une version plus grande de l’image.
  3. Les options de style de l’élément.
  4. Sauvegardez vos modifications avant de les prévisualiser.
  5. Fermer sans sauvegarder.
2.11.2.5 L’élément “Media Grid”
  1. Cliquez sur le + afin de choisir une autre image via la bibliothèque de médias.
  2. Réorganisez en cliquant/déplaçant les images ou supprimez des images en cliquant la x.
  3. Choisissez le nombre d’image par ligne.
  4. Les options de style de l’élément.
  5. Sauvegardez vos modifications avant de les prévisualiser.
  6. Fermer sans sauvegarder.

L’élément est pré-configuré mais rien ne vous empêche d’explorer les différentes options de réglage, celles-ci sont commentées.

2.11.2.6 L’élément “Icône”
  1. Choisissez la bibliothèque d’icônes.
  2. Choisissez une icône.
  3. Vous pouvez ajouter un lien sur l’icone.
  4. Modifiez le texte associé à l’icône.
  5. Choisissez la position du texte par rapport à l’icône.
  6. Les options de style de l’élément.
  7. Sauvegardez vos modifications avant de les prévisualiser.
  8. Fermer sans sauvegarder.

L’élément est pré-configuré mais rien ne vous empêche d’explorer les différentes options de réglage, celles-ci sont commentées.

2.11.2.7 L’élément “Foire aux questions”
  1. Saisissez la question.
  2. Saisissez la réponse.
  3. Les options de style de l’élément.
  4. Sauvegardez vos modifications avant de les prévisualiser.
  5. Fermer sans sauvegarder.

L’élément est pré-configuré mais rien ne vous empêche d’explorer les différentes options de réglage, celles-ci sont commentées.

2.11.2.8 L’élément “Bouton”
  1. Le texte du bouton.
  2. Le lien du bouton.
  3. Les options de style de l’élément.
  4. Sauvegardez vos modifications avant de les prévisualiser.
  5. Fermer sans sauvegarder.

L’élément est pré-configuré mais rien ne vous empêche d’explorer les différentes options de réglage, celles-ci sont commentées.

2.11.2.9 L’élément “Google Maps”

L’élément est pré-configuré mais rien ne vous empêche d’explorer les différentes options de réglage, celles-ci sont commentées.

Nous pouvons aussi éditer cet élément pour vous, n’hésitez pas à nous contactez via notre formulaire ou via l’adresse support@produweb.be

2.11.2.10 L’élément “Gravity Form”

Nous pouvons éditer cet élément pour vous, n’hésitez pas à nous contactez via notre formulaire ou via l’adresse support@produweb.be

2.12 Les modèles

Les modèles vous permettront de sauvegarder des mises en page afin de les réutiliser.

  1. Choisissez un nom pour votre modèle.
  2. Enregistrer votre modèle.

Le modèle apparaîtra alors dans Mes modèles et il vous suffit de vous rendre sur une autre page et de cliquer dessus pour l’ajouter.

3. Image mise en avant

Selon votre thème l’image à la une peut s’afficher dans le haut de page ou encore sur la page blog.

  1. Cliquez pour sélectionner l’image via la bibliothèque de médias

4. Publier

  1. Prévisualisez les modifications afin de voir si vos modifications sont bonnes avant de publier.
  2. Mettre à jour/Publier pour sauvegarder vos modifications et les mettre en ligne.
  3. Vider le cache pour que vos modifications soient visibles directement pour tout le monde.
  4. Pour désactiver une page modifiez son statut en Brouillon.
  5. Pour réorganiser les articles de blog vous pouvez modifier la date de publication.

Bibliothèque de médias

  1. Sélectionnez l’image.
  2. Validez votre choix.
  3. Le lien direct vers l’image ou le fichier pdf est disponible ici.
  4. Téléverser des fichiers: cliquez ici pour envoyer des fichiers depuis votre ordinateur dans la bibliothèque de médias.