# CCJ

É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_4nXfegtteLHngPn7PWLwRHDPDigLuvW_AN33j6Nfv6Z_7ab0xTeHsfHBoZ7qHMBSRPuihDx0hTCuBkBePHnWCnUBo774jWbcrHYtbpY1v3VzheNePuFNUAPpxlMXztgOE_zI24LmmKg2ud0cb39ACo2B2_HA?key=sMOQPVu20PJG3SM2-LP4vg" alt=""><figcaption></figcaption></figure>

### Bloc CCJ :

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

* Sélectionnez le container de droite, puis accédez à l’onglet “Style” puis à l’élément “Arrière plan”
* 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_4nXdtgivODmOOwfs2WRZPLl4kHPM9NqDHSJeKrYoLbJ40COtlnneo0lbeC41m62_PITNu3XiP4IxnUZcK7Q9-y-iZIVa55N3FeHUBpoDwPgEihcWr-31AxYQEvpP9vww5gv8hj5XuLdHLNloiK7FBgcUsPbq-?key=sMOQPVu20PJG3SM2-LP4vg" alt=""><figcaption></figcaption></figure>

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

### Second bloc CCJ :

Dans ce widget, vous pourrez modifier dans un premier temps l’image présente dans le container :

* Sélectionnez le container de droite, puis accédez à l’élément “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_4nXeWAQdkxSOlfDSpCgpyjgzrxu4TLQFRXTfdTBdVYIhkkuY2uAxE22cTmhr8oHq7LqNgXFIeR8W4rB2jWyeJlB3SOud6lucwUtDA6PNdOv1Sa9rBT5sw8nH6TveNgGNzFg_solb1qaweBwTMi8EGRY5rl8A?key=sMOQPVu20PJG3SM2-LP4vg" alt=""><figcaption></figcaption></figure>

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

### Posts Instagram

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcj500KKzWjc6WIxTx7Rx4AQODX6NP8njXn_PDyiYLQbDCVc3gXUBY0zjdexlmhasZJVwNvVCJfKtzKB07aP9_r8PYK1XUspodNfEoeGUZGDPUBLjUj9rmcQRYOEc4WkOJzFyPDyxFybONLyckbdrAb0ulW?key=sMOQPVu20PJG3SM2-LP4vg" alt=""><figcaption></figcaption></figure>

Ce widget permet de gérer des posts Instagram directement sur un site WordPress.

Pour accéder au widget, allez sur la barre latérale gauche, repérez et cliquez sur l’onglet “Instagram Feed”.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfFzbHo5CLeSA618cdabG9EyQDdoelXtYZDytDwIZzOEoCrgKt5u73X3fY1cW5IMUZDKFU7Z2bigT6LOs0S_cGze5oLR2KT-Jpl4IFvW4_nbIOZw-2Pl-dfaGBezbBx16_OB2AfLBI9esADWElXtmJYSgqo?key=sMOQPVu20PJG3SM2-LP4vg" alt=""><figcaption></figcaption></figure>

Vous arrivez sur la page de gestion des différents comptes liés au widget, cliquez sur le compte Instagram de l’Espace Jeunesse Levallois.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdl4IvMO3Hs-AWM8v9FOkOFBMjx1qIgcHXtbWiFb6RrMZh9Le5TXvb0quEEeWTA0dSacpG__e938XQjeKGaGDQAmGLSoICu_P-I2ctxdUPby35qxuhLvkMsuzdx7EhAEArnEjTDYScvuH2BJ6ODKdNk5nzj?key=sMOQPVu20PJG3SM2-LP4vg" alt=""><figcaption></figcaption></figure>

Pour modifier la disposition des différents posts, allez dans l’onglet “Feed layout”.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfj55urs6VXJE7zovF7i9cqjHwsad4aFY5SgKMT7GkARJKIWBVroFU4i6102Dm4QF0gQjA33Vt20q2tLinvwteEKL5jo8JsePw2BYtIOjQ05sgfK62VLY4sZLDrTptQKV10qx6az1i-UVO47gvN9W7maIg?key=sMOQPVu20PJG3SM2-LP4vg" alt=""><figcaption></figcaption></figure>

Vous aurez le choix entre plusieurs affichages, ainsi que le nombre de posts à afficher sur la page en fonction de l’appareil utilisé.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXccNHMxD5YHaktnalWxaLX-2J0nLNyTInn5xzRLvnhZMmU_HDYyUojEyQnGkAVWhljPOBA29WGsDC5cuF5c8lUZBZ7grphritoLcYboQVwU-4sGWh15EJqL8EniAXX-mtE5BZJmoGRz_UI1UGmyekBxHp63?key=sMOQPVu20PJG3SM2-LP4vg" alt="" width="375"><figcaption></figcaption></figure>

Une fois que vous avez effectué toutes les modifications nécessaires, enregistrez en cliquant sur le bouton “Save”.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXd7VAChth9fJ44qImpGQWwkYZpcEQcIHlnmZhU4WC33wboReyih0UuVrBlbX4pHaP_J5KaUJcBZ0PG4wTQFW7f42w2Vq6W1hgoF-g9XfWdC2WMyFOOM3PPwiraim8uDfnHZCDVLArkp8Qoqs5sckT0qX6_j?key=sMOQPVu20PJG3SM2-LP4vg" alt=""><figcaption></figcaption></figure>

### Posts Facebook

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXegbpmKCSL1nOA4HlXYUUoUZsmIn2rmMrBDAj29fF3sBoS9FXxJDgYKYX8KWAgR9vypG41uXuN1UNag6mIBzv330Z1ehp7Ln0dl7zjXc29gJ3KqAlg1UAg6TMth4n5PxgVb9fZAeaeNMdCK5gf-YFsMUZ9a?key=sMOQPVu20PJG3SM2-LP4vg" alt=""><figcaption></figcaption></figure>

Ce widget permet de gérer des posts Facebook directement sur un site WordPress.

Pour accéder au widget, allez sur la barre latérale gauche, repérez et cliquez sur l’onglet “Facebook Feed”.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXc0wHyJetPrPl_aQ53BgYBMld1ULxLzmAbPU6z-pvcDJ_pl1_iwIxqpy8UvRNoq0S3VYCkvlt5QcGEXoYhFhxbAYSqnSoaDVQdvHi-sMb89NC7EuQCrB2OLXCjT1e6KipS0SJggfTC8kUdsGAFByS226i4?key=sMOQPVu20PJG3SM2-LP4vg" alt=""><figcaption></figcaption></figure>

Vous arrivez sur la page de gestion des différents comptes liés au widget, cliquez sur le compte Instagram de l’Espace Jeunesse Levallois.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeeJMn2Z1x9dfx6izQhIec0TMUC2Opl2nh9Bbrq_P5l4xcotGh1BjTXzH2kL_T5mcnZltr2yxil5mMzaCq5cF6CA3owiksI66v9Nb--HykrFcmmdpGgJAJzIwCKEAUkiK_4NvE7xWBnQhDfqjHmET2H7plo?key=sMOQPVu20PJG3SM2-LP4vg" alt=""><figcaption></figcaption></figure>

Pour modifier le type d’affichage des posts, allez dans l’onglet “Feed type”.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdnwYqgwOvUD7-E2eQXr4SxcbfrpqSRswu76Q48U6c52R-8p3tMNwOUGHG_H0zDYddioax67xkIYcenY2lynDZAA8zteYmEo410bIRlUSKhZ-zW78SgClJvL3e5PIzz_u5Qww5-dI4nGnUHQ5609ABRofwK?key=sMOQPVu20PJG3SM2-LP4vg" alt=""><figcaption></figcaption></figure>

Cliquez sur “Changer” pour modifier le type d’affichage des publications.

Dès lors que vous avez sélectionné le type d’affichage qui vous convient, cliquez sur “Mettre à jour”.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdFP2bFUcq5XVhau62XL2fd9hDBYATdp84SzRPcVPF46he7tdgt-V2cCaurMMwJlmyezPXJhvif55PuixpAeX2ZWBvFZxea-oOuqAopnElLqoO8Whczs1Jb_z8xZPD1TJtKp-1rIdKotobFoMV6BnzfePTA?key=sMOQPVu20PJG3SM2-LP4vg" alt=""><figcaption></figcaption></figure>

Pour modifier la disposition des différents posts, allez dans l’onglet “Mise en page du flux”.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdnwYqgwOvUD7-E2eQXr4SxcbfrpqSRswu76Q48U6c52R-8p3tMNwOUGHG_H0zDYddioax67xkIYcenY2lynDZAA8zteYmEo410bIRlUSKhZ-zW78SgClJvL3e5PIzz_u5Qww5-dI4nGnUHQ5609ABRofwK?key=sMOQPVu20PJG3SM2-LP4vg" alt=""><figcaption></figcaption></figure>

Vous aurez le choix entre plusieurs affichages, ainsi que le nombre de posts à afficher sur la page en fonction de l’appareil utilisé.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeLF9K4e0hT5E5JNbpX2hWGBQ_-sJUUT5U_DTTNU94Lhy2xh5VfHZYEF0EwhOnQSrwm-Kvcrz4ro2P0klQgG-CF_A1AdzrcPPqxcsSEwzaGKbFyZNQR4Et1TwncuQBY2RcFYdna41J-IGEP6YqBIPlqWEts?key=sMOQPVu20PJG3SM2-LP4vg" alt="" width="375"><figcaption></figcaption></figure>

Une fois que vous avez effectué toutes les modifications nécessaires, enregistrez en cliquant sur le bouton “Enregistrer”.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcz1KUjUpSWnSGCVAXQrwWkWf-3R56zhwj-_BjS_wWy3hjT4-yDvwc9MOhlDG3xC-pFAP2ierY-JcBHPVfmwRz8qWR9wf_JWThQB8Yh_j4L_FUT6ofBc147OaZjDyh8_QQ6qmHs4rAKLvTbo1oIxibwpXg9?key=sMOQPVu20PJG3SM2-LP4vg" 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_4nXeMRaccyqhIX4xDgr4Dxjx6E7lY34tnvPpAJxomBSP0buW5ynuMkF6_rFnGdsfuVjHsFnOPZKBGPad2DnQrDF6lqQx74cmpoY8CiYotqzNbGq_XQXbcW7rRPFABzUFqvb09FCqnsMZYiNUJbJF2AN8FiM6Y?key=sMOQPVu20PJG3SM2-LP4vg" alt=""><figcaption></figcaption></figure>

<br>
