如何在WordPress中創建自定義檔案頁面


自定義檔案頁面是一種將所有舊內容集中在一個頁面中的好方法。 它允許您有一個專用頁面,您可以在其中列出每月的存檔,類別存檔,標籤存檔,作者存檔以及其他可能要添加的內容。 我們為WPBeginner提供了一個自定義檔案頁面。 最近,我們的一位用戶建議我們為此編寫一個教程。 在本文中,我們將向您展示如何在WordPress中創建自定義檔案頁面。

問題

默認情況下,您可以使用側邊欄小部件顯示年度存檔。 一旦您撰寫博客超過一年,這可能會變得一發不可收拾。 想像一下像WPBeginner這樣活躍了近4年的網站。 邊欄中將有48個每月的歸檔鏈接。 您還可以在邊欄上添加類別檔案,作者列表等。 但是,當您可以創建一個頁面以列出所有鏈接時,為什麼還要在側邊欄上放置如此多的鏈接。 這是自定義存檔頁面開始播放的時間。 它不僅可以避免混亂,而且還為用戶提供了一種瀏覽舊內容的有效方法。

可悲的是,大多數WordPress主題都沒有自定義檔案頁面模板。 讓我們看看在WordPress中創建自定義檔案頁面模板所需要的內容。

注意: 請不要將自定義檔案與大多數WordPress主題隨附的archive.php模板混淆。 archive.php模板用於顯示每月,類別,標籤,作者和其他存檔頁面。 我們的自定義檔案頁面將是一個頁面,它將所有其他檔案聚集在一起。

創建自定義檔案頁面模板

您需要做的第一件事是為自定義檔案頁面創建頁面模板。 只需在文本編輯器(即記事本)中打開一個新文件並將其命名 page-archive.php。 接下來,在頂部添加以下代碼行:


上載 page-archive.php 在您的WordPress主題文件夾中,您已經創建了一個Archives頁面模板。 現在,我們需要確保此頁面模板與您的網站設計匹配。 複製您的內容 page.php 位於主題文件夾中的文件並將其粘貼到 page-archive.php

以下是您的 page-archive.php 文件如下所示:


/* Custom Archives Functions Go Below this line */ /* Custom Archives Functions Go Above this line */

在WordPress中創建自定義檔案頁面

現在您已經準備好基本頁面模板,您需要在WordPress中創建一個新的自定義存檔頁面。 轉到WordPress管理面板,然後添加一個新頁面(頁數»新)。 您可以將此頁面稱為“存檔”,“庫”或其他任何您喜歡的東西。 現在,查看屏幕右側“發布”按鈕下方的元框。 您應該看到一個名為“頁面屬性”的元框。 單擊模板下面的下拉菜單,然後選擇存檔作為頁面模板。 保存並發布頁面。

在WordPress中選擇檔案頁面模板

現在,您已經創建了一個使用檔案頁面模板的頁面,但是該頁面不會顯示任何內容。 讓我們繼續添加自定義存檔頁面元素,例如年度存檔,類別等。

使用壓縮檔案添加每月檔案

如果您查看我們的自定義檔案頁面,則會發現我們沒有使用WordPress隨附的默認每月檔案列表。 相反,我們使用的是名為Compact Archives的插件。 請注意,我們已經採用了該插件,現在正在對其進行維護。

安裝並激活該插件Compact Archives插件。 激活插件後,在您的自定義檔案頁面模板(page-archive.php)中添加以下代碼:

By Date

它將顯示您的每月存檔,如下所示:

使用Compact Archives每行顯示一年的每月存檔

添加所有類別的列表

類別概括了您網站的主要主題,是對內容進行排序的最佳方法。 了解我們為什麼使用類別vs標籤。 由於我們使用類別作為組織內容的主要方式,因此我們認為列出類別檔案絕對至關重要。 為了節省空間,我們將向其顯示一個內聯列表。

首先將此代碼添加到您的存檔頁面模板文件中:

Categories:

現在,我們需要對該列表進行樣式設置,使其內聯並改善其外觀。 將此添加到您主題的 style.css 文件:

ul.bycategories {
margin: 0;
padding: 0;
}
ul.bycategories li {
list-style: none; 
list-style-type: none;
margin: 0; 
padding: 0;
}
ul.bycategories li a {
list-style: none; 
list-style-type: none;
margin: 0 20px 15px 0; 
float: left; 
background: #eee; 
color: #464646; 
padding: 5px 10px;
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
}
ul.bycategories li a:hover{
text-decoration: none; 
background: #ff6200; 
color: #fff;
}
.clear{clear: both;}

您的類別將如下所示:

在WordPress的存檔頁面上顯示行類別

探索? 將用戶重定向到隨機帖子

在存檔頁面中,我們有一個Explore WPBeginner按鈕。 此按鈕將用戶重定向到隨機帖子。 目的是允許用戶隨機瀏覽文章。 了解如何將用戶重定向到WordPress中的隨機帖子。

儘管這是我們自定義檔案頁面上擁有的所有信息,但您肯定可以添加更多信息。 讓我們看一下您可以添加的其他內容。

添加標籤雲

如果要顯示站點上最常用標籤的標籤雲,則只需在custom-archive.php文件中添加以下代碼:

Tags Cloud:

wp_tag_cloud()函數帶有許多參數,用於調整標籤數量,最大和最小標籤大小等。

添加頁面列表

如果要顯示站點上所有頁面的列表,則只需添加以下代碼:


添加作者列表

要顯示網站上的作者列表,只需添加以下代碼:


添加最近的帖子

如果要顯示最新帖子列表,請添加以下代碼:


全面的存檔頁面使您的用戶可以有效地瀏覽您的舊內容。 我們希望本文能幫助您在WordPress中創建自定義存檔頁面。 如果您有任何疑問或建議,請在下面留下評論,讓我們知道。