¿Sabías que en WordPress puedes poner en cola scripts condicionalmente? Pueden surgir situaciones en las que deseemos cargar un archivo JavaScript solo en una determinada página. También, podemos cargarlos en varias páginas que cumplan con cierta condición en lugar de cargarlos en cada página del sitio web. Esto, principalmente porque solo deseamos que se ejecute en esa página específicamente y no necesitamos que se cargue en páginas donde no deseamos que se ejecute.
La mayoría de los temas de WordPress colocan en cola de carga nuestras secuencias de comandos necesarias en todas las páginas. Sin embargo, ¿qué ocurre si deseamos poner en cola secuencias de comandos específicas o secuencias de comandos que cumplan con ciertas condiciones?
En este corto tutorial de Ayuda Hosting les mostraremos cómo poner en cola scripts condicionalmente en WordPress. Podremos verificar si estamos en una página o en un grupo de páginas determinadas y, de ser así, cargar el archivo de secuencia de comandos correspondiente.
Índice
¿Cómo poner en cola scripts condicionalmente en WordPress?
WordPress tiene una gran cantidad de etiquetas condicionales incorporadas (ver detalles aquí). Podemos utilizar las que deseemos para que coincidan con las condiciones que estamos buscando. Podemos ajustar la cola de carga de nuestro script para que solo se cargue cuando se cumpla la condición deseada. Por ejemplo, si solo deseamos que el script se ejecute en una página con la etiqueta mypage, usaría la etiqueta condicional if(is_page(‘mypage’)) {load that script!} para poner en cola nuestra secuencia de comandos condicionalmente solo en esa página.
Por supuesto, existen muchas otras etiquetas condicionales que podemos usar. Estas se encuentran en el enlace arriba mencionado. Algunos usos más comunes pueden ser:
- is_single (): Funciona para cualquier tipo de publicación, excepto archivos adjuntos y páginas. Devuelve verdadero cuando se muestra cualquier publicación individual (o archivo adjunto o tipo de publicación personalizado). Esta condición devuelve falso si está en una página.
- is_front_page (): Determina si la consulta es para la página principal del sitio. Esta condición se vuelve verdadera cuando se muestra la página principal del sitio, independientemente de si está configurada para mostrar publicaciones o una página estática. Hacer clic aquí para obtener más información.
- is_home (): Determina si la consulta es para la página de inicio del blog. Esta se vuelve un poco más complicada, pero cuando se usa correctamente, mostrará la página de publicaciones de nuestro blog (Ver aquí).
- is_category (): Determina si la consulta es para una página de archivo de categoría existente. Cuando se muestra la página de archivo de una categoría específica o grupo de categorías, se reduce utilizando el ID de la categoría, el nombre, el slug o una matriz de una combinación de cualquiera de las tres opciones. Además podemos designar algunas condiciones adicionales.
Código para el uso de scripts condicionales en WordPress
A continuación, pasemos a cómo usar estas etiquetas para poner en cola los scripts condicionalmente en WordPress. Para comenzar, abrimos el archivo functions.php de nuestro tema y agregamos el siguiente código en la parte inferior.
add_action('wp_enqueue_scripts', 'firstwd_enqueue');
function firstwd_enqueue() {
if (is_page('mypage')) {
wp_enqueue_script('script-name', get_template_directory_uri().'/path-to-script-name.js', array( 'jquery' ), '', true);
}
}
Debemos asegurarnos de cambiar mypage al slug de nuestra página, nombre del script al que vamos a usar como nombre único del script y /path-to-name-of-script para hacer coincidir la url con el script dentro del directorio de nuestro tema. Generalmente es algo así como /assets/js/name-of-script.js.
Una vez más, recomendamos consultar la página de Codex de WordPress para ver todas las variaciones de etiquetas que podemos usar para poner en secuencia los scripts en WordPress.
Esperamos que este artículo sobre cómo poner en cola scripts condicionalmente en WordPress, les haya resultado útil. Más información sobre este y otros temas en Ayuda Hosting.
