打开wordpress，在当前wordpress主题中的 functions.php 文件添加下面的代码。修改”我的博客首页”的链接。在需要使用面包屑导航的主题文件的对应位置添加下面的调用代码即可。
首先，我们打开自己电脑上的网页编辑器，我以DW软件为例。我们新建一个HTML文档。然后我们在HTML的body部分开始写我们的代码。面包屑导航是横排的几个文字和图片的组合。我们可以用ulli，或者dldtdd来实现。
如图，实现一个点击左侧菜单后，右侧面包屑导航随之变化的功能。
1、洋鑫博客分析网站面包屑导航的类型如下：路径型：路径型面包屑是一个动态显示用户到达页面经过的途径；位置型：位置型面包屑是固定的，显示了页面在网站结构中的位置；属性型：属性型面包屑给出的当前页面的分类信息。
2、该类型导航有3种类型。位置型：位置型面包屑是固定的，显示页面在网站结构中的位置，位置型面包导航通常在页面顶部水平出现，会位于标题或页眉的下方。
3、面包屑导航分类：基于位置的面包屑导航。用于表明页面之间的层次关系和当前页所在的位置。这种页面之间的层级关系可以是没有所属和包含关系的，只要这几个页面本身存在线性跳转关系。基于属性的面包屑导航。
4、基于位置的面包屑导航这种类型是最常见的。这种类型的面包屑导航可以很好的指出当前页面与整个站点的层次结构。这种面包屑导航可以显示当前页面的前一个页面或者目录的链接。
该类型导航有3种类型。位置型：位置型面包屑是固定的，显示页面在网站结构中的位置，位置型面包导航通常在页面顶部水平出现，会位于标题或页眉的下方。
面包屑的类型 面包屑是基于网站的逻辑结构而存在的导航组件，它可以基于位置、路径来展示，也可以基于属性而存在。基于位置的面包屑 基于位置的面包屑设计通常都能很好的反映网站的结构特征。
网站面包屑：一个“面包屑”（或“面包线索”）是一个类型为二级导航方案，揭示了网站或网页应用程序中用户的所在位置。这是一种“历史记录”的应用方式，目的是帮助你追溯来路，因而它应该是一种线性的导航方式。
你先想想你通过什么网站买的 如果是手机购买的看看你用那个APP购买的 举个例子 如果用支付宝买的，进入首页看到彩票点进去在右上角有我的彩票提示，点进去就可以看到你购买的记录以及开奖信息。
首先我们来看看面包屑导航的作用：让用户了解当前所处位置，以及当前页面在整个网站中的位置。
面包屑导航提供给用户返回网站首页或入口页面的路径，通常大于（），虽然有些设计是其他符号（如）。他们中的大部分看起来像这样：网页分类页面二级分类首页或> 分类；二级分类页。
不要使用面包屑来替代网页主要的导航系统 面包屑只是一个辅助导航系统，它无法替代主要的导航系统。请记住，它是仅仅是为了用户方便的次要选项，用来抵达其他层级的快速定位链接系统。
选择合适的尺寸和间距 在设计的时候应当仔细考虑尺寸和间隔大小，不同的面包屑层级之间应当有足够的间距，确保用户能够识别。当然你也不希望面包屑占据页面太多的空间，如果面包屑比顶部导航还要大，看起来就非常尴尬了。
同样是为了网站后期优化考虑，建议把“正文”这样的字眼改为文章标题比较好。因为文章标题里一般会有企业关键字眼，有利于搜索蜘蛛抓取。
比如说，一个用户通过百度搜索到一个页面，然后看到一个面包屑路径，这将会诱使用户点击上一级页面去浏览感兴趣的相关主题。这样，从而，可以降低网站的总体跳出率。
