如何在WordPress菜单中添加搜索框?

momseo 阅读 205 次

  如何在WordPress菜单中添加搜索框?且不需要不使用任何WordPress插件。

  想要达到这种效果只需按照以下步骤相同。

  如何在WordPress菜单中添加搜索框:

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;

  }

扫描关注微信公众号WPMEE
  • 第一时间了解WordPress动态
  • 学习WordPress教程