如何通过页面列表小部件为博主定制导航菜单



我正在创建博客模板,其中我有一个侧导航菜单。导航栏里的一切都很完美。

你可以在这里查看

所以,这是一个非常简单的导航菜单。但是导航菜单菜单在博客布局部分是不可编辑的,所以我想我必须使用小部件,比如链接列表或页面列表。

每当我想这么做的时候,一切都会一团糟。

这就是问题所在。怎样如何将博客小部件嵌入到导航菜单中?

<b:section  maxwidgets='1' name='Main Menu' showaddelement='no'>
<b:widget id='LinkList01' locked='true' title='Main Menu' type='LinkList' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='text-1'><i class="material-icons">grid_view</i>Dashboard</b:widget-setting>
<b:widget-setting name='link-1'>/search/label/Dashboard</b:widget-setting>
<b:widget-setting name='text-2'><i class="material-icons">lightbulb</i>Technology</b:widget-setting>
<b:widget-setting name='link-2'>/search/label/Technology</b:widget-setting>
<b:widget-setting name='text-3'><i class="material-icons">rocket_launch</i>Science</b:widget-setting>
<b:widget-setting name='link-3'>/search/label/Science</b:widget-setting>
<b:widget-setting name='text-4'><i class="material-icons">perm_identity</i>About US</b:widget-setting>
<b:widget-setting name='link-4'>/search/label/About US</b:widget-setting>
<b:widget-setting name='text-5'><i class="material-icons">contact_page</i>Contact Us</b:widget-setting>
<b:widget-setting name='link-5'>/search/label/Contact Us</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<ul id='xcfsd-csvgList' role='menubar'>
<b:loop values='data:links' var='link'><li itemprop='name'><a expr:href='data:link.target' itemprop='url'><data:link.name/></a></li></b:loop>
</ul>
</b:includable>
</b:widget>
</b:section>

示例:https://support.pipdig.co/articles/blogger-dropdown-menus/

最新更新