wordpress search.php,WordPress搜索小工具详解

WordPress搜索小工具支持我们在侧边栏加入搜索框功能，搜索是网站必不可少的功能，今天WordPress头条带大家剖析WordPress搜索小工具的源码、细节、和自定义WordPress搜索小工具。

图1 WordPress搜索小工具

WordPress搜索小工具使用介绍

在网站【后台-外观-小工具】中找到搜索，将它拖到想要展示的侧边栏中。

图2 搜索小工具的设置

WordPress搜索小工具没什么设置功能，只是能修改下展示的标题。

WordPress搜索小工具前端展示

图3 前端预览WordPress搜索小工具

WordPress搜索小工具源码介绍

下面我们来看看源码：

源码位置：wp-includes\widgets\class-wp-widget-search.php

源代码：(since 4.4.0)

'widget_search',

'description' => __( 'A search form for your site.' ),

'customize_selective_refresh' => true,

);

parent::__construct( 'search', _x( 'Search', 'Search widget' ), $widget_ops );

}

/**

* Outputs the content for the current Search widget instance.

*

* @since 2.8.0

* @access public

*

* @param array $args Display arguments including 'before_title', 'after_title',

* 'before_widget', and 'after_widget'.

* @param array $instance Settings for the current Search widget instance.

*/

public function widget( $args, $instance ) {

/** This filter is documented in wp-includes/widgets/class-wp-widget-pages.php */

$title = apply_filters( 'widget_title', empty( $instance['title'] ) ? '' : $instance['title'], $instance, $this->id_base );

echo $args['before_widget'];

if ( $title ) {

echo $args['before_title'] . $title . $args['after_title'];

}

// Use current theme search form if it exists

get_search_form();

echo $args['after_widget'];

}

/**

* Outputs the settings form for the Search widget.

*

* @since 2.8.0

* @access public

*

* @param array $instance Current settings.

*/

public function form( $instance ) {

$instance = wp_parse_args( (array) $instance, array( 'title' => '') );

$title = $instance['title'];

?>

''));

$instance['title'] = sanitize_text_field( $new_instance['title'] );

return $instance;

}

}

搜索小工具很简单，只提供了widget_title过滤器给我们自定义，也是使用get_search_form函数来获取搜索框的代码。如果要自定义WordPress搜索小工具请查看WordPress自定义搜索框。

感觉本站内容不错，读后有收获？小额赞助

还可以分享文章给好友：