É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

Voir/cacher les barres d'outils

Permet d'afficher ou masquer les barres d'outils

bold

Gras

Permet de mettre le texte sélectionné en gras

italique

Italique

Permet de mettre le texte sélectionné en italique

underline

Souligner

Permet de souligner le texte sélectionné

surligner

Surligner

Permet de surligner le texte sélectionné

aligner-gauche

Alignement gauche

Aligner le texte à gauche

centrer

Alignement centre

Aligner le texte au centre

aligner-droite

Alignement droite

Aligner le texte à droite

justifier

Alignement justifié

Aligne le texte en fonction de l’espace disponible

paragraphe

Paragraphe

Permet de sélectionner un style de typo prédéfini

 formats

Formats

Permet de choisir des options avancées de format

 taille

Taille police

Permet de modifier la taille de la police d’écriture

insérer-image

Insérer/éditer une image

Permet d’insérer une image et de définir quelques paramètres d’apparence

lorem-ipsum

Lorem Ipsum

Permet d’insérer du faux texte de remplissage afin de faciliter la mise en page

youtube

Youtube

Permet d’insérer des vidéos Youtube. Vois options avancées

lien-cms

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-news

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

Lien produit

Permet de rechercher un produit déjà créé pour le lier avec le texte sélectionné. Voir options avancées

liste-a-puces

Liste à puces

Permet de présenter votre texte sous forme d’énumération en utilisant des puces

liste-numerotee

Liste numérotée

Permet de présenter votre texte sous forme d’énumération en utilisant des numéros

indentation

Indentation

Permet de faire un retrait de texte

suppression-indentation

Suppression indentation

Permet de retirer un retrait de texte

citation

Citation

Permet de mettre/retirer le texte sélectionné en citation

annuler

Annuler

Permet de retourner à l’action précédente

retablir

Rétablir

Permet de rétablir les actions effectuées

couleur-texte

Couleur du texte

Permet de changer la couleur du texte sélectionné

caracteres-speciaux

Caractères spéciaux

Permet d’insérer des caractères spéciaux dans votre texte

lien

Insérer/éditer un lien

Permet d’insérer ou d’éditer un lien sur un texte sélectionné. Voir options avancées

supprimer-lien

Supprimer un lien

Permet de supprimé un lien lié au texte

ancre

Insérer/éditer une ancre

Permet d’insérer un lien qui pointera vers un autre endroit de la page

tableau

Insérer un tableau

Permet de créer un tableau de deux manières différentes. Voir options avancées

propriete-ligne

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

propriete-cellule

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

inserer-ligne-avant

Insérer ligne avant

Permet d’insérer une ligne au dessus de la ligne sélectionnée

inserer-ligne-apres

Insérer ligne après

Permet d’insérer une ligne en dessous de la ligne sélectionnée

effacer-ligne

Effacer ligne

Permet d’effacer la ligne sélectionnée

inserer-colonne-avant

Insérer colonne avant

Permet d’insérer une colonne à gauche de la colonne sélectionnée

inserer-colonne-apres

Insérer colonne après

Permet d’insérer une colonne à droite de la colonne sélectionnée

effecer-colonne

Effacer colonne

Permet d’effacer la colonne sélectionnée

scinder-colonnes-fusionnees

Scinder les cellules fusionnées

Permet d’annuler la fusion de cellules

fusionner-colonne

Fusionner les cellules

Permet de fusionner les cellules sélectionnées

couleur-surlignage

Couleur de surlignage

Permet de choisir une couleur pour surligner le texte

trait-horizontal

Insérer un trait horizontal

Trace un trait horizontal de séparation en dessous du pointeur

supprimer-format

Supprimer le formatage

Supprime la mise en forme et les liens du texte sélectionné

html

Éditer le code source HTML

Affiche la page sous forme de code HTML

previsualiser

Prévisualiser

Affiche la page, telle qu’elle devrait se présenter, sous forme de pop-up

plein-ecran

Plein écran

Affiche l’éditeur de contenu sur l’entièreté du navigateur

syntaxhighlighter

Syntaxhighlighter 3

Permet une meilleure lisibilité pour l’insertion de code

media

Insérer/éditer un média incorporé

Insérer un fichier média de différents formats

date

Insérer une date

Insérer la date actuelle sous forme jour/mois/année

heure

Insérer l’heure

Insérer l’heure actuelle sous format européen

couper

Couper

Permet de couper les éléments sélectionnés

copier

Copier

Permet de copier les éléments sélectionnés

coller

Coller

Permet de coller les éléments sélectionnés

coller-text-brut

Coller texte brut

Permet de coller le texte sous son format brut

coller-texte-word

Coller texte Word

Permet de coller uniquement le texte sous forme Word