Uno de los deseos de todo desarrollador y diseñador web es tener el control absoluto sobre ésta. Lo que incluye su código interno. Por tal motivo, te brindamos los plugins de WordPress más eficaces para darle protagonismo al JavaScript. Bien sea minimizando su participación o insertando nuevos códigos.
Plugins para darle protagonismo al JS en tu web
En los próximos párrafos conocerás TODO lo relacionado a las mejores extensiones de WordPress para darle protagonismo al JavaScript:
1. Simple Custom CSS&JS
Fue diseñado para cambiar el aspecto de las webs adicionando fragmentos de códigos CSS o JavaScript propios sin modificar el tema o plugins instalados. Entre las características más resaltantes, se deslumbran las siguientes:
- Un editor de texto con resaltado de sintaxis
- Posibilidad de imprimir la línea de un código o el archivo completo
- Cambios que se mantienen, incluso después de cambiar el tema
- Su capacidad de imprimir el encabezado o pie de página
- Y posibilidad de hacer líneas infinitas
En pocos pasos y con nulos conocimientos en programación, lograrás insertar códigos elegantes, sofisticados y variados.
Link: Simple Custom CSS and JS – WordPress plugin | WordPress.org
2. Async JavaScript
Cabe destacar que este plugin no es un editor de textos para añadir JS. Sino un complemento que elimina este lenguaje del bloque de procesamiento en el contenido. (Enfocado en la mitad superior de la página.)
Si bien puede parecer inútil a simple vista, lo cierto es que a largo plazo te permite:
- Aumentar la velocidad carga de tu web
- Aumentar la retención de usuarios
- Y mejorar el posicionamiento de forma ligera
En caso de que tu web sea demasiado interactiva, el Async JavaScript facilitará que no se cargue la codificación JS primero que el HTML/CSS.
Con él podrás retomar el control: te permite añadir el atributo asíncrono, diferir y excluir para mejorar el rendimiento.
Link: Async JavaScript – WordPress plugin | WordPress.org
3. Custom CSS and JavaScript
Instalar un tema gratuito trae complicaciones, como el hecho de que no dominas al 100% su interfaz. Por ello, una vez instalado este plugin, serás capaz de adicionar códigos JavaScript o CSS a toda tu web.
Entre los rasgos más significativos podemos enlistar:
- Su editor de texto con resaltado de sintaxis y guardado AJAX
- Su vista previa del CSS/JS al guardarlo como borrador
- La capacidad de restaurar versiones anteriores del JS/CSS
- Y la optimización del rendimiento al cargar los archivos
Por otro lado, se trata de uno de los plugins más completos, organizados y eficaces que puedes encontrar para WordPress: divide los códigos en múltiples archivos virtuales, soporta Sassy CSS, permite la vista previa en vivo y carga los documentos de manera individual.
Link: Custom CSS and JavaScript – WordPress plugin | WordPress.org
4. Head & Footer Code
Esta extensión sirve para adicionar un código personalizado estilo HTML, CSS o JS después del head: bien sea una línea de verificación propia, enlaces web-font o bloques personalizados, por ejemplo.
O por el contrario, antes del body: como puede ser un seguimiento de píxeles, un código de mapa de calor o una programación de análisis.
No obstante, su principal característica es que se orienta a las personas que desconocen de programación. Lo único que debes hacer es entrar en la sección de Head & Footer, para después copiar-pegar cualquier código en las secciones de footer o head.
Link: Head, Footer and Post Injections – WordPress plugin | WordPress.org