En tant que concepteur Web, développeur ou propriétaire de site Web, il est rare que vous ayez besoin de vos pages Web à imprimer. 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 apparaissent aussi bien qu’elles le font sur papier comme sur les écrans.

Si votre site Web n’est pas prêt pour l’impression, non seulement vos pages sembleront confuses sur le papier, mais elles peuvent également être rendues sous la forme d’une impression de mauvaise qualité sur papier. Ce n’est évidemment 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 rendre un site Web WordPress prêt à imprimer afin que toute page imprimée apparaisse nette et ordonnée sur le papier. Tout d’abord, quel est le besoin d’un site Web prêt à imprimer?

Pourquoi rendre votre site Web WordPress prêt à imprimer?

Vous pourriez à juste titre demander pourquoi vous devez rendre votre site Web prêt à imprimer, é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 qui pourraient imprimer vos pages Web. Et étant donné que rendre un site Web prêt à imprimer ne demande pas beaucoup de travail, 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 pour tout ce pour quoi vos visiteurs Web peuvent vouloir 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 le papier?

Plugins WordPress prêts pour l’impression

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 de test et de résolution des problèmes qui surviennent. Donc, si vous ne voulez pas vous mettre la main à la pâte 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 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-pdf-bouton

Print Friendly et PDF Button crée 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. 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 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 WordPress gratuit WP Print

plugin d'impression wp

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 la page à imprimer. Sur la page Web, il affiche un bouton d’impression unique qui permet aux utilisateurs de générer une version prête à imprimer de la 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 lorsque vous souhaitez préparer l’impression de votre blog WordPress. 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 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 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 distinct. 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 des tâches de maintenance de votre blog. Créez simplement un nouveau fichier CSS, écrivez vos styles (sans oublier de commencer par le @média impression 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 fondamentalement, vous incluerez 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 mise en forme 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, veillez à réorganiser les blocs restants afin que vos pages ne semblent pas confuses lors de l’impression.
  • Utilisez des points pour les tailles de police au lieu des mesures em ou en pixels, ce qui est le mieux 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 une fois imprimé sur papier.
  • Supprimez le contenu dans la section des commentaires, surtout si le vôtre est un blog très actif.
  • Supprimer 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 texte 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 sont simplement encombrés sur le 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 l’écriture de la vôtre. Le voir ici.

Emballer

Rendre un site Web prêt à imprimer 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é la simplicité d’implémentation des styles d’impression dans votre thème, la plupart des gens – même les débutants de WordPress – devraient être en mesure de faire ces changements eux-mêmes, surtout s’ils utilisent l’un des plugins recommandés ci-dessus.

Alors avez-vous l’intention de préparer votre blog à l’impression? Si vous avez déjà pris ces mesures, comment cela s’est-il passé? J’aimerais tout savoir sur vos expériences dans les commentaires ci-dessous.

Share: