如何将类添加到样式搜索框

时间:2014-04-30 作者:Michelle Grant

我对PHP不是很有经验,但在我的函数中使用了这段代码,找到了一个代码片段,将搜索栏添加到我的主菜单中。php文件:

add_filter( \'wp_nav_menu_items\',\'add_search_box\', 10, 2 );
function add_search_box( $items, $args ) {
$items .= \'<li>\' . get_search_form( \'echo=0\' ) . \'</li>\';
return $items;
}
虽然我不知道如何设置样式,但我知道我需要添加一个类,这样我就可以用css设置样式,但我不知道如何!此外,我还想知道,把它变成一个只需点击即可切换到工具栏的搜索图标有多困难?我认为这也可以在css中完成?

提前感谢。。。

1 个回复
SO网友:Brad Dalton

The tutorial 演示如何添加类并设置其样式。

add_filter( \'wp_nav_menu_items\',\'add_search_box\', 10, 2 );
function add_search_box( $items, $args ) {
$items .= \'<li class="your-class">\' . get_search_form( \'echo=0\' ) . \'</li>\';
return $items;
}
用于CSS questions, please ask on Stackoverflow.

但该代码不允许您在主导航菜单或辅助导航菜单之间进行选择,除非您这样扩展它。

add_filter( \'wp_nav_menu_items\',\'wpsites_add_search_box\', 10, 2 );
function wpsites_add_search_box( $items, $args ) {

if ( \'primary\' != $args->theme_location )
return $items;

$items .= \'<nav class="your-class">\' . get_search_form( \'echo=0\' ) . \'</nav>\';
return $items;
}
关于这个主题已经写了好几次了,我知道如果你想用同样的样式,你会希望使用与主题导航菜单相同的类。

结束

相关推荐

Dashicons and Pseudo :before

我正在生成一个自定义帖子类型,该类型使用虚线图标,并允许用户选择一个与帖子关联的类型。用户可以从下拉列表中选择图标,并将其显示在右侧。但我遇到了一个问题,因为javascript无法更改:before { content: \'\\f188\';} 因此我计划在元素上使用数据属性(数据图标),然后使用:before { content: attr(data-icon);}.这可以工作,并用必要的图标代码替换内容,但出于某种原因,会将其呈现为文本而不是图标。切换回仅在css中使用文本(而不是数据属性)。HT