web-dev-qa-db-ja.com

条件付きでウィジェットのスクリプト/スタイルシートをエンキューする HEAD （ページにあるときだけ！）

私はWordPressウィジェットのスクリプトとスタイルを以下の条件でロードしようとしています...

  1. スクリプトはHEADにロードしなければなりません（そうでなければそれらは壊れます）。
  2. スクリプトは、ウィジェットが実際に表示されるときにのみロードする必要があります（非常に重いです）。

私は多くの検索を行ってきましたが、これは一般的な（未解決の）問題のようです。

これは私がこれまでに持っている最高です...

以下はサイドバーにテキストを印刷する簡単なウィジェットです。これは、（ウィジェットが実際に表示されているときに）条件付きでjQueryを正常にロードします。 （注： これはWordPress 3.3でも動作する可能性があります ただし、 このハック は下位互換性を提供する可能性があります）.

class BasicWidget extends WP_Widget
{

    function __construct() {
        parent::__construct(__CLASS__, 'BasicWidget', array(
            'classname' => __CLASS__,
            'description' => "This is a basic widget template that outputs text to the sidebar"
        ));
    }

  function form($instance) {
    $instance = wp_parse_args( (array) $instance, array( 'title' => '' ) );
    $title = $instance['title'];
?>
  <p><label for="<?php echo $this->get_field_id('title'); ?>">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
  }

  function update($new_instance, $old_instance) {
    $instance = $old_instance;
    $instance['title'] = $new_instance['title'];
    return $instance;
  }

  function widget($args, $instance) {

    extract($args, EXTR_SKIP);

    echo $before_widget;
    $title = empty($instance['title']) ? ' ' : apply_filters('widget_title', $instance['title']);

    if (!empty($title))
      echo $before_title . $title . $after_title;;

    echo "<h1>This is a basic widget!</h1>";

    echo $after_widget;

        // if we're echoing out content, enqueue jquery.

        if (!empty($after_widget)) {
            wp_enqueue_script('jquery');
        }
    }
}
add_action( 'widgets_init', create_function('', 'return register_widget("BasicWidget");') );

WordPressがウィジェットの処理を開始したら、キューに入れるには遅すぎます（または以前にキューに入れられたものの登録を解除することすらできません）。

任意のアイデアは大歓迎です！

マーク。

pluginsplugin-developmentwidgetswp-enqueue-scriptscripts
12
Mark Jeldi

__constructで使用して、ウィジェットが現在のページに存在するかどうかをテストし、そのexに基づいてスクリプト/スタイルを追加できる、Nice関数is_active_widgetとしてのWordpress。

function __construct() {
    parent::__construct(__CLASS__, 'BasicWidget', array(
        'classname' => __CLASS__,
        'description' => "This is a basic widget template that outputs text to the sidebar"
    ));
     if ( is_active_widget(false, false, $this->id_base) )
        add_action( 'wp_head', array(&$this, 'add_styles_and_scripts') );
}

function add_styles_and_scripts(){
    //since its wp_head you need to echo out your style link:
    echo '<link rel="stylesheet" href="http://example.com/css/style.css" type="text/css" />';
    //as for javascript it can be included using wp_enqueue_script and set the footer parameter to true:
    wp_enqueue_script( 'widget_script','http://example.com/js/script.js',array(),'',true );
}
15
Bainternet

あるいは、 "Widget Logic"プラグインを試すこともできます。これは、ウィジェットのロードに条件付きステートメントを使用します。

それは全く逆のことを考えています - しかし結果は予想通りになるはずです。

wp_print_scriptsとwp_print_stylesが適切なフックである可能性があります。優先度100の何かでこれらのフックにアクションを追加するだけです。 wp_enqueue_script（）、wp_enqueue_style（）、wp_deregister_script（）、wp_deregister_style（）...

上記のコードに関するあなたの問題は優先順位パラメータを欠いているかもしれません（未テスト）？ WP codex

0
Martin Zeitler