wordpress搜索框添加到导航栏最右边

wordpress搜索框添加到导航栏最右边,第1张

是通过DIV+CSS修改的,

先找到你的导航栏的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>


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/8031743.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-12
下一篇2023-04-12

发表评论

登录后才能评论

评论列表(0条)

    保存