html 如何通过页面列表小部件为博客创建导航菜单

2ekbmq32  于 2022-12-31  发布在  其他
关注(0)|答案(1)|浏览(136)

我正在创建博客模板,并在这方面我有一个导航菜单。一切都是完美的导航栏。
您可以检查它Here
所以,这是一个非常简单的导航菜单。但导航菜单菜单是不可编辑的博客布局部分,所以我想我必须使用像链接列表或页面列表的小部件。
每当我想这么做的时候,所有的事情都搞砸了。
这就是问题所在。怎么做?我怎么才能把博客小部件嵌入到我的导航菜单中?

daolsyd0

daolsyd01#

<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/

相关问题