Tabla de Contenidos
Como dejar los acordeones cerrados del editor elementor WordPress
Dejar los acordeones abiertos tiene grandes beneficios. Antes de decidir cerrarlos, considera lo siguiente:
▸ Accesibilidad
Facilita el acceso mucho más rápido a la información sin necesidad de hacer clic.
▸ SEO
El contenido más visible para los motores de búsqueda mejora el SEO, ya que algunos motores no indexan los contenidos ocultos.
▸ Experiencia de usuario
Si el usuario está interesado en ver toda la información del sitio web, es importante dejarles saber que hay más contenido disponible. Por ello, es crucial mantener los acordeones abiertos.
▸ Primera impresión
Al dejarlos abiertos, el usuario puede quedar impresionado, despertando así un mayor interés.
▸ Diseño y usabilidad
Permanecer con los acordeones abiertos en Elementor ayuda a que el diseño sea más llamativo estéticamente.
Entiendo tu frustración si el acordeón abierto te parece desagradable a nivel de diseño o si quieres insertar más información en cada uno de ellos. Si buscas dejar los acordeones de Elementor cerrados, aquí te dejo algunos consejos:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
jQuery(document).ready(function($) { var delay = 100; setTimeout(function() { $('.elementor-tab-title').removeClass('elementor-active'); $('.elementor-tab-content').css('display', 'none'); }, delay);
});
</script>
Si tal vez no te funcionó dejando los acordeones cerrados, usa la siguiente solución:
<script> var targetElement = document.querySelector('.elementor-tab-title'); var margetc = new Mutationmargetc(function(mutationsList) { for (var mutation of mutationsList) { if (mutation.type === 'attributes' && mutation.attributeName === 'class') { if (targetElement.classList.contains('elementor-active')) { document.querySelectorAll('.elementor-tab-title').forEach(function(tab){ tab.classList.remove('elementor-active'); }); document.querySelectorAll('.elementor-tab-content').forEach(function(tab){ tab.style.display = 'none'; }); margetc.disconnect(); } } } }); margetc.observe(targetElement, { attributes: true }); </script>
¿Dónde insertar el código JS para cerrar los acordeones de Elementor?
Plugin: Puedes usar un plugin llamado Snippet Code.
Footer: Inserta el código en el footer.
Elementor HTML: Inserta el código en la opción de HTML de Elementor.
Recomendamos que para cerrar el acordeón, lo insertes en el footer, ya que automáticamente funcionará en todas las páginas.
Espero que esta información te sea de ayuda. En caso de que no funcione, aunque es poco probable, estaremos encantados de ayudarte. ¡Buena suerte!
¡Hola lectores de Margetc! Comenten y ganen premios emocionantes. Cada mes, los mejores comentarios ganan licencias de complementos premium de WordPress y premios en efectivo. ¡Compartan sus opiniones y ganen! Más detalles aquí.
Lee este artículo y te espero. ¡La conversación comienza contigo! ¿Qué te parece este POST?
Comentar este POST![Bernardo Margetc](https://www.margetc.com/blog/img/Bernardo.jpeg)
¿Piensas que conoces tu negocio? Piénsalo de nuevo. Soy el emprendedor que está redefiniendo lo que significa ser un consultor creativo. Con mi equipo, especializado en marketing digital y desarrollo, estamos listos para catapultar tu marca más allá de lo imaginable. Olvídate de lo tradicional; estamos aquí para marcar la diferencia real en tu crecimiento. ¿Listo para el viaje?
¿Necesitas ayuda? Como agencia digital, estamos aquí para brindarte nuestra asistencia.
Requiero ayuda ➞ Más artículos excepcionales Aprende términos desconocidos