Añade tu Propio JavaScript al Tema Hijo de tu WordPress

4.8/5 - (19 votos)

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!

Compartir esta noticia :

3 respuestas

Deja una respuesta

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

¿Tienes alguna pregunta?

Llámanos o escríbenos para cualquier duda que tengas al número o correo indicados abajo.