Contenido
Introducción
Agregar archivos JavaScript personalizados a tu tema hijo de WordPress es una excelente manera de mejorar la funcionalidad y el diseño de tu sitio web. En este tutorial, te guiaré paso a paso sobre cómo incluir un archivo custom.js en tu tema hijo para personalizar tu experiencia en WordPress.
Paso 1: Preparar tu archivo custom.js
Antes de comenzar, asegúrate de tener tu archivo JavaScript personalizado (custom.js) listo para usar. Utiliza un editor de texto para crear y editar este archivo según tus necesidades.
Paso 2: Acceder al directorio del tema hijo
Utiliza un cliente FTP o el administrador de archivos de tu servicio de hosting para acceder al directorio raíz de tu sitio web de WordPress.
Paso 3: Organiza Si Quieres (Opcional)
Si eres fan de la organización, crea una carpeta como «js» o «js-custom» dentro del directorio del tema hijo y coloca tu custom.js allí.
Paso 4: Copiar tu archivo custom.js
Copia el archivo custom.js en el directorio que hayas creado en el paso anterior (si has creado una carpeta) o directamente en el directorio del tema hijo.
Paso 5: Editar el archivo functions.php
Abre el archivo functions.php del tema hijo. ¡Aquí viene la magia! Agrega este código para enlazar tu custom.js:
function agregar_custom_js() {
wp_enqueue_script('custom-js', get_stylesheet_directory_uri() . '/custom.js', array('jquery'), null, true);
}
add_action('wp_enqueue_scripts', 'agregar_custom_js');Paso 6: ¡Guarda y Goza!
Guarda los cambios en el archivo functions.php y verifica que todo funcione correctamente en tu sitio web.
¡Siguiendo estos pasos, habrás integrado con éxito tu archivo JavaScript personalizado en tu tema hijo de WordPress!
Optimizar tu sitio con estas personalizaciones puede mejorar la experiencia del usuario y contribuir a un mejor rendimiento en los motores de búsqueda. También puedes incluir un archivo css. ¡Disfruta de tu sitio web personalizado!
Muchas gracias me ha venido genial, es justo lo que necesitaba!!!
Hola, estoy intentando hacer lo mismo pero para añdir una hoja de estilos css, como seria? Gracias de antemano
Hola, Sonia, hemos creado un artículo de como añadir una archivo css al tema de tu wordpress, ahí encontrarás los pasos a seguir. Un saludo!