您现在的位置是:首页 > 教程 > WordPress教程WordPress教程

Wordpress调用搜索框的方法

张广房2023-06-24 22:05:22WordPress教程已有人查阅

导读如何在WordPress菜单中添加搜索框?打开functions.php文件,并在文件末尾的代码片段下面复制粘贴并保存。以下代码将自动将搜索框添加到主菜单栏。

如何在WordPress菜单中添加搜索框?打开functions.php文件,并在文件末尾的代码片段下面复制粘贴并保存。以下代码将自动将搜索框添加到主菜单栏。

/**
* Add searchbox in menubar
*/
add_filter( 'wp_nav_menu_items','add_search_box', 10, 2 );
function add_search_box( $items, $args ) {
$items .= '
<ul>
<li>' . get_search_form( false ) . '</li>
</ul>
';
return $items;
}

默认情况下,它将显示为主题颜色组合,但如果要更改样式,则可以将自定义样式添加到搜索框。在示例中,我已经从顶部和右边添加了搜索框的边距。

.searchbox-position {
margin-top: 15px;
margin-right: 20px;
}

本文标签:

很赞哦! ()

留言与评论 (共有 条评论)
验证码:

相关标签