WordPress Elementor 中顯示文章相關的標籤tags

5 月 15, 2024 | | 0 comments

WordPress的Elementor Pro插件是一個功能豐富的工具,可以讓您輕鬆地建立自定義的網站。但是顯示文章的標籤tags,則沒有看到此元件出現在elementor編輯頁面中,只能手動的將它加入代碼,添加到您的主題的functions.php文件,以下是實踐的方法。

Wordpress Elementor文章的標籤tags

步驟1:添加自定義的短碼

WordPress主題中添加一個自定義的短碼中顯示相關的標籤

接下來,您需要在您的WordPress主題中添加一個自定義的短碼,以便在單篇文章模板中顯示相關的標籤。您可以將以下代碼添加到您的主題的functions.php文件中:

function post_tags_func()
{
  $tags = get_the_tags();
  $return .= '<div class="post-tags">';
  if ($tags) {
    foreach ($tags as $tag) {
      $return .= '<a href="' . get_category_link($tag->term_id) . '">#' . $tag->name . '</a>';
    }
  }
  $return .= '</div>';
  return $return;
}

add_shortcode('post_tags', 'post_tags_func');

這個短碼將檢索與當前文章相關的所有標籤,並將它們顯示為連結列表。

步驟2:在單篇文章模板中使用短碼

短碼插入文章的標籤tags

最後,您只需將剛剛定義的短碼 [post_tags] 放置在您的單篇文章模板中,以顯示與該特定文章相關的標籤。

結論

通過以上步驟,您可以在Elementor中輕鬆地顯示與特定文章相關的標籤。這不僅為您的網站增加了更多功能和個性化體驗,同時也為您的SEO帶來了幫助。通過顯示相關標籤,您可以幫助搜索引擎更好地理解您的內容,提高您的文章在搜索結果中的排名。這不僅為您的讀者提供了更好的導航和閱讀體驗,同時也使他們更容易找到他們感興趣的內容。