Le contenu de votre site web peut-il être facilement imprimé ?
Si vous ne savez pas à quoi renvoi cette question, alors il y a de forte chance que votre blog ne soit pas facilement imprimable.
Bien que certains développeurs de thème WordPress développent un support pour un contenu convivial, la plupart du temps, ce n’est pas le cas. Et cela signifie que si vous voulez que les gens puissent imprimer votre contenu d’une manière qui soit réellement lisible, vous devez prendre les choses en main; c’est ce dont je parlerais aujourd’hui.
Dans ce tutoriel, vous apprendrez à rendre un blog compatible avec l’impression, ainsi que la façon dont vous pouvez créer votre propre style adapté aux impressions à l’aide de code CSS.
Mais, si vous n’avez jamais installé WordPress découvrez Comment installer un blog WordPress en 7 étapes et Comment rechercher, installer et activer un thème WordPress sur votre blog
Ensuite revenons vers ce pourquoi nous sommes là.
Qu’est-ce qui rend un site Web convivial à l’impression ?
Votre site Web comporte beaucoup d’éléments qui facilitent la navigation sur l’intégralité de ce dernier. Menus de navigation, hyperliens internes, barres latérales… tout ce qui est bon pour les personnes qui visitent votre site web parce qu’ils leur permettent de trouver de nouvelles informations et de se déplacer entre différentes pages.
Mais quand il s’agit d’imprimer un contenu spécifique de votre site web, ces éléments ne font que s’interposer. Pensez-y … les gens n’ont pas besoin de cliquer sur votre menu de navigation ou interagir avec votre barre latérale sur la page imprimée, donc les imprimer sur votre page n’est pas particulièrement utile lorsqu’ils lisent votre contenu sur un morceau de papier.
Découvrez aussi notre guide sur Comment s’appliquent Interface et expérience utilisateur à WordPress
En outre, parfois, les polices et la taille des polices utilisées sur votre site web ne s’adaptent pas non plus aux dimensions de la page imprimée.
Et enfin, de nombreuses personnes vont imprimer votre contenu en noir et blanc (et l’encre couleur coûte cher !), vous devez donc adopter un look plus gris pour votre contenu convivial.
Pour cette raison, rendre un blog compatible avec l’impression implique :
- La modification des polices, modification de la taille des éléments et de l’espacement pour rendre les choses plus faciles à lire sur une taille de page normale
- La suppression d’éléments étrangers comme les annonces, la navigation et les barres latérales qui ne sont pas utiles sur une page imprimée
- La gestion des couleurs si vous utilisez beaucoup d’éléments colorés et blanc
Lire également notre guide sur : Comment ajouter une taille personnalisée pour les miniatures
Alors, comment pouvez-vous réellement faire cela ?
Comment rendre votre site Web convivial avec du CSS
Dans la section suivante, je vais vous montrer comment avoir un contrôle total sur la façon dont la version imprimable de votre site web s’affiche. Vous pouvez effectivement utiliser les sélecteurs de médias pour éditer la version imprimée de votre page.
Découvrez aussi Comment personnaliser votre tableau de bord WordPress
Le bloc de base CSS pour votre contenu convivial est le suivant :
@media print {
/ * Les styles spécifiques à l'imprimante vont ici * /
}
Tous les styles CSS que vous ajoutez à cette déclaration multimédias affecteront uniquement la version imprimée de votre page.
Où allez-vous à partir de là ?
Eh bien, il est difficile de donner une réponse exacte parce que tout dépend de votre préférence et de votre thème WordPress.
Consultez aussi nos 10 plugins WordPress premium pour gérer vos commentaires
Mais en général, voici quelques-unes des choses que vous voudrez faire avec du CSS:
- Utiliser l’affichage: « none » pour supprimer des éléments comme les barres latérales, les menus de navigation, les formulaires de recherche et tout ce qui n’est pas utile sur la page imprimée.
- Définir une taille de police lisible. Vous devez également adapter la taille des tableaux afin qu’ils s’adaptent aux données provenant de Google Docs ou d’une autre source.
- Utiliser une police Serif pour l’impression de votre site web, car la plupart des personnes trouvent qu’il est plus facile de lire sur une page imprimée.
- Changer les couleurs, surtout si vous utilisez une couleur d’arrière-plan avec une couleur lourde. La plupart des navigateurs sont par défaut sur un fond blanc dans de nombreuses situations – mais il est bon de s’assurer qu’à ce niveau il n’y a pas de problème.
En ce qui concerne les quatre éléments ci-dessus, vous devrez déjà avoir un site Web assez convivial. Mais si vous voulez aller encore plus loin, vous pouvez également implémenter des tactiques plus avancées.
Découvrez aussi quelques plugins WordPress premium
Vous pouvez utiliser d’autres plugins WordPress pour donner une apparence moderne et pour optimiser la connexion à votre blog ou site web.
Nous vous proposons donc ici quelques plugins WordPress premium qui vous aideront à le faire.
1. Contact Us Form
Contact Us Form est un plugin WordPress premium responsive et un outil simple mais riche en options de personnalisation qui permet d’afficher un formulaire clair et encourageant, sur lequel vos visiteurs pourront vous contacter en y laissant leur message.
Vous aurez la possibilité de définir les champs nécessaires, de choisir le meilleur agencement des champs et de le personnaliser entièrement pour inciter vos clients ou vos visiteurs à laisser leurs suggestions ou messages.
Découvrez nos 10 plugins WordPress Contact Form 7 que vous ignorez probablement
Configurez juste l’adresse e-mail sur laquelle vous souhaitez recevoir les messages et utilisez ce dernier pour développer votre entreprise dans la direction la plus rentable.
Télécharger | Démo | Hébergement Web
2. WooCommerce Social Login
Ce plugin WordPress premium permet de réduire le temps d’inscription à un site web, ce qui ennuie généralement les utilisateurs et réduit vos ventes. Mais si vous utilisez WooCommerce Social Login, le gain de temps de l’utilisateur sera augmenté, ce qui augmentera forcément aussi vos ventes.
Lorsqu’un client visitera votre site web pour la première fois, vous simplifierez la validation de la commande en lui permettant de procéder à la validation en tant qu’invité. Cependant, cela crée des frictions pour les clients qui souhaitent acheter plusieurs fois sur votre boutique en ligne. Ils devront créer à chaque fois un autre nom d’utilisateur et mot de passe.
Découvrez aussi nos 50 plugins WooCommerce pour améliorer votre boutique en ligne
WooCommerce Social Login rend donc ce processus aussi simple et sécurisé que possible – les clients peuvent se connecter à votre site web en utilisant leurs comptes Facebook, Twitter, Yahoo, LinkedIn, Foursquare, Windows Live, VKontakte (VK.com), PayPal, Instagram et Amazon.
Télécharger | Démo | Hébergement Web
3. ConvertPlus
ConvertPlus est un plugin WordPress premium tout-en-un, qui transforme votre site Web en un puissant module de production de prospects. Il vous permet notamment de créer votre propre liste de contacts, plus grande, plus rapide et plus ciblée que jamais.
Vous aurez la possibilité de créer de beaux popups en quelques minutes et commencer à convertir vos visiteurs en abonnés.
Les caractéristiques d’un popup efficace pour WordPress sont à découvrir absolument
Ses autres fonctionnalités sont : le support de plus de 10 emplacements pour l’affichage du pop up, la prise en charge de plus de 100 thèmes WordPress, le support des Popups vidéo, du partage social, des formulaires, des Widgets et autres barres d’information.
Télécharger | Démo | Hébergement Web
Ressources recommandées
Découvrez d’autres ressources recommandées qui vous accompagneront dans la création et la gestion de votre site web.
- 7 plugins WordPress pour créer une FAQ sur votre site Web
- 10 plugins WordPress pour forcer les utilisateurs à se connecter
- 10 plugins WordPress premium pour gérer vos commentaires
- 9 plugins WordPress pour gérer les paiements PayPal sur son Blog
Conclusion
Voila ! C’est tout pour ce tutoriel. j’espère que vous aurez tout ce qu’il vous faut pour personnaliser l’impression de votre site web. Si vous avez un quelconque souci ou des suggestions en la matière, retrouvons nous dans la section commentaires pour en discuter.
Cependant, vous pourrez aussi consulter nos ressources, si vous avez besoin de plus d’éléments pour mener à bien vos projets de création de sites internet, en consultant notre guide sur la création de blog WordPress ou celui sur Divi : le meilleur thème WordPress de tous les temps.
Mais en attendant, partagez cet article sur vos différents réseaux sociaux.
…