Archive pour la catégorie ‘Astuces wordpress’

Forcer les sauts de ligne dans wordpress 2.8 : TinyMCE-Advanced

Mercredi 7 octobre 2009

Comme vous le savez (ou pas), j’ai bossé cet été  avec deux autres amies sur le site pour la philharmonie de Strasbourg. Au passage je vous mets le lien vers le site qui est presque finit.

Grande fainéante que je suis, j’ai décidé d’essayer d’utiliser wordpress comme cms pour ce site, joomla me faisant un peu peur. Je pense qu’au final nous ne nous en sommes pas trop mal sortis.
Hélas au grand hélas, wordpress n’est pas forcement un cms de base (pour blogs oui, certes, mais pour sites un peu moins). Il a fallut faire pas mal d’adaptations.

Au rang des « trucs qui m’ont pris le plus la tête » : le fait que wordpress bloque les sauts de ligne par défaut. On a beau sauter des lignes dans l’éditeur, wordpress a une espèce de correcteur de code qui dit «  non mais ton <br/>  tu l’oublies ». Si on ajoute des <br/> au code en mode html, il suffit qu’on ait le malheur de repasser en mode éditeur pour qu’ils disparaissent, et si on remet à jours un article il faut TOUS les remettre dans le code. Bref une VRAI galère ! Ce sujet, vieux de wp 2.2 au moins a fait pas mal polémique sur pleins de forums. Je comprends d’ailleurs toujours pas pourquoi dans les nouvelles versions nous laissent pas gérer nos sauts de ligne, mais passons.

J’ai donc passé aujourd’hui 4h à me prendre la tête, entre les différents forums de wordpress, les sites d’aide et les wikis pour ENFIN trouver une solution concluante. Le soucie c’est que la plupart des posts dataient  d’il y a plus de deux ans, pour des « vieilles » versions de wordpress et marchent pas forcement sur wp 2.7 et +

Les solutions barbares à ne PAS faire :

- surtout évitez le   « commenter les lignes du default-filters.php »:
add_filter(’the_content’, ‘wpautop’);
add_filter(’the_excerpt’, ‘wpautop’);

à moins que vous ayez envie de refaire la mise en page de TOUS vos articles,

- pareil pour le  : changer la ligne dans  wp-includes/formatting.php pour :  
$content = str_replace( »,  », $content);

, qui vous fichera aussi un sacré bazarre !

Et puis finalement un plugin a changé ma vie, tout simplement : TinyMCE-Advanced . Il s’agit d’une version améliorée de l’éditeur WYSIWYG de base dans WP.

Comme expliqué ici, il vous suffit de cocher la case :

”stop removing the <p> and <br/> tage when saving and show them in the HTML editor”


screenshot.6

et hop : vous pouvez sauter des lignes avec la touche « entrer » sans que WP ne puisse plus rien n’y faire : muuhhhaa

Le fonctionnement est très simple :

- touche « entrer » ==> <p> </p>

- touche « shift + entrer » ==> <br/>


Autre truc sympe : le plugin permet d’ajouter des boutons sur la barre du WYSIWYG comme un bouton « nextpage » qui vous évitera de devoir taper le < !–nextpage–> dans le code, ou encore un bouton pour créer des tableaux qui peut s’avérer très pratique!


ps : je viens de réinstaler tout le site (j’ai foiré la mise à jours passage wp 2.7 à wp 2.8.4), donc si vous constatez des soucies n’hésitez pas à me le dire en commentaire, thx ^^

Favicon powaaaa !

Vendredi 17 avril 2009

Et oui et oui, vous allez en souper du petit extraterreste pixélisé car ça y est, ce blog à ENFIN son favicon.

Le favicon, c’est quoi ? Le favicon c’est le petit « dessin » qui apparait dans la barre de navigation des navigateurs . Je met les images pour les 9,28 %  de visiteurs qui sont sous IE, desfois que vous avez toujours IE 6 vous n’allez pas pouvoir voir le petit favicon, et je vous encourage vivement à faire comme vos 77,26 % de copains qui visitent ce blog depuis Firefox ^^ (merci analytics) :

favi01

Et puis dans les onglets :

favi02

Ca sert à quoi ? à rien dans l’absolu si ce n’est faire joli, et faire différencier son site de tous les autres dans une barre de navigation :  Y OU PI :)

Comment qu’on fait ? Pas très difficile : je vous donne au passage le lien d’un favicon-generator plutot sympa . Une fois le petit favicon créé on le télécharge et puis on rajoute ça dans <head> de son petit code html :

<link rel= »shortcut icon » type= »image/x-icon » href= »cheminverslefichier/favicon.ico » />
<link rel= »icon » type= »image/png » href= »cheminverslefichier/favicon.png » />

Au passage, 3 petits extraterrestres se cachent dans le design du blog, saurez vous les trouver ? (genre c’est trop dur ^^ )

Et puis merci JP pour m’avoir fait le petit dessin sous paint, comme quoi photoshop c’est totalement hasbeen, revenons aux vrai valeurs, revenons sous paint les amis !

Plug-in Simple Tags et solution query_posts pour la navigation

Samedi 11 avril 2009

Comme le soulignait notre ami KoXxX ici , j’avais un petit soucie avec les liens « page précédente » de la page d’accueil.

Apparemment le soucie de pagination est courant et j’ai réussit à le résoudre. Je me suis dit que j’allais vous expliquer, desfois que ça vous arrive aussi.

En fait la page d’accueil de mon wp affiche les 3 derniers articles à l’aide de query_posts(« posts_per_page=3″); juste avant la boucle (loop) qui affiche les article dans index.php . Apparemment le query_posts est un outil très puissant, mais il fiche pas mal le bazar avec la navigation. Finalement après une petite heure de recherches acharnées sur différents forums, je suis tombée sur ce blog qui en plus d’expliquer toutes les possibilités de query_posts donne la solution à mon petit soucie à la fin.  La solution : remplacer query_posts(« posts_per_page=3″); par query_posts(« $query_string&posts_per_page=3″);

Testes réussit chez moi en tout cas, j’éspère que ça marche aussi chez vous.

Deuxième « nouveauté »  du moment, le petit nuage de tags. C’est le plug-in Simple Tags que j’utilise, si ça vous interesse je vous donne le site du créateur avec les explications en français et un blog qui explique également comment l’installer et s’en servir.

Sinon, je suis à la recherche d’un plug-in qui me permette de mettre dans la sidebar de gauche des « news » ou de « brèves nouvelles » mais d’une façon automatisée, sans que j’ai forcement besoin de les ajouter en code html et les enlever à chaque fois, si vous avez ça sous la main je prend

Allez, prochaines modifications de design et de layout à venir, mais celles là prendrons plus de temps ^^

Voilà, merci encore à ceux qui checkent les bugs de mon blog huhu et joyeuses pâques à tous et à toutes

Edit : à noter la collection de petits liens d’annuaire de blogs en bas …. bah oui faut bien se faire de la pub hein :(