臻享优惠价:最高返 500 抵扣券 → 查看活动!>>>

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

  如何在WordPress菜单中添加搜索框?且不需要不使用任何WordPress插件。  想要达到这种效果只需按照以下步骤相同。  如何在WordPress菜单中添加搜索框:  打开functions.php文件,并在文件末尾的代码片段下面复制粘贴并保存。以下代码将自动将搜索框添加到主菜单栏。  /**  * Add...

  如何在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;

  }

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
豆包可以帮你高效完成AI问答、AI对话、提供软件相关教程以及解决生活中遇到的各种疑难杂症,还能帮助你进行AI写作、AI绘画等等,提高你的工作学习效率。
!
你也想出现在这里?立即 联系我们吧!
信息
个人中心
购物车
优惠劵
今日签到
搜索