首页 问答 正文

如何使用WordPress主题的小工具。

注册会员 / 悠然自学 / 2023-06-11/ 浏览 146 次

WordPress主题的小工具是一些可以方便地添加到侧边栏、页脚、页眉等位置的小功能模块。以下是使用WordPress主题的小工具的步骤:

  1. 进入WordPress后台,在外观菜单下选择小工具。

  2. 在小工具页面,可以看到所有可用的小工具。可以将小工具从可用小工具区域拖放到一个或多个小工具区块(侧边栏、页脚等)。

  3. 拖放到小工具区块后,可以设置小工具的标题、内容、样式等。

  4. 每个小工具区块可以添加多个小工具,你可以按照需要添加多个小工具。拖动小工具以更改它们的顺序。

以下是一个示例代码,如何使用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文件中。

大家谈论
    我的见解