Ta vie on s'en fout! » Lester Chan

Adieu WP-Print, bonjour la feuille de style print.css

François — Wed, 07 Oct 2009 14:39:05 +0000

J’ai longtemps utilisé l’excellent plugin WordPress de Lester Chan WP-Print , qui permet de supprimer les éléments indésirables à l’impression (barre de menu, pied de page, etc…). J’avais bien lu dans différentes doc que les feuilles de style CSS permettaient d’arriver au même résultat mais je n’avais pas pris le temps d’approfondir le sujet en me disant que ça allait être long et douloureux.

En fait c’est très simple et les impressions des billets de ce blog fonctionnent maintenant sur ce principe. Voici la marche à suivre :

Tout d’abord il faut créer dans le répertoire du thème une feuille de style print.css qui sera dédiée aux impressions. Ensuite, en reprenant les sections définies dans la feuille de style principale (style.css en général sous WordPress) on définit des instructions de formatage spécifiques à l’impression. Quelques exemples :

Pour exclure le menu latéral de l’impression (#sidebar ici, ça peut aussi être #menu) :

#sidebar { display: none; }

C’est tout! On procède de la même façon pour tous les éléments à exclure, pour le pied de page ça sera :

#footer { display: none; }

Certains navigateurs basés sur Gecko ont du mal à imprimer les éléments flottants et les tronquent à la fin de la première page. Le remède est là (on en profite pour redéfinir les marges) :

#content {
display: block;
width: auto;
border: 0;
margin: 0 0;
padding: 0;
float: none !important;
}

Pour supprimer les images et couleurs de l’arrière plan :

body { background: white; }

Pour ajouter l’URL des liens à la suite de leur libellé :

#content a:link:after, #content a:visited:after {
content: " (" attr(href) ") ";
font-size: 90%;
}

On peut améliorer à loisir cette feuille de style pour faire une mise en page « papier » aussi soignée que ce qu’on peut faire sur écran. Je n’ai écouté que mon courage, et je me suis arrêté là.

La dernière chose à faire (encore un effort!) est de charger cette nouvelle feuille de style. Avec WordPress, on édite le fichier header.php du thème et on ajoute la ligne suivante dans la section :

Voici le fichier print.css que j’utilise ici. Il est très basique mais si ça peut servir…

Liens :

WordPress Codex – Styling for print (en)

Pompage – Faites bonne impression avec les CSS

Rating: 0.0/5 (0 votes cast)

Traduction française du plugin WordPress WP-Print 2.3 beta 2

François — Mon, 07 Apr 2008 17:18:07 +0000

Finalement comme il n’y avait pas grand-chose à faire j’ai traduit en français WP-Print 2.3 beta 2, compatible WordPress 2.5. J’attends quand même la version finale (prévue en juin) pour envoyer la traduction à Lester Chan et à WordPress Francophone.

Télécharger WP-Print 2.3 beta 2 FR

Edit du 19/05/2008 : La version 2.3 finale est en ligne.

Voir aussi ce petit tuto d’installation

Rating: 0.0/5 (0 votes cast)

Mise à jour vers WordPress 2.5

François — Mon, 07 Apr 2008 12:08:18 +0000

J’ai mis à jour ce blog vers la version 2.5 de WordPress qui apporte un bon lot d’améliorations dans l’interface d’administration. La mise à jour s’est passée sans histoire (par svn), et tous les plugins installés fonctionnent avec la nouvelle version.

WP-Print 2.2 était incompatible mais Lester Chan à développé de nouvelles versions de ses plugins compatibles avec WP 2.5. La version WP-Print 2.3 beta 2 semble bien fonctionner, à vous de le dire. J’attends la version finale pour faire la traduction, ça reste donc en anglais pour le moment. Pour les admins WordPress qui font la mise à jour WP-Print, pensez à mettre aussi à jour les permaliens sinon ça marche pas.

A l’usage j’ai eu quelques soucis avec la nouvelle interface de téléchargement de médias, Ajaxisée et Flashifiée à mort. Quand j’essayais d’uploader un fichier, rien ne se passait. Il y a toute une page (en anglais) qui recense les problèmes avec cette nouvelle interface. Pour ma part j’ai du faire les manips suivantes :

Modifier le fichier .htaccess à la racine du blog et rajouter les lignes :

IfModule>
<IfModule mod_security.c>
<Files async-upload.php>
SecFilterEngine Off
SecFilterScanPOST Off
Files>
IfModule>

Mettre à jour le plugin Flash pour Firefox. Sous Ubuntu, c’est flashplugin-nonfree dans les dépots medibuntu.

Rating: 0.0/5 (0 votes cast)

Traduction française du plugin WordPress WP-Print 2.20

François — Sat, 24 Nov 2007 23:51:53 +0000

Grâce à l’excellent tuto de Marc Charvet j’ai traduit en français le non moins excellent plugin WP-Print de Lester Chan. On peut donc maintenant imprimer proprement et en français les excellents billets de ce blog en cliquant sur la petite imprimante en haut à gauche (il faut ouvrir le billet pour que la magie opère).

Pour ceux que ça intéresse, en attendant que la traduction soit accessible sur le repository des plugins WordPress on peut toujours la télécharger ici. Pour l’installer il suffit de décompresser l’archive dans le répertoire wp-content/plugins/print. Il n’y a que les fichiers de localisation dans l’archive, le plugin doit déja être installé (version 2.20).

Edit du 26/11/2007 : j’ai mis en ligne une version complète francisée ici
Edit du 28/11/2007 : Bravo à l’équipe de WordPress Francophone, le plugin francisé est aussi chez eux

Edit du 17/7/2008 : Attention, cette version n’est pas compatible avec WordPress 2.5. Téléchargez WP-Print 2.3. Il y a aussi un mini tuto d’installation.

Rating: 0.0/5 (0 votes cast)