logo竹子建站
网站中板块间的跳转链接设置?
2020-02-28 13:59:32

前几天有小伙伴问到设置链接跳转怎样可以点击导航,跳转到同一页的特定板块中?小编才知道,这么重要的一个使用方式居然忘记写教程了,该打,该打。为了之后咱们自助建站的小伙伴在使用网站编辑的时候,更简单易操作,下面就给大家说一下板块链接跳转怎么做?

有一个很简单的板块链接公式:/+url+#+板块的锚点id(举例一条实际的链接可以为  /thems#block-body-2,其中thems为url值,block-body-2为板块锚点id)

我们平时的链接是什么样的?举例比如我们竹子的网站模板页面链接地址是:https://www.zhuzi.com.cn/themes 做一下分解;

https://---是协议头;

www.zhuzi.com.cn---- 是域名;

可以看到后面还有一节:"/themes";这一节的构成就是“/”和URL。最后这个一节的斜杠加URL对应上面公式中的前面内容。我们可以把所有的网站静态页面地址都这样分解出一个公式:协议头+域名+/+URL。

而这个板块链接公式:/+url+#+板块id,URL需要自己在页面设置中去自定义设置,然后再找到板块的ID就可以了。如果找到板块ID呢?在发布网站之后,访问网站,找到这个页面板块的位置,鼠标右键,选择检查元素或者按“f12”键,就会出现下面的这个样式;

点击左上角的箭头,需要跳转那个板块就鼠标移到哪个板块,在下面的代码元素中就会出现对应的代码元素。然后就看到一个div id="block-body-0",div id="block-body-1",div id="block-body-2"的元素符号 ,这个后面的0,1,2数字表示的是当前页面板块个数。我们公式中需要的ID就是这个block-body-0(需要跳到哪个板块就选择哪个板块的ID哈)。

或者有一个更简单的办法,在网站编辑器中,找到这个板块,在板块的设置中,有一个锚点id,这个id就是板块id了。

有两点需要注意:

1、链接公式中的ID只能是板块ID,不能是网站编辑中的组件ID。这个组件ID指仅用于网站编辑状态识别的,不能在网站浏览的时候识别。因为我们的链接公式是仅针对于同一网站中的网站板块,所以不能使用到组件。

2、在操作之前需要先给页面设置URL,但是设置URL的时候不能在把域名的链接添加上。比如下图:在设置的时候就应该设置URL为help,而不是zhuzi.com.cn/help。自定义URL的规则不应该写前面这一节,很多的站长都不清楚,就会找到小编说:为什么这个页面打不开呢?URL设置错误就是原因。

每次编辑网站内容之后,都右上角发布一下网站哦 ,设置的链接只有在发布网站之后才会生效。