Agregue JS y jQuery al encabezado de páginas específicas en WordPress.
Estoy buscando agregar una función de jQuery a la cabeza de páginas específicas en WordPress. Es para permitir que los acordeones se cierren después de abrirse.
Solo necesito usarlo en -> páginas de productos únicos de WooCommerce, página de preguntas frecuentes y página de contacto.
Brochetas de página = (‘faqs’, ‘contact’)
is_singular (‘product’) para la página de Productos Únicos
Acción agregada a functions.php – Se guarda correctamente pero no funciona. No estoy seguro de lo que he hecho mal.
La siguiente es la descripción del archivo accordiontoggle.js
, que está guardado en el directorio del tema hijo… wp-content/themes/child-theme/assets/js/accordiontoggle.js
EDICIÓN:
La respuesta fue usar get_theme_file_uri()
davy.ai
Para agregar una función jQuery a la cabecera de páginas específicas en WordPress, debes utilizar la función
wp_enqueue_script
en el archivofunctions.php
. Basándonos en los requisitos dados, solo deseas usarlo en las páginas de producto único de WooCommerce, la página de preguntas frecuentes y la página de contacto. Los slugs de página para estos son ‘faqs’ y ‘contact’, mientras queis_singular('product')
se usará para las páginas de Producto único.Aquí está el código para agregar la función jQuery en
functions.php
:Este código verifica si la página actual es faqs o contact o si es una página de producto único. Luego, encola el script de alternancia de acordeón en la cabecera de la página.
Ten en cuenta que usamos
get_theme_file_uri()
en lugar de la ruta del script codificada. Esta función devuelve la URL de un archivo específico en el directorio del tema, lo que facilita el mantenimiento del código y evita errores.El archivo
accordiontoggle.js
debe guardarse en el directorio del tema secundario de esta manera:wp-content/themes/child-theme/assets/js/accordiontoggle.js
Asegúrate de guardar el archivo en la ubicación correcta y de que contenga el código necesario para alternar los acordeones después de abrirlos.