wp_encola

wp_enqueue es una característica de WordPress que permite a los desarrolladores poner en cola scripts (archivos JavaScript) y estilos (archivos CSS).

Esto significa que los desarrolladores pueden decirle a WordPress qué scripts y estilos quieren usar en una página en particular y WordPress los cargará automáticamente.

Esto ayuda a garantizar que sus páginas se carguen de manera rápida y eficiente y también puede ayudar a prevenir conflictos entre diferentes scripts y estilos.

Al poner en cola adecuadamente los scripts, los desarrolladores pueden crear complementos, temas y sitios web eficientes, fáciles de mantener y compatibles.

¿Cuándo debería agregar JavaScript y CSS en WordPress?

Puede utilizar código JavaScript y CSS para personalizar su sitio web de WordPress, y los desarrolladores utilizan estos lenguajes al crear complementos y temas de WordPress.

• JavaScript se ejecuta en el navegador del usuario y se utiliza para agregar elementos interactivos a su sitio web, como controles deslizantes, alertas, botones, ventanas emergentes y más.
• CSS (hojas de estilo en cascada) se utilizan para definir la apariencia visual de su sitio, como el tamaño y color de la fuente, el color de fondo y el ancho de la página.

Si es propietario de un sitio web y desea agregar JavaScript y CSS a publicaciones y páginas específicas, no necesitará usar wp_enqueue. Recomendamos utilizar el archivo en su lugar. Código WP Complemento de fragmento de código porque es la forma más segura de agregar código a un sitio web de WordPress.

Puede obtener más información en nuestras guías sobre cómo agregar fácilmente JavaScript y cómo agregar fácilmente CSS personalizado a su sitio de WordPress.

Sin embargo, si es desarrollador o está aprendiendo a crear complementos y temas de WordPress, deberá agregar correctamente archivos JavaScript y hojas de estilo CSS a sus proyectos.

¿Cómo funciona el sistema de colas de WordPress?

Los nuevos desarrolladores pueden cometer el error de llamar scripts y hojas de estilo directamente en sus complementos y temas. Esto puede generar conflictos y afectar el rendimiento de WordPress.

Para evitar estos problemas, WordPress proporciona un sistema de colas. Esto brinda a los desarrolladores una forma de cargar scripts y hojas de estilo para que todo funcione correctamente y sin conflictos.

Así es como funciona el sistema de colas:

1. Primero, debe registrar su script u hoja de estilo usando la función wp_register para que WordPress sepa que existe y dónde encontrarlo.
2. Luego, pones en cola los scripts y las hojas de estilo usando la función wp_enqueue y esto le permite a WordPress saber que deseas cargarlos.
3. Luego, una vez que se carga la página, WordPress cargará todos los scripts en cola en el orden correcto para asegurarse de que todo funcione correctamente.

Puede obtener más información en nuestra guía sobre cómo agregar JavaScript y estilos correctamente en WordPress.

Ejemplos de código

Puede utilizar las funciones wp_enqueue_script y wp_enqueue_style para indicarle a WordPress cuándo cargar un archivo, dónde encontrarlo y cuáles son sus dependencias.

Quizás le interese ver algunos ejemplos de código útiles que demuestran cómo utilizar el sistema de colas de WordPress.

Aquí hay algunos ejemplos de código que puede pegar en sus archivos de complemento o en el archivo Functions.php del tema para cargar scripts correctamente en WordPress:

?php
function wpb_adding_scripts() {
  
wp_register_script('my_amazing_script', plugins_url('amazing_script.js', __FILE__), array('jquery'),'1.1', true);
  
wp_enqueue_script('my_amazing_script');
}
   
add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' );  
?>

Y aquí hay un ejemplo de cómo agregar sus hojas de estilo:

Para obtener explicaciones completas de estos ejemplos de código, consulte nuestra guía sobre cómo agregar JavaScript y estilos correctamente en WordPress.

Esperamos que este artículo te haya ayudado a aprender más sobre wp_enqueue en WordPress. Es posible que también desee consultar nuestra lista de lectura adicional a continuación para obtener artículos relacionados sobre consejos, trucos e ideas útiles de WordPress.

Lectura adicional