Ta vie on s'en fout! » blog

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)

Changement de look

François — Wed, 25 Jun 2008 23:48:10 +0000

Je suis tombé sous le charme de ce thème Our Rights conçu par Retno Nindya et adapté à WordPress par Hafiz Rahman. En plus de son look très sympa, il est vraiment très bien conçu, bien mieux que mon ancien thème I feel dirty, Je n’ai eu aucun mal à adapter toutes mes modifs.

L’essayer c’est l’adopter, j’espère qu’il vous plaira autant qu’il m’a plu!

Rating: 0.0/5 (0 votes cast)

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 :

 while (have_posts()) : the_post(); ?>

En dessous de cette ligne insérer :

 if(function_exists('wp_print')) { print_link(); } ?>

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 :

 if (have_posts()) : while (have_posts()) : the_post(); ?>

En dessous de cette ligne insérer :

 if(function_exists('wp_print')) { print_link(); } ?>

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

Rating: 5.0/5 (1 vote 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)

Mise à jour WordPress avec Subversion

François — Mon, 12 Nov 2007 12:38:57 +0000

Jusqu’à maintenant je faisais les mises à jour WordPress de la façon laborieuse, en recopiant les fichiers à la mimine. J’ai profité de la version 2.3.1 pour créer un « checkout » subversion qui devrait simplifier les futures mises à jour. J’ai suivi les instructions du Codex WordPress :

Créer un répertoire de blog temporaire

mkdir blognew

Dans ce répertoire extraire la dernière version stable de WordPress (attention au point à la fin de la commande svn)

cd blognew
svn co http://svn.automattic.com/wordpress/trunk .

Recopier à la main les éléments personnalisés (.htaccess, wp-config.php, wp-content/, etc…) du répertoire de blog actuel vers le nouveau

Sauvegarder la base de données

Renommer les répertoires :

mv blog blog.save
mv blognew blog

Lancer le script de mise à jour (il n’y avait pas de mise à jour de la base pour cette version) :

http://tavie.onsenfout.com/wp-admin/upgrade.php

La prochaine mise à jour (2.3.2 ?) pourra être effectuée avec la commande :

cd blog
svn update

Rating: 0.0/5 (0 votes cast)