En tant que concepteur, développeur ou propriétaire de site Web, il est rare que vous ayez besoin d’imprimer les pages de votre site Web. Cependant, si le besoin s’en fait sentir et que vous devez envoyer vos pages Web à une imprimante, vous voulez être sûr qu’elles s’affichent aussi bien sur le papier que sur les écrans.
Si votre site Web n’est pas prêt à imprimer, non seulement vos pages auront l’air brouillées sur du papier, mais elles peuvent également être rendues comme une impression sur papier de mauvaise qualité. De toute évidence, ce n’est pas ce que vous ou vos visiteurs Web voulez voir. N’oubliez pas que tous les visiteurs Web ne lisent pas du contenu Web en ligne.
Dans cet article, nous allons discuter de la façon de préparer un site Web WordPress pour l’impression afin que toute page imprimée apparaisse nette et ordonnée sur papier. Premièrement, quel est le besoin d’un site Web prêt à imprimer ?
Pourquoi préparer votre site WordPress pour l’impression ?
Vous pourriez vous demander à juste titre pourquoi vous devez préparer votre site Web pour l’impression étant donné que la majorité des internautes utilisent des appareils numériques pour surfer sur le Web. La vérité est que vous ne devriez pas faire de suppositions concernant la façon dont les gens lisent le contenu de votre site Web. Le fait est que la majorité des visiteurs du site Web lisent le contenu directement en ligne, mais il est bon de répondre aux quelques-uns qui pourraient imprimer vos pages Web. Et étant donné que ce n’est pas beaucoup de travail de préparer un site Web pour l’impression, il y a peu de raisons de ne pas le faire.
En règle générale, vous devez prendre en compte toutes les manières possibles d’accéder à votre contenu, y compris l’impression. Essentiellement, vous voulez être prêt à tout ce pour quoi vos visiteurs Web voudront peut-être utiliser votre contenu. Si un lecteur trouve un article pertinent pour son travail, par exemple, et décide de l’utiliser comme point de référence dans une présentation, il voudra l’imprimer. Vous ne savez jamais qui visitera votre site et comment ils utiliseront le contenu. Alors, comment votre blog WordPress peut-il être rendu avec une clarté nette et nette à la fois sur les écrans numériques et sur papier ?
Plugins WordPress prêts à imprimer
Comme vous vous en doutez avec les correctifs WordPress, il y a toujours un plugin à la rescousse. L’écriture de votre propre CSS pour l’impression est puissante, mais elle nécessite un peu de planification, sans parler des heures supplémentaires consacrées aux tests et à la résolution des problèmes qui surviennent. Donc, si vous ne voulez pas vous salir les mains en écrivant du CSS, choisissez simplement un plugin pour faire le travail. Il existe plusieurs plugins que vous pouvez utiliser en fonction de la complexité de la mise en page de votre blog. Voici quelques choix à considérer :
Plugin WordPress de partage social facile
L’un des plugins les plus populaires sur CodeCanyon, Easy Social Share regorge de fonctionnalités intéressantes qui permettent à vos lecteurs de partager facilement votre blog. Non seulement le plugin prend en charge plus de 20 principaux réseaux sociaux, mais il comprend également une option d’impression utile que vous pouvez ajouter à n’importe quel article ou page. Et comme le bouton Imprimer est inclus avec tous les boutons de partage social, il s’agit d’un moyen rapide et transparent d’ajouter une option d’impression à votre site Web.
Plugin WordPress gratuit pour impression et bouton PDF
Print Friendly et PDF Button créent des versions imprimées de vos pages Web d’un simple clic. Vous pouvez ensuite enregistrer les pages au format PDF ou les imprimer sur papier. Il prend en charge plus de 20 langues et ajuste automatiquement la langue pour correspondre aux paramètres de langue de l’utilisateur. Le plugin est livré avec une multitude d’autres fonctionnalités et, mieux encore, vous pouvez l’utiliser gratuitement (avec des publicités). Si vous voulez la version sans publicité, vous devez acheter un abonnement.
WP Print Plugin WordPress gratuit
Ceci est un autre excellent petit plugin qui rend votre blog WordPress prêt à imprimer sans tracas. Il n’a pas autant de fonctionnalités que le plugin précédent, mais il dispose d’un ensemble respectable de paramètres pour contrôler les éléments de page à imprimer. Sur la page Web, il affiche un seul bouton d’impression qui permet aux utilisateurs de générer une version prête à imprimer de n’importe quelle page de leur choix.
CSS personnalisé pour l’impression
Si vous êtes à l’aise avec le codage, CSS est un bon point de départ pour préparer votre blog WordPress à imprimer. En fait, préparer votre site Web à l’impression implique essentiellement d’écrire des styles CSS pour masquer ou afficher des éléments afin qu’ils soient clairs sur le papier. Si votre thème n’est pas prêt à imprimer ou si vous souhaitez ajouter des styles d’impression personnalisés, assurez-vous d’abord de créer un thème enfant afin de pouvoir ajouter votre CSS personnalisé ou installer et activer votre plugin CSS personnalisé préféré.
Maintenant, tout ce que vous avez à faire est d’ajouter vos styles d’impression personnalisés (CSS) pour que vos pages Web soient prêtes à être imprimées et cela est également facile. Faites simplement une déclaration, puis écrivez vos styles dans cette déclaration comme ceci :
@media print { /* your print styles */ }
La déclaration est une requête multimédia qui utilise les styles spécifiés pour contrôler l’apparence de vos pages Web lors de l’impression.
La deuxième méthode consiste à mettre tous vos styles d’impression dans un fichier CSS séparé. C’est une façon plus propre et plus organisée de faire les choses et est particulièrement pratique lors de l’exécution de tâches de maintenance pour votre blog. Créez simplement un nouveau fichier CSS, écrivez vos styles (sans oublier de commencer par le @media print déclaration, puis chargez votre fichier CSS d’impression personnalisé dans votre thème. Ce que vous mettez dans votre fichier de styles dépend entièrement de vous, mais en gros, vous incluez tout ce que vous souhaitez voir apparaître dans la version imprimée de votre blog.
Voici quelques directives générales concernant le style pour l’impression :
- Il y a certaines parties que vous ne voudrez pas voir apparaître dans votre version imprimée, comme la barre latérale. Dans ce cas, lorsque vous utilisez
display: none
pour masquer ces parties, assurez-vous de réorganiser les blocs restants afin que vos pages n’aient pas l’air brouillées à l’impression. - Utilisez des points pour les tailles de police au lieu des mesures en em ou en pixels, ce qui est préférable pour les écrans numériques. Les imprimantes, en revanche, fonctionnent mieux avec des points.
- La version imprimée de votre blog doit utiliser toute la largeur. Sur les appareils numériques, il est bon de limiter les tailles de largeur, mais cela n’a pas l’air bien lorsqu’il est imprimé sur papier.
- Supprimez le contenu dans la section des commentaires, surtout si votre blog est très actif.
- Supprimez le contenu de la navigation et du pied de page (utilisez simplement
display: none
sur ces éléments). Dans la plupart des cas, le contenu textuel de vos pages est tout ce qui compte dans les versions imprimées, il devrait donc être votre objectif principal lors de l’écriture de votre CSS d’impression. - En plus du point précédent, vous devriez également envisager de masquer toutes les images, à moins qu’elles ne soient absolument nécessaires pour comprendre le contenu du texte concerné. De toute évidence, tous les autres éléments multimédias interactifs doivent être masqués par défaut car ils ne sont qu’un encombrement sur papier. Les liens doivent également être supprimés car ils n’ont aucun sens sur le papier.
WordPress.org a un bel exemple de feuille de style d’impression que vous pouvez utiliser comme référence lors de la rédaction de la vôtre. Voir ici.
Emballer
Rendre un site Web prêt pour l’impression n’est pas une chose à laquelle beaucoup de gens pensent lors de la création de leurs sites Web. Cependant, il est important de concevoir à la fois pour le Web et pour l’impression dès le début. Néanmoins, si vous ne l’avez pas fait et que vous vous sentez maintenant coincé dans une impasse, c’est assez facile à réparer. En fait, étant donné à quel point il est simple d’implémenter les styles d’impression dans votre thème, la plupart des gens, même les débutants de WordPress, devraient être en mesure d’effectuer ces modifications eux-mêmes, surtout s’ils utilisent l’un des plugins recommandés ci-dessus.
Alors, prévoyez-vous de préparer votre blog pour l’impression ? Si vous avez déjà pris ces mesures, comment cela s’est-il passé ? Je serais ravi de tout savoir sur vos expériences dans les commentaires ci-dessous.