如何使用面包屑导航组件？

一、什么是面包屑导航组件？

 

面包屑导航组件是一个在页面上展示访客所在的位置（当前页面）以及显示当前页面的前一个页面或者目录的链接的模块。可以使访客了解自己的位置，以及可以更快的找到自己想要到达的页面。

举例如下：

二、面包屑导航组件主要有哪些作用？

1、让用户了解当前所处位置，以及当前页面在整个网站中的位置；

2、大部分搜索引擎，比如Google，已经将面包屑导航整合到搜索结果里面，因此优化面包屑导航每个层级的名称，多使用关键字，都可以实现SEO优化；

3、有利于搜索引擎抓取程序，比如百度蜘蛛，对网站的抓取，蜘蛛直接沿着那个链走就可以了，很方便；

4、面包屑导航有利于网站内链的建设，网站上使用面包屑导航组件大大增加了网站的内部连接，提高用户体验。

所以，建议网站上都添加一个面包屑导航组件。

三、如何使用面包屑导航组件？

面包屑导航组件会被应用在网站的所有页面（首页除外），通常放在网站导航的下面。面包屑导航具体显示的内容只有预览和前台可见，后台不可见。如果您的网站上已经有了面包屑导航组件就不需要再添加了。怎么查看面包屑导航组件是否已经存在了呢？可以到除了首页以外的其它页面查看一下，如果不存在，就需要添加面包屑导航组件了。

1、如何添加面包屑导航组件？

第一步：把除了首页以外的其它一个页面切换为当前页面，然后添加面包屑导航组件。在页面上添加组件的方法都是一样的（请注意：添加了面包屑导航组件之后先不要发布网站，还需要把此组件应用到网站的其它页面上。）

添加的组件名称为“面包屑导航”，如下图所示：

第二步：把添加的面包屑导航组件，应用到除了首页之外的其它所有页面；

1）、把鼠标放到刚添加的面包屑导航组件上，找到应用组件按钮；

2）、单击应用组件按钮，弹出应用组件窗口：先勾选“所有页面”然后不要勾选首页，然后保存；

3）、被应用的页面上，面包屑导航组件会位于页面最底端，需要到这些页面上把面包屑导航组件拖动到所在的位置。

如何拖动组件？用鼠标左键按住面包屑导航组件名称往上拖动直到要放的位置出现一条蓝色的实线再松手，然后单击页面右上角的保存按钮。

2、如何设置面包屑导航组件？

需要进入面包屑导航组件的“设置”功能去设置，进入组件的“设置”分两种情况：

1）此组件已经添加好的情况：进入所有这类组件设置项方法都是一样的。

2）新添加的组件的情况：在添加此组件时会弹出这个组件的的设置话框。

在组件的设置中可以设置组件内容和风格：

内容
组件标题：一般情况下，不需要填写组件标题；
当前位置提示文字：如果勾选显示，但不输入文字，会显示默认文字，比如中文显示：当前所在位置，英文默认显示：You are here。如果勾选隐藏。则不显示这些默认文字。
图标：可为此面包屑导航选择图标，此图标放在面包屑导航组件的前面。 

风格
单击“风格“切换到风格标签，在这里可以选择面包屑导航的展示风格，如下图所示：

3、设置好面包屑导航组件的内容和风格后，单击设置框右下方“保存”按钮，以保存所设置的。

4、保存、预览、发布

设置好以上内容以后要单击页面右上角的“保存”按钮，目的是把此修改保存到网站后台；

然后可以单击“预览”按钮查看不同终端下展示的效果，如果不合适可以到后台再做修改；

如果需要让访客也看到，请单击页面右上角的“发布”按钮，发布之后稍等两分钟左右即可看网站前台展示效果。