En tant que concepteur Web, développeur ou propriétaire de site Web, il est rare que vous ayez besoin que les pages de votre site Web soient imprimées. 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 pour l'impression, non seulement vos pages auront l'air confuses sur le papier, mais elles peuvent également s'afficher comme une impression sur papier de mauvaise qualité. Évidemment, ce n'est pas ce que vous ou vos visiteurs 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 apparaisse nette et ordonnée sur papier. Tout d'abord, quel est le besoin d'un site Web prêt à imprimer ?

Pourquoi préparer votre site Web WordPress pour l'impression ?

Vous pourriez à juste titre vous demander 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 devez pas faire d'hypothèses sur 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 personnes susceptibles d'imprimer vos pages Web. Et étant donné que la préparation d'un site Web pour l'impression ne demande pas beaucoup de travail, il n'y a aucune raison de ne pas le faire.

En règle générale, vous devez répondre à toutes les manières possibles d'accéder à votre contenu, y compris l'impression. Essentiellement, vous voulez être prêt pour tout ce pour quoi vos visiteurs Web voudront 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 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. Écrire votre propre CSS pour l'impression est puissant, mais cela 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

partage-social-facile-pour-wordpress

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 inclut la prise en charge de 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

wordpress-print0friendly-bouton-pdf

Print Friendly et PDF Button créent des versions imprimées de vos pages Web en un 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.

Plugin WordPress gratuit WP Print

wp-print-plugin

Ceci est un autre excellent petit plugin qui rend votre blog WordPress prêt à être imprimé 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 lorsque vous souhaitez préparer votre blog WordPress pour l'impression. En fait, rendre votre site Web prêt à imprimer implique essentiellement d'écrire des styles CSS pour masquer ou afficher des éléments afin qu'ils soient clairs sur papier. Si votre thème n'est pas prêt pour l'impression 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 d'installer et d'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 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 à placer 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 c'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 @impression des médias 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 inclurez tout ce que vous souhaitez voir apparaître dans la version imprimée de votre blog.

Voici quelques directives générales lors du 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 ne semblent pas mélangées lors de l'impression.
  • Utilisez des points pour les tailles de police au lieu des mesures en em ou en pixels, qui sont les meilleures 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 du papier.
  • Supprimez le contenu de la section des commentaires, surtout si le vôtre est un blog 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 la rédaction 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 pertinent. De toute évidence, tous les autres éléments multimédias interactifs doivent être masqués par défaut car ils ne sont que de l'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

Faire en sorte qu'un site Web soit prêt pour l'impression n'est pas une chose à laquelle beaucoup de gens pensent lors de la création de leur site 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'apporter 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é ? J'aimerais entendre parler de vos expériences dans les commentaires ci-dessous.

Laisser un commentaire