Cómo insertar javascript en WordPress con plugins

Lista de los plugins más usados para insertar Javascript en WordPress

Atención: en la lista hay diferentes plugins para añadir JS en el sentido de que algunos son más customizables que otros y cada uno tiene sus características particulares para que encuentres el más conveniente para tu proyecto.

Shortcodes Ultimate

Es un plugin muy famoso con 800.000 instalaciones activas, que es mucho. En cuanto a customización es bastante pobre en el sentido de que no podremos insertar scripts creados por nosotros mismos pero nos proveen de una cantidad bastante decente de scripts ya creados por ellos. Es muy fácil de usar y nos permitirá hacer cosas muy variadas de forma sencilla, por poner algunos ejemplos de lo que podemos crear: un menú acordeon, códigos QR, cabeceras, citas, lightboxes, tablas, insertar google maps, distintos tipos de galerias, etc.

Algunas funcionalidades son un poco “estúpidas” en el sentido de que cosas como citas, highlight y otras herramientas puede crearlas cualquiera con HTML aunque no sepa usar HTML, sin necesidad de plugin pero sin embargo otras si que merecen la pena.

Además tiene 4 plugins que se integran con este dando muchas más opciones de personalización y ofreciendo diseños prehechos mucho más estilosos aún, pero son plugins de pago.

Shortcodes Ultimate


 

Shortcoder

A diferencia del plugin anterior este no tiene nada hecho para usar, pero funciona de forma similar solo que somos nosotros los que creamos los scripts. Simplemente una vez instalado, le damos a ajustes en el plugin y nos llevará a una nueva página dónde podremos añadir shortcodes nuevos, ver los que ya tenemos hechos, modificarlos, etc.

Una vez le damos añadir nuevo shortcode veremos lo siguiente:

Y ahí haremos nuestro script, arriba veremos el shortcode del script que hemos creado, y solamente tendremos que copiar y pegar ese shortcode en cualquier post, página o widget de nuestra página para que se reproduzca.

Yo por ejemplo he creado un shortcode un botón en HTML que llama a una función en javascript. Muy interesante, funciona muy bien. Además tiene un menú de opciones para añadir cosas interesantes a los scripts que creemos, como por ejemplo que solo se reproduzcan en post y en un determinado sitio, entre otras opciones.

Si sabes programa run poco JS o te desenvuelves como para copiar scripts ya hechos o simplemente sabes HTML, este plugin puede serte muy útil, si no te atreves con lo dicho entonces te recomiendo un plugin con elementos ya creados como el anterior plugin de esta lista.

Shortcoder


Scripts n Styles y Insert Headers and Footers

Son 2 plugins distintos, los meto en el mismo apartado porque son muy similares. Básicamente estos 2 plugins lo que hacen es permitirte insertar scripts en el código de tu web pero de una forma más sencilla. En otras palabras, como indica el propio nombre de unos de los plugins: “insert headers and footers”, eso mismo, insertar javascript en el header y footer de nuestra web.

La mayor diferencia entre los 2 plugins es que “Scripts n Styles” es menos intuitivo que el otro y tiene alguna opción más pero son plugins muy similares.

Decir que a diferencia de otros plugins, aqui lo que insertemos afectará directamente a toda nuestra web, esto tiene sus ventajas y desventajas, la desventaja es que es más peligroso y la ventaja es que podemos afectar a toda la web.

Además has de saber que ambos plugins te dan a elegir entre header o footer si introduces los scripts en el header lo primero en cargarse serán esos scripts lo que también realentizará el tiempo de carga de nuestra web, así que esa decisión la dejo según tus prioridades.

Scripts n Styles

Insert Headers and Footers


 

CSS & JavaScript Toolbox

Este es un plugin realmente complejo, el más complicado de manejar de la lista por diferencia, mucho más que todos los anteriores, advertidos estais 🙂

Además este plugin no solo nos permitirá añadir código en javascript, también CSS(hojas de estilo) y código en PHP.

Tiene opciones para fijar el código y que se use solo cuando son páginas y entradas concretas o con ciertas tags o categorias, además de muchos otras características.

También es un plugin pensado según el propio autor, para embeber código sacado de github, cayon y otras webs de manera sencilla.

Lo malo de este plugin es que al ser tan complejo y tener tantas opciones, tiene una curva de aprendizaje mayor, bueno en realidad es que los anteriores plugins son tan sencillos de usar que no tienen curva a secas.

Y si, puedes liarla más fácilmente que con los anteriores, así pues, si no sabes ni qué es HTML, ni programar en Javascript ni mucho sobre el tema, te recomiendo que uses los plugins anteriores pero no este, por el contrario si entiendes, este plugin puede ser un todo en uno para ti, aunque a mi personalmente me llama más la atención Shortcoder si es para insertar Javascript.

CSS & JavaScript Toolbox


 

Para resumir, espero que os sea útil esta lista de plugins, tenemos por un lado los plugins de insertar scripts ya hechos(shortcode ultimate), para isnertar tus propios scripts(shortcoder), para insertar scripts en el header y el footer con 2 plugins mencionados y por último el plugin toolbox, que es un todo en uno y que admite PHP. En el futuro haré lista y tutoriales también de plugins para PHP especificamente y para CSS también.

 



Acepto donaciones de BAT's mediante el navegador Brave 🙂



Deja un comentario

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