Articles associés au tag ‘mise-en-page-des-articles’

Mise en page des commentaires dans WordPress

lettrine.jpg Quand on écrit des commentaires sur un blog sous WordPress on dispose de certaines possibilité de formatage pour enrichir la présentation de nos interventions.

Les balises (aussi appelées tags) HTML autorisées sont les suivantes : <a href= »" title= »"> <abbr title= »"> <acronym title= »"> <b> <blockquote cite= »"> <code> <em> <i> <strike> <strong>

Nous allons voir comment utiliser ces balises dans un exemple de commentaire.

(suite…)

Empêcher WordPress de saccager votre mise en page d’article

L’éditeur de texte TinyMCE utilisé par WordPress est très bien mais comme après avoir écrit un article WordPress applique certaines modifications impactant la mise en page, il y a pas mal de trucs que l’on n’arrive pas à faire comme insérer plusieurs lignes blanches successives par exemple.

C’est pour cela que quand Weblog tools collection a parlé de TrustWorthy XHTML je me suis précipité pour l’essayer et voir si certaines limites (ou caractéristiques) de TinyMCE ne pouvaient pas être ainsi dépassées.

Bon eh bien ce n’est pas très probant :

  • D’abord le plugin « add this » que j’utilise normalement ici cesse de fonctionner dès que j’active.
  • Le plugin a plein d’options mais ne testant toutes les combinaisons possibles, je n’ai pas réussi à forcer et à conserver une suite de saut de ligne ( code </br).

Je n’ai même pas réussi à insérer du code adsense dans un billet sans qu’il soit reformaté. C’est peut-être à ça que sert ce plugin mais alors je crois que je n’en aurais pas vraiment l’utilité (pour adsense, il y a l’excellent adsense-deluxe qui fait encore bien mieux)
En fait, on peut dire que je n’ai pas compris à quoi servait ce plugin ni à le faire fonctionner d’ailleurs). Si vous voyez des usages qui m’auraient échappés, n’hésitez pas à laisser un petit commentaire

(suite…)

Raccourcis clavier dans l’éditeur visuel de WordPress

Je viens de trouver sous la plume de Mark Gosh, citant TipMonkies une liste de raccourcis clavier utilisables dans TinyMCE, l’éditeur graphique deWordPres.

Les voicis (je laisse le texte original car parfois il aide à mémoriser le raccourci) :

Gras = Bold: Alt+SHIFT+b
Italique = Italics: Alt+SHIFT+i
Lien = Link: Alt+SHIFT+a
Bloc de citation = Blockquote: Alt+SHIFT+q
code = Code: Alt+SHIFT+c
Lire la suite = Read More: Alt+SHIFT+t

Liste non ordonnée = Unordered List (ul): Alt+SHIFT+u
Liste ordonnée = Ordered List (ol): Alt+SHIFT+o
Liste d’éléments = List Item (li): Alt+SHIFT+l

(suite…)

Utiliser les titres avec l’éditeur de WordPress – plus d’options dans tinyMCE

Lorsque l’on écrit un long billet il est intéressant de hiérarchiser les parties avec des titres. En html on démarre un « titre 3″ avec <h3> et on le ferme avec </h3>.

Il existe une solution avec l’éditeur visuel de WordPress 2, TinyMCE pour ne pas avoir à entrer ces codes.

Il suffit d’entrer la combinaison de touches maj+ alt + V (alt + V sous internet Explorer) pour faire apparaître une nouvelle barre d’outil en dessous de celle affichée par défaut.
Avant :
TinyMCE éditeur WordPress barre par défaut
Après :
Options évoluées de l'éditeur tinyMCE

(suite…)

Pouvoir enchainer des sauts de lignes

Par défaut WordPress supprime les sauts de ligne qui se suivent : impossible de sauter plusieurs lignes.
Ce problème est évoqué et solutionné dans cette discussion.

Il faut donc trouver le fichier : /wp-includes/js/tinymce/plugins/wordpress/editor_plugins.js

Rechercher la ligne contenant :

// Remove anonymous, empty paragraphs.

(Ligne N°242 dans mon fichier, n° 195 dans le post de AmO)

Et « commenter » la ligne qui suit

Ligne de départ :

content = content.replace(new RegExp('<p>(\\s| )*</p>', 'mg'), '');

Ligne « commentée » :

//content = content.replace(new RegExp('<p>(\\s| )*</p>', 'mg'), '');

Eh voilà, merci AmO