如何立即使您的 WordPress 网站打印机友好

已发表: 2017-07-30

您的 WordPress 网站打印机友好吗? 如果你不知道这个问题是什么意思,那可能不是……

虽然一些 WordPress 主题开发人员确实支持打印机友好的内容,但大多数情况下并非如此。 这意味着,如果您希望人们能够以一种实际可读的方式打印您的内容,您需要自己动手……这就是我今天要讨论的内容。

在这篇文章中,您将了解是什么让网站打印机变得友好,以及如何使用 CSS 或插件使您自己的 WordPress 网站打印机变得友好。

什么使网站打印机友好?

您的网站有大量元素,使人们可以轻松浏览您的整个网站。 导航菜单、内部超链接、侧边栏……所有这些对于在 Internet 上访问您的站点的人来说都是有益的,因为它可以让他们找到新信息并在不同页面之间移动。

但是当涉及到从您的网站打印特定内容时,这些元素就会成为障碍。 想想看……人们无法在打印页面上单击您的导航菜单或与您的侧边栏进行交互,因此当他们在一张纸上阅读您的内容时,让他们打印出您的顶部导航菜单并不是特别有用。

此外,有时您网站上使用的字体和字体大小不能很好地转换为打印页面的尺寸。

最后,许多人打算用黑白打印您的内容(而彩色墨水很贵!),因此为您的打印机友好内容采用更灰度的外观始终是一个好主意。

因此,使您的网站打印机友好主要包括:

  • 更改字体、大小和间距,以便在正常页面大小上更易于阅读
  • 删除对打印页面没有帮助的无关元素,如广告、导航和侧边栏
  • 如果您使用大量非黑白元素,则减弱颜色

那么你怎么能真正做到这一点呢? 让我们来了解一下……

如何使用 CSS 使您的网站打印机友好

在下一节中,我将向您展示一些 WordPress 插件,它们可以帮助您使站点打印机友好,而无需深入研究任何 CSS。 但是,如果您想完全控制站点打印机版本的外观,您实际上可以使用媒体选择器来设置页面打印版本的样式。

打印机友好内容的基本 CSS 构建块是这样的:

 @媒体打印{
/* 打印机特定样式放在这里 */
}

您添加到此媒体声明的任何 CSS 样式只会影响页面的印刷版本。

你从那里去哪里? 好吧,很难给出一个确切的答案,因为很多答案取决于您的特定偏好和主题。

但总的来说,这里有一些你想用 CSS 做的事情:

  • 使用display:none删除侧边栏、导航菜单、搜索表单等元素,以及其他对打印页面没有帮助的元素。
  • 设置清晰的字体大小。 Reed Design 的 Points to Pixels 图表有助于弄清楚像素与您在 Microsoft Word 或 Google Docs 等更适合打印的程序中熟悉的字体大小之间的关系。
  • 为您的打印机样式使用衬线字体,因为大多数人发现在打印页面上更易于阅读。
  • 更改颜色,尤其是当您使用墨水过多的背景颜色时。 大多数浏览器在许多情况下默认为白色背景——但最好确定一下,因为任何问题都可能意味着大量浪费墨水。

只做上述四件事,你应该已经有一个对打印机友好的网站。 但如果你想走得更远,你也可以实施更高级的策略。 例如,您可以使用 :after 打印出任何链接的 URL。 这会从帖子中删除不必要的媒体(如视频——对印刷品不是很有帮助)等等。

如果您想要一些更具体的打印机友好 CSS 样式示例,可以阅读 Smashing Magazine 上的这篇文章,因为它们贯穿了整个示例页面。

一些 WordPress 插件使您的网站打印机友好

如果您不想接触 CSS,您可以像往常一样向 WordPress 插件寻求帮助。 您有很多不同的选择,但这里有一些建议。

不过,在开始之前,我确实想说明这些插件仅在用户单击每个插件提供的专用Print This按钮时才起作用。 如果用户直接进入浏览器中的打印选项,它们不会影响您网站的打印机样式。

WP-打印

WP-Print 是一个流行的免费插件,可帮助您创建一个打印机友好的 WordPress 网站。 除了添加专用的Print This按钮外,该插件还为您提供了一个用户友好的界面。 这总是您自定义我在上一个 CSS 部分中讨论的许多设置。

打印机友好

我很想知道这个插件如何与 Divi 和 Divi Builder 配合使用。 所以,我建立了一个快速测试帖子来看看事情是如何运作的。 这是我的测试帖子的网络版本的外观:

这是该帖子的打印机友好版本的样子(请记住 - 您可以自定义图像的工作方式 - 我的示例仅使用默认值):

该插件特别好的一件事是它会自动为内容链接添加引文。 它还删除了所有导航选项。

请注意 - 您需要熟练地挖掘主题的模板文件以添加“打印此”按钮。 这几乎只是一个复制和粘贴工作——但初学者可能会觉得它有点混乱。

价格:免费 | 更多信息

PrintFriendly 打印、PDF、电子邮件

在我继续之前,我想先说明这个插件的主要警告——免费版本是广告支持的。 不理想……但插件本身非常好,而且广告也不是特别具有侵入性。

如果这不是破坏者,或者如果您愿意升级到专业版,请继续阅读……

PrintFriendly 的 WordPress 插件将 PrintFriendly 服务集成到您的站点中。 这是一项很酷的服务,除了去除 WordPress 主题的无关部分外,还让您的用户可以控制打印页面的外观。

与 WP-Print 一样,该插件为您提供了一个打印按钮。 单击该按钮时,会打开一个灯箱窗口。 用户可以在此处预览打印版本,以及调整图像和文本大小:

它没有来自 WP-Print 的酷炫链接引用功能,但我确实认为它很棒,因为它为您的访问者提供了控制。 另一个好处是,它还使读者可以轻松地以 PDF 或电子邮件形式共享或下载您的帖子。

价格:免费提供广告支持。 专业版起价为每月 4 美元 | 更多信息

总结

虽然您的大多数访问者确实会在线消费您的内容,但这并不意味着您应该完全忽略想要将您的内容打印在纸上的人。 创建一个打印机友好的网站是一次性的。 一旦您将其安装到位,访问者就可以根据需要打印您的内容,同时仍能获得出色的体验。

现在轮到你了——你有没有打印过网站上的内容? 对于大多数网站的打印机友好版本,您喜欢和/或不喜欢什么?

文章缩略图来自 AVIcon / shutterstock.com