¿Desea agregar JavaScript a sus páginas o publicaciones de WordPress? A veces, es posible que deba agregar código JavaScript a todo el sitio web o en páginas específicas. De forma predeterminada, WordPress no le permite agregar código directamente a sus publicaciones. En este artículo, le mostraremos cómo agregar fácilmente JavaScript a las páginas o publicaciones de WordPress.
¿Qué es JavaScript?
Contents
JavaScript es un lenguaje de programación que no se ejecuta en su servidor sino en el navegador del usuario. Esta programación del lado del cliente permite a los desarrolladores hacer muchas cosas interesantes sin ralentizar su sitio web. Si desea insertar un reproductor de video, agregar una calculadora u otro servicio de terceros, a menudo se le pedirá que copie y pegue un fragmento de JavaScript en su sitio web. Un fragmento de JavaScript típico podría verse así:
Ahora, si agrega un fragmento de JavaScript a una publicación o página de WordPress, WordPress lo eliminará cuando intente guardarlo. Dicho esto, veamos cómo puede agregar fácilmente JavaScript a las páginas o publicaciones de WordPress sin romper su sitio web.
Método 1. Agregar JavaScript en todo el sitio mediante la inserción de encabezados y pies de página
A veces se le pedirá que copie y pegue un fragmento de JavaScript en su sitio web para agregar una herramienta de terceros. Estos scripts suelen ir en la sección de cabecera o en la parte inferior antes de la etiqueta de su sitio web. De esta forma, el código se carga en cada página visitada. Por ejemplo, el código de instalación de Google Analytics debe estar presente en todas las páginas de su sitio web, para que pueda rastrear a los visitantes de su sitio web. Puede agregar este código a los archivos header.php o footer.php de su tema de WordPress. Sin embargo, estos cambios se sobrescribirán cuando actualice o cambie su tema. Es por eso que le recomendamos que utilice un complemento para cargar javascript en su sitio. En primer lugar, debe instalar y activar el complemento Insertar encabezados y pies de página. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress. Tras la activación, debe visitar Configuración »Insertar encabezados y pies de página página. Verá dos cuadros, uno para el encabezado y otro para la sección del pie de página.
Método 2. Agregar manualmente código JavaScript mediante código
Este método requiere que agregue código a sus archivos de WordPress. Si no lo ha hecho antes, consulte nuestra guía sobre cómo copiar y pegar código en WordPress. Primero veamos cómo agregar código al encabezado de su sitio de WordPress. Deberá agregar el siguiente código al archivo functions.php de su tema oa un complemento específico del sitio. Función wpb_hook_javascript () {?> Agregar JavaScript a una publicación o página específica de WordPress usando código Suponga que solo desea cargar este javascript en una publicación específica de WordPress. Para hacer esto, necesitará agregar lógica condicional al código. Eche un vistazo al siguiente ejemplo: function wpb_hook_javascript () {if (is_single ('16')) {?> es soltero, ahora estamos usando is_page para verificar el ID de la página. Podemos usar el mismo código con ligeras modificaciones para agregar código javascript al pie de página de su sitio. Eche un vistazo al siguiente ejemplo. Función wpb_hook_javascript_footer () {?>Método 3. Agregar código JavaScript dentro de publicaciones o páginas usando un complemento
Este método le permitirá agregar código en cualquier lugar de sus publicaciones y páginas de WordPress. También puede seleccionar en qué parte del contenido desea incrustar el código javascript. En primer lugar, debe instalar y activar el complemento Code Embed. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress. Al activar, debe editar la publicación o la página donde desea agregar javascript. En la página de edición del artículo, haga clic en el botón "Opciones de pantalla" y marque la opción "Campos personalizados".

