如何隱藏選擇性WordPress帖子和頁面的標題


在關於如何隱藏小部件標題的帖子中,我們有一條有趣的評論,提出了一種在選擇性的單個帖子和頁面上隱藏標題的解決方案。 我們認為這對某些人可能有用。 在本文中,我們將向您展示如何隱藏WordPress選擇性帖子和頁面的標題。 我們還將向您展示如何隱藏所有WordPress帖子和/或頁面的標題。

隱藏選擇性文章和頁面的標題

您是否要隱藏選擇性帖子和頁面的標題而無需編輯一行代碼? 然後,您需要做的就是安裝並激活WordPress的Hide Title插件。 激活後,轉到特定帖子和頁面的編輯屏幕。 您只需在WordPress管理員中單擊“帖子”或“頁面”菜單,然後單擊要編輯的項目即可完成此操作。 在編輯屏幕上,您會看到一個 隱藏標題 像這樣的元框:

單視圖頁面的後貼或頁面標題

您需要做的就是選中此框,然後單擊“更新”或“發布帖子”按鈕。 而已。 現在,此插件將在單個頁面視圖上隱藏標題。 這意味著它仍將在您的主頁或其他存檔頁面上顯示標題,但不會在單個頁面視圖上顯示。 在單個帖子視圖中打開該帖子以測試結果,以確保一切正常。

如果您要創建一個簡單的著陸頁並且不想顯示標題,則此解決方案可能非常方便。

隱藏所有WordPress帖子和頁面的標題

我們無法想到有人會這樣做的原因,但是讓我們看看如何為了學習而隱藏所有WordPress帖子和頁面的標題。 如果出於某種原因要隱藏單個頁面上所有文章和頁面的標題,則可以通過編輯主題來實現。 這樣做的方法很少。

最簡單的解決方案是將此代碼添加到您的WordPress主題的 functions.php 文件。

function wpb_hidetitle_class($classes) {
if ( is_single() || is_page() ) : 
$classes[] = 'hidetitle';
return $classes;
endif; 
return $classes;
}
add_filter('post_class', 'wpb_hidetitle_class');

該過濾器只是添加了一個額外的類 .hidetitlepost_class() 僅在顯示單個帖子或頁面時起作用。 但是,僅當您的WordPress主題支持post類時,此過濾器才起作用。 如果您只想針對帖子而不是頁面進行此操作,那麼就可以刪除該部分 || is_page()

添加此功能後,您需要將此css規則添加到主題的樣式表中。

.hidetitle .entry-title { 
display:none;
}

在上面的CSS中,我們使用了 display css屬性隱藏帖子和頁面標題。 但是,僅當您的WordPress主題在帖子或頁面標題中使用條目標題時,此CSS規則才有效。 要找出主題用於帖子標題的CSS類,只需在Google Chrome或Mozilla Firefox中打開您的帖子,然後將鼠標移到帖子標題上即可。 右鍵單擊並選擇檢查元素。 您的瀏覽器將拆分,您將看到頁面源代碼,突出顯示帖子標題的源代碼,您可以在其中查看主題使用的CSS類。

查找用於元素的CSS類

假設您的主題使用 article-title 作為帖子標題的CSS類。 只需像這樣更改CSS:

.hidetitle .article-title { 
display:none; 
}

我們之所以說上述解決方案是最簡單的解決方案,是因為它適用於諸如Genesis等流行主題框架的子主題。 它也適用於獨立的WordPress主題。

現在,我們上面提到的兩個解決方案都將隱藏標題,但是它們仍在加載標題。 因此,換句話說,他們正在隱藏而不是刪除它。 如果您是主題設計師,或者想從模板中刪除帖子或頁面標題,則需要從適當的主題文件中刪除the_title代碼。

如果只想對單個帖子視圖執行此操作,則可能會在single.php文件中找到此代碼。 但是,如果要在整個站點中執行此操作,則需要編輯index.php,archive.php,single.php等文件,以及基本上包含循環的任何其他文件。 如果您不熟悉它,將需要反複試驗。

如果您使用的是主題框架之一,那麼您將希望堅持使用我們向您展示的插件解決方案或post_class解決方案。

我們希望本文能幫助您隱藏特定WordPress帖子和頁面的標題。 您可以看到哪些可能的用例在單個視圖中隱藏帖子或頁面標題的位置? 讓我們在下面留下評論。