使用免費插件為您的 WordPress 類別超級充電

已發表: 2022-02-16

最近我正在考慮製作旅遊網站的過程。 我們會有關於特定度假村的博客文章,然後是一個名為“目的地”的自定義分類法,其中包含“夏威夷”和“加那利群島”之類的內容。 WordPress 就是為這類事情而構建的,因此按這些目的地對帖子進行排序和組織既快速又簡單。

問題是,例如,當我轉到有關夏威夷的帖子的存檔頁面時,我們對夏威夷信息的選擇非常有限。 默認情況下,術語只能有名稱、純文本描述、Slug 和相關的父項。

使用免費插件為您的 WordPress 類別超級充電

我真正想要的是特色圖片、自定義字段和動態描述字段。 如果我將 Destinations 設置為自定義帖子類型,我可以獲得所有這些東西,但是我將打破美妙的內置關係、用戶界面和分類的速度。

幸運的是,我們可以獲得分類術語的所有這些東西,而且我們可以使用免費插件來做到這一點。 就是這樣。


特色圖片

我想要一張特色圖片,以便我可以在我的學期頁面頂部呈現它。 帶有夏威夷術語的帖子將在頂部獲得美麗的海灘場景。

為此,我們將使用插件“Simple Featured Image”。 它已經有一段時間沒有更新了,但它仍然很好用。

SFI 在“設置”菜單下創建一個設置頁面,您可以在其中設置您希望它出現的分類。 不要忘記這一點,否則你會對如何使用它感到非常困惑!

安裝並激活後,在新條款和現有條款的表單上,您將看到如下字段:

使用免費插件為您的 WordPress 類別超級充電

當您單擊上傳/添加按鈕時,它會打開正常的 WordPress 媒體庫用戶界面並設置特色圖像,就像使用帖子一樣。

選擇圖像後,它看起來像這樣:

使用免費插件為您的 WordPress 類別超級充電

然後在術語列表管理頁面上,您會看到如下內容:

使用免費插件為您的 WordPress 類別超級充電

然後我們有一張特色圖片!


動態描述

術語的描述字段是純文本,只要您不想要更有趣的東西,這還不錯。 我喜歡添加 TinyMCE 編輯器,它曾經是 WordPress 中的默認設置。 為此,我們將使用插件“Visual Term Description Editor”。

重要提示:Yoast SEO 插件也啟用了此功能。 如果您已經在使用 Yoast,則不需要這個。 如果您不使用 Yoast,請不要僅為此功能安裝它。

這個插件沒有設置,它只是讓所有分類法中的所有術語描述都有 TinyMCE 編輯器。 它看起來像這樣:

使用免費插件為您的 WordPress 類別超級充電

然後主術語列表管理頁面看起來像這樣:

使用免費插件為您的 WordPress 類別超級充電

所以現在我們有了一張特色圖片和更好的描述,但我還想要一些自定義字段。 我們將這樣做。


自定義字段

術語 Meta 作為 WordPress 的一項功能已經存在了很長一段時間,但使用它們仍然有點麻煩。 Smashing Magazine 上有一篇精彩的文章,介紹瞭如何使用代碼自己構建它們。

您還可以使用大多數常見的自定義字段庫,如 MetaBox.io 和 CMB2,仍然可以使用代碼進行操作,但要以流暢、標準化的方式進行。

對於這篇文章,我們將選擇最簡單的方法,即高級自定義字段。 我們正在使用 WordPress.org 上的免費版本。 專業版顯然也可以。

如果您已經熟悉 ACF,要在條款上獲取自定義字段,您的位置應如下所示:

使用免費插件為您的 WordPress 類別超級充電

我添加了一個名為 Destination Details 的字段組,其中包含一個標準的“URL”類型字段,如下所示:

使用免費插件為您的 WordPress 類別超級充電

在術語編輯器中,它看起來像這樣:

使用免費插件為您的 WordPress 類別超級充電


更多自定義字段

我沒有為我的示例添加更多內容,但我敢肯定,如果您熟悉 ACF 或任何其他自定義字段管理器,您可以想像它的強大功能。 以下是您可以添加的其他一些自定義字段示例:

  • 坐標字段,以便您可以呈現 Google 地圖
  • 一個實際的地圖字段,您只需單擊即可獲取坐標
  • 有關目的地的元信息,例如人口、道路質量、國際機場通道、重要的文化細節等。

只要你能想像到,這個清單就會繼續下去。


使用此信息

既然您的分類術語是信息的發電站,那麼您如何在您的網站上看到這些信息?

製作模板文件

對於這個,您將創建和編輯一個模板文件。 大多數現代主題都有一個名為archive.php的文件,這是呈現您的 Post 存檔的文件。 一些主題還有一個名為category.php的文件,該文件用於顯示特定類別的帖子存檔。

如果您已將上述所有字段添加到與帖子關聯的默認類別分類法中,您將需要在category.php中執行此操作。 如果不存在,您可以將archive.php複製到category.php

如果您像我一樣使用自定義分類法,您需要將category.phparchive.php複製到taxonomy-{taxonomy}.php ,其中 {taxonomy} 是您的分類法。 您可以通過轉到分類管理頁面並查看 URL 來找到 slug。 我做了一個 Destinations 分類,但我的 slug 是travel_destination ,看起來像這樣:

使用免費插件為您的 WordPress 類別超級充電

所以我的模板文件叫做taxonomy-travel_destination.php

獲取信息

特色圖片

我們使用的插件有一個自定義函數來獲取圖像。 您可以使用此 php 函數在前端顯示分類特色圖像。

 wpsfi_display_image( $termID, $size = 'medium', $class = '', $width = '', $height = '' );
在彈出窗口中打開
wpsfi_display_image( $termID, $size = 'medium', $class = '', $width = '', $height = '' );

參數:

  • $termID –(整數)分類術語 ID
  • $size - (字符串)圖像大小
  • $class - (String) 添加自定義類
  • $width - (整數)以 px 為單位的寬度
  • $height - (整數)高度(以 px 為單位)

描述

我們並沒有真正改變描述的工作方式,只改變了我們可以在表單中輸入的內容。 因此,默認的 WordPress 函數可以打印描述。

get_the_archive_description() 將獲取描述並允許您將其放入變量中,或使用清理功能或其他方式對其進行處理。 然後你會像這樣打印那個變量:

 $description = get_the_archive_description(); print wp_kses_post( $description );
在彈出窗口中打開
$description = get_the_archive_description(); print wp_kses_post( $description );

或者,您可以簡單地使用the_archive_description()它將為您回顯內容。

自定義字段

如何獲取自定義字段取決於您如何創建它們。 如果您按照 Smashing Magazine 文章中的說明製作了自己的插件,您將需要使用一個名為get_term_meta()的 WordPress 函數,它的工作原理與get_post_meta()完全相同。 你傳遞一個 TermID、你想要的字段的鍵和一個標誌來顯示它是單數還是複數。

如果您使用 ACF、Metabox.io 或 CMB2 之類的庫,您可能希望使用它們的自定義函數來獲取數據。

例如,我們使用 ACF 製作了一個名為 more_information 的字段。 要獲取該字段的內容,您將使用如下內容:

 // get the current taxonomy term $term = get_queried_object(); // var $term_url = get_field( 'more_information', $term ); // make a link echo '<a href="' . esc_url( $term_url ) . '">More Information</a>';
在彈出窗口中打開
// get the current taxonomy term $term = get_queried_object(); // var $term_url = get_field( 'more_information', $term ); // make a link echo '<a href="' . esc_url( $term_url ) . '">More Information</a>';

CMB2 和 Metabox.io 都有自己的方法,您需要在他們的文檔中研究這些方法。


概括

所以現在在我想像中的旅遊網站中,每個地點,比如夏威夷,頂部都會有一個漂亮的橫幅,關於目的地的信息,以及一些額外的信息,比如獲取更多信息的鏈接,以及我想放的任何其他信息在。

這會將您的存檔頁面從簡單的帖子列表變成看起來像精心設計的網頁的東西。