如何添加WordPress搜索框(divi主题模块)
wordpress建站
7月前
110
0
搜索模块是WordPress建站中最常用的样式之一,
这样的搜索表单可以让方便浏览者搜索网站的所有内容。
我们可以在页面和博客或文章又或者任何位置下添加搜索模块,
本次文章带你在WordPress花园中深入了解,
如何使用divi主题中的搜索表单自定义设计。
什么是搜索模块
在divi主题里搜索模块是可以对网站进行搜索,
这意味着可以通过按下“搜索”键就会自动查找相关内容,
让网站浏览快速且又精准,
浏览者可以轻松查阅内容而不会造成混乱。
真实案例分析
我们在使用WordPress为客户做外贸网站时,
客户需要在页面中上传多量文章展示效果,
那么琳琅满目怎么才能让浏览者查看自己想要的内容呢?
那么我们使用DIVI主题中,
添加搜索模块便可以快速搜索查找轻轻松松解决这个问题。
模块编辑步骤
首先需要在您的网站上请确保自己正确安装了divi主题。
然后在我们创建新页面,按绿色按钮添加插入行

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

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

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

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

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

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

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

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

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

结语
在使用WordPress的divi主题开发网站的时候,
需要上传文章或者大量文件内容的运用时候记得添加一个搜索模块,
这样会让网页浏览更加便捷,方便浏览者查看。