WordPress 5.4 – Añadir jQuery actualizado a plugin

Si desea agregar unas versiones más recientes de jQuery en su plugins, debe hacer lo siguiente:

  • Cree una carpeta «css» y descargue la versión css que necesita.
  • Cree una carpeta «js» y descargue las versiones js que desee.
  • Cree una archivo .js para diferenciar el jQuery que trae por defecto WordPress y el jQuery actualizado que usted instalará. Este archivo solo debe contener:
var $jr = $.noConflict(true);

Ese archivo .js lo puede llamar por ejemplo: mi_javascript

  • Agregue el siguiente código a su plugin:

function agregar_estilos()
{
    wp_register_style( 'mijquerycss', plugins_url( '/css/jquery-ui.min.css', __FILE__ ), 'all' );

    wp_enqueue_style( 'mijquerycss' );
}
add_action( 'wp_enqueue_scripts', 'agregar_estilos' );

// Agregar scripts

function agregar_scripts()
{
    wp_register_script( 'mijqueryui', plugins_url( '/js/jquery-ui.min.js', __FILE__ ) );
    wp_register_script( 'mijquery', plugins_url( '/js/jquery-3.4.1.min.js', __FILE__ ) );
    wp_register_script( 'mijavascript', plugins_url( '/js/mi_javascript.js', __FILE__ ) );
 
    wp_enqueue_script( 'mijqueryui' );
    wp_enqueue_script( 'mijquery' );
    wp_enqueue_script( 'mijavascript' );
}
add_action( 'wp_enqueue_scripts', 'agregar_scripts' );

Nota: Como creo un archivo .js para diferencia el jQuery que trae por defecto el WordPress del jQuery que usted está actualizando, cuando haga referencia a las funciones de jQuery, en vez de colocar el prefijo «$», coloque el prefijo «$jr», ejemplo:

$jr('#acadp-title').attr('maxlength', 25);

Fuente: https://code.tutsplus.com/es/articles/how-to-include-javascript-and-css-in-your-wordpress-themes-and-plugins–wp-24321

chevron_left
chevron_right

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Comentario
Nombre
Correo electrónico
Web