Ta vie on s'en fout! » WP-Print

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

Installation et utilisation du plugin WordPress WP-Print

François — Fri, 13 Jun 2008 15:04:17 +0000

Un mini tuto rapidos sur l’installation et l’utilisation du plugin WordPress WP-Print. Pour rappel ce plugin permet d’afficher une jolie version imprimable de l’article ou de la page en cours, sans les menus, en-têtes et autres pieds de page disgracieux.

Installation

Télécharger WP-Print 2.3 en Français. (pour les versions WordPress 2.5 et supérieures)

Décompresser l’archive dans le répertoire wp-content/plugins de votre blog, ce qui crée un répertoire wp-print.

Aller sur le tableau de bord Worpress, menu Extensions et activer le plugin

Régénérer les permaliens : Réglages / Permaliens et cliquer sur Enregistrer les modifications

Pour paramétrer le plugin (facultatif) aller sur Réglages / Imprimer

Utilisation

Voici comment faire apparaitre le lien « Imprimer le message » à l’endroit voulu, plusieurs solutions sont possibles :

Lien au dessus du titre de chaque article

Editer le fichier wp-content/themes//index.php

Rechercher la ligne suivante :

En dessous de cette ligne insérer :

Lien à l’intérieur de l’article

C’est la solution que j’ai choisie pour ce blog. Il faut ouvrir l’article pour que l’option d’impression apparaisse.

Editer le fichier wp-content/themes//single.php

Rechercher la ligne suivante :

En dessous de cette ligne insérer :

de la même façon on peut insérer la ligne de code dans pages.php pour permettre l’impression des pages.

Lien d’impression à la demande

Si vous ne voulez pas que la fonction d’impression soit disponible pour l’ensemble des articles ou des pages, n’utilisez pas les méthodes précédentes, il y a une solution au coup par coup : Dans l’article ou la page insérez [print_link] à l’endroit où vous voulez voir apparaître le lien.

Personnaliser le style du lien

WP-Print regarde s’il existe une feuille de style print-css.css dans le répertoire du thème actif. Si elle existe les styles de cette feuille sont chargés, sinon WP-Print charge la feuille print-css.css qui se trouve dans le répertoire du plugin. Il ne faut pas modifier cette dernière, les modifications seraient perdues lors de la mise à jour du plugin.

Liens

La homepage de WP-Print

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

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 :




SecFilterEngine Off
SecFilterScanPOST Off

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

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.