[教程]没有搜索框怎么办?没事月宅教你撸

图片[1]-[教程]没有搜索框怎么办?没事月宅教你撸-月宅酱的博客


前言

写的新主题没有搜索框,这是非常尴尬的一件事,虽然WP可以使用地址栏“/?s=内容”来完成索引,但并不适用所有人,因此还是需要写搜索框。接下来教你最简单 撸一个。


教程

在你需要的地方进行添加,然后 这里的class内容可以完全的使用CSS自定义 强行♂覆盖

<form role="search" method="get" id="searchform" action="<?php echo home_url( '/' ); ?>">
    <input class="letterinput" type="text" name="s" value="" />
    <input class="gobutton" type="submit" value="搜索" />
</form>

哦什么,你懒,不想写CSS,那没事,月宅已经随便写了个样式!

.letterinput{
	width: 100px;
}
.letterinput:hover{
	box-shadow:0px 1px 1px 1px #D5D5D5;
}
.gobutton{
	background-color: #008CBA;
    color: white;
    height: 40px;
    padding: 10px 20px;
    text-align: center;
    font-size: 16px;
}

 

图片[2]-[教程]没有搜索框怎么办?没事月宅教你撸-月宅酱的博客

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

昵称

取消
昵称表情代码图片
    • 月宅的头像-月宅酱的博客月宅等级-LV1-月宅酱的博客作者0