WordPress主题的小工具是一些可以方便地添加到侧边栏、页脚、页眉等位置的小功能模块。以下是使用WordPress主题的小工具的步骤:
进入WordPress后台,在外观菜单下选择小工具。
在小工具页面,可以看到所有可用的小工具。可以将小工具从可用小工具区域拖放到一个或多个小工具区块(侧边栏、页脚等)。
拖放到小工具区块后,可以设置小工具的标题、内容、样式等。
每个小工具区块可以添加多个小工具,你可以按照需要添加多个小工具。拖动小工具以更改它们的顺序。
以下是一个示例代码,如何使用WordPress主题的小工具在侧边栏上添加一个搜索框:
<?php
class My_Search_Widget extends WP_Widget {
function __construct() {
parent::__construct(
'my_search_widget',
'My Search Widget', // 标题
array( 'description' => 'Adds a search box to the sidebar.' ) // 描述
);
}
// Widget 输出
function widget( $args, $instance ) {
$title = apply_filters( 'widget_title', $instance['title'] );
echo $args['before_widget'];
if ( ! empty( $title ) ) echo $args['before_title'] . $title . $args['after_title'];
?>
<form role="search" method="get" id="searchform" action="<?php echo esc_url( home_url( '/' ) ); ?>">
<label class="screen-reader-text" for="s"><?php echo _x( 'Search for:', 'label' ); ?></label>
<input type="text" value="<?php echo get_search_query(); ?>" name="s" id="s" />
<input type="submit" id="searchsubmit" value="<?php echo esc_attr_x( 'Search', 'submit button' ); ?>" />
</form>
<?php
echo $args['after_widget'];
}
// 保存小工具设置
function update( $new_instance, $old_instance ) {
$instance = array();
$instance['title'] = strip_tags( $new_instance['title'] );
return $instance;
}
// 小工具设置表单
function form( $instance ) {
if ( isset( $instance['title'] ) ) {
$title = $instance['title'];
} else {
$title = '';
}
?>
<p>
<label for="<?php echo $this->get_field_id( 'title' ); ?>"><?php _e( 'Title:' ); ?></label>
<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 ); ?>" />
</p>
<?php
}
}
// 注册 My_Search_Widget 小工具
function my_register_search_widget() {
register_widget( 'My_Search_Widget' );
}
add_action( 'widgets_init', 'my_register_search_widget' );
以上代码定义了一个自定义小工具,将搜索框添加到侧栏中。要将此小工具添加到你的WordPress主题中,请将代码添加到functions.php文件中。