wordpress高级搜索,WordPress按分类搜索功能制作

鱼见海资源网最新教程:

网站制作过程中,在网站中需要添加搜索功能,我们一般会制作一个wordpress搜索功能(search.php)模板,这种搜索功能是直接搜索全网站的内容。例如学做网站论坛的搜索功能(https://www.xuewangzhan.net/search/),如下图。

但在实际自己建网站过程中,需要制作wordpress高级搜索功能,让用户可以按分类进行搜索,效果图如下:

wordpress高级搜索制作方法

高级搜索之按分类进行搜索制作

第一步:新建一个HTML页面,取名为searchform.php(搜索框模板),将下面的HTML代码粘贴进去。

第二步,在自己网站的style.css的最下方粘贴以下的CSS样式代码,来控制搜索框样式。

.search_select{height:35px;line-height:35px;width:180px}
.sck{height:33px;width:528px;border:1px solid #999;padding:0 10px;background:#FFF;font-size:16px;}
.sckal{height:34px;width:100px;border:1px solid #999;line-height:34px;text-align:center; background-color:#36F;color:#FFF;font-size:15px;font-weight:bold}

第三步:在需要显示搜索框的位置,放上以下的PHP调用搜索框代码即可。

wordpress还有另外一种方法实现高级搜索,选项框选择的高级搜索,如下图:

这个需要wordpress设计者手动填写分类的ID,这种搜索的源代码如下:(安装方法与第一个功能一样)

还有一种下拉式高级搜索功能代码:(安装方法与第一个功能一样)

文章来源于互联网

© 版权声明
THE END
喜欢就支持一下吧
点赞395 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

夸夸
夸夸
还有吗!没看够!
取消
昵称表情代码图片

    暂无评论内容