文章搜索组件 · 响应式网站编辑器使用手册

## 视频教程 <video src="http://file.help.zhuzi.com.cn/%E6%96%87%E7%AB%A0%E6%94%B6%E7%B4%A2%E7%BB%84%E4%BB%B6.mp4" controls="controls" width="80%" height="100%"> </video> ## 基本操作 1、进入编辑器，进入页面管理 ![](http://bk.image.styleweb.com.cn/2018/7/30/_jk7qj1kk.png?imageView2/2/q/100) 2、查看自己有没有新闻页面，新闻页面有没有文章，如果有的话，我们进行下一步操作 ![](http://bk.image.styleweb.com.cn/2018/7/30/_jk7qjk6f.png?imageView2/2/q/100)![](http://bk.image.styleweb.com.cn/2018/7/30/_jk7qjzxv.png?imageView2/2/q/100) 3、新建文章搜索页面 ![](http://bk.image.styleweb.com.cn/2018/7/30/_jk7qkiyu.png?imageView2/2/q/100) 4、选择一个模板 ![](http://bk.image.styleweb.com.cn/2018/7/30/_jk7ql5ad.png?imageView2/2/q/100) 5、添加好后默认为隐藏页面 ![](http://bk.image.styleweb.com.cn/2018/7/30/_jk7qlmio.png?imageView2/2/q/100) 6、在任意页面添加一个文章搜索组件 ![](http://bk.image.styleweb.com.cn/2018/7/30/_jk7qoko7.png?imageView2/2/q/100) 7、点击该组件的编辑框，可以对文章搜索组件进行简单的样式设置 ![](http://bk.image.styleweb.com.cn/2018/7/30/_jk7qp5eu.png?imageView2/2/q/100)![](http://bk.image.styleweb.com.cn/2018/7/30/_jk7qpqr4.png?imageView2/2/q/100) 8、编辑保存后发布网站，在搜索框输入文章关键字，点击搜索即可 ![](http://bk.image.styleweb.com.cn/2018/7/30/_jk7qqadb.png?imageView2/2/q/100)![](http://bk.image.styleweb.com.cn/2018/7/30/_jk7qr41n.png?imageView2/2/q/100)