如何立即使您的 WordPress 網站打印機友好

您的 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 的文章縮略圖