Wordpress 创建未包装的小部件

Wordpress 创建未包装的小部件,wordpress,widget,wordpress-theming,Wordpress,Widget,Wordpress Theming,我正在尝试创建一个类似于文本小部件的小部件,但我不希望它被包装,也不希望在它周围添加任何div或格式。这将在结束标记之前用于javascript,所以我只是尝试在小部件中键入简单的/基本的信息。除了下面的我还需要什么?我做对了吗 function 123_widgets_init() { register_sidebar( array( 'name' => __( 'Scripts', '123' ), 'id' => 'sidebar-1',

我正在尝试创建一个类似于文本小部件的小部件,但我不希望它被包装,也不希望在它周围添加任何div或格式。这将在结束标记之前用于javascript,所以我只是尝试在小部件中键入简单的/基本的信息。除了下面的我还需要什么?我做对了吗

function 123_widgets_init() {
    register_sidebar( array(
        'name' => __( 'Scripts', '123' ),
        'id' => 'sidebar-1',
        'before_widget' => '',
        'after_widget' => '',
        'before_title' => '',
        'after_title' => '',
    ) );
}
add_action( 'widgets_init', '123_widgets_init' );

到你想去的地方还有很多路要走

  • 创建一个新的sidebar-xxx.php文件,该文件调用您创建的侧栏
  • 创建一个下拉到该侧边栏的窗口
  • 调用
    get_边栏('xxx')您希望它在侧边栏中显示小部件的位置
  • 在创建边栏文件或小部件时,您可以排除添加格式或包装,只回显小部件的输入


    要到达你想要的地方,还有很多步骤要走

  • 创建一个新的sidebar-xxx.php文件,该文件调用您创建的侧栏
  • 创建一个下拉到该侧边栏的窗口
  • 调用
    get_边栏('xxx')您希望它在侧边栏中显示小部件的位置
  • 在创建边栏文件或小部件时,您可以排除添加格式或包装,只回显小部件的输入

    使用我的插件。它有一个不使用边栏参数的文本小部件,它在前端和后端视图的页眉和页脚中创建特殊的小部件区域

    您可以使用。

    使用我的插件。它有一个不使用边栏参数的文本小部件,它在前端和后端视图的页眉和页脚中创建特殊的小部件区域


    你可以坐飞机。

    是的,你做得对。任何文本小部件都可以使用javascript——如果您想去掉div、p标记和类的话——您的代码应该足够了

    你也可以用一些过滤器来清洁其他东西

    事实上,我有这样一个小部件的代码——我不记得是从哪个网站(某个代码片段存储库)获取的,但它基本上是文本小部件,经过一些小的修改后复制的

    <?php
    /*
    Plugin Name: Text widget for Javascript
    Plugin URI: Unknown 
    Description: Adds a Text widget with Javascript support - basically empty all divs classes etc.
    Version: 3.1
    Author: Unknown (code source unknown. compiled by Obmerk99)
    Author URI: Unknown
    License: GPL2
    Network: true
    */
    
    /**********************************************
     * Text widget class with small twicks for JS *
     **********************************************/
    
    class WP_Widget_Text_For_JS extends WP_Widget {
    
        function __construct() {
            $widget_ops = array('classname' => 'widget_text', 'description' => __('Javascript Text Widget'));
            $control_ops = array('width' => 400, 'height' => 350);
            parent::__construct('text', __('Text'), $widget_ops, $control_ops);
        }
    
        function widget( $args, $instance ) {
            extract($args);
            $title = apply_filters( 'widget_title', empty($instance['title']) ? '' : $instance['title'], $instance, $this->id_base);
            $text = apply_filters( 'widget_text', $instance['text'], $instance );
            $before_widget = ''; $after_widget =''; $before_title=''; $after_title='';$after_widget=''; //empty all
            echo $before_widget;
            if ( !empty( $title ) ) { echo $before_title . $title . $after_title; } ?>
                <div class="textwidget"><?php echo $instance['filter'] ? wpautop($text) : $text; ?></div>
            <?php
            echo $after_widget;
        }
    
        function update( $new_instance, $old_instance ) {
            $instance = $old_instance;
            $instance['title'] = strip_tags($new_instance['title']);
            $instance['text'] =  $new_instance['text'];
            $instance['filter'] = isset($new_instance['filter']);
            return $instance;
        }
    
        function form( $instance ) {
            $instance = wp_parse_args( (array) $instance, array( 'title' => '', 'text' => '' ) );
            $title = strip_tags($instance['title']);
            $text = esc_textarea($instance['text']);
    ?>
            <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>
    
            <textarea class="widefat" rows="16" cols="20" id="<?php echo $this->get_field_id('text'); ?>" name="<?php echo $this->get_field_name('text'); ?>"><?php echo $text; ?></textarea>
    
            <p><input id="<?php echo $this->get_field_id('filter'); ?>" name="<?php echo $this->get_field_name('filter'); ?>" type="checkbox" <?php checked(isset($instance['filter']) ? $instance['filter'] : 0); ?> />&nbsp;<label for="<?php echo $this->get_field_id('filter'); ?>"><?php _e('Automatically add paragraphs'); ?></label></p>
    <?php
        }
    }
    function wp_o99_javascript_text_widget(){
        // unregister_widget('WP_Widget_Text'); // Only if you really want to .
        register_widget('WP_Widget_Text_For_JS');
    }
    add_action('widgets_init', 'wp_o99_javascript_text_widget', 1);
    ?>
    
    
    
    是的,你做得对。任何文本小部件都可以使用javascript——如果您想去掉div、p标记和类的话——您的代码应该足够了

    你也可以用一些过滤器来清洁其他东西

    事实上,我有这样一个小部件的代码——我不记得是从哪个网站(某个代码片段存储库)获取的,但它基本上是文本小部件,经过一些小的修改后复制的

    <?php
    /*
    Plugin Name: Text widget for Javascript
    Plugin URI: Unknown 
    Description: Adds a Text widget with Javascript support - basically empty all divs classes etc.
    Version: 3.1
    Author: Unknown (code source unknown. compiled by Obmerk99)
    Author URI: Unknown
    License: GPL2
    Network: true
    */
    
    /**********************************************
     * Text widget class with small twicks for JS *
     **********************************************/
    
    class WP_Widget_Text_For_JS extends WP_Widget {
    
        function __construct() {
            $widget_ops = array('classname' => 'widget_text', 'description' => __('Javascript Text Widget'));
            $control_ops = array('width' => 400, 'height' => 350);
            parent::__construct('text', __('Text'), $widget_ops, $control_ops);
        }
    
        function widget( $args, $instance ) {
            extract($args);
            $title = apply_filters( 'widget_title', empty($instance['title']) ? '' : $instance['title'], $instance, $this->id_base);
            $text = apply_filters( 'widget_text', $instance['text'], $instance );
            $before_widget = ''; $after_widget =''; $before_title=''; $after_title='';$after_widget=''; //empty all
            echo $before_widget;
            if ( !empty( $title ) ) { echo $before_title . $title . $after_title; } ?>
                <div class="textwidget"><?php echo $instance['filter'] ? wpautop($text) : $text; ?></div>
            <?php
            echo $after_widget;
        }
    
        function update( $new_instance, $old_instance ) {
            $instance = $old_instance;
            $instance['title'] = strip_tags($new_instance['title']);
            $instance['text'] =  $new_instance['text'];
            $instance['filter'] = isset($new_instance['filter']);
            return $instance;
        }
    
        function form( $instance ) {
            $instance = wp_parse_args( (array) $instance, array( 'title' => '', 'text' => '' ) );
            $title = strip_tags($instance['title']);
            $text = esc_textarea($instance['text']);
    ?>
            <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>
    
            <textarea class="widefat" rows="16" cols="20" id="<?php echo $this->get_field_id('text'); ?>" name="<?php echo $this->get_field_name('text'); ?>"><?php echo $text; ?></textarea>
    
            <p><input id="<?php echo $this->get_field_id('filter'); ?>" name="<?php echo $this->get_field_name('filter'); ?>" type="checkbox" <?php checked(isset($instance['filter']) ? $instance['filter'] : 0); ?> />&nbsp;<label for="<?php echo $this->get_field_id('filter'); ?>"><?php _e('Automatically add paragraphs'); ?></label></p>
    <?php
        }
    }
    function wp_o99_javascript_text_widget(){
        // unregister_widget('WP_Widget_Text'); // Only if you really want to .
        register_widget('WP_Widget_Text_For_JS');
    }
    add_action('widgets_init', 'wp_o99_javascript_text_widget', 1);
    ?>
    
    
    
    为什么不使用
    wp_enque_script
    将脚本添加到页面中?它们不是预定义的脚本扫描您解释它们不是预定义的是什么意思?@obmerk ninenine javascript使用。。。将直接输入Widget。为什么不使用
    wp_enque_script
    将脚本添加到页面?它们不是预定义的脚本扫描您解释它们不是预定义的是什么意思?@obmerk ninenine javascript使用。。。将直接输入小部件