Étape 2 sur 2 · environ 35 min

Créer une première page avec l’éditeur Website

Avant d’écrire du code, utilisez Website comme le ferait une personne chargée de présenter l’organisation : modifiez la page d’accueil, ajoutez un bloc et enregistrez votre travail.

Ce que vous allez faire

Cette étape utilise l’éditeur visuel de l’addon officiel website. Vous ne modifiez pas votre addon elearning_portal et vous n’écrivez pas de Python. L’objectif est simplement de voir comment Website permet de composer une page.

1. Installez et ouvrez Website

  1. Dans Apps, recherchez Website et installez l’application si elle ne l’est pas encore.
  2. Ouvrez ensuite l’application Website. Odoo affiche la page d’accueil fournie avec le thème choisi.
  3. Si Odoo vous propose un thème ou quelques réglages de départ, gardez les choix proposés et poursuivez. Ils pourront être modifiés plus tard.

À observer : vous êtes sur un vrai site Website, pas dans une fiche du back-office. La barre supérieure contient notamment le nom du site, son état de publication et le bouton Edit.

Page d’accueil Website avant modification, avec le bouton Edit en haut à droite.
La page d’accueil initiale de Website. Cliquez sur Edit, en haut à droite, pour commencer à la modifier.

2. Modifiez la page d’accueil

  1. Sur la page d’accueil, cliquez sur Edit en haut à droite.
  2. Cliquez dans le grand titre de bienvenue et remplacez-le par Bienvenue sur notre catalogue de formations.
  3. Remplacez le texte sous le titre par une phrase simple, par exemple : Découvrez les formations proposées par notre équipe.
  4. Dans le panneau de gauche, ouvrez Blocks, ajoutez un bloc de texte sous l’accueil, puis écrivez deux ou trois lignes de présentation.
  5. Cliquez sur Save pour enregistrer la page.

Vous venez de modifier le contenu directement dans la page. C’est le principe WYSIWYG : ce que vous voyez pendant l’édition ressemble au résultat que verront les visiteurs.

3. Vérifiez le résultat

  1. Quittez le mode édition ou rechargez la page.
  2. Vérifiez que votre titre, votre texte et le bloc ajouté sont toujours présents.
  3. Ouvrez le menu du site et repérez les pages proposées par le thème. Ne cherchez pas à tout personnaliser : le but est seulement de repérer ce que Website sait faire sans code.

Résultat attendu : vous disposez d’une page d’accueil locale, modifiée avec l’éditeur Website et enregistrée dans Odoo. Elle ne contient encore aucune information venant de elearning_portal.

Ce que cette étape ne fait pas

Modifier cette page ne publie pas vos formations et ne les relie pas au site. Pour afficher des données venant de votre addon, il faudra ensuite écrire du code. La section suivante montrera cette différence.

À retenir

Website permet de créer et de modifier des pages de présentation sans Python. Le développement sert lorsque le site doit utiliser les données ou les règles de votre addon.