wordpress怎么设置二级导航菜单

wordpress怎么设置二级导航菜单,第1张

方法/步骤
WordPress是一个注重美学、易用性和网络标准的个人信息发布平台。WordPress虽为免费的开源软件,但其价值无法用金钱来衡量。WordPress的图形设计在性能上易于 *** 作、易于浏览;在外观上优雅大方、风格清新、色彩诱人。使用WordPress可以搭建功能强大的网络信息发布平台,但更多的是应用于个性化的博客。针对博客的应用,WordPress能让您省却对后台技术的担心,集中精力做好网站的内容。
正是由于Wordpress的功能强大、易用,很多公司与个人都用它来建站。尽管Wordpress是如此好用,但有些细节的东西是需要我们进行微调。例如用Wordpress建站后会发现网站导航菜单栏只有"首页"与"示例页面"两个菜单,这当然不是我们想要的导航菜单栏,因此我们要打造属于自己的多级导航菜单栏。
第一步,通过安装Wordpress建好网站后,我们会发现网站空空如也,更重要的导航菜单也只有"首页"与"示例页面"。
第二步,首先,我们进入Wordpress后台管理页面,在左边工具栏选择[外观]-->[菜单],我们在这里可以先建立一级菜单。
第三步,选中[示例页面]的勾,然后单击[添加到菜单],这是新增了一个一级菜单项,然后选中菜项修改名称。如此类推可以建立多个一级菜单项。
第四步,在右边我们把其中一个[示例页面]菜单拖至[编程软件]下面,这样就创建了二级菜单项。如此类推可以建立多个二级菜单项。
第五步,将对应的二级菜单的名称及属性进行修改,按第四步可多次循环增加二级菜单项。
第六步,通过[上一位]与[下一位]两个按钮来对二级菜单项排序,这样就可以得到我们想的顺序。
第七步,通过第四到第六步骤的 *** 作,便可以完成个性化的二级菜单导航栏,如果需要的话还可以建成三级菜单导航栏,这个根据需要进行。
大功告成,我们去看看最终网站的显示效果就可以发现完全按我们的意思做到了。

1、这种方法是先在分类目录里设置后别名,然后直接添加即可。如我们鼠标指针移到wordpress后台中的“文章”处,选择“分类目录”:

2、在分类目录中,你需要把“名称”和“别名”分别填写好,名称就是显示在导航栏里的名字,而另外是在URL里的,所以最好是英文字母,方便简洁。

3、其他的随便你填写不填写都没什么关系,然后添加到新分类目录中。如果已经在分类目录的,那么直接点击“编辑”,即可更改名称别名等信息。

4、然后看到左侧的“外观”,鼠标放上去后会显示一些选项,点击“菜单”:

5、在编辑菜单里,左侧有个“分类目录”方框,点击后会显示出来分类目录的导航,你可以选择你需要添加到导航里的目录,然后点击“添加至菜单”,就会出现在右侧的菜单结构中了,接着点击右上角的“保存菜单”即可。

6、这样的你不用去设置导航链接,会默认为前缀是你的主网站,后缀为别名,很方便。

二、 菜单中自定义链接。

还有一种是全部自己定义导航及链接,不用分类目录里的。

这样就直接看到上面所说的外观里的“菜单”上,有个“自定义链接”框:

然后填写链接URL及导航菜单名称即可,记得要“添加至菜单”,并最后全部添加完后要保存菜单。

这种方法也很简单,全部自定义,如果导航与分类不一样的,这里可设置,不然建议还是第一种方法更好。

Step — 在functionsphp中添加以下代码使我们的主题支持自定义菜单功能
add_theme_support(‘navmenus’);
Step — 添加一个顶部菜单
if ( function_exists( ‘register_nav_menus’ ) ) {
register_nav_menus(
array(
‘header_menu’ => ‘Header Navigation’

);
}
Step — 把wp_nav_menu()函数放到一个自定义函数当中
function wper_so_menu(){
if(function_exists(‘wp_nav_menu’) && has_nav_menu(‘header_menu’))
wp_nav_menu(
array(
‘menu’ => ‘Header Navigation’
‘container’ => ‘div’
‘container_class’ => ‘warp’
‘container_id’ => ‘’
‘menu_class’ => ‘ddsmoothmenu’
‘menu_id’ => ‘nav’
‘echo’ => true
‘fallback_cb’ => ‘fallback_no_menu’
‘before’ => ‘’
‘after’ => ‘’
‘link_before’ => ‘’
‘link_after’ => ‘’
‘depth’ =>
‘walker’ => new Walker_Nav_Menu()
‘theme_location’ => ‘’
‘show_home’ => true

);
endif;
}


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12735425.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-27
下一篇 2023-05-27

发表评论

登录后才能评论

评论列表(0条)

保存