
先找到你的导航栏的DIV,如果只有个导航条的通常用了个div,然后导航菜单使用的ul,分类用li。
如果想把搜索框添加进导航条的右侧,个人做法穗答是在原先的猜激慧div中给导航条再添加个div,并添加新的class或id,另外search的搜索框使用另个div加搜索的class或id,
然后铅磨就是调整CSS的属性了。
以上只是方法,具体看实际 *** 作,希望对你有启发吧,
先尝试把搜索栏的代码放到导航栏的div里面,要放到最陆升后的位置,然后凳穗用浏览器的调试工具进行微调。或枣悉卜者将搜索栏做相对定位,然后调整top属性,让其位置落在导航栏上。
仔细看你问题的描述,补充一下我的回答:
其实你说的这个功能,浏览器本身就支持,只要按ctrl+F就行
------------------------------------------------------------------------------
wp在搜索时,主要是搜索post_title\post_excerpt\post_content这几个字段。
如果只想搜索当前页面,只要传入page_id就OK了
示例代码:
<form role="search" method="get" action="<?php echo esc_url( home_url( '/' ) ) ?>"><input type="hidden"衫租 id="page_id" name="page_id" value="<?php echo 肆核get_queried_object_id() ?>">
<div class="input-group">
<label for="search-field">输入关键词</label>
或雹兆 <input type="search" id="search-field" name="s" placeholder="<?php echo esc_attr_x( 'Search &hellip', 'placeholder' ) ?>" value="<?php echo get_search_query() ?>">
<input type="submit" style="vertical-align: top" value="搜索" />
</div>
</form>
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)