如何在 WordPress 中使用帖子格式
已發表: 2015-05-12媒體(例如雜誌)中一種流行的設計元素是從一篇文章或頁面到另一篇文章或頁面改變樣式和顏色。 如果一個頁面有多篇文章,它們通常以不同的字體、佈局或標註顯示,以使它們具有不同的外觀。 這使得整個雜誌的頁面更有趣。 當然,這些設計元素在屏幕上也很有效。
為了讓您的 WordPress 網站外觀多樣化,Automattic 添加了帖子格式。 這使您可以根據帖子的類型獲得不同的外觀。 它還為您的網站提供了更多功能和功能。 例如,您可以只發布快速報價或狀態,這使您的網站能夠在保持標準博客風格的同時進行微博。
什麼是帖子格式?
帖子格式是您的主題可用於自定義帖子外觀或樣式的元信息。 它們是可以內置或添加到您的主題的功能。 如果您的主題支持它們,您會在創建新帖子時發現這些有趣的選項集。 在屏幕右側,您會看到一個標有“格式”的框。
它包括幾個選項,例如標準、圖像和報價。 這些選項創建了一些與您的標準日常帖子不同的樣式。 讓我們來看看如何使用它們。
有九種帖子格式可供選擇:
- 標準 - 未指定發布格式。 內容類型將在內容本身內處理。
- 除了 - 沒有標題的簡短說明更新。
- 圖片 - 帖子中的單個圖片。 您可以將內容中的第一個 <img /> 標籤用作圖像。 您也可以使用 URL。
- 視頻 - 可以是單個視頻或視頻播放列表。 您可以在內容中使用第一個 <video /> 標記或對象/嵌入,也可以使用 URL。
- 引用 – 格式為塊引用的引用,或以作者姓名作為標題的內容。
- 鏈接——指向另一個網站的超鏈接。 您可以使用內容中的第一個 <a href=””> 標記作為鏈接。 您也可以使用 URL。
- 圖庫 - 圖像或照片庫。 通常與畫廊簡碼一起使用。
- 狀態 - 狀態更新。
- 音頻 – 單個音頻文件或完整的音頻播放列表。
- 聊天 - 轉錄格式的對話。
為什麼使用帖子格式
使用帖子格式不會改變內容,那麼為什麼要使用它們呢? 您已經可以顯示圖庫、視頻、圖像和音頻播放器。 那麼為什麼需要使用帖子格式呢? 他們將您的各種類型的內容彼此區分開來。 這使您的帖子比標準的日常帖子更具風格。
例如,所有音頻都可能帶有特定顏色背景和揚聲器圖標。 您的訪問者一眼就知道這是一個音頻文件。 如果那是他們正在尋找的東西,他們會更容易找到它,他們會因此而感激你。
帖子的格式以及標題字體和样式、評論和類別信息位置、特定帖子背後的背景以及內容在屏幕上的位置都會發生變化。 它可以防止您的網站從一個帖子到另一個帖子看起來都一樣,給它一些活力。
它們為您的內容外觀提供了更好的自定義。 它使簡短的內容脫穎而出。 它使微博看起來很棒。 如果沒有帖子格式,每個帖子看起來都一樣,只是內容本身不同。
將帖子格式添加到您的主題
並非每個主題都支持開箱即用,但只需幾行代碼即可添加它們。 下面是來自 WordPress Codex 的代碼。
首先,在functions.php文件中添加add_theme_support() 函數。 您可以通過選擇要包含的內容來選擇您希望主題支持的帖子格式。 格式數組如下所示:
[php] add_theme_support('post-formats', array('aside', 'gallery')); [/php]您可以使用 after_setup_theme 鉤子並將其放在 init 鉤子之前。
接下來要做的是添加帖子類型支持。 您可以通過在functions.php文件中添加 add_post_type_support() 來做到這一點。 代碼如下所示:
[php] // 向 post_type 'page'add_post_type_support( 'page', 'post-formats' ) 添加後期格式;// 向 post_type 添加後期格式 'my_custom_post_type'add_post_type_support( 'my_custom_post_type', 'post-formats' ) ; [/php]另一種選擇是在函數 register_post_type() 的“supports”參數數組中添加“post-formats”。 代碼如下所示:
[php] $args = array( … 'supports' => array('title', 'editor', 'author', 'post-formats')); register_post_type('book', $args); [/php]為了使用格式,請使用 get_post_format() 檢查帖子的格式。
另一種選擇是使用 has_post_format() 條件標記。 代碼如下所示:
[php] if ( has_post_format( 'video' )) { echo '這是視頻格式';} [/php]如果要添加動態樣式類,還可以在帖子周圍的包裝器代碼中的 post_class() 函數中使用樣式規則。
例如,將此添加到您的樣式表將隱藏帖子標題:
[css] .format-status .post-title {display:none; } [/css]造型技巧
如果格式內置於您的主題中,則它們很可能是專門為該主題設計的,以匹配其外觀和感覺。 您可以創建自己的樣式或修改現有樣式。 以下是一些需要注意的事項:
- 使用格式,以便您的帖子很容易被識別為特定類型。
- 除了標題或作者信息之外,鏈接和狀態格式 - 顯示它們。 保持簡單和簡短。
- 旁白應該包含一兩段。 使用 the_permalink() 允許評論。
- 鏈接應該包含一個帶有鏈接的句子。 使用 the_permalink() 允許評論。
- 狀態不應包含 the_permalink(),因此該帖子不允許發表評論。
- 圖像、音頻和視頻應包含單個圖像、音頻或視頻,帶或不帶標題/文本。 使用插件或標準嵌入顯示內容。
- 報價 - 發布一個沒有額外信息的人的簡單報價。 如果要將引用的人的姓名顯示為署名,可以將他們的姓名放在帖子的標題中,將帖子設置為單獨顯示 the_content() 但重新設置為塊引用,然後使用 the_title()。
- 聊天 - 使用樣式在灰色背景內以等寬字體顯示內容。
對於子主題,請在父主題之後調用 add_theme_support()。 代碼如下所示:
[php] add_action('after_setup_theme', 'childtheme_formats', 11);function childtheme_formats(){ add_theme_support('post-formats', array('aside', 'gallery', 'link'));} [/php]不要忘記將 get_post_format() 添加到搜索、歸檔和單篇文章視圖中。

有關更多信息並獲取源代碼,請參閱 WordPress Codex 文章,標題為 Post Formats。
CSS
您可以在樣式表中編輯樣式。 在這裡您可以調整顏色、字體等。
如何使用帖子格式
要使用它們,您先創建內容還是先選擇帖子格式都沒有關係。 只需照常創建您的內容,然後從列表中選擇帖子格式。 您將看到可視化編輯器格式更改以匹配您選擇的帖子格式。
大多數工作相同,所以我將僅展示幾個示例。 我正在使用二十三,它具有內置的格式和样式。
音頻格式
在此示例中,我選擇了音頻並上傳了 MP3。
當您在可視化編輯器中選擇帖子格式時,編輯器本身將更改以顯示格式。
沒有帖子格式的音頻
這個確實有音頻播放器,但其他一切看起來就像使用標準帖子格式的所有其他帖子一樣。 沒有什麼可以分開的。
帶有帖子格式的音頻
音頻帖子格式將帖子設置為不同的顏色並添加揚聲器圖標。 它還對日期、類別、標題和內容使用不同的佈局。 我的讀者會很容易地認出我創建的每一個音頻帖子,因為他們會尋找這種風格。
狀態帖子格式
在此示例中,我編寫了一個快速狀態更新。
無格式狀態帖
這是使用標準格式的帖子。 您可以看到標題是帖子中最突出的部分。 由於內容很短,它只會在頁面上丟失。 如果不是因為巨大的標題,這篇文章在主頁上幾乎是不可見的。
帶格式的狀態帖子
這是應用了狀態格式的帖子。 首先要注意的是我寫的討厭的標題被刪除了,帖子中的文字更大了,背景顏色也不同了。 字體以斜體顯示以使其更加突出,日期現在有單詞狀態,並且在帖子的第一個單詞前面有一個小破折號。 還有一條小的垂直虛線從帖子的頂部到底部穿過破折號。
在編輯器中查看所有帖子
當您從儀表板中選擇所有帖子時,列表將顯示帖子類型的圖標。 您可以選擇該圖標以查看該帖子類型的所有帖子。 這有助於編輯,因為您可以過濾並僅查看您正在尋找的帖子格式。
比較
以下是他們在主頁上發布和不發布帖子格式的樣子。
沒有帖子類型的主頁
每個帖子都有相同的格式。 相同的字體,相同的背景,相同的標題,除了內容之外的一切。 除了圖像,沒有什麼特別突出的。 問題不在於所有內容都有圖像,較短的內容可能會在混合中丟失。
帶有帖子類型的主頁
使用帖子格式可以使一些較短的帖子更加突出。 他們仍然可以被其他帖子中的圖像所壓倒,但如果我的讀者知道我使用黑色背景作為引用和棕色背景作為我的狀態更新,他們將僅通過顏色識別它們。
改變主題
到目前為止,所有樣本都來自二十三主題。 當您更改主題時,帖子會保留它們已設置為某種格式的事實,但格式的樣式會因一個主題而異。 您可能需要添加一些格式,並且可能需要修改樣式以適應您的口味。
提示
在將代碼添加到您的主題之前,請務必進行備份。 如果您可以訪問單獨的 WordPress 開發環境,那麼我建議您先在該環境下測試您的代碼。
如果您更改主題,請確保添加未包含在主題中的帖子格式和样式。 主題之間沒有任何一致性,所以如果你不進行調整,你的帖子會是什麼樣子是不知道的。
無論您是創建自己的樣式還是修改預製樣式,請使用彼此不同的樣式。 這樣,您的讀者將一眼就知道帖子包含什麼類型的內容。 您可以根據需要使它們相似或不同。
您不必使用所有格式。 只需使用對您的網站和受眾最有意義的那些。
最後的想法
帖子格式易於使用,它們為您的網站增添了一些活力。 他們使每個帖子看起來都不像每個帖子。 除了視覺多樣性之外,它們還通過提供視覺提示幫助您的讀者識別您網站上的各種類型的內容,以便他們可以輕鬆地獲得他們正在尋找的內容。 您製作的內容類型越多,它們就越有用。
到你了! 你使用帖子格式嗎? 您是否將它們添加到您的主題中? 你創造了自己的風格嗎? 你有什麼要補充的嗎? 我想在下面的評論中聽到你的想法。