# 90 ans de l'hôtel de ville

*Étape 1 : Connexion au Tableau de Bord WordPress*

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

*Étape 2 : Accès aux pages*

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

*Étape 3 : Modifier une page*

1. Une fois la page repérée, survolez-la avec la souris, puis cliquez dessus.
2. Modifiez les informations nécessaires, telles que le titre, la description de la page, l'image mise en avant et l'attribut de page (fil d'Ariane).
3. Pour des modifications avancées, cliquez sur le bouton "Modifier avec Elementor".

<figure><img src="https://782884193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhg3BP9EsIEd3bsQZai7C%2Fuploads%2FT2fQnSd9NcUeh2m97e3P%2Fimage.png?alt=media&#x26;token=3b42d2c0-a1aa-42ea-be02-8ce71bf90696" alt=""><figcaption></figcaption></figure>

4. Sous Elementor, vous aurez la possibilité de modifier :&#x20;

### Les textes

Pour modifier le texte de cette page, il suffit de cliquez sur le texte correspondant et de changer le texte à l'aide d'un éditeur de texte.

<figure><img src="https://782884193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhg3BP9EsIEd3bsQZai7C%2Fuploads%2FXWNMJMCbNDyVqHZbX0j3%2Fimage.png?alt=media&#x26;token=63bf4dca-1631-4252-89a9-90a617eb48bb" alt=""><figcaption></figcaption></figure>

### **L'image dans un conteneur**

Pour modifier une image dans un conteneur, sélectionner le conteneur :&#x20;

1. Accéder dans l'onglet Style puis dans l'élément "**Arrière plan**"
2. Cliquez sur l'image dans la barre latérale gauche, puis sélectionnez l'image souhaitée à partir de la médiathèque.

<figure><img src="https://782884193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhg3BP9EsIEd3bsQZai7C%2Fuploads%2Fn4yVjtZG2ARQ9P7I1po9%2Fimage.png?alt=media&#x26;token=0fea48b4-1177-4503-9bb7-cf26bd19001d" alt=""><figcaption></figcaption></figure>

### **L'image**&#x20;

Pour modifier une image, cliquez sur l'image dans la barre latérale gauche, puis sélectionnez l'image souhaitée à partir de la médiathèque.

<figure><img src="https://782884193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhg3BP9EsIEd3bsQZai7C%2Fuploads%2FFxdiH8AYK0bG5Hy8fNOu%2Fimage.png?alt=media&#x26;token=2979810f-c456-4ca2-b12e-74f4857f88b0" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
Les images doivent préalablement être converties au format **WEBP** puis téléversées dans la médiathèque classée dans le bon dossier.
{% endhint %}
