很多WordPress网站的用户,
在刚安装divi主题模板的时候,
会在网页顶部出现几个诡异的菜单栏目。
这些WordPress的菜单栏目往往不是自己网站上所需要的菜单栏目,
而是系统自动生成的一些随机默认菜单栏目。
一个合格的WordPress营销型网站,
往往要有清晰整洁的WordPress菜单栏目布局,
才会方便网站客户流量网站和快速找到自己想要的内容。
WP花园上有一篇文章详细讲述一个网站该有的17个页面,
仔细学习后有利于我们创建合适自己公司网站的菜单结构。
在这篇文章中,
WP花园将会为您详细解答如何修改、添加和调整divi主题中的顶部菜单栏目和顺序。
快做好笔记,
马上开车!
默认的divi顶部菜单
当你顺利安装且激活divi主题后,
查看WordPress网页前台,
你很可能看到一个类似这样的菜单栏目数量:
![743975e14f0f95e184b307539b6b3936.png](https://i-blog.csdnimg.cn/blog_migrate/b66730653a4dd1d59efe36e4188da9ff.jpeg)
这些都是WordPress自带的一些页面栏目,
我们需要登录后台编辑一下WordPress网站菜单的内容。
新建WordPress页面
如果你在做一个全新的WordPress网站,
那么很可能你只有一两个系统自带的页面,
如果你只有这些页面,
将没办法填充顶部菜单的内容,
所以我们需要先创建页面。
![5a92e486234bea2deeca7a8ea3fc25f1.png](https://i-blog.csdnimg.cn/blog_migrate/6ac9fc683069f71d938928f15534247a.jpeg)
这时候我们要新建5个WordPress默认空白页面,
WP花园有一篇文章讲述具体的WordPress页面创建方法。
这里我们创建了以下页面(都是空白的)
- 首页 home
- 关于我们 about us
- 联系我们 contact
- 团队成员 team
- 新闻博客 blog
- 案例展示 showcase
![e42873c637e67909959c79c39e9c91e2.png](https://i-blog.csdnimg.cn/blog_migrate/aed6a56e8159afe73738885a7d6471d3.jpeg)
只有先创建了这些空白页面后,
在设置顶部菜单的时候才有内容。
设置WordPress顶部DIVI菜单
在WordPress后台选择appearance外观里的menu菜单:
![d3a61bfe1439df0e63f759b0a04c5e50.png](https://i-blog.csdnimg.cn/blog_migrate/53141a84c5f27e959acba59014f01b10.jpeg)
输入菜单的名称top menu 顶部菜单,
然后点击‘创建菜单’
![5067cf188c28f476ed243d29704b8831.png](https://i-blog.csdnimg.cn/blog_migrate/8697e6c6f22cfbd3220c5e8fe7c1224b.jpeg)
在左边栏目就能选择项目加入到菜单中了。
我们点击‘查看所有’,
然后点击‘添加到菜单’
![65e29e93f9810f2eee702733a39a6390.png](https://i-blog.csdnimg.cn/blog_migrate/5d87aa39f0e0c1826fe41576dba3b4a9.jpeg)
记得勾选‘主菜单’,
然后点击‘保存菜单’
![b1b0dcd6e118707456f4c608b0ab8f8b.png](https://i-blog.csdnimg.cn/blog_migrate/1e7d6c27a9ac75678cff62e4a043ebcb.jpeg)
这时候你就能在WordPress的网站前台看到新的菜单出现了
![c0dbb69b48f3bbdb1a8c686dc3ff7ca3.png](https://i-blog.csdnimg.cn/blog_migrate/e988e0de56c032c7280a7dd84b0a5ec2.jpeg)
如何设置WordPress首页
最后再讲一个相关的小知识点,
在WordPress后台点击设置里面的‘阅读’
![c9f00d0abe0b0f975bfeb06389188168.png](https://i-blog.csdnimg.cn/blog_migrate/c5b95fa821412f22ccbb2dc606d25839.jpeg)
在这里就能设置首页和博客列表页了:
![ec2c81f0f32005f9149fcd8b8db2ed6f.png](https://i-blog.csdnimg.cn/blog_migrate/a45e0a2b63c0479403b269baca848ec9.jpeg)
这样的话,
你访问网页的时候,
首页就是你设置的那个页面了。
WP花园的结语
divi主题越来越受到WordPress爱好者的青睐了,
WP花园也是采用divi主题为客户开发高质量的外贸营销型WordPress网站。
在刚激活divi主题的时候,
相信很多初学者一定会遇到各种问题,
所以WP花园经常会在自己的网站上发布divi主题的相关教程。
如果你在使用divi主题的过程中遇到解决不了的问题,
欢迎给我们留言!