A menudo hay muchas razones diferentes por las que desearía agregar JavaScript a WordPress, como realizar un ajuste menor a una función existente o tal vez intentar agregar un script de un tercero. Debes asegurarte de no hacerlo incorrectamente porque si lo haces, podrías terminar destruyendo tu sitio web. Esto es cierto independientemente del motivo por el que quieras hacerlo.
Existe un enfoque confiable para incorporar JavaScript en WordPress. Luego están los métodos dañinos, que pueden hacer que su sitio web deje de funcionar o afectar negativamente su rendimiento general.
En esta publicación, brindaremos varias sugerencias para agregar código JavaScript a sitios web, así como recomendaciones sobre qué opciones son apropiadas para escenarios específicos que puedan surgir en el futuro.
JavaScript en WordPress
La extensibilidad de WordPress le permite agregar nuevas características y capacidades a su sitio web sin tener que reconstruir o cambiar todo el tema . Esto es posible gracias al hecho de que WordPress se puede personalizar fácilmente. En lugar de empezar desde cero para crear un nuevo tema de WordPress, puede agregar funcionalidad a su sitio simplemente instalando complementos.
También puede agregar JavaScript a WordPress sin crear un complemento si la funcionalidad que desea agregar no requiere un complemento y no desea crear ni instalar uno. Dado que Javascript no es un complemento, no se puede instalar en WordPress.
Existe un problema con el uso de esta estrategia, aunque es sencillo insertar el código JavaSript directamente en su archivo header.php. Puede entrar en conflicto con otros complementos cuando cargan sus propios scripts JS.
La guía paso a paso para instalar JavaScript en WordPress
Es posible que su sitio de WordPress tenga código JavaScript personalizado agregado mediante varios métodos diferentes, cada uno de los cuales tiene su propósito:
Incorpore una secuencia de comandos en determinadas páginas mediante el uso de complementos como encabezados y pies de página.
Puede agregar el script a una sola página de su elección, a una página específica o a varias páginas utilizando el funciones.php .
Incluye un archivo JavaScript en el encabezado de tu tema.
Incluya JavaScript en el encabezado de su tema
En algunos casos, es posible que desee que el archivo JavaScript aparezca en todo el sitio sin utilizar un complemento.
Puede agregar un script de un tercero a todas sus páginas insertando el script o agregando el script al que se hace referencia en el encabezado de su archivo de plantilla header.php. Por ejemplo, el script instantpage.js optimiza la carga de su sitio web. Puede agregar instantpage.js, por ejemplo.
Puede perder estas modificaciones si actualiza su tema. Se recomienda encarecidamente que configure un tema secundario si aún desea lograrlo, aunque es muy recomendable.
En este caso particular, en el que desea que este script se incluya en todas partes, puede agregar el archivo directamente a la plantilla siguiendo los métodos que se proporcionan a continuación:
var script = document.createElement('script'); script.src = “http://tudominio.com/filepath/myfile.js”; documento.head.appendChild(guión);
Es necesario insertar esta llamada al archivo (o script) en el espacio entre las metaetiquetas y el enlace a la hoja de estilo. Para agregar JavaScript a una página HTML, siga los mismos pasos que seguiría para otras páginas HTML.
Comentarios finales
Un punto fundamental para recordar es que el gancho de cabeza de wp solo es útil en la parte frontal de su sitio web. Debido a esto, cualquier JavaScript personalizado introducido mediante este método no será visible en las partes administrativas o de inicio de sesión del sitio. Sin embargo, es posible que pueda lograr el mismo resultado utilizando el gancho de acción principal del administrador o el gancho de acción principal de inicio de sesión. Ambos ganchos se encuentran en la sección del encabezado de la página.
Consulte Seahawk Media para obtener más artículos de este tipo.
