Умовно перепишіть сценарій / таблицю стилів віджетів у HEAD (тільки коли він присутній на сторінці!)


13

Я намагався завантажити сценарії та стилі для віджета WordPress з такими умовами ...

  1. Сценарії ОБОВ'ЯЗКОВО завантажуються в голову (інакше вони ламаються).
  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 почне обробляти віджети, запізнитися (або навіть скасувати реєстрацію чогось, що було раніше, вже пізно).

Будь-які ідеї були б дуже вдячні!

Позначити.

Відповіді:


15

Wordpress як приємна функція, is_active_widgetяку ви можете використовувати у своєму __construct та тестуванні, якщо віджет присутній на поточній сторінці та додайте свої сценарії / стилі на основі цього колишнього:

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 );
}

Дякуємо за вашу відповідь, Бейнтернет! Я щойно тестував ваш код, і, на жаль, хоча javascript справді завантажується умовно, він все ще завантажується у нижньому колонтитулі ... навіть якщо він викликається у wp_head. Дуже дивно! (btw, це все ще робить це без "справжньої" інструкції колонтитулу). Крім того, повторення таблиці стилів робить його завантаженням незалежно від того, віджет знаходиться на сторінці. Будь-які ідеї?
Марк Джелді

wp_headвикликається після того, як головні сценарії вже надруковані, тому він завантажить їх лише у нижній колонтитул, але ви можете повторити його (замість того, щоб ставити його в чергу) так само, як використовуючи таблицю стилів, echo '<script src="path/to/script.js"></script>';а що стосується таблиці стилів, не можливо, що її завантажено є віджети не активні
Bainternet

спробуйте використовувати wp_enqueue_scriptsзамість wp_headвашої дії. Це дозволить вам розмістити javascript або в голові, або в колонтитулі. http://codex.wordpress.org/Function_Reference/wp_enqueue_script
Nick

Спасибі, Нік! Я намагався wp_enqueue_scripts, і хоча він завантажує javascript в голову, він не завантажується умовно.
Марк Джелді

0

Крім того, ви можете спробувати плагін "Widget Logic" ... він використовує умовні оператори для завантаження віджетів.

Це зовсім думати навпаки - але результат повинен бути таким, як очікувалося.

wp_print_scripts & wp_print_styles можуть бути належними гачками, просто додайте дії до цих гаків з пріоритетом 100 - щоб вони були останніми в черзі. wp_enqueue_script (), wp_enqueue_style (), wp_deregister_script (), wp_deregister_style () ...

У ваших проблемах із наведеним вище кодом може бути відсутній параметр пріоритету (не перевірено)? WP кодекс


Дякую Syslogic! Я теж спробував Widget Logic, думаючи, що можу підключитися до його фільтра віджетів. На жаль, не щастить Він використовує ob_start для буферного виводу віджетів, щоб ви могли маніпулювати ним перед тим, як надрукувати його на екрані, але це все ще відбувається надто пізно, щоб вистрілити що-небудь у голові. Якщо, можливо, ви не знаєте вирішення проблеми?
Марк Джелді

Можливо, поєднання рішення Bainternet, яке здається відмінним із віджетом-логікою? Так, ви можете визначити, який віджет завантажувати куди - а також що завантажувати. Додавання власних умовних висловлювань до функцій теми.php може допомогти вдосконалитись.
Мартін Цайтлер

-1

Ви можете просто використовувати wp_enqueue_script або wp_enqueue_style методом (функцією) віджетів у вашому користувальницькому класі віджетів, і він завантажуватиме сценарії, лише якщо віджет активний. Деталі та приклад див. Тут: https://wpshed.com/wordpress/load-scripts-styles-widget-active/


Відповіді лише на посилання є поганими, оскільки зв’язки розриваються з часом. Вам слід принаймні узагальнити те, що є у посиланні. У будь-якому випадку, це просто неправильно. Оскільки ОП потребують сценаріїв у заголовку сторінки.
Марк Каплун

function widget( $args, $instance ) { wp_enqueue_script( 'wpshed-front-end', plugin_dir_url( __FILE__ ) . 'wpshed-front-end.js', array( 'jquery' ), '1.0.0', false ); }"Неправда" в і посилається на завантаження сценарію в колонтитулі або колонтитулі. Щоб підвести підсумки ще раз, використовуйте wp_enqueue_script або wp_enqueue_style у методі (функції) віджетів . Так роблять розробники з WordPress.com/org.
iStefan

Коментар повинен був бути редагуванням відповіді;), але коли віджет "відображається", ви вже зробили головну частину сторінки і для цього не можете залучати JS itno it.
Марк Каплун
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.