跳到主要内容

作为网站设计师,开发人员或网站所有者,很少需要打印您的网站页面。但是,如果有需要,并且您必须将网页发送到打印机,则需要确保它们在纸张上的显示效果与在屏幕上的显示效果一样好。

如果您的网站不支持打印,那么您的页面不仅在纸上看起来很乱,而且还可能呈现为低质量的纸上打印。显然,这不是您或您的Web访问者想要看到的。请记住,并非所有的Web访问者都在在线阅读Web内容。

在这篇文章中,我们将讨论如何使WordPress网站建设可打印,以便任何打印的页面在纸上显得清晰有序。首先,对可打印的网站有何需求?

为什么要准备好您的WordPress网站打印?
考虑到大多数Internet用户正在使用数字设备上网,您可能会正确地问为什么要使您的网站可打印。事实是,您不应该假设人们如何阅读您的网站内容。事实是,大多数网站访问者都是直接在线阅读内容的,但是最好能照顾到少数可能打印出您的网页的人。并且考虑到使网站可打印的工作量不大,没有理由不这样做。

通常,您应该考虑可能访问内容的所有可能方式,包括打印方式。本质上,您希望为网络访问者可能希望使用其内容的任何事物做好准备。例如,如果读者发现与其工作相关的帖子,并决定将其用作演示文稿中的参考点,则他们希望将其打印出来。您只是永远不知道谁会访问您的网站以及他们将如何使用这些内容。那么您的WordPress博客如何在数字屏幕和纸张上以清晰清晰的效果呈现?

打印就绪的WordPress插件
正如您对WordPress修复程序所期望的那样,总有一个可以解救的插件。编写自己的CSS打印文档功能强大,但是需要进行一些计划,更不用说花费更多的时间测试和解决出现的问题。因此,如果您不想动手编写CSS,只需选择一个插件即可完成工作。您可以使用多个插件,具体取决于博客布局的复杂性。以下是一些值得考虑的选择:

Easy Social Share WordPress插件

查看演示了解更多并下载
Easy Social Share是CodeCanyon上最受欢迎的插件之一,其强大的功能使其易于读者共享您的博客。该插件不仅支持20多个主要社交网络,还包括一个有用的打印选项,您可以将其添加到任何帖子或页面中。而且,由于所有社交共享按钮均包含“打印”按钮,因此这是一种向您的网站添加打印选项的快速无缝方式。

打印友好和PDF按钮免费WordPress插件

查看演示了解更多并下载
单击“友好打印”和“ PDF按钮”,只需单击一个按钮即可创建网页的打印版本。然后,您可以将页面另存为PDF或将其打印在纸上。它支持20多种语言,并自动调整语言以匹配用户的语言设置。该插件具有许多其他功能,最重要的是,您可以免费使用(带有广告)。如果要使用无广告版本,则需要购买订阅。

WP Print Free WordPress插件

查看演示了解更多并下载
这是另一个很棒的小插件,可让您的WordPress博客轻松打印就绪。它没有以前的插件那么多的功能,但是它具有一组可观的设置来控制页面元素的打印。在网页上,它显示一个打印按钮,使用户可以生成他们想要的任何页面的可打印版本。

自定义CSS打印
如果您对编码感到满意,那么想要使WordPress博客打印就绪的一个很好的起点是CSS。实际上,要使您的网站可打印,实质上涉及编写一些CSS样式来隐藏或显示元素,以便它们在纸上清晰可见。如果您的主题尚未准备好打印,或者您想添加自定义打印样式,那么首先请确保创建一个子主题,  以便您可以添加自定义CSS或安装并激活您喜欢的Custom CSS插件。

现在,您所要做的就是添加自定义打印样式(CSS),以使您的网页可以进行打印,并且这样做也很容易。只需声明,然后在该声明中编写样式即可,如下所示:

@media print {
/ *您的打印样式* /
}
声明是一种媒体查询,使用指定的样式可以控制打印时网页的外观。

第二种方法是将所有打印样式放在单独的CSS文件中。这是一种更清洁,更有条理的处理方式,在为博客执行维护任务时特别方便。只需创建一个新的CSS文件,编写样式(不要忘记以@media打印声明开头,然后将自定义打印CSS文件加载到您的主题中即可。样式文件中的内容完全取决于您,但基本上,您可以将包括您希望在博客的印刷版中显示的所有内容。

这是打印样式时的一些一般准则:

有些部分不希望出现在打印版本中,例如边栏。在那种情况下,当您  display: none用来隐藏那些部分时,请确保重新组织其余的块,以使打印时页面不会显得混乱。
使用点来表示字体大小,而不要使用em或pixel度量,这对于数字屏幕是最好的。另一方面,打印机在加分方面效果最佳。
博客的印刷版应使用全角。在数字设备上,最好限制宽度大小,但是在纸上打印时看起来并不好。
删除评论部分中的内容,特别是如果您的博客非常活跃。
删除导航和页脚内容(仅display: none在这些元素上使用)。在大多数情况下,页面上的文本内容是打印版本中所有重要的事情,因此在编写打印CSS时,它应该是您的主要重点。
加上上一点,您还应该考虑隐藏所有图像,除非它们对于理解相关文本内容是绝对必要的。显然,默认情况下,所有其他交互式媒体元素都应该隐藏,因为它们只是乱七八糟。链接也应该删除,因为它们在纸上毫无意义。
WordPress.org有一个很好的打印样式表示例,您可以在编写样式表时作为参考。在这里看到它。

包起来
许多人在构建网站时不会考虑将其打印为可打印的网站。但是,从一开始就为Web和打印进行设计非常重要。但是,如果您不这样做,现在感觉陷入困境,那就很容易修复。实际上,考虑到将打印样式实现为主题的过程非常简单,大多数人(甚至是WordPress新手)也应该能够自行进行这些更改,特别是如果使用上面推荐的插件之一。

那么,您打算将博客做好印刷准备吗?如果您已经采取了这些措施,情况如何?我很想在下面的评论中听听您的经历。

回到顶部