WordPress 3.1 中文章格式的什麼、為什麼以及如何使用

最後更新於2014年1月30日 | 編輯部 | 審核：Syed Balkhi

編輯註：在WPressize Me上的合作夥伴鏈接中我們會賺取佣金。佣金不會影響我們編輯的意見或評估。了解更多關於我們的編輯流程。

文章格式是即將在WordPress 3.1中推出的一個令人興奮的新功能。然而，大多數初學者對它們是什麼、為什麼對你有意義以及如何利用這一絕佳功能毫無頭緒。經過對WordPress 3.1的alpha版本的反覆研究後，我們決定解釋即將在WordPress 3.1中新增的文章格式功能的什麼、為什麼以及如何使用。

什麼是文章格式？

文章格式是元信息，可由主題用來自定義文章的呈現方式。簡單來說，文章格式是一種為特定文章進行樣式設定的方法。通過使用這一功能，你可以指定特定文章的顯示“格式”。這一功能擴展了WordPress的微型博客功能，因為現在你可以在一個地方擁有視頻、鏈接、圖片、音頻、引用、狀態等，並且最棒的是它們會根據格式進行樣式設定。

使用範例

讓我們來看看Digging into WordPress官方博客的首頁。他們有兩種類型的文章樣式。一種是顯示摘錄的完整文章，就像任何其他的博客一樣。更有趣的是，他們有一種特定的文章樣式，這些文章是鏈接到他們認為對讀者有用的其他博客文章的外部鏈接。

博客的核心是分享資源，通常博客作者只是想鏈接到外部資源，因為他們認為這對讀者有用。主要問題在於他們必須創建一篇新文章來告訴讀者轉到另一個網站。這會讓最終使用者感到困惑，因為他們不知道這是哪種類型的文章。通常，使用者必須點擊文章的完整視圖才能發現作者希望他們查看外部鏈接。即使有這樣的技巧，讓你從文章標題鏈接到外部鏈接，這個文章格式問題也會解決所有問題。主題設計師可以將“鏈接格式”樣式設計得像Jeff Starr在Digging into WordPress中那樣顯示。

這一功能的威力太大，難以描述。因為現在你可以像在twitter上一樣寫短狀態帖子，並且可以輕鬆地設置不同的樣式。如果你找到了一個喜歡的引用，可以分享並通過一鍵讓它脫穎而出。總結來說，“文章格式”功能將使WordPress成為一個更完整的博客平台。

為什麼要使用文章格式？

文章格式取代了使用分類來實現相似樣式功能的需求。到目前為止，開發者通過黑客手段使用WordPress分類來實現這種效果，這最終會導致大量的混亂和新博客用戶的困惑。使用文章格式不僅可以減少分類上的凌亂，還會讓你的博客更便於在支持這些格式的主題之間移動。

此外，它還會使你的博客對讀者來說更友好，因為他們會知道自己看到的是什麼類型的文章。此外，它還會讓你的博客更加生動，因為你會在博客頁面上擁有不同樣式的帖子。目前，大多數博客文章展示看起來非常單調，因為所有的文章看起來一樣。文章格式將填補WordPress支持的網站中的這一缺口。

如何在WordPress 3.1中添加和使用文章格式

就像文章縮略圖、菜單、自定義背景和自定義標頭一樣，文章格式也將成為主題啟用功能。這意味著，如果你的主題兼容，該功能才能可用。

警告：您必須對HTML、CSS和WordPress循環的功能有相當的了解才能遵循本教程。

要在WordPress 3.1中啟用“文章格式”，你需要打開主題的functions.php文件並粘貼以下代碼：

add_theme_support( 'post-formats', array( 'aside', 'gallery' ) );

注意：aside和gallery並不是唯一可用的文章格式。可用的文章格式列表包括：

• aside – 通常無標題進行樣式設置，類似於Facebook狀態更新。
• chat – 聊天記錄。
• gallery – 圖片庫。
• link – 連接到其他網站的鏈接。
• image – 單個圖片。
• quote – 引用。
• status – 短狀態更新，通常限制為140個字符，類似於Twitter狀態更新。
• video – 單個視頻。

有關完整的文章格式列表，請參考WordPress Codex。

一旦添加了這段代碼，你會在撰寫文章的面板中看到一個新的字段，位於右側欄的發佈部分。

在撰寫文章時，你可以更改格式並點擊發佈。這將允許你在預定義的樣式下顯示你的文章。

但等等，我們還沒有在我們的主題中指定這些預設的文章格式。因此，即使你在WordPress的文章面板中選擇了格式，它也不會產生差異，因為你的主題不知道如何顯示它。為此，我們需要編輯我們的文章循環。

我們將使用條件標籤：has_post_format()

if ( has_post_format( 'aside' )) {
  // 此處顯示aside格式的代碼
} else if (has_post_format('gallery')) {
  // 此處顯示gallery格式的代碼
} else if (has_post_format('link')) {
  // 此處顯示link格式的代碼
} else {
  // 此處顯示普通格式的代碼
}

現在你還在等什麼呢？開始為這個令人驚嘆的功能做準備吧。我們只能想像隨著新主題的推出，利用這一功能的WordPress將越來越多地被用作微型博客平台。

附加閱讀材料：

• WordPress Codex 文章格式
• 文章類型、格式和分類法
• 文章格式與自定義文章類型

如何為 WordPress 文章縮略圖設置預設後備圖像

精選圖像對於提高您的 WordPress 文章的視覺吸引力和參與度至關重要。它們可以引起讀者的注意，並使您的內容脫穎而出。
然而，我們知道為每篇文章創建獨特的圖像非常具有挑戰性，尤其是在您運營一個像我們這樣繁忙的網站時。

這時設置一個默認的後備圖像就變得非常方便。這確保您即使沒有時間創建自定義的精選圖像，您的文章也總能有一個圖像，從而保持您網站的專業外觀。

為什麼要在 WordPress 中設置默認精選圖像?

在 WordPress 中，精選圖像（或文章縮略圖）是非常重要的視覺元素，代表您的內容。它們能夠在您的博客、歸檔和社交媒體上引起注意，為讀者提供預覽。

但是如果您沒有為每篇文章設置獨特的圖像會發生什麼呢？這時設置 WordPress 默認精選圖像就會派上用場。這個解決方案非常適合繁忙的新聞網站、沒有圖像的舊內容，或希望在您的 WordPress 網站上保持一致的品牌外觀。

沒有默認圖像的話，您的網站可能顯得奇怪。沒有圖像的文章會以一種不好的方式突出，使您的網站看起來混亂，這會讓讀者感到困惑並讓您的網站顯得不夠專業。

方法1：使用插件設置默認後備精選圖像

這個方法適合初學者，因為不需要任何編碼。我們將使用 Default Featured Image 插件來顯示默認的後備 WordPress 文章縮略圖。

首先，在您的 WordPress 網站上安裝並激活 Default Featured Image 插件。如果您不確定如何操作，請參閱我們的入門指南。

啟用後，前往您的 WordPress 管理儀表板中的 設定 » 媒體。您會看到一個新的選項「選擇默認精選圖像」。點擊該按鈕以打開您的媒體庫。在這裡，您可以選擇現有圖像或上傳新的圖像用作文章的後備。

方法2：使用代碼設置默認後備精選圖像

如果您熟悉編碼或者不希望使用插件，那麼您可以手動設置後備文章縮略圖圖像。
我們將使用 WPCode 插件來安全且輕鬆地添加此功能。

方法3：使用代碼將第一張圖片設為文章縮略圖

此方法會自動使用文章中的第一張圖片作為縮略圖。如果您的文章中總是包含圖片，並且希望節省手動設置精選圖片的時間，那麼這是一個很好的選擇。

附加：重要的WordPress 圖片小貼士

現在您已了解如何設置文章縮略圖的默認後備圖像，這裡有一些其他有用的與圖像相關的技術：

• 如何根據文章分類在 WordPress 中設置後備精選圖像
• 如何在 WordPress 側邊欄小工具中添加圖片
• 如何在 WordPress 中上傳大圖片
• 如何在 WordPress 中將圖片變成灰階效果
• 如何自動刪除 WordPress 中的默認圖片鏈接

為什麼要在主題中將頁面別名添加到 Body Class？

如果你希望對網站的特定頁面進行客製化並希望正確識別頁面，那麼將頁面別名添加到主題的 body class 中會非常有用。默認情況下，你的 WordPress 網站只會顯示文章 ID 類別，這在識別正確頁面時可能會比較困難。頁面別名顯示了博客文章的 URL，讓頁面客製化變得更加容易。除此之外，你還可以使用頁面別名 body class 對頁面進行不同的客製化。例如，你可以更改特定文章的字體和顏色，或在特定登錄頁面上突出顯示呼籲行動按鈕。

如何在 WordPress 主題中添加頁面別名

要在 WordPress 主題的 body class 中添加頁面的 URL，你可以在主題的 functions.php 文件中輸入以下代碼：

function add_slug_body_class( $classes ) {
global $post;
if ( isset( $post ) ) {
$classes[] = $post->post_type . '-' . $post->post_name;
}
return $classes;
}
add_filter( 'body_class', 'add_slug_body_class' );

你可以通過進入 WordPress 主題編輯器（代碼編輯器）來訪問你的主題的 functions.php 文件。然而，直接編輯主題文件非常危險，因為添加代碼時的任何錯誤都可能導致網站崩潰並阻止你登錄到 WordPress 儀表板。一種更簡單的方法是在主題的 body class 中添加代碼是使用像 WPCode 這樣的 WordPress 插件。

使用 WPCode，你可以輕鬆地在幾分鐘內為網站添加代碼，且不會出錯。此外，它還確保如果你未來更新或更改主題，代碼不會被刪除。

首先，你需要在網站上安裝並激活免費的 WPCode 插件。關於逐步說明，你可以參考我們的 WordPress 插件安裝指南。一旦插件被啟用，一個名為“Code Snippets”的新菜單項目將被添加到你的 WordPress 管理菜單中。點擊它將帶你到管理所有代碼段的頁面。

要添加第一個自定義代碼段，點擊“添加新”按鈕。這將帶你到“添加代碼段”頁面，在這裡你可以選擇一個預製代碼段或添加你的自定義代碼。要添加你的自定義代碼，導航到“添加你的自定義代碼（新代碼段）”選項並點擊“使用代碼段”按鈕。

現在，為你的代碼段命名並將代碼輸入到“代碼預覽”框中。你還需要從右側的下拉列表中選擇“PHP 代碼段”作為代碼類型。

接下來，向下滾動到“插入”部分。在這裡，你可以選擇“自動插入”方法，以自動在特定的 WordPress 位置（如管理、前台等）插入和執行代碼。如果你不確定，保持默認的“在任何地方運行”選項。

或者，你可以選擇“短代碼”方法。使用此方法，代碼段不會自動插入。你會得到一個短代碼，可以手動插入到網站的任何位置。當你準備好時，將開關從“非活躍”切換到“活躍”，並點擊右上角的“保存代碼段”按鈕。

關於更多細節，你可以參考我們的如何在 WordPress 中添加自定義代碼指南。你現在將開始看到一個新的 body class 被輸出，如：page-{slug}。使用該類別來覆蓋默認樣式並為特定頁面定制元素。例如，假設你想在 slug 為“education”的頁面上設置側邊欄小部件的樣式，你可以添加這樣的 CSS：

#sidebar .widgets{background: #fff; color: #000;}
.page-education #sidebar .widgets{background: #000; color: #fff;}

我們希望本文能幫助你了解如何在 WordPress 主題中添加頁面別名到 body class。你還可能想看看我們的 WordPress body class 指南以及如何選擇最佳設計軟件。如果你喜歡這篇文章，請訂閱我們的 YouTube 頻道觀看 WordPress 教學視頻。你也可以在 Twitter 和 Facebook 上找到我們。