Modifier le contenu de son site Evolusite
Vous avez la main sur l'intégralité des contenus de votre site Evolusite. Il est possible de changer les textes, la mise en forme (gras, italique, couleurs...) ainsi que les images.
Dans cet article :
- Changer de page
- Télécharger une image sur le site
- Tester sur tablette et mobile
- Enregistrer ses modifications
- Différencier les images classiques des images en arrière plan
- Images classiques
- Images en arrière plan
Comment accéder à l'éditeur des pages du site internet ?
Pour accéder à l'éditeur qui vous permettra de modifier le contenu de vos pages. Dans le menu de gauche de votre espace d'administration, cliquez sur Contenu du site
> Pages
puis cliquez sur le bouton Éditer le contenu de mon site
.
Présentation de l'éditeur
Evolusite possède un éditeur WYSIWYG (pour What You See Is What You Get). Autrement dit, c'est un éditeur de glisser déposer sur lequel il est simple d'effectuer des modifications.
- Menu principal, il permet d'accéder à :
1 - la liste des pages
2 - la navigateur d'éléments
3 - la liste des images disponibles sur le site
- Le navigateur d'éléments. Il liste tous les blocs du site et permet d'être précis dans la sélection
- Le menu responsive. Il permet de prévisualiser le site en mode tablette et smartphone
- Enregistrer/Annuler
- Le menu de style. Il permet de changer l'alignement, la couleur...
Changer de page
Depuis le menu vertical de gauche, cliquez sur la première icône pour ouvrir le menu des pages. Un volet va s'ouvrir dans lequel vous pourrez sélectionner la page que vous souhaitez modifier.
Télécharger une image sur le site
Depuis le menu vertical de gauche, cliquez sur l'icône d'image. En haut à droite du volet qui s'ouvre, cliquez sur le bouton avec une flèche dans un nuage. Sélectionnez l'image que vous souhaitez télécharger. Attendez quelques instants et elle apparaîtra dans la liste.
Tester sur tablette et mobile
En haut, au milieu de l'éditeur, vous trouverez 4 icônes (ordinateur, tablette, téléphone horizontal, téléphone vertical). En cliquant dessus, vous pourrez prévisualiser votre site sur ces différents appareils.
Enregistrer ses modifications
Pour enregistrer vos modifications, vous trouverez tout en haut à droite une disquette. Si des modifications ne sont pas enregistrées elle sera blanche. Une fois que vous cliquez dessus, elle se grise. Vos modifications sont donc enregistrées.
Déployer ses modifications en ligne
Déployer son site internet signifie que nous le "reconstruisons" avec toutes les dernières modifications. Toute les modifications ne nécessitent pas un déploiement et sont visibles dès qu'elles sont enregistrées. Voici les éléments qui une fois modifiés nécessitent un nouveau déploiement.
Modifications qui ne nécessitent pas de déploiement | Modifications qui nécessitent un déploiement |
---|---|
Modifications des listes (galeries, actualités...) | Les pages (dans l'editeur) |
Les blogs | Les popups |
Les formulaires dynamiques | Les traductions |
Tous les éléments e-commerce (produits, remises, transporteurs...) | Toutes les configurations d'application (Plausible, recaptcha, Google Ads...) |
La connexion à Google My Business | Les redirections |
Les changements dans l'onglet "Paramètres > Informations" | Les changements de scripts externes |
Les changements de conditions | Les changements dans l'onglet "Paramètres > Design" et "Paramètres > Polices" |
Erreur à la publication pour les sites multi-langues
Si votre site est multi-langues, il se peut que la publication vous retourne un message d'erreur rouge comme sur la capture ci dessous :
Dans ce cas précis, vous devez donc auparavant lancer les traductions de votre site. Vous pouvez le faire depuis l'onglet CONTENU DU SITE
> TRADUCTIONS
. Puis cliquez sur le bouton LANCER LES TRADUCTIONS DU SITE
. Patientez un peu (vous pouvez rafraichir de temps en temps pour voir le nombre de traductions restantes) et dès que toutes les traductions sont terminées, vous pouvez revenir pour relancer la publication de votre site.
Modifier le contenu textuel
Modifier le texte
Pour modifier un paragraphe, double cliquez dessus et faites vos modifications de texte.
Mettre en gras/italique
Lorsque vous double cliquez sur un paragraphe, une petite barre s'affiche sur le dessus qui vous permettra de mettre du texte en gras, en italique, de le souligner, de le rayer, de créer un lien ou encore de le séparer du paragraphe pour lui appliquer un style différent (couleurs...).
Changer la couleur du texte
Pour changer la couleur d'un texte, il faudra dans un premier temps l'exclure du paragraphe existant. Pour l'exclure, après avoir sélectionné le texte que vous souhaitez modifier, vous pouvez cliquer sur le pinceau à droite de la barre au dessus du paragraphe.
Dans un second temps, assurez vous que vous ne sélectionnez bien que le texte que vous souhaitez modifier et non tout le paragraphe. Puis dans l'onglet Style
à droite de l'éditeur, vous pouvez sélectionner la couleur de votre choix.
Color
pour modifier la couleur, vous devriez voir apparaître un petit rond violet en haut à gauche du champ. Cliquez dessus pour lister toutes les couleurs déjà préconfigurées sur votre site.Modifier les images
Sur un site internet, il existe 2 manières d'afficher des images.
- La manière classique qui permet de télécharger les images du site d'un simple clic droit
- Les images d'arrière plan qui sont plus là pour de l'habillage et de la décoration
Différencier les images classiques des images en arrière plan
Pour différencier les deux types d'image, il existe un moyen simple. Double cliquez sur votre image. Si l'onglet des images à gauche s'ouvre, c'est que vous êtes sur une image classique. Si rien ne se passe et que vous voyez un point bleu dans l'onglet Style
à droite au niveau de la partie Background
, c'est que vous êtes sur une image en arrière plan.
Images classiques
Après avoir double cliqué sur votre image, vous n'avez plus qu'à sélectionner votre nouvelle image dans l'onglet d'image qui vient de s'ouvrir.
Images en arrière plan
Après avoir sélectionné l'élément contenant l'image en arrière plan, dans l'onglet de droite : Style
> Background
, dans le champ Image & gradient
, cliquez sur le champ contenant l'image en prévisualisation. Vous pouvez ensuite cliquer sur le bouton Choose image
. L'onglet d'image à droite va s'ouvrir et vous n'avez plus qu'à sélectionner votre nouvelle image.
Mis à jour le : 10/06/2025
Merci !