Modifier et ajouter du texte et des images

Ajouter / modifier vos textes et vos images

Vous trouverez ci-dessous les étapes nécessaires pour ajouter/modifier vos textes et vos images.
Chaque étape est clairement détaillée et illustrée pour vous permettre d'être totalement autonome.

Vous voulez en faire encore plus ? Nos accompagnements IZII-DUO GOLD et IZII-DUO PLATINUM vous permettent d'aller encore plus loin dans la personnalisation de votre site !

Principes de base

Une page web est organisée en rangées, colonnes et éléments :
– Une rangée contient une ou plusieurs colonnes
– On place dans chaque colonne des éléments : textes, images, vidéos…

Rangée à 1 colonne

Colonne

Rangée à 2 colonnes

Colonne

Colonne

Rangée à 5 colonnes, etc

Colonne

Colonne

Colonne

Colonne

Colonne

Exemple : rangée à 3 colonnes avec des éléments dedans :
une image  |  un texte et un bouton   une icône

Ceci est un texte d'exemple. Hoc inmaturo interitu ipse quoque sui pertaesus excessit e vita aetatis nono anno atque vicensimo cum quadriennio imperasset. natus.

1. Connectez-vous à l'administration

Pour gérer votre site, connectez-vous à l'adresse communiquée par izii le jour de sa mise en ligne.

Entrez votre identifiant et votre mot de passe.

Vous arrivez sur le Tableau de bord de votre site.

2. Allez sur la page à modifier

1) Tout d’abord allez sur votre site : en haut à gauche survolez le nom de votre site et cliquez sur « Aller sur le site »
izii : agence web, création de sites internet, boutique en ligne, accompagnement web à Orange dans le Vaucluse, Avignon, Nîmes, Bagnols sur Cèze, Bollène, Montélimar

2) Vous arrivez sur votre site : lorsque vous êtes connecté·e en tant qu’administrateur, vous disposez d’une barre d’administration de couleur noire en haut de l’écran.
izii : agence web, création de sites internet, boutique en ligne, accompagnement web à Orange dans le Vaucluse, Avignon, Nîmes, Bagnols sur Cèze, Bollène, Montélimar

3) Dans cette barre, cliquez sur « Edit with WPBakery Builder » et patientez : l’éditeur de page va s’ouvrir.
izii : agence web, création de sites internet, boutique en ligne, accompagnement web à Orange dans le Vaucluse, Avignon, Nîmes, Bagnols sur Cèze, Bollène, Montélimar

4) C'est là que notre explication ci-dessus sur "Les principes de base" prend tout son sens : lorsque vous survolez les éléments qui constituent votre page, vous voyez qu'ils sont organisés en RangéesColonnes et Eléments.

3. Ajoutez du texte

1) Cliquez sur l’icône « plus » en bas de la colonne dans laquelle vous souhaitez insérer votre image.
izii : agence web, création de sites internet, boutique en ligne, accompagnement web à Orange dans le Vaucluse, Avignon, Nîmes, Bagnols sur Cèze, Bollène, Montélimar

2) Cherchez l’élément « Bloc de texte » dans la liste et cliquez dessus. Il sera alors ajouté en bas de la colonne.
izii : agence web, création de sites internet, boutique en ligne, accompagnement web à Orange dans le Vaucluse, Avignon, Nîmes, Bagnols sur Cèze, Bollène, Montélimar
3) Pour la suite, consultez la partie « Modifiez vos textes » ci-dessous – passez directement à l’étape 2.

4. Modifiez vos textes

1) Survolez le texte à modifier : une barre de menu verte s’affiche : cliquez sur le Crayon pour modifier cet élément Texte.
izii : agence web, création de sites internet, boutique en ligne, accompagnement web à Orange dans le Vaucluse, Avignon, Nîmes, Bagnols sur Cèze, Bollène, Montélimar

2) La fenêtre d’édition du Bloc de texte s’ouvre.

3) Ici vous pouvez modifier votre texte et le mettre en forme grâce à la barre d’outils.
izii : agence web, création de sites internet, boutique en ligne, accompagnement web à Orange dans le Vaucluse, Avignon, Nîmes, Bagnols sur Cèze, Bollène, Montélimar

4) Pour davantage d’options, vous pouvez cliquer sur les onglets « Typographie » et « Options de style ». 
izii : agence web, création de sites internet, boutique en ligne, accompagnement web à Orange dans le Vaucluse, Avignon, Nîmes, Bagnols sur Cèze, Bollène, Montélimar

5) Une fois vos modifications effectuées, appliquez-les en cliquant sur le bouton « Sauvegarder les modifications » en bas de l’éditeur.
izii : agence web, création de sites internet, boutique en ligne, accompagnement web à Orange dans le Vaucluse, Avignon, Nîmes, Bagnols sur Cèze, Bollène, Montélimar

NOTE : ceci applique uniquement les modifications faites à votre texte, et ne met pas à jour la page de votre site. Pour que le résultat soit visible sur votre site, il faut mettre à jour la page : voir l’étape suivante.

6) Vous êtes satisfait·e de vos modifications et souhaitez les mettre en ligne ?
Cliquez en haut à droite sur « Mettre à jour » : toutes les modifications effectuées sur votre page seront appliquées, et la page sera mise à jour sur votre site.
izii : agence web, création de sites internet, boutique en ligne, accompagnement web à Orange dans le Vaucluse, Avignon, Nîmes, Bagnols sur Cèze, Bollène, Montélimar

7) Si vous ne souhaitez PAS enregistrer vos modifications et sortir de l’éditeur de page, cliquez sur la croix à côté de ce bouton.
izii : agence web, création de sites internet, boutique en ligne, accompagnement web à Orange dans le Vaucluse, Avignon, Nîmes, Bagnols sur Cèze, Bollène, Montélimar

5. Ajoutez des images

Le principe est fondamentalement le même que pour l'ajout de textes expliquée ci-dessus. Nous vous conseillons fortement de lire d'abord le paragraphe sur la modification des textes ci-dessus (si ce n'est déjà fait) : les explications ci-dessous seront alors limpides !

Les internautes quittent les pages qui mettent trop de temps à charger : des images trop "lourdes" ralentiront votre site et vous feront perdre de l'audience. 

Assurez-vous toujours de :

- redimensionner vos images à la taille nécessaire : inutile de charger une image de 1920 pixels de large si elle ne s'affiche que sur 600 pixels de large > redimensionnez-la à 600 pixels dès le départ, puis mettez-la sur votre site.

- utilisez un format d'image compressé comme le JPEG / JPG.
Pour des photos le format PNG est à proscrire absolument !

1) Cliquez sur l’icône « plus » en bas de la colonne dans laquelle vous souhaitez insérer votre image.
izii : agence web, création de sites internet, boutique en ligne, accompagnement web à Orange dans le Vaucluse, Avignon, Nîmes, Bagnols sur Cèze, Bollène, Montélimar

2) Cherchez l’élément « Image seule » dans la liste et cliquez dessus. Il sera alors ajouté en bas de la colonne.
izii : agence web, création de sites internet, boutique en ligne, accompagnement web à Orange dans le Vaucluse, Avignon, Nîmes, Bagnols sur Cèze, Bollène, Montélimar

3) Pour la suite, consultez la partie « Modifiez vos images » ci-dessous – passez directement à l’étape 3.

6. Modifiez vos images

1) Survolez l’image à modifier : une barre de menu verte s’affiche : cliquez sur le Crayon pour modifier cet élément Image.
izii : agence web, création de sites internet, boutique en ligne, accompagnement web à Orange dans le Vaucluse, Avignon, Nîmes, Bagnols sur Cèze, Bollène, Montélimar

2) La fenêtre d’édition de l’image s’ouvre.
Cliquez sur le « plus » à côté de la miniature de l’image actuelle.

3) Les images déjà présentes sur votre site s’affichent. Cliquez sur l’onglet « Téléverser des fichiers » en haut à gauche.
izii : agence web, création de sites internet, boutique en ligne, accompagnement web à Orange dans le Vaucluse, Avignon, Nîmes, Bagnols sur Cèze, Bollène, Montélimar

4) Vous pouvez soit déposer vos images en les faisant glisser ici, soit cliquer sur le bouton « Sélectionner des fichiers ».
izii : agence web, création de sites internet, boutique en ligne, accompagnement web à Orange dans le Vaucluse, Avignon, Nîmes, Bagnols sur Cèze, Bollène, Montélimar

5) Une fois votre image chargée, cliquez en bas à droite sur « Définir l’image »
izii : agence web, création de sites internet, boutique en ligne, accompagnement web à Orange dans le Vaucluse, Avignon, Nîmes, Bagnols sur Cèze, Bollène, Montélimar

6) Patientez jusqu’à ce que la miniature soit remplacée par la nouvelle image dans l’éditeur.

7) Comme vu ci-dessus pour les textes, sauvegardez vos modifications.
izii : agence web, création de sites internet, boutique en ligne, accompagnement web à Orange dans le Vaucluse, Avignon, Nîmes, Bagnols sur Cèze, Bollène, Montélimar

8) Et n’oubliez pas de Mettre à jour votre page !
izii : agence web, création de sites internet, boutique en ligne, accompagnement web à Orange dans le Vaucluse, Avignon, Nîmes, Bagnols sur Cèze, Bollène, Montélimar

Laisser un commentaire

À propos

izii vous accompagne dans la réalisation de votre site internet, depuis l'élaboration jusqu'à sa mise en ligne et vous propose un accompagnement personnalisé afin que vous soyez totalement autonome sur sa gestion.

Suivez-nous :

Contact
Adresse :
218 avenue de l'Arc de Triomphe
84100 ORANGE

e-mail : info@izii.fr

Copyright izii © 2020 - Tous droits réservés.