You need to enable JavaScript to run this app.
最新活动
大模型
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

如何在模板导航栏添加更多导航链接?多次尝试未成功

解决Blogger导航栏添加更多链接的问题

我看了你的模板代码,问题出在PageList widget的pageListJson配置里——目前它只包含了主页链接。下面给你两种可靠的修改方法,一步步来:

方法1:直接修改pageListJson配置(最直接)

你的模板里,pageListJson是控制导航链接的核心配置项,只需在JSON对象里添加新的链接条目即可:

  1. 找到这段代码:
<b:widget-setting name='pageListJson'><![CDATA[{'home': {'href': 'https://checkgamezones.blogspot.com/', 'title': 'Home', 'position': 0}}]]></b:widget-setting>
  1. 在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)可以自定义,只要不重复就行
  1. 保存模板,刷新你的博客就能看到新的导航链接了。

方法2:允许通过Blogger后台添加链接(更灵活)

如果想以后在后台直接管理导航链接,不用每次改模板,可以修改模板里的showaddelement属性:

  1. 找到这段代码:
<b:section class='page' id='page' showaddelement='no'>
  1. showaddelement='no'改成showaddelement='yes'
<b:section class='page' id='page' showaddelement='yes'>
  1. 保存模板后,回到Blogger后台的“布局”页面,找到“Pages” widget,点击“编辑”就能直接添加/删除/排序导航链接了。

注意事项

  • 修改模板前记得备份原代码,防止出错
  • 如果修改JSON后出现格式错误,检查逗号、引号是否配对(所有键和值都要用单引号包裹)
  • 确保新链接的href地址是正确的,避免404错误

内容的提问来源于stack exchange,提问作者AMIR HAMZA

火山引擎 最新活动