# Club Ados et pré-ados

Étape 1 : Connexion au Tableau de Bord WordPress

* Ouvrez votre navigateur web et entrez l'URL de votre site WordPress.
* Saisissez vos identifiants de connexion pour accéder à votre tableau de bord.

Étape 2 : Accès aux pages

* Sur la barre latérale gauche, repérez et cliquez sur l'onglet "Pages". Cela affichera une liste de pages existantes.
* À droite, utilisez la barre de recherche pour trouver la page souhaitée.

Étape 3 : Modifier une page

* Une fois la page repérée, survolez-la avec la souris, puis cliquez dessus.
* Modifiez les informations nécessaires, telles que le titre, la couleur du bandeau de la page qui est celle de la catégorie, l'image mise en avant et l'attribut de page (fil d'Ariane).
* Pour des modifications avancées, cliquez sur le bouton "Modifier avec Elementor".

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeOdTRU1vgGt5Yqafypl7GoOs_NSduNWIsh7YkYe0Ko7WdeNulmJpd8hty5nwdGJHrDbDaBRCMJXYCb3kO6iTzXiu8jlCsW84bbHHckBl0XnmPm1e73Obk0ksazOBTSd5-WaQfmCBjiDcP3dwNolDTyjqnk?key=45fc5vdfUcc2tBK3aYja1A" alt=""><figcaption></figcaption></figure>

## Bloc Club Ados et pré-ados

Dans ce widget, vous pouvez commencer par modifier le texte situé à gauche, de la même manière que dans un éditeur de texte classique.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcywzHTF9pxuZ7DqhpWMHKYAh8UfaA5Q2ZDnzxMu7DyXqHbeSA26Lu9UJJcqT7KQKKb6RSbSUCAyb21xMw_G3mx8rLpL5KjKh512yenFPZFX8yYPPH0nTQ_LogJZf3XIaUOG34qe-bk05sLWflSAAPtHaib?key=45fc5vdfUcc2tBK3aYja1A" alt=""><figcaption></figcaption></figure>

Dans un second temps, vous pourrez modifier le carrousel :

* Sélectionnez le container de droite pour accéder au carrousel

NB : Les images doivent préalablement être converties au format WEBP puis téléversées dans la médiathèque et classées dans le dossier qui convient.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXe-HwK_axaUuGu9aX4nZR4OUl0b6qkktBNUWfLYqPbs0WEv2CnA2wYU_5dGhLY1hsUWnweKTj8KLQDOOJVJQMVCC5Zepv9q7RpymEhCxlpWfaJ3zq92hk9G9MdhZ3iT9Var2IRlIOfqx7aa-5ZZYshAfZ8?key=45fc5vdfUcc2tBK3aYja1A" alt=""><figcaption></figcaption></figure>

* Cliquez sur “Items” afin d’accéder aux différentes images qui sont affichées sur le carrousel puis cliquez sur “Ajouter un élément” ou dupliquer un élément déjà existant.

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXfnma8-hQYcGLbxCODMdEbRCmpHDxpyoywKW0KFBgJ6ZJ-rKTGWC4iwjoqJbjh_7LaYIdTGCd3CWYXe3WoYFvB6zrxuyAgtbkiu61M8me1CsQmvy_a3z34rUPoDvKnGjgq3FSliqfjG9dmtTmlLe-McSdL8?key=45fc5vdfUcc2tBK3aYja1A)![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXfn1OHoIt8945lM0LVMYE5jrIDEO4ryUy3OpwKuO_n69JMUuIxBrZBWBLrREWQ4VQ008gK9dsDUQpPtBhTE8yu55fGdh373AYYxFILnD8NBJNu6qirEs7Agr54hQnb2e4sZJV93OI68qgfCf9n1_BTPr4cG?key=45fc5vdfUcc2tBK3aYja1A)

Pour afficher ou non certains éléments du carrousel, cliquez sur l’onglet “Layout” pour voir apparaître les différentes options qui s’offrent à vous. Ici il faudra seulement afficher  l’image ainsi qu’un titre.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdN_TDkB9DjlBRuvNHJTabPo9WCxqe_PI06eBlnkWDGoIytBT2VcOlg5WtpQiP3IPfnSVWNJNgTVIHi42l3wk5qbwjDUTPX0cXVB-jd241yxB1rxqBC9BE198gNi3fW5CYv8OG4RgzdRZDtKRzi4Lo2Lpvy?key=45fc5vdfUcc2tBK3aYja1A" alt="" width="375"><figcaption></figcaption></figure>

### Section pré-inscription

Dans ce widget, vous pourrez modifier dans un premier temps l’image du container :

* Sélectionnez le container de gauche, puis accédez à l’image
* Cliquez sur l'image dans la barre latérale gauche, puis sélectionnez l'image souhaitée à partir de la médiathèque

NB : Les images doivent préalablement être converties au format WEBP puis téléversées dans la médiathèque et classées dans le dossier qui convient.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcraTvEzqivrdl0EuJ4CNFpbQbRDiEMbA36QMZaWMBAAfixaWo1w7j4Tp_Y86o3nVVlXVWC53WHsJH-550P_Nw_7syObXcUjvktFFOIU9nzYoM6AW8nNQFxpJIM7YI3xr1ZJkiuDHityaMXQ9ZUkMXgDCE?key=45fc5vdfUcc2tBK3aYja1A" alt=""><figcaption></figcaption></figure>

Dans un second temps, vous pourrez modifier le texte comme avec d’autres éditeurs de texte.

### **L’éditeur de texte :**

Dans ce widget, vous pouvez modifier le texte comme avec d'autres éditeurs de texte.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfzng0TI0CT78clxI8YNHDkQnW0_Of7-YqSh8ixEqZwLcG7_5LqUOsfzW4JeJGk0wak2ECCFPLil4nHYGUEtf_P-bXOSgeAW19_xb1DPKLGXUFsLw5XTFVpdGC_WgrLJgLm50j4Cq6dGlPulsej0ICsfIo?key=45fc5vdfUcc2tBK3aYja1A" alt=""><figcaption></figcaption></figure>

### Accordéons des clubs

Ce widget permet de gérer les différents clubs via plusieurs accordéons.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeoXN3A5c-MqvxXVL3W-BVt8qsND8BNdMRRdxtBBB786zOikoOu7jhS_LGpQfG5Vgo-mi8FymhED19E5_HXeumV9k_3A9YaNuVPwxGKxHM5vOhKeV3om1qGqvEiDiAAn7CjGj4WB32cl1zsOw_LbpcpkAIs?key=45fc5vdfUcc2tBK3aYja1A" alt=""><figcaption></figcaption></figure>

* Pour modifier l’image de fond d’un accordéon, cliquez sur l’image puis sur “Selected item images”.
* Sélectionnez la liste des images dans la médiathèque afin de les ajouter à la galerie du carrousel.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdVImAkJImBDqtxXm79j7SpYJlVN30G8KVOMnVUE20vrOaGBJfH88jay6CzhGWxMGRQB_hgF_vqtbRrifqdNGIr6yNG897kihBdb37zdf1udWSTTxIaSiahVSe16NkfZOsgh5TujHIbFSB-sMQlaTFU4apb?key=45fc5vdfUcc2tBK3aYja1A" alt="" width="375"><figcaption></figcaption></figure>

Vous avez ensuite un éditeur de texte que vous pouvez modifier.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcgfOyRN6JY6Rrt25DjSbR_VHRW3O4Lkcnr-7axzMPAv7yjKhKcZsmM4z3Aj-jFXDl6A2taObyAIaJdChykYqFlOEjy-39cIJjNnInkPWTFlYmKPoPKaOdjlz7P-mRVj4dN5nuA3bZVI4YopAGkF3PXBp4N?key=45fc5vdfUcc2tBK3aYja1A" alt=""><figcaption></figcaption></figure>

Cette partie ci-dessous permet d’ajouter les différents documents relatifs au club pré-ados l’atelier.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXehf6SmuWutCHqU5iysCz6iaprkSOh3yNKFs7N5OU7Ivub6K1Fmk5e_ZJp9bEb9yq58cBDhdhynVSE7XEGYYcoiXSalgfKu9EKMcVez2iYGfaGYFrjA3mPQWyrt5Qyp1liODDcyWgDUcu4XHutroG7fAGU1?key=45fc5vdfUcc2tBK3aYja1A" alt=""><figcaption></figcaption></figure>

Pour modifier ce widget, cliquez sur l’élément “Items”, puis cliquez sur “Ajouter un élément ou bien vous pouvez également dupliquer un élément déjà existant.

Ensuite, vous pouvez modifier le titre en allant sur “title”, en choisissant une icône qui sera affichée dans le carrousel, ainsi qu’un lien qui va directement ramener vers le document PDF.

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXcK0gnCIde_3XAbaOGONIfUdWkKgWRMfqJh9QCXTUYcBSRn4L3ijLsUMYB_eyXkvdXTFgTIW_vgdRwbR2orsEyWELW6BJP3Q1Zc32h4aGajyD9Yfe6lxaJ8xD29ejh2PnHnKy0no5MxVm0rjpH08VaKmkw?key=45fc5vdfUcc2tBK3aYja1A)![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXdgWROqzIXWp1wSsrxCP50E9JQNBu30kmwZFrieEs01ZYYLH--2c8yeXSivxmmpgskUf1x2K61ZvcgK4uvxAZz99MV0hrjQW3npqGgYmSNdp8V1FhD28mzW0sSVtQkvz9cfIAGWrqMHhjAjMce-ViX2Qls?key=45fc5vdfUcc2tBK3aYja1A)<br>

Après ce widget vous avez un éditeur de texte que vous pouvez modifier à votre guise.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXde6ElS1H0R_EmcUzgMfDWYpk6hMKmCnBRAHxqoMOsaUw4eweVHOP9vYxrCwjjRIMLuTQmpwo_v7r3-Ga5eHz8hidFOagStARVgI2kp4LmG5pxnUGU9R7whyqV7zmB4AQmKyQaAAKo0hIuyqum-MhWc-PY?key=45fc5vdfUcc2tBK3aYja1A" alt=""><figcaption></figcaption></figure>

Dans ce widget, vous pourrez modifier dans un premier temps l’image du container :

* Sélectionnez le container de gauche, puis accédez à l’image.
* Cliquez sur l'image dans la barre latérale gauche, puis sélectionnez l'image souhaitée à partir de la médiathèque.

NB : Les images doivent préalablement être converties au format WEBP puis téléversées dans la médiathèque et classées dans le dossier qui convient.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXc8uXKhcKrqQFv4OPIVNcKqvQYicBsnMS7Vh83sX_zwPd-7N9Ko9Cmj97jtgaC18YJeYfK9T7MwQxBLjR768DVDa9C3plzwE5S45bl4Py0gAWrlUUig-MBhw4D7sbQWgfroY9iusjvE4_-zESc6x_5QT8bc?key=45fc5vdfUcc2tBK3aYja1A" alt=""><figcaption></figcaption></figure>

Dans un second temps, vous pourrez modifier le texte comme avec d’autres éditeurs de texte.

Ce widget audio vous permet de mettre en avant les différentes musiques proposées par la chaîne YouTube.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXc0_6EoBAhjriEuGZCOZqSbPqqFT95coMVfyb42_lOzJ_CiDiD1jN2QPyDnF5KwYW4-2zr1kW18aVQfwBtie7LG9eQJWC-eG9cCWO5XwS03VXyiJKBmO5YUF6dFkJn9uHv7HVuX0xvfHClV_cJ8d5iH2Y9X?key=45fc5vdfUcc2tBK3aYja1A" alt=""><figcaption></figcaption></figure>

Pour ajouter, modifier une musique, ou dupliquez une playlist, sélectionnez la playlist que vous souhaitez modifier puis aller dans l’élément “content”.

Sélectionnez la piste audio que vous souhaitez intégrer en allant la récupérer dans la médiathèque puis ajoutez-y un titre en modifiant “title”.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXd1G_1tg-daUB8pqBwjZBhTmVgXVdS59t403BLdcm8HJHjtrfuQkFUm5FgQBAO_dWEr_LfEf-Y10QSbAKy8rfs_I7yCH_2He7ql4Y3Q24bypdI8u87HavbfBSBrR5-l7lWbTS8939aO1gArolYpRZWfBRc?key=45fc5vdfUcc2tBK3aYja1A" alt="" width="375"><figcaption></figcaption></figure>

Les deux autres accordéons ont quant à eux deux éditeurs de texte, que vous pouvez modifier comme n’importe quel éditeur de texte traditionnel et en choisissant la liste des images que vous souhaitez faire apparaître dans les carrousels.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfT1bwjuQBTw8TNVVuJH6xjSvgFuPC2fSctfp8Pe5l0Z_4emm0t65H3m-DJIH0Sm1NdC2lpXsA7kgVcPJ8rDJBuaZAMKPKtkmLOn3VaBUdz5LjSa8rp_LPr5hYWzTP5QFJB5EmiA3GHH2rrQXTcX5E4-9jR?key=45fc5vdfUcc2tBK3aYja1A" alt=""><figcaption></figcaption></figure>

### Calcul du quotient familial

Ce widget accordéon contient la liste des tarifs et peut être modifié en allant dans l’élément “items”.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfhkbZ5KlLmM3ouOio4wtLF_cEUalpmZQYJpK3-rItUQJfxy43EwbLjgHvoNUF2zdUFDElphVwLR9zK-fmqwLHrWnpvLzZ0kWw6RAGMZaUVMiekE9ahXEe5jbSmgHfr_j9P7jarkTfu0gWb0jI-j9WDryuR?key=45fc5vdfUcc2tBK3aYja1A" alt=""><figcaption></figcaption></figure>

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXff63Jf6mVKB_EYDE01kOOnhUXYqdFTQrDpJUPoO2JzOMrF4px01p2jTS927HzBUgjmwExGwULd3toBs3APYRpMi4Fj86I9trYx08bcGtvVkIiVCRAbdKzC_0CHwAIZ3aK4JIQYkfA145J65Ij2WzwDiMcu?key=45fc5vdfUcc2tBK3aYja1A" alt="" width="375"><figcaption></figcaption></figure>

Cliquez sur “Ajouter un élément” ou bien dupliquez-le si vous souhaitez avoir plusieurs accordéons.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXc5qwiloclMWTtI4VyUiwm48DKpE78lZ9V7DECtnjpY2qCONeBfScSSwAiz7PQRb4DNkFfTjJ0yeuCN8fCWcUKS_FxbIO5e1Mo0u44XY7FjZoCXqr0ydQP62NNTNdFCicOKCv5QJiZhwTDv-FVGxkjmtqZo?key=45fc5vdfUcc2tBK3aYja1A" alt="" width="375"><figcaption></figcaption></figure>

Vous pourrez modifier le titre en modifiant le champ “title” et en ajoutant le contenu via l’éditeur de texte.

### Module de calcul du quotient familial

Si vous souhaitez modifier le style du module de calcul, vous pouvez le faire en allant dans la section “Contenu” puis dans l’élément “Général”.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdK-QHefntagVCA4AhZ0mkgHMlqjZdQgz5DpAnSHIaWZkbDhEE9eFGkRdQ1SJRFNriQuT9YF94AWFerK0WUcUYAgl-efgJl0W_C78_J1FKTEFkF5fwERfQWy-PnjJnIsZMgxxsd1wZ3fNRg0M4e4RJr3U0Y?key=45fc5vdfUcc2tBK3aYja1A" alt=""><figcaption></figcaption></figure>

### Section cela pourrait aussi vous plaire

Dans ce widget, il sera possible d’afficher toutes les autres pages présentes dans la catégorie.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdTCDXVp4TvalWUFBaEyoFjeEEVxN4IpO5qSBkgQDEmLlMaO95xqjEHe4IjrgcqXxs-PFUMWNbDf_7MDGMQIcZCWXkT8wVDHgKfhPz8_eGBOlWZtYKibAld48yIsNO8EBVY76APB4eE1saPLYGB2uEjrP94?key=45fc5vdfUcc2tBK3aYja1A" alt=""><figcaption></figcaption></figure>
