WordPress: Cómo añadir jQuery de forma correcta

Redes sociales

Estamos encantados de presentarte un nuevo truco para WordPress. Vamos a mostrarte como añadir un script jQuery a tu sitio WordPress.
00

Hay varias maneras de hacer esto, pero la que te vamos a enseñar es la forma más fácil y rápida, utilizar el plugin CSS & JavaScript Toolbox o CJT.

Este plugin se actualiza regularmente, y es de un desarrollador de confianza.

Instalación

Para ello, debes ir a wordpress.org y buscar el plugin CSS & JavaScript Toolbox. También, si lo deseas, puedes utilizar el siguiente enlace para acceder a la página del plugin.

  • Descarga el plugin y añádelo vía WordPress o manualmente. Una vez añadido, verás una nueva entrada en el menú de tu panel de administración.
  • Menú CJT WordPressHaz clic en el submenú CSS & Javascript Toolbox, para instalar el plugin. Se mostrará la siguiente pantalla:

Instalación CSS & JavaScript Toolbox

Cuando instalas CJT por primera vez, o lo actualizas desde una versión anterior, ocurren una serie de procesos, entre ellos, la creación de nuevas tablas en la base de datos.

  • Haz clic en el botón Install. El proceso de instalación toma, como mucho, un par de minutos.

Trabajar con  CSS & JavaScript Toolbox

Añadir códgo JS a WordPressUna vez la instalación ha finalizado, ya puedes empezar a trabajar con el plugin:

  • Haz clic en el botón Add New Code Block. Se te mostrará el siguiente cuadro de diálogo:
  1. Añade un nombre (Name) al bloque.
  2. Indica la localización del bloque (Location Hook).
  3. Indicala posición inicial del bloque (Block Position).
  4. Haz clic en el botón Create.

Tras hacer clic en el botón Create, se mostrará la siguiente pantalla:

Añadir JS a WordPrees con CJT

A continuación, podrás añadir el código y especificar exactamente dónde debe ejecutarse utilizando la pestaña Auxiliary que se encuentra a la derecha de la pantalla.

También podrás seleccionar páginas específicas, categorias, artículos (post) o urls utilizando el resto de pestañas.

Si sigues todos los pasos de esta pequeña guía serás capaz de añadir scripts JS, fácil y rápidamente, a tu sitio WordPress.

Redes sociales

Deja un comentario

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

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.