WordPress搜索小工具详解

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

WordPress搜索小工具
图1 WordPress搜索小工具

WordPress搜索小工具使用介绍
在网站【后台-外观-小工具】中找到搜索,将它拖到想要展示的侧边栏中。
搜索小工具的设置
图2 搜索小工具的设置

WordPress搜索小工具没什么设置功能,只是能修改下展示的标题。
WordPress搜索小工具前端展示
前端预览WordPress搜索小工具
图3 前端预览WordPress搜索小工具

WordPress搜索小工具源码介绍
下面我们来看看源码:
源码位置:wp-includes\widgets\class-wp-widget-search.php
源代码:(since 4.4.0)

<?php
/**
 * Widget API: WP_Widget_Search class
 *
 * @package WordPress
 * @subpackage Widgets
 * @since 4.4.0
 */
 
/**
 * Core class used to implement a Search widget.
 *
 * @since 2.8.0
 *
 * @see WP_Widget
 */
class WP_Widget_Search extends WP_Widget {
 
	/**
	 * Sets up a new Search widget instance.
	 *
	 * @since 2.8.0
	 * @access public
	 */
	public function __construct() {
		$widget_ops = array(
			'classname' => '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'];
		?>
		<p><label for="<?php echo $this->get_field_id('title'); ?>"><?php _e('Title:'); ?> <input class="widefat" id="<?php echo $this->get_field_id('title'); ?>" name="<?php echo $this->get_field_name('title'); ?>" type="text" value="<?php echo esc_attr($title); ?>" /></label></p>
		<?php
	}
 
	/**
	 * Handles updating settings for the current Search widget instance.
	 *
	 * @since 2.8.0
	 * @access public
	 *
	 * @param array $new_instance New settings for this instance as input by the user via
	 *                            WP_Widget::form().
	 * @param array $old_instance Old settings for this instance.
	 * @return array Updated settings.
	 */
	public function update( $new_instance, $old_instance ) {
		$instance = $old_instance;
		$new_instance = wp_parse_args((array) $new_instance, array( 'title' => ''));
		$instance['title'] = sanitize_text_field( $new_instance['title'] );
		return $instance;
	}
 
}

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

(完)

版权声明WordPress头条正在使用WordPress文章版权插件
如未注明,均为原创,转载需注明出处
本文链接地址:http://www.wptoutiao.com/widgets/451.html

小工具的相关文章

搜索的相关文章

还可以分享文章给好友:

WordPress搜索小工具详解”有4个评论

    1. 一般主题会在网站header或者菜单中加入了WordPress搜索功能,所以很多主题都没必要再侧边栏加搜索框了。

发表评论

电子邮件地址不会被公开。 必填项已用*标注