Eu tenho tentado carregar scripts e estilos para um widget WordPress com as seguintes condições ...
- Os scripts devem carregar no HEAD (caso contrário, eles quebram).
- Os scripts devem carregar apenas quando o widget realmente é exibido (eles são bastante pesados).
Pesquisei bastante e isso parece ser um problema comum (não resolvido) ... mas espero que alguém aqui tenha implementado uma solução alternativa com êxito.
Este é o melhor que eu tenho até agora ...
A seguir, é um widget simples que imprime texto na barra lateral. Carrega com êxito o jQuery condicionalmente (quando o widget é realmente exibido) ... embora apenas no rodapé! (Nota: ele também pode funcionar apenas no WordPress 3.3 , embora esse hack possa 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 quando o WordPress começa a manipular widgets, é tarde demais para enfileirar (ou até cancelar o registro de algo enfileirado anteriormente).
Quaisquer ideias serão muito apreciadas!
Marca.
fonte
wp_head
é chamado depois que os scripts de cabeçalho já estiverem impressos, portanto, eles serão carregados apenas no rodapé, mas você poderá repeti-lo (em vez de colocá-lo na fila) exatamente como a folha de estilo que usaecho '<script src="path/to/script.js"></script>';
e como para a folha de estilo, não é possível que ela esteja carregada é os widgets é não activawp_enqueue_scripts
vez dewp_head
em sua ação. Isso permitirá que você coloque o javascript no cabeçalho ou no rodapé. http://codex.wordpress.org/Function_Reference/wp_enqueue_scriptComo alternativa, você pode tentar o plug-in "Widget Logic" ... ele usa instruções condicionais para o carregamento do widget.
Isso é o contrário - mas o resultado deve ser o esperado.
wp_print_scripts e wp_print_styles podem ser os ganchos adequados, basta adicionar ações a esses ganchos com prioridade 100, algo a 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 estar sem o parâmetro priority (não testado)? Codex WP
fonte
Você pode simplesmente usar wp_enqueue_script ou wp_enqueue_style no método de widget (função) em sua classe Widget personalizada e ele carregará os scripts apenas se o widget estiver ativo. Veja detalhes e exemplo aqui: https://wpshed.com/wordpress/load-scripts-styles-widget-active/
fonte
function widget( $args, $instance ) { wp_enqueue_script( 'wpshed-front-end', plugin_dir_url( __FILE__ ) . 'wpshed-front-end.js', array( 'jquery' ), '1.0.0', false ); }
O "false" no e refere-se ao carregamento do script no cabeçalho ou rodapé. Para resumir novamente, use wp_enqueue_script ou wp_enqueue_style no método de widget (função) . É assim que os desenvolvedores do WordPress.com/org estão fazendo isso.