Tengo un problema de cableado cuando trato de usar javascript en el tema de Wordpress - vatage.

Intenté usar los complementos: CSS personalizado simple y JS, intenté poner el código en el encabezado y el pie de página, ambos no funcionan.

Intenté agregar a continuación en el archivo 'function.php ', tampoco funciona.

 add_action('wp_enqueue_scripts', 'tutsplus_enqueue_custom_js'); function tutsplus_enqueue_custom_js() { wp_enqueue_script('custom', get_stylesheet_directory_uri().'/js/custom.js', array(), false, true); }

También probé poner el código directamente en la página como se muestra a continuación.

 <script type="text/javascript"> let product_title_id = document.querySelector("#product-title-id") let offer_welcome = document.getElementById("no-welcome") console.log(product_title_id.innerHTML) console.log(offer_welcome.innerHTML) if (product_title_id.innerHTML.includes("ltimate")) { console.log("Yes, it is included.") console.log(offer_welcome.innerHTML) document.querySelector(".word-offerswelcomme").style.setProperty("display", "none", "important") document.querySelector(".word-offerswelcomme").style.setProperty("visibility ", "hidden", "important") document.getElementById("no-welcome").style.display = "none"; document.getElementById("no-welcome").innerHTML = ""; } document.querySelector(".word-offerswelcomme").style.setProperty("display", "none", "important") document.getElementById("no-welcome").style.display = "none"; document.getElementById("no-welcome").innerHTML = ""; </script>

En la consola, funciona el console.log . pero la instrucción if y las últimas 3 llamadas no funcionan. el .style.display = "none" funciona 1 segundo cuando actualiza la página, luego el contenido vuelve a aparecer.

Alguien sabe como solucionar este problema. Soy nuevo en wordpress. Gracias por adelantado