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 devez vous assurer qu’elles sont aussi belles sur le papier que sur les écrans.
Si votre site Web n’est pas prêt à être imprimé, vos pages auront non seulement l’air désordonnées sur le papier, mais peuvent également apparaître comme une impression de mauvaise qualité sur papier. De toute évidence, ce n’est pas ce que vous ou les visiteurs de votre site Web voulez voir. N’oubliez pas que tous les visiteurs Web ne lisent pas le 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 soit nette et épurée sur le papier. Tout d’abord, quel est le besoin d’un site Web prêt à imprimer ?
Pourquoi préparer votre site WordPress pour l’impression ?
Vous vous demandez peut-être pourquoi votre site Web doit être prêt pour l’impression, étant donné que la plupart des internautes utilisent des appareils numériques pour naviguer sur le Web. La vérité est que vous ne devriez pas faire de suppositions sur la façon 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épondre aux quelques-uns qui pourraient imprimer leurs pages Web. Et étant donné que préparer un site Web à imprimer ne représente pas beaucoup de travail, il y a peu de raisons de ne pas le faire.
En règle générale, vous devez envisager toutes les manières possibles d’accéder à votre contenu, y compris l’impression. Essentiellement, vous voulez être prêt à 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é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 sur les écrans numériques et papier ?
Plugins WordPress prêts à imprimer
Comme on peut s’y attendre avec les correctifs WordPress, il y a toujours un plugin à la rescousse. Écrire votre propre CSS pour l’impression est puissant, mais cela demande un peu de planification, sans parler des heures supplémentaires de test et de dépannage qui s’en suivent. Donc, si vous ne voulez pas vous salir les mains en écrivant du CSS, choisissez simplement un plugin pour faire le travail. Il existe différents plugins que vous pouvez utiliser en fonction de la complexité de la conception de votre blog. Voici quelques options à considérer :
Plugin de partage social WordPress 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 réseaux sociaux majeurs, mais il inclut é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 simple et rapide d’ajouter une option d’impression à votre site Web.
Plugin WordPress imprimable gratuit avec boutons PDF
Print Friendly et PDF Button créent des versions imprimées 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ètres de langue de l’utilisateur. Le plugin est livré avec une foule d’autres fonctionnalités et le meilleur de tous, vous pouvez l’utiliser gratuitement (avec des publicités). Si vous voulez la version sans publicité, vous devez acheter un abonnement.
Plugin d’impression WordPress WP 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 ci-dessus, mais il dispose d’un ensemble respectable de paramètres pour contrôler les éléments de la page pour l’impression. 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, le CSS est un bon point de départ pour que votre blog WordPress soit prêt à imprimer. En fait, préparer votre site Web pour l’impression implique essentiellement d’écrire quelques styles CSS pour masquer ou afficher des éléments d’une manière claire sur papier. Si votre thème n’est pas prêt à imprimer ou si vous souhaitez ajouter des styles d’impression personnalisés, assurez-vous de créer d’abord 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 à imprimer et c’est également facile. Faites simplement une déclaration, puis écrivez vos styles à l’intérieur de 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 utile lors de la maintenance de votre blog. Créez simplement un nouveau fichier CSS, écrivez vos styles (sans oublier de commencer par la déclaration d’impression @media, 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, il comprendra tout ce que vous souhaitez voir apparaître dans la version imprimée de votre blog.
Voici quelques directives générales lors de la conception pour l’impression :
- Il y a certaines parties que vous ne souhaitez 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 encombrées à l’impression.
- Utilisez des points pour les tailles de police plutôt que des mesures en em ou en pixels, ce qui est préférable pour les affichages numériques. Les imprimantes, en revanche, fonctionnent mieux avec les points.
- La version imprimée de votre blog doit utiliser toute la largeur. Sur les appareils numériques, il est bien de limiter les tailles de largeur, mais cela n’a pas l’air bien lors de l’impression sur papier.
- Supprimez le contenu de 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 : aucun sur ces éléments). Dans la plupart des cas, le contenu textuel de vos pages est la seule chose qui compte dans les versions imprimées, il devrait donc être votre objectif principal lors de l’écriture de votre CSS imprimé.
- En plus du point précédent, vous devriez également envisager de masquer toutes les images, sauf si elles sont 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 sont simplement encombrants sur le papier. Les liens doivent également être supprimés, car ils n’ont aucun sens sur le papier.
WordPress.org a un bon exemple de feuille de style d’impression que vous pouvez référencer lorsque vous écrivez la vôtre. Voir ici.
Fin
Préparer un site Web 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 à partir de zéro. Cependant, si vous ne l’avez pas fait et que vous êtes maintenant coincé dans une impasse, c’est assez facile à corriger. En fait, étant donné à quel point il est simple d’implémenter des styles d’impression dans votre thème, la plupart des gens, même les débutants de WordPress, devraient pouvoir effectuer ces modifications par eux-mêmes, surtout s’ils utilisent l’un des plugins recommandés ci-dessus.
Alors, envisagez-vous de préparer l’impression de votre blog ? Si vous avez déjà effectué ces démarches, comment cela s’est-il passé ? Je serais ravi de tout savoir sur vos expériences dans les commentaires ci-dessous.
