Enfileirar condicionalmente o script / folha de estilo de um widget em HEAD (somente quando presente na página!)

12

Estou tentando carregar scripts e estilos para um widget do WordPress com as seguintes condições ...

  1. Os scripts DEVEM carregar na CABEÇA (senão eles quebram).
  2. Os scripts só devem ser carregados quando o widget for exibido (eles são bem pesados).

Eu fiz muitas pesquisas, e isso parece ser um problema comum (sem solução) ... mas espero que alguém tenha implementado com sucesso uma solução alternativa.

Este é o melhor que eu tenho até agora ...

O seguinte é um widget simples que imprime texto na barra lateral. Ele carrega com sucesso o jQuery condicionalmente (quando o widget é realmente exibido) ... embora apenas no rodapé! (Nota: o também pode funcionar apenas no WordPress 3.3 , embora este hack pode fornecer compatibilidade com versões anteriores.

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");') );

Parece que, uma vez que o WordPress começa a lidar com widgets, é tarde demais para enfileirar (ou até mesmo cancelar o registro de algo que tenha sido enfileirado anteriormente).

Qualquer ideia seria muito apreciada!

Marcar.

    
por Mark Jeldi 01.04.2012 / 21:06

3 respostas

15

Wordpress como uma boa função is_active_widget que você pode usar em sua __construct e teste se o widget está presente na página atual e adicione seus scripts / estilos baseados nesse ex:

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 );
}
    
por Bainternet 01.04.2012 / 21:57
0

Alternativamente, você pode experimentar o plug-in "Widget Logic" ... Ele usa instruções condicionais para o carregamento do widget.

Isso é bem pensar ao contrário - mas o resultado deve ser o esperado.

wp_print_scripts & wp_print_styles podem ser os ganchos apropriados basta adicionar ações a esses ganchos com prioridade 100 - para ser o último da fila. wp_enqueue_script (), wp_enqueue_style (), wp_deregister_script (), wp_deregister_style () ...

Seus problemas com o código acima podem não ter o parâmetro priority (não testado)? Códice do WP

    
por Martin Zeitler 04.04.2012 / 03:47
-1

Você pode simplesmente usar wp_enqueue_script ou wp_enqueue_style no método do widget (função) na sua classe Widget personalizada e ele só carregará os scripts se o widget estiver ativo. Veja detalhes e exemplo aqui: enlace

    
por iStefan 10.04.2016 / 23:00