如何添加WordPress搜索框(divi主题模块)

692ae2469e5c0c982ddca77591b661f-1080x666

搜索模块是WordPress建站中最常用的样式之一,

这样的搜索表单可以让方便浏览者搜索网站的所有内容。

我们可以在页面和博客或文章又或者任何位置下添加搜索模块,

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

如何使用divi主题中的搜索表单自定义设计。

什么是搜索模块

在divi主题里搜索模块是可以对网站进行搜索,

这意味着可以通过按下“搜索”键就会自动查找相关内容,

让网站浏览快速且又精准,

浏览者可以轻松查阅内容而不会造成混乱。

真实案例分析

我们在使用WordPress为客户做外贸网站时,

客户需要在页面中上传多量文章展示效果,

那么琳琅满目怎么才能让浏览者查看自己想要的内容呢?

那么我们使用DIVI主题中,

添加搜索模块便可以快速搜索查找轻轻松松解决这个问题。

模块编辑步骤

首先需要在您的网站上请确保自己正确安装了divi主题。

然后在我们创建新页面,按绿色按钮添加插入行

word-image-179-1024x436

再按灰色的按钮添加模块,在插入模块中找到搜索模块并添加

word-image-180-1024x466

添加后自动弹出设置框,由对模块的需求来对护栏添加相应文字

word-image-181-1024x407

根据设计需求在搜索设置里的【设计/领域】修改文字颜色和护栏框颜色

word-image-182-1024x388

在设计里鼠标往下滚动,在【护栏文字大小】里设置文字大小

word-image-183-1024x409

在设计里鼠标往下滚动,找到【按钮文字】里可以根据需求更改搜查按钮样式

word-image-184

在设计里鼠标往下滚动,找到【调整大小】里可以根页面需求更改护栏宽度

word-image-185-1024x348

在文字对齐里更改护栏对齐样式,让护栏和页面内容更协调。

word-image-186-1024x418

根据页面设计需求,在边框设计里输入数值,护栏从直角变成圆角。

word-image-187-1024x378

设置完成点击保存,就可以在前台预览了。

692ae2469e5c0c982ddca77591b661f-1024x409

结语

在使用WordPress的divi主题开发网站的时候,

需要上传文章或者大量文件内容的运用时候记得添加一个搜索模块,

这样会让网页浏览更加便捷,方便浏览者查看。

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

发表评论