{"id":60056,"date":"2021-10-28T11:12:06","date_gmt":"2021-10-28T11:12:06","guid":{"rendered":"https:\/\/blogging-techies.com\/fr\/comment-preparer-votre-site-wordpress-pour-limpression\/"},"modified":"2021-10-28T11:12:06","modified_gmt":"2021-10-28T11:12:06","slug":"comment-preparer-votre-site-wordpress-pour-limpression","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/fr\/comment-preparer-votre-site-wordpress-pour-limpression\/","title":{"rendered":"Comment pr\u00e9parer votre site WordPress pour l&#8217;impression"},"content":{"rendered":"<p>\n<img decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/10\/Como-hacer-que-su-sitio-de-WordPress-este-listo-para.jpg\"><\/p>\n<p>En tant que concepteur, d\u00e9veloppeur ou propri\u00e9taire de site Web, il est rare que vous ayez besoin d&#8217;imprimer les pages de votre site Web.  Cependant, si le besoin s&#8217;en fait sentir et que vous devez envoyer vos pages Web \u00e0 une imprimante, vous devez vous assurer qu&#8217;elles sont aussi belles sur le papier que sur les \u00e9crans.<\/p>\n<p>Si votre site Web n&#8217;est pas pr\u00eat \u00e0 \u00eatre imprim\u00e9, vos pages auront non seulement l&#8217;air d\u00e9sordonn\u00e9es sur le papier, mais peuvent \u00e9galement appara\u00eetre comme une impression de mauvaise qualit\u00e9 sur papier.  De toute \u00e9vidence, ce n&#8217;est pas ce que vous ou les visiteurs de votre site Web voulez voir.  N&#8217;oubliez pas que tous les visiteurs Web ne lisent pas le contenu Web en ligne.<\/p>\n<p>Dans cet article, nous allons discuter de la fa\u00e7on de pr\u00e9parer un site Web WordPress pour l&#8217;impression afin que toute page imprim\u00e9e soit nette et \u00e9pur\u00e9e sur le papier.  Tout d&#8217;abord, quel est le besoin d&#8217;un site Web pr\u00eat \u00e0 imprimer\u00a0?<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Pourquoi_preparer_votre_site_WordPress_pour_limpression\"><\/span><strong>Pourquoi pr\u00e9parer votre site WordPress pour l&#8217;impression ?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Vous vous demandez peut-\u00eatre pourquoi votre site Web doit \u00eatre pr\u00eat pour l&#8217;impression, \u00e9tant donn\u00e9 que la plupart des internautes utilisent des appareils num\u00e9riques pour naviguer sur le Web.  La v\u00e9rit\u00e9 est que vous ne devriez pas faire de suppositions sur la fa\u00e7on dont les gens lisent le contenu de votre site Web.  Le fait est que la plupart des visiteurs du site Web lisent le contenu directement en ligne, mais il est bon de r\u00e9pondre aux quelques-uns qui pourraient imprimer leurs pages Web.  Et \u00e9tant donn\u00e9 que pr\u00e9parer un site Web \u00e0 imprimer ne repr\u00e9sente pas beaucoup de travail, il y a peu de raisons de ne pas le faire.<\/p>\n<p>En r\u00e8gle g\u00e9n\u00e9rale, vous devez envisager toutes les mani\u00e8res possibles d&#8217;acc\u00e9der \u00e0 votre contenu, y compris l&#8217;impression.  Essentiellement, vous voulez \u00eatre pr\u00eat \u00e0 tout ce que vos visiteurs Web souhaitent utiliser pour votre contenu.  Si un lecteur trouve une publication pertinente pour son travail, par exemple, et d\u00e9cide de l&#8217;utiliser comme point de r\u00e9f\u00e9rence dans une pr\u00e9sentation, il voudra l&#8217;imprimer.  Vous ne savez jamais qui visitera votre site et comment ils utiliseront le contenu.  Alors, comment votre blog WordPress peut-il \u00eatre rendu avec une clart\u00e9 nette sur les \u00e9crans num\u00e9riques et papier ?<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Plugins_WordPress_prets_a_imprimer\"><\/span><strong>Plugins WordPress pr\u00eats \u00e0 imprimer<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Comme on peut s&#8217;y attendre avec les correctifs WordPress, il y a toujours un plugin \u00e0 la rescousse.  \u00c9crire votre propre CSS pour l&#8217;impression est puissant, mais cela demande un peu de planification, sans parler des heures suppl\u00e9mentaires de test et de d\u00e9pannage qui s&#8217;en suivent.  Donc, si vous ne voulez pas vous salir les mains en \u00e9crivant du CSS, choisissez simplement un plugin pour faire le travail.  Il existe diff\u00e9rents plugins que vous pouvez utiliser en fonction de la complexit\u00e9 de la conception de votre blog.  Voici quelques options \u00e0 consid\u00e9rer :<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Plugin_de_partage_social_WordPress_facile\"><\/span>Plugin de partage social WordPress facile<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-33986\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/10\/Como-hacer-que-su-sitio-de-WordPress-este-listo-para.png\" alt=\"partage-social-facile-pour-wordpress\" width=\"860\" height=\"320\"><\/p>\n<p>L&#8217;un des plugins les plus populaires sur CodeCanyon, Easy Social Share regorge de fonctionnalit\u00e9s int\u00e9ressantes qui permettent \u00e0 vos lecteurs de partager facilement votre blog.  Non seulement le plugin prend en charge plus de 20 r\u00e9seaux sociaux majeurs, mais il inclut \u00e9galement une option d&#8217;impression utile que vous pouvez ajouter \u00e0 n&#8217;importe quel article ou page.  Et comme le bouton Imprimer est inclus avec tous les boutons de partage social, il s&#8217;agit d&#8217;un moyen simple et rapide d&#8217;ajouter une option d&#8217;impression \u00e0 votre site Web.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Plugin_WordPress_imprimable_gratuit_avec_boutons_PDF\"><\/span>Plugin WordPress imprimable gratuit avec boutons PDF<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-33985\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/10\/1634301607_401_Como-hacer-que-su-sitio-de-WordPress-este-listo-para.png\" alt=\"wordpress-print0friendly-pdf-button\" width=\"860\" height=\"345\"><\/p>\n<p>Print Friendly et PDF Button cr\u00e9ent des versions imprim\u00e9es de vos pages Web en un seul clic.  Vous pouvez ensuite enregistrer les pages au format PDF ou les imprimer sur papier.  Prend en charge plus de 20 langues et ajuste automatiquement la langue pour correspondre aux param\u00e8tres de langue de l&#8217;utilisateur.  Le plugin est livr\u00e9 avec une foule d&#8217;autres fonctionnalit\u00e9s et le meilleur de tous, vous pouvez l&#8217;utiliser gratuitement (avec des publicit\u00e9s).  Si vous voulez la version sans publicit\u00e9, vous devez acheter un abonnement.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Plugin_dimpression_WordPress_WP_gratuit\"><\/span>Plugin d&#8217;impression WordPress WP gratuit<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-33984\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/10\/1634301607_16_Como-hacer-que-su-sitio-de-WordPress-este-listo-para.png\" alt=\"wp-print-plugin\" width=\"970\" height=\"500\"><\/p>\n<p>Ceci est un autre excellent petit plugin qui rend votre blog WordPress pr\u00eat \u00e0 imprimer sans tracas.  Il n&#8217;a pas autant de fonctionnalit\u00e9s que le plugin ci-dessus, mais il dispose d&#8217;un ensemble respectable de param\u00e8tres pour contr\u00f4ler les \u00e9l\u00e9ments de la page pour l&#8217;impression.  Sur la page Web, il affiche un seul bouton d&#8217;impression qui permet aux utilisateurs de g\u00e9n\u00e9rer une version pr\u00eate \u00e0 imprimer de n&#8217;importe quelle page de leur choix.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"CSS_personnalise_pour_limpression\"><\/span><strong>CSS personnalis\u00e9 pour l&#8217;impression<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Si vous \u00eates \u00e0 l&#8217;aise avec le codage, le CSS est un bon point de d\u00e9part pour que votre blog WordPress soit pr\u00eat \u00e0 imprimer.  En fait, pr\u00e9parer votre site Web pour l&#8217;impression implique essentiellement d&#8217;\u00e9crire quelques styles CSS pour masquer ou afficher des \u00e9l\u00e9ments d&#8217;une mani\u00e8re claire sur papier.  Si votre th\u00e8me n&#8217;est pas pr\u00eat \u00e0 imprimer ou si vous souhaitez ajouter des styles d&#8217;impression personnalis\u00e9s, assurez-vous de cr\u00e9er d&#8217;abord un th\u00e8me enfant afin de pouvoir ajouter votre CSS personnalis\u00e9 ou installer et activer votre plugin CSS personnalis\u00e9 pr\u00e9f\u00e9r\u00e9.<\/p>\n<p>Maintenant, tout ce que vous avez \u00e0 faire est d&#8217;ajouter vos styles d&#8217;impression personnalis\u00e9s (CSS) pour que vos pages Web soient pr\u00eates \u00e0 imprimer et c&#8217;est \u00e9galement facile.  Faites simplement une d\u00e9claration, puis \u00e9crivez vos styles \u00e0 l&#8217;int\u00e9rieur de cette d\u00e9claration comme ceci\u00a0:<\/p>\n<pre>@media print {\r\n\/* your print styles *\/\r\n}<\/pre>\n<p>La d\u00e9claration est une requ\u00eate multim\u00e9dia qui utilise les styles sp\u00e9cifi\u00e9s pour contr\u00f4ler l&#8217;apparence de vos pages Web lors de l&#8217;impression.<\/p>\n<p>La deuxi\u00e8me m\u00e9thode consiste \u00e0 mettre tous vos styles d&#8217;impression dans un fichier CSS s\u00e9par\u00e9.  C&#8217;est une fa\u00e7on plus propre et plus organis\u00e9e de faire les choses et est particuli\u00e8rement utile lors de la maintenance de votre blog.  Cr\u00e9ez simplement un nouveau fichier CSS, \u00e9crivez vos styles (sans oublier de commencer par la d\u00e9claration d&#8217;impression @media, puis chargez votre fichier CSS d&#8217;impression personnalis\u00e9 dans votre th\u00e8me. Ce que vous mettez dans votre fichier de styles d\u00e9pend enti\u00e8rement de vous, mais en gros, il comprendra tout ce que vous souhaitez voir appara\u00eetre dans la version imprim\u00e9e de votre blog.<\/p>\n<p>Voici quelques directives g\u00e9n\u00e9rales lors de la conception pour l&#8217;impression\u00a0:<\/p>\n<ul class=\"simple-list\">\n<li>Il y a certaines parties que vous ne souhaitez pas voir appara\u00eetre dans votre version imprim\u00e9e, comme la barre lat\u00e9rale.  Dans ce cas, lorsque vous utilisez display: none pour masquer ces parties, assurez-vous de r\u00e9organiser les blocs restants afin que vos pages n&#8217;aient pas l&#8217;air encombr\u00e9es \u00e0 l&#8217;impression.<\/li>\n<li>Utilisez des points pour les tailles de police plut\u00f4t que des mesures en em ou en pixels, ce qui est pr\u00e9f\u00e9rable pour les affichages num\u00e9riques.  Les imprimantes, en revanche, fonctionnent mieux avec les points.<\/li>\n<li>La version imprim\u00e9e de votre blog doit utiliser toute la largeur.  Sur les appareils num\u00e9riques, il est bien de limiter les tailles de largeur, mais cela n&#8217;a pas l&#8217;air bien lors de l&#8217;impression sur papier.<\/li>\n<li>Supprimez le contenu de la section des commentaires, surtout si votre blog est tr\u00e8s actif.<\/li>\n<li>Supprimez le contenu de la navigation et du pied de page (utilisez simplement display\u00a0: aucun sur ces \u00e9l\u00e9ments).  Dans la plupart des cas, le contenu textuel de vos pages est la seule chose qui compte dans les versions imprim\u00e9es, il devrait donc \u00eatre votre objectif principal lors de l&#8217;\u00e9criture de votre CSS imprim\u00e9.<\/li>\n<li>En plus du point pr\u00e9c\u00e9dent, vous devriez \u00e9galement envisager de masquer toutes les images, sauf si elles sont absolument n\u00e9cessaires pour comprendre le contenu du texte concern\u00e9.  De toute \u00e9vidence, tous les autres \u00e9l\u00e9ments multim\u00e9dias interactifs doivent \u00eatre masqu\u00e9s par d\u00e9faut, car ils sont simplement encombrants sur le papier.  Les liens doivent \u00e9galement \u00eatre supprim\u00e9s, car ils n&#8217;ont aucun sens sur le papier.<\/li>\n<\/ul>\n<p>WordPress.org a un bon exemple de feuille de style d&#8217;impression que vous pouvez r\u00e9f\u00e9rencer lorsque vous \u00e9crivez la v\u00f4tre.  Voir ici.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Fin\"><\/span><strong>Fin<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Pr\u00e9parer un site Web pour l&#8217;impression n&#8217;est pas une chose \u00e0 laquelle beaucoup de gens pensent lors de la cr\u00e9ation de leurs sites Web.  Cependant, il est important de concevoir \u00e0 la fois pour le Web et pour l&#8217;impression \u00e0 partir de z\u00e9ro.  Cependant, si vous ne l&#8217;avez pas fait et que vous \u00eates maintenant coinc\u00e9 dans une impasse, c&#8217;est assez facile \u00e0 corriger.  En fait, \u00e9tant donn\u00e9 \u00e0 quel point il est simple d&#8217;impl\u00e9menter des styles d&#8217;impression dans votre th\u00e8me, la plupart des gens, m\u00eame les d\u00e9butants de WordPress, devraient pouvoir effectuer ces modifications par eux-m\u00eames, surtout s&#8217;ils utilisent l&#8217;un des plugins recommand\u00e9s ci-dessus.<\/p>\n<p>Alors, envisagez-vous de pr\u00e9parer l&#8217;impression de votre blog\u00a0?  Si vous avez d\u00e9j\u00e0 effectu\u00e9 ces d\u00e9marches, comment cela s&#8217;est-il pass\u00e9 ?  Je serais ravi de tout savoir sur vos exp\u00e9riences dans les commentaires ci-dessous.<\/p>\n  <div id=\"ez-toc-container\" class=\"ez-toc-v2_0_89 ez-toc-wrap-center counter-flat ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/blogging-techies.com\/fr\/comment-preparer-votre-site-wordpress-pour-limpression\/#Pourquoi_preparer_votre_site_WordPress_pour_limpression\" >Pourquoi pr\u00e9parer votre site WordPress pour l&#8217;impression ?<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/blogging-techies.com\/fr\/comment-preparer-votre-site-wordpress-pour-limpression\/#Plugins_WordPress_prets_a_imprimer\" >Plugins WordPress pr\u00eats \u00e0 imprimer<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/blogging-techies.com\/fr\/comment-preparer-votre-site-wordpress-pour-limpression\/#Plugin_de_partage_social_WordPress_facile\" >Plugin de partage social WordPress facile<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/blogging-techies.com\/fr\/comment-preparer-votre-site-wordpress-pour-limpression\/#Plugin_WordPress_imprimable_gratuit_avec_boutons_PDF\" >Plugin WordPress imprimable gratuit avec boutons PDF<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/blogging-techies.com\/fr\/comment-preparer-votre-site-wordpress-pour-limpression\/#Plugin_dimpression_WordPress_WP_gratuit\" >Plugin d&#8217;impression WordPress WP gratuit<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/blogging-techies.com\/fr\/comment-preparer-votre-site-wordpress-pour-limpression\/#CSS_personnalise_pour_limpression\" >CSS personnalis\u00e9 pour l&#8217;impression<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/blogging-techies.com\/fr\/comment-preparer-votre-site-wordpress-pour-limpression\/#Fin\" >Fin<\/a><\/li><\/ul><\/nav><\/div>\n ","protected":false},"excerpt":{"rendered":"<p>En tant que concepteur, d\u00e9veloppeur ou propri\u00e9taire de site Web, il est rare que vous ayez besoin d&#8217;imprimer les pages de votre site Web. Cependant, si le besoin s&#8217;en fait sentir et que vous devez envoyer vos pages Web \u00e0 une imprimante, vous devez vous assurer qu&#8217;elles sont aussi belles sur le papier que sur [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":60057,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-60056","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogs"],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts\/60056","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/comments?post=60056"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts\/60056\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/media\/60057"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/media?parent=60056"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/categories?post=60056"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/tags?post=60056"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}