wordpress 二级菜单

在WordPress网站的divi主题中添加悬浮固定二级菜单

我们WP花园为客户提供深度定制WordPress网站设计开发的过程中,

经常会为购买了高级定制服务的客户提供一些个性化模块功能开发。

最近,

我们有一个WordPress网站建站客户,

想要仿制大疆无人机产品详情页里面的固定菜单二级目录的样式,

个性化展现自己的产品参数和技术支持子页面。

我们WP花园技术团队在深度研究divi主题的模块功能后,

找到了实现此divi模块的方法,

现在我们将这个小技巧分享给大家,一起学习,一起成长。

固定二级菜单的效果展示

如果客户的产品是高科技类型的产品,

那么一定会有很多详细的参数和帮助文档。

倘若我们都把这些资料放在同一个页面,

那么产品详情页会变得非常冗长和臃肿。

在大疆无人机的官网的产品展示页,

就是采用这种固定二级菜单的方式,

让访客更容易找到产品相关的信息页面。

向下滚动后:

预览地址:

?site=brandsite&from=nav

在WordPress网站中使用divi主题实现布置

我们WP花园仔细分析了用户的建站需求后,结合WordPress的divi主题,采取的方案是,为一个产品创建3个子页面:

产品详情页:woocommerce的product 产品产品参数页:WordPress默认的Post文章类型(创建一个产品参数文章分类category)产品帮助页:WordPress默认的Post文章类型(创建一个产品帮助分类category)

因为以后很可能用列表的形式展示所有产品参数页和产品帮助页,所以不要用WordPress的页面page类型,而是文章post类型。

【相关教程】

在WordPress中如何发布一篇文章

在WordPress中如何创建分类

如何使用divi主题自定义产品详情页

产品相关页面命名规范

为了方便后续的管理,每一个页面要保持良好的命名规范。

举个例子,

产品名字为xxxx,那么产品参数页的名字就是 xxxx 参数,产品帮助页的名字就为xxxx 帮助手册使用菜单menu将多个页面关联起来

好的,

假设现在我们已经创建好了多个产品子页面,

准备将他们以二级菜单的形式展现到【产品详情页】中,

怎么操作呢?

我们登录到WordPress后台的外观appreance里面的菜单menu,

然后点击【创建新菜单】按钮,为xxx产品创建一个名字为‘xxx 子菜单’的菜单。

将对应的产品子页面,拖入到这个子菜单中,保存菜单。

在divi编辑器中添加固定的二级菜单

打开divi的可视化编辑器,

新增一个section版块部分,然后选择【全宽】

从弹出的模块中,选择【全宽菜单】

然后选择你为这个产品创建的子菜单 xxx子菜单

同时,

点击【高级】版块中,

在CSS ID里面输入一个英文字符 sticky,然后保存:

保存之后,

如果【退出视觉编辑器】在网站页面前台,

就能看到这个固定菜单出现了:

设计二级菜单

上面图片中展示的是固定的菜单样式,

我们可以在这个菜单模块中的【设计】版块中,

对菜单的字体颜色、背景颜色等等样式进行设计:

WP花园的结语

我们在使用WordPress和woocommerce开发外贸独立站的时候,

经常会根据客户需求,定制一些小功能。

这篇文章中提到的悬浮二级菜单的基本思路是:

创建产品子页面为每一个产品创建一个菜单Menu在divi编辑器中添加这个菜单,并且使用sticky字符将其固定设计菜单样式

使用divi主题,能够灵活地创建丰富多彩的功能模块,不用写一行代码。

如果你还不知道什么是divi主题,

WP花园中有一篇文章详细介绍了divi主题的优势。

在使用divi主题的过程中,

如果你遇到任何问题,欢迎给我们留言!

WP菜鸟建站27:wordpress后台用户菜单怎样操作?

在众多的wordpress程序开发的网站中,大多数都只有一个用户,那就是wordpress站长他自己。为什么呢?因为大多数wordpress站长建站的目的不是像微信、微博那样的,需要许许多多的用户来捧场,而是为了自己的爱好和职业相关,把自己的wordpress网站当成一个博客或日记,定期在它上面发表自己的观点和学习记录等等东西。所以,对于他们来说,也就不用去理会wordpress后台左侧的用户菜单的使用和管理。

但是,如果你想让自己的wordpress网站能像新浪博客、CDSN博客那样的活跃,让其他的用户也能在你的网站上自由发表文章,那么,你就要开放wordpress网站的用户注册权限,以及定义注册用户为作者以上身份。当然,如何开放注册不是本文的重点。本文是要介绍“wordpress网站后台的用户菜单怎样使用”。

我们进入到wordpress网站的后台,点击左侧的“用户”菜单,我们可以看到3个的菜单:所有用户、添加用户、我的个人资料。下面,我就来一个一个地解说一下。

一:所有用户。

如果我们wordpress网站开放了站外用户注册权限,注会有多多少少的站外用户可能到我们的网站注册,然后进站发表他们的文章。这时,这些注册过的用户,会在这里展示。我们点击这个“所有用户”的菜单,就可以在右侧内容栏中看到所有的注册用户,如下图:

作为wordpress站长的我们,可以在这里对这些注册用户进行管理:查看、编辑或删除(如上图)。我们点击删除,就可以把这个注册用户从我们的网站中踢出去;我们点击“编辑”,就可以对这个注册用户的相关信息资料进行修改,如下图:

如何修改这些用户的信息资料,这个跟我们前面的文章“WP菜鸟建站11:怎样修改wordpress用户信息?”里面介绍的是一样,这里就不再做介绍了。

注意:这里的删除动作一定要小心使用哦,不要把自己的wordpress网站的重要用户给删除了哟。

二:添加用户。

这也是wordpress提供给站长的一个功能。这个功能对于一个wordpress网站的团队来说,还是非常有必要的。一个wordpress网站想做大,通过一个团队来操作,可行性就更强。这时,我们的wordpress网站可以不必要开放站外用户注册功能,而可以直接通过这个“添加用户”功能来把这个团队的所有成员添加进去。

我们点击“添加用户”子菜单,右侧内容栏就会显示出“添加用户”的表单(如下图)。

?在这个“添加用户”表单中,用户名、电子邮件、密码、角色是必须填写或选择的。最好是填写团队成员的常用的邮箱地址。角色一定要选择“作者”以上权限,如果对成员完全信任,可以选择“编辑或管理员”。管理员的权力是最高的,可以对整个wordpress后台的所有东西做出处理,这个要小心设置了。

查看自己添加用户有没有成功,可以到“所有用户”列表中去看看。用户列表一般是按添加时间的倒序来排列的,所以,最后添加的用户会在用户列表的第一页的最上面一行显示。

三:我的个人资料。

我的个人资料,指的是当前登录用户的个人资料。点击“我的个人资料”,就会在右侧内容栏中显示当前登录用户的人个信息,用户可以对它进行修改。这个在前面的文章“WP菜鸟建站11:怎样修改wordpress用户信息?”里已经介绍过了,这里就不说了。

通过上面的介绍,我们对wordpress网站后台左侧导航的用户菜单功能做了一次详细介绍。如果你也开放了站外用户注册,那么,这个用户菜单的操作还是要熟悉一下的。对那些在我们的wordpress网站上乱发表垃圾文章的垃圾注册用户,我们要果断地、毫不留情地对他们进行剔除。同样,我们也要对那些发表优质文章的注册用户给予相应的奖励。如了,本文就写到这了,如果疑问,欢迎点评或私信我。