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

如何在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 .= ‘

  

      

  • ’ . get_search_form( false ) . ‘
  •   

  ’;

  return $items;

  }

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

  .searchbox-position {

  margin-top: 15px;

  margin-right: 20px;

  }

原文地址:https://www.cnblogs.com/app3456789/p/11797695.html

时间: 2024-08-24 13:34:31

如何在WordPress菜单中添加搜索框?的相关文章

转载:如何在wordpress主题中添加设置页面

将自己设计的题发布或是销售是一件很棒的事情,但并不是每一个主题使用者都有很熟练的HTML/CSS技巧.但是如果在主题中整合一个设置选项页面,就可以使那些完全不懂代码的用户能够很容易地根据他们的喜好来修改主题.下面我将告诉大家如何从零开始做一个最简单的主题选项页(下图为最终效果). 我们的最终目的是什么? 在开始之前,要先了解我们的最终目的是什么?我们主题可以自行定制哪些内容?这些是需要你在设计主题前就应该考虑好的. 每个主题都可以有很多的可编辑元素,本例中我将通过实现下面这三个方面的定制来说明如

如何在win10系统的开始菜单中添加“设备和打印机”

一些细心的用户会发现,win10和win7的"设备和打印机"的位置不一样.Win7的系统,在开始菜单中一般都会有"设备和打印机"这个选项,找到后直接打开就可以了,但是win10的这些快捷操作按钮却不见了.但是大家不要着急,小编这就教大家如何添加win10系统的"设备和打印机". 1.打开"控制面板",找到"硬件和声音",点击进去,然后再找到"设备和打印机": 2.在"设备和打印

详细解读Android中的搜索框—— SearchView

以前总是自己写的 今天看看别人做的 本篇讲的是如何用searchView实现搜索框,其实原理和之前的没啥差别,也算是个复习吧. 一.Manifest.xml 这里我用一个activity进行信息的输入和展示,配置方式还是老样子,写一个输入框的配置文件,然后写定一个action <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.and

详细解读Android中的搜索框(三)—— SearchView

本篇讲的是如何用searchView实现搜索框,其实原理和之前的没啥差别,也算是个复习吧. 一.Manifest.xml 这里我用一个activity进行信息的输入和展示,配置方式还是老样子,写一个输入框的配置文件,然后写定一个action <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/a

iOS中UISearchBar(搜索框)使用总结

iOS中UISearchBar(搜索框)使用总结 初始化:UISearchBar继承于UIView,我们可以像创建View那样创建searchBar     UISearchBar * bar = [[UISearchBar alloc]initWithFrame:CGRectMake(20, 100, 250, 40)];     [self.view addSubview:bar]; @property(nonatomic)        UIBarStyle              ba

20170915-如何在jmeter&#39;工具中添加压力机

jmeter中如何添加压力机1.谁的电脑要做压力机们就要把那台电脑的jmeter-server.bat(jmeter的bin文件目录下)启动2.两台电脑要能ping通3.在配置文件中加入这个ip:修改bin/jmeter.properties文件,搜索remote_hosts关键字,在关键字所在行后添加对方电脑的ip,用逗号","分割,末尾加上:默认端口号(#server_port=1099)      例如:remote_hosts=localhost:1099,10.165.124

如何在PDF文件中添加注释功能

PDF文件并不陌生,那么对PDF编辑与添加注释大家是否有了解过?编辑与加注释是不同的,PDF编辑文件是对内容进行编辑修改,能修改原文件中的内容:而添加注释则是在原文件上添加备注,对文件中的重点文字添加下划线等标记.下面分享如何在PDF文件中添加注释功能.   步骤: 1.首先我们可以百度搜索'悦书PDF阅读器',点击进入下载即可. 2.点击菜单栏'+'打开文件,或者直接把文件拖入到阅读器中即可打开.在打开界面中选择PDF文件并点击'打开'即可. 3.打开的PDF文件页面中,选择下方工具栏中的'注

大开测试:性能-如何在Analysis图表中添加分析注释(连载26)

7.26  如何在Analysis图表中添加分析注释 1.问题提出 Analysis提供了十分丰富的图表,我们可以借助这些图表分析系统的性能,为了使图表更加直观,方便专业及其非专业人事的阅读,提供分析注释是十分必要的,那么LoadRunner的Analysis提供这种功能了吗? 2.问题解答 LoadRunner提供了丰富的图表,通过这些图表可以供性能分析人员分析系统瓶颈,为了使自己和他人方便阅读分析结果,LoadRunner提供了在图表上添加注释信息的功能,下面以"Throughput - R

Codejock Xtreme ToolkitPro MFC 15.1.3.0908(Full Source) 汉化与添加搜索框

Codejock Xtreme ToolkitPro MFC 15.1.3.0908(Full Source) 1.安装序列号 B0B50-00000-A301C-00000-3ADC6 2.汉化过程 1.Source\XTToolkitPro.rc中找到 #defineLANGUAGE_DEFAULT(ProdName) <##ProdName##\res\Resource.rc> 在它的前面一行加上: #define _XTP_RESOURCE_LANGUAGE zh_CN 即: 2.Wo