Tutoriel SP Page Builder Joomla 4 :
Créer ou modifier une page

Description :

Ce tutoriel va lister tous les modules disponible sur votre page.

Prérequis :

Vous devez savoir comment accéder à l'édition d'un module depuis une page SP Page Builder, suivez le tutoriel suivant :

Mise en garde :

La modification des modules impacte l'aspect de votre page.

Avant toutes modification, prenez le soin de noter le paramètre d'origine. Cela vous permettra de retourner à l'état d'origine si la modification ne convient pas.

La remise en état d'un module à l'origine peut être une opération complexe et facturée en fonction des informations à restaurer.

Si vous avez le moindre doute sur la modification d'un élément de la page, vous pouvez toujours cliquez sur UNDO (annulation de le modification) ou sur FERMER pour quitter la page sans la sauvegarder.

Suivez moi sur Facebook

Tutoriels, jeux concours, informations et quelques réalisations.

Liste des modules présentés dans cette page :

  1. Ouvrir la page de création ou modification d'une page
  2. Découverte de la page
  3. Onglet "Contenu"
  4. Onglet "Image et liens"
  5. Onglet "Publication"
  6. Conclusion

1. Paramètres communs à plusieurs modules

 Certains paramètres sont communs à tous les modules. Pour les paramètres spécifiques, ils seront détaillés par module.

Paramètres de texte

Label Administration : Vous pouvez y mettre une information qui vous aidera à retrouver le module facilement (par exemple « titre de la page » ou « images de présentation »)

Titre : Titre du module, il est généralement affiché au dessus du module sur votre site web. Lorsque vous saisissez un titre, d'autres options de mise en page s'affichent. Ce sont des paramètres d'affichages, décris dans le chapitre suivant.

Paramètres d'affichage

 

  • Elément html pour le titre : Correspond au "rang" de votre titre. Par exemple :
    - h1 correspond au titre principale
    - h2 correspond au paragraphe
    - h3 correspond à l'alinéa
  • Font Family: Police d'écriture
  • Icône de titre : Ajoute un icone à coté du titre

Module Accordéon

Titre 1

Ceci est un exemple d'accordéon pour SP Page Builder sur Joomla 4.

Pour modifier / ajouter des informations :

  • Style accordéon : Modifie la couleur et la présentation.
  • Ouvrir l'élément : Détermine quel élément est ouvert lors du chargement de la page. 
  • Contenus Accordéon : Liste les éléments présents dans votre module. Add Item vous permet d'en ajouter un nouveau, la petite roue crantée permet de modifier l'élément correspondant. Dans les deux cas, une petit fenètre s'ouvre avec d'autres paramètres :
    Titre de l'élément accordéon :Titre visible lorsque l'accordéon est plié (ex : Titre 1, Titre 2, etc.)
    - Contenu : Cliquez sur le petit stylo afin de modifier le texte présent dans l'élément de l'accordéon

Module Alerte

Ceci est un message afin d'alerter ou informer ses clients ou adhérents.

Pour modifier / ajouter des informations :

Afficher le bouton Fermer: Afficher ou non la petite croix en haute à droite

Style de l'alerte : Modifie la couleur et la présentation.

Module Animated heading

Ceci estle module 1le module 2le module 3Animated heading

Pour modifier / ajouter des informations :

  • Choose Animation Style : Modifie le type d'animation.
  • Animated/Highlighted Before Text : Texte qui se situe avant l'animation (Ex : Ceci est) 
  • Animated Text : Texte qui se situe dans l'animation. Pour plusieurs texte, les mettre à la ligne.

Module Carousel Pro

Pour modifier / ajouter des informations :

  • Caroussel Items : une liste d'éléments (Item) est affichée, détails ci-dessous.

Chaque élément correspond à une image et son texte. Un seul élément signifie que l'affichage est fixe. Si il y en a plusieurs, les images défilent l'une après l'autre sur votre site web.

Lorsque vous cliquez sur la roue crantée d'un élément, un sous menu s'affiche. Dans celui-ci vous retrouverez les informations à modifier. 

Si vous souhaitez créer un élément, il est préférable d'effectuer une copie d'un existant (petits rectangles superposés). Cela vous permettra de garder la mise en page par défaut.

Pour changer l'image, cliquez sur "Choose Your Image" puis "Upload Files". Sélectionnez ensuite l'image souhaitée.

Module En-tête

Voici le titre

Pour modifier / ajouter des informations :

  • Titre : Texte situé dans le titre

Module Boite de fonctionnalité

Titre

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing erat eget risus sollicitudin pellentesque et non erat. Maecenas nibh dolor, malesuada et bibendum a, sagittis accumsan ipsum.

Pour modifier / ajouter des informations :

  • Title : Texte situé dans le titre
  • Title/Image/Icon URL : Adresse vers laquelle le visiteur sera dirigé si il clique.

6. Edition des modules

Vous êtes maintenant prêt à rédiger un article. Il reste encore quelques subtilités qui serait trop complexes à expliquer dans ce tutoriel.

Il n'y a rien de plus formateur que la pratique. N'hésitez pas à créer des articles, faire quelques tests et regarder les rendus de celui-ci sur votre site web.

Rien ne peut créer un dysfonctionnement de votre site web si vous restez à l'édition de votre article. Votre article ne vous plaît pas ? Changer son statut en "Dans la corbeille" et il disparaît.

Un problème pour la publication d'informations sur le site web de votre entreprise ou association ?

Merci d'utiliser le formulaire de contact ou me joindre directement.

Je peux réaliser certaines publications à votre place ou vous proposer une formation sur la gestion de votre site Internet.