# Naturoscope

*É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%2FOjy18W9Q2Xr4xvfdBPS0%2Fimage.png?alt=media&#x26;token=e31c2d23-06c1-4756-ba07-c3c4598386fc" 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%2FufmhhxUdVsXByqc8W6yt%2Fimage.png?alt=media&#x26;token=dc901c75-3579-4301-8ba1-5f0bc7107086" alt=""><figcaption></figcaption></figure>

### **Le "Titre classique"**

Dans ce widget, vous avez des champs dédiés pour renommer le titre, le sous-titre, la dénomination du bouton ainsi que le lien du bouton.

<figure><img src="https://782884193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhg3BP9EsIEd3bsQZai7C%2Fuploads%2FPRQo3caIOIr82i3S7R4C%2Fimage.png?alt=media&#x26;token=fe12ea36-a04b-4d32-b419-e02afe19fb54" alt=""><figcaption></figcaption></figure>

### **Les renseignements**&#x20;

Dans ce widget, accédez à l'onglet "Items". Une information correspond à un élément.\
Lorsque vous créez ou modifiez un élément, vous avez les champs suivants à remplir :&#x20;

1. Dans le champ "Text", saisissez le nom de l'icône selon les bases suivantes :&#x20;

* **call** : Pour l'icône du téléphone
* **mail** : Pour l'icône de l'enveloppe
* **schedule** : Pour l'icône d'une horloge
* **location\_on** : Pour l'icône de la position
* **map** : Pour l'icône d'une carte

2. Utilisez un éditeur de texte pour saisir les informations à afficher.

<figure><img src="https://782884193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhg3BP9EsIEd3bsQZai7C%2Fuploads%2F0Ntr84wtVv2U2E8xfXLQ%2Fimage.png?alt=media&#x26;token=76cea7a4-9430-4286-9d56-5817b8915a0e" 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%2FKocsF4zfFxRLq9BBN5I7%2Fimage.png?alt=media&#x26;token=63cd715e-c02f-4d89-b8cd-9e99c045432d" 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 %}

### Les cartes "Content Slider"

Dans ce widget, accédez à l'onglet Contenu puis dans "**Items**". Vous aurez plusieurs éléments créés précédemment. Dans l'élément, vous pouvez modifier :

* **L'image d'arrière-plan** : 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.
* **Le texte** : Pour modifier le texte, modifiez votre contenu dans le champ nommé "**Content**". \
  Pour faire un retour à la ligne, insérez **\<br>** à la suite de votre texte.

<figure><img src="https://782884193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhg3BP9EsIEd3bsQZai7C%2Fuploads%2FSjl5xJ2gfHzLMF1uWKpK%2Fimage.png?alt=media&#x26;token=66bfd901-4318-4207-ab0e-79ff0be443a6" alt=""><figcaption></figcaption></figure>

### Liseuse&#x20;

Pour modifier une liseuse, veuillez-vous référer au tutoriel dédié.

{% content-ref url="../../../medias/liseuse" %}
[liseuse](https://www.tutoputeaux.groupecmp.com/tuto-de-prise-en-main/medias/liseuse)
{% endcontent-ref %}

### Formulaire&#x20;

Pour modifier un formulaire, veuillez-vous référer au tutoriel dédié.

{% content-ref url="../../../mise-en-page-sur-elementor/widgets/formulaire" %}
[formulaire](https://www.tutoputeaux.groupecmp.com/tuto-de-prise-en-main/mise-en-page-sur-elementor/widgets/formulaire)
{% endcontent-ref %}
