Can the content of your website be easily printed?
If you don't know what this question refers to, then chances are your blog won't be easily printable.
Although some WordPress theme developers develop support for user-friendly content, most of the time, this is not the case. And that means if you want people to be able to print your content in a way that is truly readable, you have to take matters into your own hands; that's what I would talk about today.
In this tutorial, you will learn how to make a blog compatible with printing, as well as how you can create your own print-friendly style using CSS code.
But, if you've never installed WordPress discover How to Install a WordPress Blog in 7 Steps et How to search, install and activate a WordPress theme on your blog
Then back to why we are here.
What Makes a Print Friendly Website?
Your website has a lot of elements that make it easy to navigate through its entirety. Navigation menus, internal hyperlinks, sidebars… Whatever is good for people who visit your website because it allows them to find new information and move between different pages.
But when it comes to printing specific content for your website, those elements just interfere. Think about it ... people don't need to click your navigation menu or interact with your sidebar on the printed page, so printing them on your page isn't particularly useful when reading your content on a song. of paper.
Also discover our guide on How to Apply Interface and User Experience to WordPress
In addition, sometimes the fonts and font sizes used on your website also do not match the dimensions of the printed page.
And lastly, a lot of people will print your content in black and white (and color ink is expensive!), So you need to adopt a grayer look for your user-friendly content.
For this reason, making a blog compatible with printing involves:
- Changing fonts, changing element sizes and spacing to make things easier to read on a normal page size
- Removing extraneous items like ads, navigation, and sidebars that aren't useful on a printed page
- Color management if you use a lot of colored and white elements
Also read our guide on: How to add a custom size for thumbnails
So, how can you really do that?
How To Make Your Website CSS-Friendly
In the next section, I will show you how to have full control over how the printable version of your website is displayed. You can actually use the media selectors to edit the printed version of your page.
See also How to customize your WordPress dashboard
The basic CSS block for your user-friendly content is as follows:
@media print {/ * Printer-specific styles go here * /}
Any CSS styles you add to this multimedia declaration will only affect the printed version of your page.
Where are you going from there?
Well, it's hard to give an exact answer because it all depends on your preference and your WordPress theme.
See also our 10 premium WordPress plugins to manage your comments
But in general, here are some of the things you'll want to do with CSS:
- Using the display: " none To remove things like sidebars, navigation menus, search forms, and anything else that isn't useful on the printed page.
- Set a readable font size. You also need to adjust the size of the tables to fit data from Google Docs or another source.
- Use a Serif font for printing your website, because most people find it easier to read on a printed page.
- Change colors, especially if you are using a background color with a heavy color. Most browsers default to a white background in many situations - but it's good to make sure that this isn't a problem.
Regarding the above four elements, you should already have a fairly user-friendly website. But if you want to go even further, you can also implement more advanced tactics.
Discover also some premium WordPress plugins
You can use other WordPress plugins to give a modern appearance and to optimize the connection to your blog or website.
We offer you here some premium WordPress plugins that will help you do that.
1. Contact Us Form
Contact Us Form is a WordPress Plugin premium responsive and a simple tool but rich in customization options that allows you to display a clear and encouraging form, on which your visitors can contact you by leaving their message.
You will have the possibility to define the necessary fields, to choose the best layout of the fields and to personalize it entirely for encourage your customers or visitors to leave their suggestions or messages.
So much to see... 10 WordPress Contact Form 7 Plugins You Probably Ignore
Just set up the e-mail address where you want to receive the messages and use it to grow your business in the most profitable direction.
Download | Demo | Web hosting
2. WooCommerce Social Login
Ce WordPress Plugin premium helps reduce website registration time, which usually annoys users and reduces your sales. But if you use WooCommerce Social Login, the time saving of the user will be increased, which will inevitably increase your sales as well.
When a customer visits your website for the first time, you will simplify checkout by allowing them to checkout as a guest. However, this creates friction for customers who want to buy multiple times from your online store. They will have to create a different username and password each time.
Discover also our 50 WooCommerce plugins to improve your online shop
WooCommerce Social Login therefore makes this process as easy and secure as possible - customers can log into your website using their Facebook, Twitter, Yahoo, LinkedIn, Foursquare, Windows Live, VKontakte (VK.com), PayPal, Instagram accounts. and Amazon.
Download | Demo | Web hosting
3. ConvertPlus
ConvertPlus is a WordPress Plugin premium all-in-one, which turns your website into a powerful lead generation module. In particular, it allows you to create your own contact list, bigger, faster and more targeted than ever.
You will have the opportunity to create beautiful popups in a few minutes and start converting your visitors into subscribers.
The characteristics of an effective popup for WordPress are to be discovered absolutely
Its other features are: support for pread from 10 locations for pop-up display, support for pover 100 WordPress themes, the support of Video Popups, social sharing, F'sormals, Widgets and other bars of information.
Download | Demo | Web hosting
Recommended Resources
Find out about other recommended resources to help you build and manage your website.
- 7 WordPress plugins to create an FAQ on your website
- 10 WordPress plugins to force users to connect
- 10 premium WordPress plugins to manage your comments
- 9 WordPress plugins to manage PayPal payments on his Blog
Conclusion
Here is ! That's it for this tutorial. I hope you have everything you need to customize the feel of your website. If you have any concerns or suggestions in this area, let's find ourselves in the comments section to discuss.
However, you will also be able to consult our resources, if you need more elements to carry out your projects of creation of Internet sites, by consulting our guide on the WordPress blog creation or the one on Divi: the best WordPress theme of all time.
But meanwhile, share this article on your different social networks.
...
