Éditeur de contenu
Il existe plusieurs éditeurs WYSIWYG ou de contenu. Par défaut , les sites web réalisés par Web Solution Way sont munis de l'outil TinyMCE, éditeur WYSIWYG (What You See Is What You Get).
Pour ce qui est des outils basiques de TinyMCE, ils sont identiques à un traitement de texte standard. Nénamoins, certaines améliorations ont été intégrées afin de faciliter par exemple la génération de liens internes ou de vidéos Youtube.
Optimisation du texte de contenu
Si vous avez déjà rédigé vos textes en word, préparez-les dans des dossiers et sous dossiers afin d'avoir plus facile pour les retrouver.
Pour importer les textes dans le CMS :
- Nettoyer les textes :
- Copiez-collez le texte dans note/pad
- Supprimez les espaces bizarres et "copiez-collez" le texte dans la page du CMS
- Hiérarchiser les textes :
- En tete1 (H1) est par défaut le titre de la page, de la catégorie, sous-catégorie, produit ou actualité.
- commencez votre texte par un "Chapeau" : texte introductif de 2-3 lignes incitatif à la lecture de la page
- Insérer des titres (H2) et sous-titres logiques (H3) par rapport au contenu
Plus d'info sur "Comment optimiser son site web"
Voir également:
Création de tableaux - Insertion d'images
Bien que des feuilles de style soient prédéfinies afin d'harmoniser les textes dans toutes les pages, notre solution propose de nombreux outils complémentaires de mise en page, voici un aperçu des boutons disponibles :
|
Voir/cacher les barres d'outils |
Permet d'afficher ou masquer les barres d'outils |
|
Gras |
Permet de mettre le texte sélectionné en gras |
|
Italique |
Permet de mettre le texte sélectionné en italique |
|
Souligner |
Permet de souligner le texte sélectionné |
|
Surligner |
Permet de surligner le texte sélectionné |
|
Alignement gauche |
Aligner le texte à gauche |
|
Alignement centre |
Aligner le texte au centre |
|
Alignement droite |
Aligner le texte à droite |
|
Alignement justifié |
Aligne le texte en fonction de l’espace disponible |
|
Paragraphe |
Permet de sélectionner un style de typo prédéfini |
|
Formats |
Permet de choisir des options avancées de format |
|
Taille police |
Permet de modifier la taille de la police d’écriture |
|
Insérer/éditer une image |
Permet d’insérer une image et de définir quelques paramètres d’apparence |
|
Lorem Ipsum |
Permet d’insérer du faux texte de remplissage afin de faciliter la mise en page |
|
Youtube |
Permet d’insérer des vidéos Youtube. Vois options avancées |
|
Lien CMS |
Permet de rechercher une page CMS déjà créée pour la lier avec le texte sélectionné. Voir options avancées |
|
Lien de News |
Permet de rechercher une news déjà créée pour la lier avec le texte sélectionné. Voir options avancées |
|
Lien produit |
Permet de rechercher un produit déjà créé pour le lier avec le texte sélectionné. Voir options avancées |
|
Liste à puces |
Permet de présenter votre texte sous forme d’énumération en utilisant des puces |
|
Liste numérotée |
Permet de présenter votre texte sous forme d’énumération en utilisant des numéros |
|
Indentation |
Permet de faire un retrait de texte |
|
Suppression indentation |
Permet de retirer un retrait de texte |
|
Citation |
Permet de mettre/retirer le texte sélectionné en citation |
|
Annuler |
Permet de retourner à l’action précédente |
|
Rétablir |
Permet de rétablir les actions effectuées |
|
Couleur du texte |
Permet de changer la couleur du texte sélectionné |
|
Caractères spéciaux |
Permet d’insérer des caractères spéciaux dans votre texte |
|
Insérer/éditer un lien |
Permet d’insérer ou d’éditer un lien sur un texte sélectionné. Voir options avancées |
|
Supprimer un lien |
Permet de supprimé un lien lié au texte |
|
Insérer/éditer une ancre |
Permet d’insérer un lien qui pointera vers un autre endroit de la page |
|
Insérer un tableau |
Permet de créer un tableau de deux manières différentes. Voir options avancées |
|
Propriété de la ligne |
Permet d’avoir accès aux propriétés de la ligne du tableau sélectionné. Voir options avancées |
|
Propriété de la cellule |
Permet d’avoir accès aux propriétés de la cellule du tableau sélectionné. Voir options avancées |
|
Insérer ligne avant |
Permet d’insérer une ligne au dessus de la ligne sélectionnée |
|
Insérer ligne après |
Permet d’insérer une ligne en dessous de la ligne sélectionnée |
|
Effacer ligne |
Permet d’effacer la ligne sélectionnée |
|
Insérer colonne avant |
Permet d’insérer une colonne à gauche de la colonne sélectionnée |
|
Insérer colonne après |
Permet d’insérer une colonne à droite de la colonne sélectionnée |
|
Effacer colonne |
Permet d’effacer la colonne sélectionnée |
|
Scinder les cellules fusionnées |
Permet d’annuler la fusion de cellules |
|
Fusionner les cellules |
Permet de fusionner les cellules sélectionnées |
|
Couleur de surlignage |
Permet de choisir une couleur pour surligner le texte |
|
Insérer un trait horizontal |
Trace un trait horizontal de séparation en dessous du pointeur |
|
Supprimer le formatage |
Supprime la mise en forme et les liens du texte sélectionné |
|
Éditer le code source HTML |
Affiche la page sous forme de code HTML |
|
Prévisualiser |
Affiche la page, telle qu’elle devrait se présenter, sous forme de pop-up |
|
Plein écran |
Affiche l’éditeur de contenu sur l’entièreté du navigateur |
|
Syntaxhighlighter 3 |
Permet une meilleure lisibilité pour l’insertion de code |
|
Insérer/éditer un média incorporé |
Insérer un fichier média de différents formats |
|
Insérer une date |
Insérer la date actuelle sous forme jour/mois/année |
|
Insérer l’heure |
Insérer l’heure actuelle sous format européen |
|
Couper |
Permet de couper les éléments sélectionnés |
|
Copier |
Permet de copier les éléments sélectionnés |
|
Coller |
Permet de coller les éléments sélectionnés |
|
Coller texte brut |
Permet de coller le texte sous son format brut |
|
Coller texte Word |
Permet de coller uniquement le texte sous forme Word |