专注国内外云服务器
分享建站技术教程

如何为WordPress网站添加面包屑导航功能?

立即购买

阿里云服务器 ¥102元/年 云数据库37.5元/年 限时

个人、企业均可购买 | 更多配置0.8折特惠

网站导航做不好会导致用户体验不佳,跳出率上升,所以需要在主菜单添加一些补充功能,来帮助用户筛选内容,面包屑向用户显示他们通过文章和页面所经过路径,那么如何为WordPress网站添加面包屑导航功能?

面包屑通常显示在页面顶部,以方便访问:

如何为WordPress网站添加面包屑导航功能?让我们看一下可以在站点上启用面包屑的三种方法。尽管它们都能达到类似的效果,但在难度和便利性方面却有所不同。

1.选择一个包含面包屑导航的主题

可以说,将面包屑导航添加到你的网站最简单的方法是通过安装带有此功能的内置主题。现在大多数专业的主题都会自带面包屑导航,所以,你可以很容易找到这类主题。

如果您不满意直接编辑主题文件,或者不想安装新插件,那么这可能是您的最佳选择。但是,在已建立的网站上切换主题可能很困难,并且通常需要在一定程度上进行品牌重塑。

此外,可能找不到适合自己口味且具有面包屑功能的主题。如果是这种情况,您将要探索以下其他方法之一。

2.通过自定义代码实现面包屑

如果您的主题没有面包屑功能,您也可以自己实现该功能。这涉及编辑当前主题的functions.php文件。

跳到此方法之前,请确保为您的站点创建备份。这样,如果发生故障,您可以回滚到干净的版本。您还应该使用子主题,以防止主题更新期间所做的更改被覆盖。

您还需要考虑使自己熟悉微数据,以帮助您获得面包屑的全部SEO好处。Google提供了一些有关如何实现BreadcrumbList模式的示例。

您可以通过三种方式访问​​主题文件,以便对其进行编辑:

使用文件传输协议(FTP)和FTP客户端(例如FileZilla)连接到服务器

使用您的网站托管服务商的文件管理器工具,该工具应可从您的帐户仪表板访问。

通过导航到外观> 主题编辑器来访问WordPress的内置代码编辑器。

如果您需要快速修复,则可以将以下代码添加到现用主题的functions.php文件中:

// WordPress Breadcrumb Function

// Add this code into your theme function file.

function ah_breadcrumb() {

// Check if is front/home page, return

if ( is_front_page() ) {

return;

}

// Define

global $post;

$custom_taxonomy = ”; // If you have custom taxonomy place it here

$defaults = array(

‘seperator’ => ‘»’,

‘id’ => ‘ah-breadcrumb’,

‘classes’ => ‘ah-breadcrumb’,

‘home_title’ => esc_html__( ‘Home’, ” )

);

$sep = ‘

  • ’. esc_html( $defaults[‘seperator’] ) .’
  • ’;

    // Start the breadcrumb with a link to your homepage

    echo ‘

      ’;

      // Creating home link

      echo ‘

    • ’. esc_html( $defaults[‘home_title’] ) .’
    • ’ . $sep;

      if ( is_single() ) {

      // Get posts type

      $post_type = get_post_type();

      // If post type is not post

      if( $post_type != ‘post’ ) {

      $post_type_object = get_post_type_object( $post_type );

      $post_type_link = get_post_type_archive_link( $post_type );

      echo ‘

    • ’. $post_type_object->labels->name .’
    • ’. $sep;

      }

      // Get categories

      $category = get_the_category( $post->ID );

      // If category not empty

      if( !empty( $category ) ) {

      // Arrange category parent to child

      $category_values = array_values( $category );

      $get_last_category = end( $category_values );

      // $get_last_category = $category[count($category) – 1];

      $get_parent_category = rtrim( get_category_parents( $get_last_category->term_id, true, ‘,’ ), ‘,’ );

      $cat_parent = explode( ‘,’, $get_parent_category );

      // Store category in $display_category

      $display_category = ”;

      foreach( $cat_parent as $p ) {

      $display_category .= ‘

    • ’. $p .’
    • ’ . $sep;

      }

      }

      // If it’s a custom post type within a custom taxonomy

      $taxonomy_exists = taxonomy_exists( $custom_taxonomy );

      if( empty( $get_last_category ) && !empty( $custom_taxonomy ) && $taxonomy_exists ) {

      $taxonomy_terms = get_the_terms( $post->ID, $custom_taxonomy );

      $cat_id = $taxonomy_terms[0]->term_id;

      $cat_link = get_term_link($taxonomy_terms[0]->term_id, $custom_taxonomy);

      $cat_name = $taxonomy_terms[0]->name;

      }

      // Check if the post is in a category

      if( !empty( $get_last_category ) ) {

      echo $display_category;

      echo ‘

    • ’. get_the_title() .’
    • ’;

      } else if( !empty( $cat_id ) ) {

      echo ‘

    • ’. $cat_name .’
    • ’ . $sep;

      echo ‘

    • ’. get_the_title() .’
    • ’;

      } else {

      echo ‘

    • ’. get_the_title() .’
    • ’;

      }

      } else if( is_archive() ) {

      if( is_tax() ) {

      // Get posts type

      $post_type = get_post_type();

      // If post type is not post

      if( $post_type != ‘post’ ) {

      $post_type_object = get_post_type_object( $post_type );

      $post_type_link = get_post_type_archive_link( $post_type );

      echo ‘

    • ’ . $post_type_object->labels->name . ‘
    • ’ . $sep;

      }

      $custom_tax_name = get_queried_object()->name;

      echo ‘

    • ’. $custom_tax_name .’
    • ’;

      } else if ( is_category() ) {

      $parent = get_queried_object()->category_parent;

      if ( $parent !== 0 ) {

      $parent_category = get_category( $parent );

      $category_link = get_category_link( $parent );

      echo ‘

    • ’. $parent_category->name .’
    • ’ . $sep;

      }

      echo ‘

    • ’. single_cat_title( ”, false ) .’
    • ’;

      } else if ( is_tag() ) {

      // Get tag information

      $term_id = get_query_var(‘tag_id’);

      $taxonomy = ‘post_tag’;

      $args = ‘include=’ . $term_id;

      $terms = get_terms( $taxonomy, $args );

      $get_term_name = $terms[0]->name;

      // Display the tag name

      echo ‘

    • ’. $get_term_name .’
    • ’;

      } else if( is_day() ) {

      // Day archive

      // Year link

      echo ‘

    • ’. get_the_time(‘Y’) . ‘ Archives
    • ’ . $sep;

      // Month link

      echo ‘

    • ’. get_the_time(‘M’) .’ Archives
    • ’ . $sep;

      // Day display

      echo ‘

    • ’. get_the_time(‘jS’) .’ ‘. get_the_time(‘M’). ‘ Archives
    • ’;

      } else if( is_month() ) {

      // Month archive

      // Year link

      echo ‘

    • ’. get_the_time(‘Y’) . ‘ Archives
    • ’ . $sep;

      // Month Display

      echo ‘

    • ’. get_the_time(‘M’) .’ Archives
    • ’;

      } else if ( is_year() ) {

      // Year Display

      echo ‘

    • ’. get_the_time(‘Y’) .’ Archives
    • ’;

      } else if ( is_author() ) {

      // Auhor archive

      // Get the author information

      global $author;

      $userdata = get_userdata( $author );

      // Display author name

      echo ‘

    • ’. ‘Author: ‘. $userdata->display_name . ‘
    • ’;

      } else {

      echo ‘

    • ’. post_type_archive_title() .’
    • ’;

      }

      } else if ( is_page() ) {

      // Standard page

      if( $post->post_parent ) {

      // If child page, get parents

      $anc = get_post_ancestors( $post->ID );

      // Get parents in the right order

      $anc = array_reverse( $anc );

      // Parent page loop

      if ( !isset( $parents ) ) $parents = null;

      foreach ( $anc as $ancestor ) {

      $parents .= ‘

    • ’. get_the_title( $ancestor ) .’
    • ’ . $sep;

      }

      // Display parent pages

      echo $parents;

      // Current page

      echo ‘

    • ’. get_the_title() .’
    • ’;

      } else {

      // Just display current page if not parents

      echo ‘

    • ’. get_the_title() .’
    • ’;

      }

      } else if ( is_search() ) {

      // Search results page

      echo ‘

    • Search results for: ‘. get_search_query() .’
    • ’;

      } else if ( is_404() ) {

      // 404 page

      echo ‘

    • ’ . ‘Error 404’ . ‘
    • ’;

      }

      // End breadcrumb

      echo ‘

    ’;

    }

    然后,您还需要将以下行添加到主题的header.php文件中:

    // Call the breadcrumb function where you want to display

    if ( function_exists(‘ah_breadcrumb’) ) ah_breadcrumb();

    ?>

    第一个片段将面包屑添加到您的主题。第二个“调用”相关功能,以便导航链接出现在页眉中。请注意,您可能需要删除开头的

    根据您的代码流利程度,您可以编写自定义函数来在站点上启用面包屑。您还可以使用CSS修改其外观。

    3.使用插件添加面包屑

    向您的WordPress网站添加面包屑功能的最后一种方法需要使用插件。有专门的工具可用于此目的,例如Breadcrumb NavXT。

    另外,也许您已经在使用Yoast SEO。如果是这样,此插件还提供了一种启用面包屑的方法。这不足为奇,因为我们已经注意到此功能可以增强您网站的SEO。

    我们将继续向您展示该流程如何与Yoast SEO一起使用。首先,您需要安装并激活它。接下来,导航到SEO>搜索外观。

    在此处,从“ 面包屑导航”选项卡启用面包屑功能:

    启用面包屑后,您将可以访问用于配置它们的多个选项。在大多数情况下,默认设置就足够了。但是,请随时进行更改以适合您的口味。之后,单击“ 保存更改”按钮。

    如果您的主题不支持面包屑,则仍需要包含一些代码以完成启用它们。在您的子主题的header.php文件末尾添加以下代码段:

    if ( function_exists(‘yoast_breadcrumb’) ) {

    yoast_breadcrumb( ‘

    ’,’

    ’ );

    }

    ?>

    请注意,根据您的主题,您可能不需要包括标记。此外,您可以在其他模板文件中添加上述代码,比如single.php或page.php,位于页面标题眉之后,这些取决于您先要在哪里显示面包屑导航。

    文章来源于wordpress教程:如何为WordPress网站添加面包屑导航功能?

    相关推荐: WordPress子主题中覆盖父主题的函数功能

    吾上云WORDPRESS教程最新“WordPress子主题中覆盖父主题的函数功能”在研究覆盖父主题中的函数的方法之前,它有助于了解函数在父主题和子主题中的工作方式。首先,您需要知道当您使用子主题时,父主题中的所有函数都将运行。您无需在子主题的功能文件funct…

    赞(0)
    未经允许不得转载:吾上云 » 如何为WordPress网站添加面包屑导航功能?
    分享到: 更多 (0)
    • 阿里云
      基础型云服务器

      1核CPU

      2G内存

      40G硬盘

      1M带宽

      独立IP

      分布式存储

      适合企业官网、个人站长类网站

      ¥89/1年 原价¥903.40

    • 阿里云
      超值型云服务器

      2核CPU

      4G内存

      40G硬盘

      3M带宽

      独立IP

      分布式存储

      适合企业官网、行业门户类网站

      ¥899/3年 原价¥8281

    • 阿里云
      高性能云服务器

      2核CPU

      8G内存

      40G硬盘

      5M带宽

      独立IP

      分布式存储

      适合电商、数据库等企业级应用

      ¥1399/3年¥14765

    • 腾讯云
      基础型云服务器

      1核CPU

      2G内存

      50G硬盘

      1M带宽

      独立IP

      分布式存储

      适合企业官网、个人站长类网站

      ¥95/1年 原价¥834

    • 腾讯云
      超值型云服务器

      1核CPU

      2G内存

      50G硬盘

      1M带宽

      独立IP

      分布式存储

      适合企业官网、行业门户类网站

      ¥288/3年 原价¥2502

    • 腾讯云
      高性能云服务器

      4核CPU

      8G内存

      50G硬盘

      5M带宽

      独立IP

      分布式存储

      适合电商、数据库等企业级应用

      ¥2188/3年¥13986

    • 阿里云
      基础型云服务器

      1核CPU

      2G内存

      40G硬盘

      1M带宽

      独立IP

      分布式存储

      适合企业官网、个人站长类网站

      ¥89/1年 原价¥903.40

    • 阿里云
      超值型云服务器

      2核CPU

      4G内存

      40G硬盘

      3M带宽

      独立IP

      分布式存储

      适合企业官网、行业门户类网站

      ¥899/3年 原价¥8281

    • 阿里云
      高性能云服务器

      2核CPU

      8G内存

      40G硬盘

      5M带宽

      独立IP

      分布式存储

      适合电商、数据库等企业级应用

      ¥1399/3年¥14765

    • 腾讯云
      基础型云服务器

      1核CPU

      2G内存

      50G硬盘

      1M带宽

      独立IP

      分布式存储

      适合企业官网、个人站长类网站

      ¥95/1年 原价¥834

    • 腾讯云
      超值型云服务器

      1核CPU

      2G内存

      50G硬盘

      1M带宽

      独立IP

      分布式存储

      适合企业官网、行业门户类网站

      ¥288/3年 原价¥2502

    • 腾讯云
      高性能云服务器

      4核CPU

      8G内存

      50G硬盘

      5M带宽

      独立IP

      分布式存储

      适合电商、数据库等企业级应用

      ¥2188/3年¥13986

    评论 抢沙发

    评论前必须登录!

     

    吾上云 专注服务器选购

    购买云服务器联系我们