En la entrada de hoy vamos a ver cómo insertar JavaScript en WordPress.
Hace unos días, un cliente me comentó una necesidad específica que tenía: necesitaba insertar pequeños scripts de JavaScript en determinadas entradas y/o páginas.
Por defecto, si copias y pegas el código en la pestaña «Texto» de la entrada/página, el código Javascript no se ejecuta, así que vamos a ver cómo insertar javscript en entradas y/o páginas de WordPress.
Volviendo al caso de mi cliente, necesitaba insertar entre otras cosas, una calculadora de hipotecas, copiaba y pegaba el código, le salía la calculadora, pero al darle al botón «calcular» no hacía nada.
Bien, vamos a ver cómo hacer que funcione.
1. Instalar el plugin Code Embed.
Instalamos y activamos el plugin Code Embed. Podemos dejar su configuración tal cual. Simplemente nos fijamos que por defecto viene con la keyword «CODE».
2. Activar los campos personalizados.
Entramos en la entrada o página donde queramos insertar el código javascript y lo primero que tenemos que hacer es activar los campos personalizados.
Para ello desplegamos la opción «Opciones de pantalla«, en la parte superior derecha de la pantalla y activamos la casilla «Campos personalizados«.
3. Insertar el código JavaScript
Creamos un nuevo campo personalizado, y nos pide un nombre y un valor.
En nombre, le voy a poner, por ejemplo, CODEcalculadora. Lo importante es que empiece por «CODE«, que es como viene la configuración por defecto del plugin.
En el campo valor pegamos el código que queramos que se ejecute. Puede estar embebido dentro del HTML, no hay problema.
4. Insertar el shortcode
Ya tenemos el código pegado, así que ahora lo único que tenemos que hacer es insertar el nombre del campo personalizado entre símbolos de % , que es como viene la configuración por defecto de Code Embed.
En éste caso hay que poner: %CODEcalculadora%
Y ya está, ahora la calculadora funciona perfectamente.
Como véis, es un método muy sencillo que os puede sacar de un apuro en alguna ocasión.
¿Necesitas más ayuda?
Si quieres seguir aprendiendo o necesitas mi ayuda, puedes:
- Contactar para ver cómo puedo ayudarte.
- Suscribirte para no perderte ninguna de mis publicaciones.
- Si quieres comentar, adelante, te responderé encantado.
Muchas gracias por leerme 😉
Deja un comentario