创建一个Unwrapped Widget

时间:2012-06-08 14:01:06

标签: wordpress widget wordpress-theming

我正在尝试创建一个类似于文本小部件的小部件,但我不希望它被包装,我不希望在它周围添加任何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' );

3 个答案:

答案 0 :(得分:2)

是的,你做得对。任何文本小部件都可以使用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);
?>

答案 1 :(得分:1)

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

您可以使用plain widget from GitHub

答案 2 :(得分:0)

还有很多步骤可以到达你想要的地方

  1. 创建一个新的sidebar-xxx.php文件,调用您创建的侧边栏
  2. 创建widget以放入该侧边栏。
  3. 调用get_sidebar('xxx');,以便在侧边栏中显示小部件。
  4. 创建侧边栏文件或窗口小部件时,您可以排除添加格式或包装,只需回显窗口小部件的输入

    http://codex.wordpress.org/Widgets_API