Accueil > wordpress > Justifier avec l’éditeur par défaut de WordPress

Justifier avec l’éditeur par défaut de WordPress

Edit : la méthode expliqué ici n’est pas particulièrement recommandée, un plugin pour WordPress 2.0.2 permet de faire ceci plus proprement : WP MCE Libérateur .

Si l’éditeur par défaut de WordPress est simple à utiliser, il faut avour qu’il est minimaliste. C’est une qualité pour une blog, ce n’est pas un CMS. Mais il manque certaines choses à mon goût, en particulier la justification des paragraphes. J’aime quand c’est aligné à gauche et à droite, bien propre. Maniaque moi ?

J’ai bien entendu installé des éditeurs plus riches, mais là c’est trop. Trop de choses, pas toujours bien gérées. J’ai rencontré des soucis d’encodage de caractères, … bref retour à la case départ et à l’éditeur par défaut.

Alors j’ai cherché comment faire sans éditeur complémentaire : moteurs de recherches, bricolage du CSS, rien à faire. Et puis je me suis décidé à plonger dans le code de TinyMCE fournis en standard. Un coup de folie… et un coup de chance ! J’ai découvert qu’il y avait déjà un mécanisme de prévu pour justifier les paragraphes, l’icone associé, et surtout j’ai trouvé dans le fichier tiny_mce_gzip.php la liste des boutons à afficher. J’ajoute courageusement ce qu’il faut, upload, et test.

En pleine rédaction de ce post, j’ai aussi remarqué l’absence de la fonction de soulignement. Même problème, même solution.

Concrètement, avec une version française de WordPress 2.0.2 :

  1. Effectuer une sauvegarde avant tout bricolage ! (on ne le répète jamais assez)
  2. Localiser dans l’arboresence de WordPress (à partir de la sauvegarde) le fichier wp-includes/js/tinymce/tiny_mce_gzip.php
  3. Copier à part ce fichier, et l’ouvrir. (ne pas travailler sur la sauvegarde)
  4. Localiser la ligne commençant par $mce_buttons = apply_filters(’mce_buttons’, array(’bold’, ‘italic’, (avec pleins de trucs derrière). Chez moi c’est la ligne 127.
  5. Ajouter ‘underline’ , après les options de mise en gras et en italique (au début).
  6. Ajoute ‘justifyfull’ , après les autres options de centrage (vers le milieu de la ligne).
  7. Reste à sauvegarder, télécharger le fichier vers le site et enfin tester.

Pour être bien clair, la ligne ressemble à ceci une fois modifiée :

$mce_buttons = apply_filters(’mce_buttons’, array(’bold’, ‘italic’, ‘underline’, ’strikethrough’, ’separator’, ‘bullist’, ‘numlist’, ‘outdent’, ‘indent’, ’separator’, ‘justifyleft’, ‘justifycenter’, ‘justifyright’ ,’justifyfull’ ,’separator’, ‘link’, ‘unlink’, ‘image’, ‘wordpress’, ’separator’, ‘undo’, ‘redo’, ‘code’, ‘wphelp’));

Attention : à l’usage j’ai rencontré quelques soucis, en particulier en sélectionnant tout un post et en appliquant un alignement justifié. Il se produit l’insertion de balises DIV qui détériorent la mise en page générale dans mon thème. Ce problème se règle en nettoyant le code HTML avec le bouton adéquat. Pour éviter ce soucis il ne faut appliquer la justification qu’après avoir rédigé le paragraphe et après avoir appuyé sur la touche Entrée !

Au fait… tout ceci est à vos risques et périls ;)

Sam. wordpress

  1. Pas encore de commentaire
  1. Pas encore de trackbacks