# Formation PSC1

É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".<br>

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdbZdTmlpDIe38FLdS_uAsOflOXAMaKWsCdZYFyPRx5C6PsYaArsrzHk5FIl58ROdiVozFeNO_mld9_6AYdrYbvUUT4ms0ylF2gc2m3l3QLRlvVCmRwELQ5RfK-XTRHBls548BHOSSv3p5V2Whwh6WPJPZr?key=p4uBSv0Q5Iej4aTZ7filbw" alt=""><figcaption></figcaption></figure>

Sous Elementor, vous aurez la possibilité de modifier :

Le bloc de prévention de la formation PSC1 :

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

* Sélectionnez le container de gauche, puis accédez à l’onglet “Style” puis dans 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.

{% hint style="info" %}
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.
{% endhint %}

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdIM6klEopsLFzD9L8Bcru_Cj2zH0d32jIFAzM-l1t4azXDG7u7DsWoWjdbwp9I05ZbOcf5mmoAc6_G8O7m6wVHsH4uxDd-1Nwkg64_ahzvGYhvmINij3wASb1E1cPt5TBZlPwvLZ8MduFy3SAYhA7I5fCS?key=p4uBSv0Q5Iej4aTZ7filbw" 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_4nXcmezK89JWJVuGo3fi1OyNZv0RNzahC4afkk6lqkmj8Oz60Sakr8hQkY9FdtJluR5rZ8jU8n0ih_w-7nS4_fHZsQ_XpIQJxHth5YmWbWbvI2ehsXEOlV-klVhnbfUkxQWb9iAqo4Cdx-4ktlmP67KAxY4fS?key=p4uBSv0Q5Iej4aTZ7filbw" alt=""><figcaption></figcaption></figure>

### L’agenda :

Dans cette partie, vous pourrez modifier le calendrier pour y ajouter différents évènements qui se dérouleront dans le futur.

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

Pour en ajouter, sélectionnez le calendrier :

* Accédez à l’élément “items”.
* Cliquez sur “Ajouter un élément” ou dupliquer un élément déjà existant
* Modifier les éléments suivants :
  * Event title → titre de l’événement
  * Event start → date de début de l’évènement
  * Event end → date de fin de l’évènement
  * Event link → lien ramenant vers l’évènement en question

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXcFLti-lihbEZaxGdIfbTZGt8kxNtzHWBtqsWfjAOhseSqXdcA02_xRltWf3amSyI0UM1wmjLrdxk4LhepTfw-atSXjgO_Zbhs0OW0DAMyTuMghamUFDCpYIiH3fT416pXSQ6gR-cGN3nH13DEFSOWGGfk?key=p4uBSv0Q5Iej4aTZ7filbw)![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXfYyWsKomv0jxwusGKPP92S-XEiAE8Rz0__zae4mVIbiHnBlcL7fYBX3q9V5EZTR4ZUwO1dd4O2fbn_Jn7PSRHm_qWjl4LxTyd7gVwiwWKnReU8S6tCWbuM8D2kU8-D3zr2JVc2JC6UwHUJuwu4TSdaYSlZ?key=p4uBSv0Q5Iej4aTZ7filbw)

### Un formulaire d’inscription :

Veuillez-vous référer au tutoriel dédié ci-dessous.

{% content-ref url="formulaires-elementor" %}
[formulaires-elementor](https://www.tutolevallois.groupecmp.com/tuto-de-prise-en-main/page-sommaire-et-sous-sommaire/informations-jeunesse/formulaires-elementor)
{% endcontent-ref %}

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdpsNmdcC-gq2i-nLqu74oGs0GIxHzjs1-cLBTdyiq8GGOywL5_8JkqJYilthnXHa9coSWDRZr_36zt8pN4ThoDgvzbJHWF77X3FAm7oTNKFRNEdms0i6K8LGhY00MjLkcH9mNA4Gp0SCI0FtvvrGgZvE4?key=p4uBSv0Q5Iej4aTZ7filbw" alt=""><figcaption></figcaption></figure>
