{"id":1869,"date":"2013-09-15T13:23:46","date_gmt":"2013-09-15T11:23:46","guid":{"rendered":"http:\/\/blog.fabianpiau.com\/?p=1869"},"modified":"2018-09-02T02:26:21","modified_gmt":"2018-09-02T01:26:21","slug":"optimize-your-website-for-print-in-5-minutes","status":"publish","type":"post","link":"https:\/\/blog.fabianpiau.com\/fr\/2013\/09\/15\/optimize-your-website-for-print-in-5-minutes\/","title":{"rendered":"Optimiser votre site web pour l’impression en 5 minutes"},"content":{"rendered":"

 <\/span>English version available<\/strong><\/a><\/p>\n

Est-ce vraiment utile? Je pense que oui! Les gens qui impriment des pages sur internet sont sans doute plus nombreux que ce que l’on peut penser. Et puis franchement, si \u00e7a prend 5 minutes, autant le faire!<\/p>\n


<\/p>\n

\"Imprimante\"<\/p>\n

Prenons un sc\u00e9nario digne d’un film hollywoodien (presque):<\/p>\n

Monsieur Toutlemonde n’aura acc\u00e8s ni \u00e0 internet ni \u00e0 son ordinateur ce weekend et il n’a pas eu le temps de finir de lire un article assez long, mais primordial pour la suite. Il d\u00e9cide donc de l’imprimer pour le lire plus tard dans l’avion (oui, Mr Toutlemonde a de la chance, il part en vacances). L’impression termin\u00e9e, il se rend compte, un peu blas\u00e9 (car oui ce n’est pas la premi\u00e8re fois que \u00e7a lui arrive), qu’absolument toute la page internet est ressortie. Il se retrouve avec 7 pages imprim\u00e9es pour un article qui en comptait peut-\u00eatre 3… Le menu de navigation du site, les articles similaires, les liens de partage vers les r\u00e9seaux sociaux… Tout est l\u00e0! Mais bon, Monsieur Toutlemonde est tout de m\u00eame rassur\u00e9, il pourra lire son article \u00ab\u00a0Comment affronter sa phobie de l’avion?\u00a0\u00bb.<\/p>\n

Dans la continuit\u00e9 de l’article expliquant comment rendre votre site responsive<\/a>, je vais vous montrer comment rendre votre site optimis\u00e9 pour l’impression.<\/p>\n


<\/p>\n

Le principe est le m\u00eame, on utilise le langage CSS.<\/p>\n


<\/p>\n

Il faut d\u00e9clarer un fichier de style CSS d\u00e9di\u00e9 pour l’impression. Dans le header de vos pages, vous ajoutez un lien vers ce fichier en sp\u00e9cifiant \u00ab\u00a0print\u00a0\u00bb pour l’attribut \u00ab\u00a0media\u00a0\u00bb, contrairement aux autres qui sp\u00e9cifient en g\u00e9n\u00e9ral le media \u00ab\u00a0all\u00a0\u00bb (\u00e9cran, imprimante, etc.). Consultez cette page pour en savoir plus sur les medias<\/a>. <\/p>\n

Par exemple, j’utilise le fichier \u00ab\u00a0print.css\u00a0\u00bb pour mon blog, j’ai donc ajout\u00e9 cette ligne:<\/p>\n

\r\n<link rel="stylesheet" href="https:\/\/blog.fabianpiau.com\/wp-content\/themes\/freshy2\/print.css" type="text\/css" media="print">\r\n<\/pre>\n
Ce fichier de styles sera utilis\u00e9 seulement dans le cas d’une impression. Ainsi, vous allez donc pouvoir l’utiliser pour supprimer tous les contenus \u00ab\u00a0parasites\u00a0\u00bb tels que:<\/p>\n