Overblog
Editer l'article Suivre ce blog Administration + Créer mon blog
4 mai 2010 2 04 /05 /mai /2010 18:57
Tutoriel pour une bonne utilisation de l'éditeur d'article:

On se place en édition avancée (voir l'image de l'éditeur).
editeur

image de l'éditeur

Commencez par écrire tout le texte qui doit figurer dans l'article y compris les titres, sous-titres, listes...
N'utilisez que les retours à la ligne pour une mise en forme grossière de votre texte sans aucuTests-images-0091.jpgn changement de Police, Taille, style, Format ou  Alignement (barrés en rouge sur l'image ci-dessus).

Titres


Ensuite quand tout est tapé, on place le curseur sur la ligne des différents titres et on sélectionne Format Titre1, Titre2 ou Titre3: toute la ligne prend ce format.

On va insérer des images dans l'article: placer le curseur à l'endroit souhaité, puis choisir l'image et sa mise en page, sa taille et si il faut un lien vers l'image originale

Listes à puces ou numérotée

 

  1. Sélectionnez l'icône Liste à puces ou Liste numérotée
  2. Ensuite, tapez les différents élément, séparés par un retour à la ligne
  3. Point un
  4. Point deux
  5. Point trois
  6. Point quatre
  7. fin de la liste à puces: passez à la ligne et
  8. désélectionnez l'icône liste à puces.

vous revoici en format paragraphe

Tests-images 0091

Couleurs

Coloriez le moins possible, et ne le faites qu'après avoir écrit la totalité du texte.

Si vous devez changer sans cesse les couleurs de vos pages et de vos articles, il est très probable que vous ayez choisi un thème qui ne correspond pas à vos goûts.

Si vous avez commis des erreurs...

Pour  tout remettre en état sélectionnez tout le texte et  cliquez sur la gomme entourée en vert sur l'image de l'éditeur. (supprimer le formattage)

Contrôle

En placant le curseur sur la première ligne et en descendant avec la flèche bas du clavier, on ne lit plus que des
p; h1, h2 ou ol>> li si vous voyez apparaître <span>, il vaut mieux nettoyer.

Nettoyage

Cliquez sur HTML dans le menu d'édition avancée et vérifiez qu'il n'y a plus que les balises
<p>,<h1>,<h2>,<h3>,<ol> ou <ul> et <li> ainsi que leur fermeture </p> etc... mais pas de <span>
si vous voyez un code du genre <p style="text-align: left;"> effacez l'inutile pour ne plus avoir que <p>

Partager cet article
Repost0

commentaires