如何将WordPress面包屑添加到您的网站主题

作者 : 阿灿 本文共3067个字,预计阅读时间需要8分钟 发布时间: 2020-12-9 共150人阅读

网站导航不足会导致不良的用户体验(UX)和跳出率上升。您的主菜单可能需要一些补充功能,以帮助用户筛选您的内容,例如WordPress面包屑。
面包屑是一系列连接的导航链接,这些链接显示了您浏览网站页面的路径。它们在您浏览站点时出现,并形成一个层次结构,该层次结构从您访问的第一页开始,随后是每个后续站点。

如前所述,面包屑还可以提高您网站的SEO。他们通过协助搜索引擎浏览页面并了解其层次结构和链接结构来做到这一点,无论您发布了多少内容。

一、选择一个包含面包屑的主题

可以说,以面包屑添加到你的网站最简单的方法是通过安装带有此功能的内置主题。
如果您不满意直接编辑主题文件,或者不想安装新插件,那么这可能是您的最佳选择。但是,在已建立的网站上切换主题可能很困难,并且通常需要在一定程度上进行品牌重塑。
此外,可能找不到适合自己口味且具有面包屑功能的主题。如果是这种情况,您将要探索以下其他方法之一。

二、通过自定义代码实现面包屑

如果您的主题没有面包屑功能,您也可以自己实现该功能。这涉及编辑当前主题的functions.php文件。
跳到此方法之前,请确保为您的站点创建备份。这样,如果发生故障,您可以回滚到干净的版本。您还应该使用子主题,以防止主题更新期间所做的更改被覆盖。
您还需要考虑使自己熟悉微数据,以帮助您获得面包屑的全部SEO好处。
您可以通过三种方式访问​​主题文件,以便对其进行编辑:
使用文件传输协议(FTP)和FTP客户端(例如FileZilla)连接到服务器。
使用您的网站托管服务商的文件管理器工具,该工具应可从您的帐户仪表板访问。

在线提供了许多有关如何为WordPress 编写面包屑的示例。您可以随意进行任何研究和工作,而无需进行任何研究。但是,如果您需要快速修复,则可以将以下代码添加到活动主题的functions.php文件中:


 
      // Day archive
 
      // Year link
      echo '<li class="item-year item"><a href="'. get_year_link( get_the_time('Y') ) .'">'. get_the_time('Y') . ' Archives</a></li>' . $sep;
 
      // Month link
      echo '<li class="item-month item"><a href="'. get_month_link( get_the_time('Y'), get_the_time('m') ) .'">'. get_the_time('M') .' Archives</a></li>' . $sep;
 
      // Day display
      echo '<li class="item-current item">'. get_the_time('jS') .' '. get_the_time('M'). ' Archives</li>';
 
    } else if( is_month() ) {
 
      // Month archive
 
      // Year link
      echo '<li class="item-year item"><a href="'. get_year_link( get_the_time('Y') ) .'">'. get_the_time('Y') . ' Archives</a></li>' . $sep;
 
      // Month Display
      echo '<li class="item-month item-current item">'. get_the_time('M') .' Archives</li>';
 
    } else if ( is_year() ) {
 
      // Year Display
      echo '<li class="item-year item-current item">'. get_the_time('Y') .' Archives</li>';
 
    } else if ( is_author() ) {
 
      // Auhor archive
 
      // Get the author information
      global $author;
      $userdata = get_userdata( $author );
 
      // Display author name
      echo '<li class="item-current item">'. 'Author: '. $userdata->display_name . '</li>';
 
    } else {
 
      echo '<li class="item item-current">'. post_type_archive_title() .'</li>';
 
    }
 
  } 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 .= '<li class="item-parent item"><a href="'. get_permalink( $ancestor ) .'">'. get_the_title( $ancestor ) .'</a></li>' . $sep;
 
      }
 
      // Display parent pages
      echo $parents;
 
      // Current page
      echo '<li class="item-current item">'. get_the_title() .'</li>';
 
    } else {
 
      // Just display current page if not parents
      echo '<li class="item-current item">'. get_the_title() .'</li>';
 
    }
 
  } else if ( is_search() ) {
 
    // Search results page
    echo '<li class="item-current item">Search results for: '. get_search_query() .'</li>';
 
  } else if ( is_404() ) {
 
    // 404 page
    echo '<li class="item-current item">' . 'Error 404' . '</li>';
 
  }
 
  // End breadcrumb
  echo '</ul>';
 
}

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

<?php
// Call the breadcrumb function where you want to display
ah_breadcrumb();

第一个片段将面包屑添加到您的主题。第二个“调用”相关功能,以便导航链接出现在标题中。请注意,您可能需要删除开头的<?php,此代码才能与主题的现有文件一起使用。
根据您的代码流利程度,您可以编写自定义函数来在站点上启用面包屑。您还可以使用CSS修改其外观。

三、使用插件添加面包屑

向您的WordPress网站添加面包屑功能的最后一种方法需要使用插件。有专门的工具可用于此目的,例如Breadcrumb NavXT。
另外,也许您已经在使用Yoast SEO。如果是这样,此插件还提供了一种启用面包屑的方法。这不足为奇,因为我们已经注意到此功能可以增强您网站的SEO。
我们将继续向您展示该流程如何与Yoast SEO一起使用。首先,您需要安装并激活它。接下来,导航到SEO>搜索外观。
在此处,从“ 面包屑”选项卡启用面包屑功能:

爱搜社,一个专注收集和分享网络源码资源的网站,建站辅导首选爱搜社
爱搜社 » 如何将WordPress面包屑添加到您的网站主题

常见问题FAQ

如何通过本站投稿资源与作品?
本站为开放式资源共享平台,用户可通过后台或者联系站长进行发稿,同时可设置为收费作品,平台将收取百分之十的手续费,作品不得发布违禁,违法内容与广告,如被查出有关于黄赌毒等违法内容,平台将永久封禁帐号,并配合公安机关提供用户信息!
下载后的资源如何使用?
本站所有资源来源于网络,资源的使用一般附带在文章中,如果依旧不会使用 请联系作者或者寻求度娘帮助
免费下载或者VIP会员专享资源能否直接商用?
本站所有资源均来自互联网仅供学习,版权属于原作者所有!本站所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。如有侵权请联系Email:85136926@qq.com 并附上相关证明 24小时内给予删除!