WordPress的divi主题中内置侧边栏模块使用教程

word-image-14

我们有时候使用在WordPress建站时

需要在博客页面中放置侧边栏来创建无限数量的小部件就绪区域,

Divi主题中的侧边栏可以添加到任何页面中,

从而使您可以为网站的不同部分创建唯一的边栏。

本次文章带你在WordPress花园中深入了解,

如何使用divi主题中的侧边栏模块自定义设计。

什么是侧边栏模块

Divi主题中的侧边栏模块允许您在页面上的任何位置插入边栏,

(及其所有内置窗口小部件)

从而使您可以为网站的不同部分创建唯一的边栏。

真实案例分析

我们有一位WordPress建站客户,

需要在博客页面中加入侧边栏,

那么使用Divi主题中的侧边栏模块就可以快速的创建出来。

模块编辑步骤

接下来我将向您展示如何使用侧边栏插入博客页面中,

首先需要先确认是否安装正版Divi主题。

然后在Divi主题页面中点击【外观/小工具】添加设置侧边栏小工具。

word-image-800x421

在前期我们已经教了大家如何添加底部栏中添加可用小工具,

我们可以按照一样的方法在侧边栏模块中添加您所需要的小工具。

设置完成后点击保存。

word-image-1-800x421

然后创建新页面,在页面中单击蓝色加号按钮选择【特殊布局】

word-image-2-800x311

在插入列模块里选择您所需要的布局 

word-image-3-800x340

在左侧中选择您所需要的布局设置,并加入博客模块或者其他内容信息。

word-image-4-800x421

然后右侧页面中单击灰色加号按钮,在模块列表中找到侧边栏模块,

单击它以将其添加到页面中。

word-image-5-800x421

添加之后会自动跳出侧边栏模块设置,可以在【内容/小部件】区域里选择侧边栏。

word-image-6-800x421

在【设计/布局】的对齐里点击小按钮

word-image-7-800x421

选择您所需要的对齐方式

word-image-8-800x421

在显示边框分隔器里可以选择是否开启显示分割器

word-image-9-800x421

在【标题文本】中可以设置侧边栏的标题文字字体、大小和颜色等样式

word-image-10-800x421

在【主体文本】中可以设置侧边栏的内容文字字体、大小和颜色等样式

word-image-11-800x421

在【大小】里可以设置侧边栏的整体大小和对齐方式

word-image-12-800x421

设置完成点击保存,就设置完成了。

word-image-14

结语

使用侧边栏的好处就是可以节约空间,

能够方便在浏览网页页时搜索和显示最新帖子。

这样可以很方便我们在网页浏览时获取最新的资讯内容

本文由 8源码吧 作者:liaolong 发表,其版权均为 8源码吧 所有,文章内容系作者个人观点,不代表 8源码吧 对观点赞同或支持。如需转载,请注明文章来源。

发表评论