成都创新互联网站制作重庆分公司

wordpress多菜单 wordpress菜单实现下拉

怎么制作wordpress多菜单多分类目录

第一步:

创新互联是一家集网站建设,琼海企业网站建设,琼海品牌网站建设,网站定制,琼海网站建设报价,网络营销,网络优化,琼海网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。

添加一个新的分类,在wordpress管理后台左侧找到“文章”-“分类目录”,然后“添加新分类目录”,随便写一个“分类名称”,我这里写“分类1”。如下图:

第二步:

点击左侧“外观”-》“菜单”,如果没有菜单,新建一个。

进来后我们看见左侧有个“建站目录”-》“查看所有”,你会看见刚才的“分类1”,打钩选中,然后添加至菜单。

相信你可以看见右边的菜单中已经存在“分类1”这个目录了。

第三步:

在右侧下方“主菜单”上打钩,然后保存菜单哦!

总结

最后我们打开wordpress博客首页,就可以看见“分类1”这个分类目录,想一个子菜单一样,如果希望以后写的文章可以在这个栏目下看见,那就在写文章的时候。在“分类目录”里面的“分类1”打钩,这样就可以实现每个分类目录看见所属的文章,是不是很简单。

如何为WordPress的网站建立多级菜单

方法/步骤

WordPress是一个注重美学、易用性和网络标准的个人信息发布平台。WordPress虽为免费的开源软件,但其价值无法用金钱来衡量。WordPress的图形设计在性能上易于操作、易于浏览;在外观上优雅大方、风格清新、色彩诱人。使用WordPress可以搭建功能强大的网络信息发布平台,但更多的是应用于个性化的博客。针对博客的应用,WordPress能让您省却对后台技术的担心,集中精力做好网站的内容。

正是由于Wordpress的功能强大、易用,很多公司与个人都用它来建站。尽管Wordpress是如此好用,但有些细节的东西是需要我们进行微调。例如用Wordpress建站后会发现网站导航菜单栏只有"首页"与"示例页面"两个菜单,这当然不是我们想要的导航菜单栏,因此我们要打造属于自己的多级导航菜单栏。

第一步,通过安装Wordpress建好网站后,我们会发现网站空空如也,更重要的导航菜单也只有"首页"与"示例页面"。

第二步,首先,我们进入Wordpress后台管理页面,在左边工具栏选择[外观]--[菜单],我们在这里可以先建立一级菜单。

第三步,选中[示例页面]的勾,然后单击[添加到菜单],这是新增了一个一级菜单项,然后选中菜项修改名称。如此类推可以建立多个一级菜单项。

第四步,在右边我们把其中一个[示例页面]菜单拖至[编程软件]下面,这样就创建了二级菜单项。如此类推可以建立多个二级菜单项。

第五步,将对应的二级菜单的名称及属性进行修改,按第四步可多次循环增加二级菜单项。

第六步,通过[上一位]与[下一位]两个按钮来对二级菜单项排序,这样就可以得到我们想的顺序。

第七步,通过第四到第六步骤的操作,便可以完成个性化的二级菜单导航栏,如果需要的话还可以建成三级菜单导航栏,这个根据需要进行。

9

大功告成,我们去看看最终网站的显示效果就可以发现完全按我们的意思做到了。

wordpress主题怎样实现多个导航菜单

第一步、添加多导航菜单功能。

这时,我们要用到一个自定义菜单函数register_nav_menus()函数。打开主题的function.php文件,把下面的代码添加进去:

register_nav_menus( array(

'primary' = '第一导航菜单', //这里的primary 你可以自己设置,你也可以写成top-menu ;但是要在调用菜单时也用同样的名字。

'secondary' = '第二导航菜单',

) );

我这里只用了2个菜单,你还可以多设置几个,根据自己的需求。

第二步、调用多导航菜单。

1、在需要导航菜单的地方,放置调用代码。

比如:顶部header.php文件、footer.php文件等。把下面的代码放到这些文件里:

顶部导航:

?php wp_nav_menu( array( 'theme_location' = 'primary','container'='ul','menu_id'='menu','menu_class'='menu','link_before' = 'span','link_after' = '/span',)); ?//这里就用到了前面设置的primary.

左侧边导航:

div id="floatMenu"!-- 左侧菜单导航 --

ul class="menu2"

lia href="/" style="color:#fff; background-color:#6994c9;" title="wordpress主题首页"网站首页 /a/li

?php wp_nav_menu( array( 'theme_location' = 'secondary','container' = '','items_wrap' = '%3$s','fallback_cb'= '' ) ); ?//这里就用到了前面设置的secondary.

/ul

/div

2、在后台设置菜单。

后台——外观——菜单,先创建菜单,然后从左侧添加菜单内容,如添加分类和页面到菜单,如何添加菜单,你可以参考wordpress怎样添加导航菜单?,这里就不多说了。菜单添加好之后,还要设置在哪里显示这个菜单,如下图:

是我们添加的菜单内容。这里,我们要设置 2 处,选择你要显示的位置,这里是高时银博客的选择,选的是“第二导航菜单”,是在左侧显示。

第三步、设置CSS样式。

如果是顶部菜单,这里就不需要设置了,因为,主题一般都有这个。如果是像高时银博客这样的新添加的左侧菜单,那就要添加CSS样式了,样式如下:

/* 浮动菜单*/

#floatMenu { display:block; width:110px; margin-left:-605px; position:fixed; left:50%; top:152px; _margin-left:-605px; _width:120px;_position:absolute; _margin-top:0px;}//这里的_margin-left前面的 _ 表示兼容IE6 。

#floatMenu ul { margin-bottom:2px; }

#floatMenu ul.menu2 li a { display:block; font-size:14px; font-weight:800; color:#6994c9; border-left:1px solid #dadcdd; border-right:1px solid #dadcdd; border-bottom:1px solid #dadcdd; background-color:#ffffff; text-decoration:none; padding:2px 0px 2px 0; text-align:center; }

#floatMenu ul li a:hover { color:#fff; background-color:#6994c9; }

就这样,我们就给自己的网站实现了多导航菜单功能。wordpress主题多个导航菜单的实现是不是也很简单?呵呵


网页标题:wordpress多菜单 wordpress菜单实现下拉
文章网址:http://cxhlcq.com/article/ddesidp.html

其他资讯

在线咨询

微信咨询

电话咨询

028-86922220(工作日)

18980820575(7×24)

提交需求

返回顶部