Qu’est-ce que SP Page Builder ? 

SP Page Builder c’est un composant Joomla qui va vous permettre de créer les pages de votre site Web. Un constructeur de contenu facile d’utilisation, libre et qui fonctionne indépendamment des templates, ce qui permet de créer des pages facilement paramétrables, responsive…

SP Page Builder permet d’ajouter différents outils à vos pages, du texte, des photos ou vidéos, des boutons, des icônes, ... 

L’installation de SP Page Builder sur votre site web est très simple, vous pouvez retrouver tout le tutoriel sur l'article Présentation de SP Page Builder pour Joomla! 4.

Lorsque vous ajoutez SP Page Builder à votre site Web Joomla! 4, vous avez la possibilité d’éditer vos pages ainsi que vos menus sur le panneau d’administration du backend mais également directement sur le frontend. 

Comment éditer du contenu en frontend avec SP Page Builder sur Joomla! 4 ?

Le frontend correspond à la partie visible de votre site web. Construire vos pages en passant par le frontend permet de voir directement les modifications et le rendu de vos pages sur votre site.

Pour cela, il vous suffit de vous connecter à votre backend soit au panneau d’administration de votre site Joomla! 4.

Puis rendez-vous dans Composants > SP Page Builder > Nouveau

SP Page Builder Joomla4 éditer en frontend

Créer une page SP Page Builder 

Donnez un titre à votre page puis cliquez sur Enregistrer et fermer. 

Page SP Page Builder Joomla 4

Donner un titre à une page avec SP Page Builder

À droite du nom de votre nouvelle page vous allez voir apparaitre 2 boutons, Preview et Frontend Editor.

  • Preview va vous permettre d'accéder à un aperçu de votre page
  • Frontend Editor va vous permettre d'accéder à l'éditeur Frontend. 

Editer une page en Frontend

Page accueil SP Page Builder

Cliquez sur le bouton Frontend Editor, vous allez arriver sur le frontend de votre site.
Vous retrouverez sur la partie gauche de l'écran une liste des différents addon que vous pouvez ajouter à votre page d'accueil. Puis sur le côté droit de l'écran vous aurez la partie création de la page. 

Il vous suffit de cliquer sur Add New Row pour commencer la constuction de votre page.

SP Page builder Editer en Frontend

Construction de page SP Page Builder Joomla! 4

Choisissez ensuite les addon que vous souhaitez utiliser et déposez les sur votre page en réalisant un glisser déposer.

Page joomla 4 éditet en frontend

Editer une page SP Page Builder

Vous pouvez construire votre page comme vous le souhaitez. N'oubliez pas de cliquer sur Save afin d'enregistrer voter travail. 

Pour en savoir plus sur SP Page Builder, découvrez l'article Présentation de SP Page Builder pour Joomla! 4

Administration

Référencement

Sécurité

Gestion des utilisateurs

Gestion de contenu

Menu et navigation