Overblog
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
26 avril 2010 1 26 /04 /avril /2010 15:23
Titre en H1 (Titre1)styles
Titre en H1 (Titre1)perso 1
Titre en H1 (Titre1)perso 2

titre en H2 (Titre2)styles

titre en H2 (Titre2)perso 1

titre en H2 (Titre2)perso 2

Titre en H3 (Titre3)
Titre en H3 (Titre3)perso 1
Titre en H3 (Titre3)perso 2
  • Ul de liste à puces
  • Liste a puces
  • un deux
  • troisième
  • quatrième
  1. OL de liste à puce
  2. Liste a puces
  3. un deux
  4. troisième
  5. quatrième
Texte et Images

soit une image origine de 450px dans l'article: 300px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et risus non dui sodales euismod et ac ante. Vestibulum bibendum lectus nisi, ut ornare sapien. Sed non augue risus. Curabitur luctus, elit lobortis semper lobortis, nisl felis placerat dui, sit amet tincidunt ipsum eros ultricies leo. Pellentesque placerat nulla in arcu convallis quis accumsan tortor malesuada. In id ligula vel mauris interdum gravida. Duis vel velit ligula. Vivamus eget justo ut eros accumsan iaculis ac at quam. Integer at massa velit, nec faucibus augue. Etiam iaculis, nisi at convallis posuere, ipsum elit ornare enim, vitae iaculis odio neque nec erat. Integer tristique dapibus erat, sit amet vestibulum metus aliquam at. Phasellus hendrerit egestas viverra.

Maecenas euismod mattis nisi, quis rhoncus nibh molestie eu. Maecenas nisi felis, eleifend in ultricies ac, dapibus eu tellus.
Texte alternatif
Vivamus eget est sed odio iaculis pharetra ut a velit. Sed dolor nunc, suscipit venenatis aliquam et, lobortis vel dui. Etiam a turpis nunc, ut varius dui. Nullam nulla nulla, consequat at porta tempor, placerat et purus. Nullam ac risus porta velit euismod pulvinar a in felis. Proin eget augue quis libero lobortis dignissim a vel metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Nunc vestibulum, augue ut sollicitudin tempor, lacus diam euismod massa, at fermentum dolor quam facilisis magna. Pellentesque rhoncus placerat massa a varius. Pellentesque mauris mi, sodales in varius in, blandit eget leo. Quisque ultrices euismod dui ut iaculis. Pellentesque eleifend, nulla ac vehicula varius, odio augue volutpat neque, et malesuada sem arcu vel mi. Nunc vehicula nisl et tellus sollicitudin facilisis. Cras lorem ante, dapibus sit amet convallis et, imperdiet vitae leo. Nulla pulvinar mi eget elit volutpat volutpat. Suspendisse ut velit dui, et vehicula neque. Etiam congue, lorem quis dignissim feugiat, purus sem semper leo, non molestie risus dolor vel nunc. Suspendisse eget ultrices metus. Aliquam at ante diam, nec sodales nisi. Cras et orci nisl. Donec dictum varius semper. Vestibulum quis molestie lectus.
Texte alternatifceci a été ajouté en html

Etiam id metus enim. Morbi non dignissim velit. Nulla eget enim nec urna volutpat rhoncus a sit amet justo. Quisque fermentum suscipit risus ut consequat. Sed facilisis imperdiet sodales. In hac habitasse platea dictumst. Aenean iaculis massa sed mi ultricies pretium.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Partager cet article
Repost0