如何在模板导航栏添加更多导航链接?多次尝试未成功
解决Blogger导航栏添加更多链接的问题
我看了你的模板代码,问题出在PageList widget的pageListJson配置里——目前它只包含了主页链接。下面给你两种可靠的修改方法,一步步来:
方法1:直接修改pageListJson配置(最直接)
你的模板里,pageListJson是控制导航链接的核心配置项,只需在JSON对象里添加新的链接条目即可:
- 找到这段代码:
<b:widget-setting name='pageListJson'><![CDATA[{'home': {'href': 'https://checkgamezones.blogspot.com/', 'title': 'Home', 'position': 0}}]]></b:widget-setting>
- 在JSON对象里添加新的键值对,格式和主页一致,注意用逗号分隔不同条目。比如添加“About”和“Contact”链接:
<b:widget-setting name='pageListJson'><![CDATA[ { 'home': {'href': 'https://checkgamezones.blogspot.com/', 'title': 'Home', 'position': 0}, 'about': {'href': 'https://checkgamezones.blogspot.com/p/about.html', 'title': 'About', 'position': 1}, 'contact': {'href': 'https://checkgamezones.blogspot.com/p/contact.html', 'title': 'Contact', 'position': 2} } ]]></b:widget-setting>
position字段控制链接的显示顺序,数字越小越靠前- 每个链接的键(比如
about)可以自定义,只要不重复就行
- 保存模板,刷新你的博客就能看到新的导航链接了。
方法2:允许通过Blogger后台添加链接(更灵活)
如果想以后在后台直接管理导航链接,不用每次改模板,可以修改模板里的showaddelement属性:
- 找到这段代码:
<b:section class='page' id='page' showaddelement='no'>
- 将
showaddelement='no'改成showaddelement='yes':
<b:section class='page' id='page' showaddelement='yes'>
- 保存模板后,回到Blogger后台的“布局”页面,找到“Pages” widget,点击“编辑”就能直接添加/删除/排序导航链接了。
注意事项
- 修改模板前记得备份原代码,防止出错
- 如果修改JSON后出现格式错误,检查逗号、引号是否配对(所有键和值都要用单引号包裹)
- 确保新链接的
href地址是正确的,避免404错误
内容的提问来源于stack exchange,提问作者AMIR HAMZA




