El contenido de formato largo se ha convertido rápidamente en un tipo de publicación de blog básico utilizado por las marcas, ya que tiende a posicionarse bien en las búsquedas, especialmente en nichos competitivos. Pero las páginas más largas pueden hacer que la experiencia de lectura sea torpe. Los complementos de acordeón pueden ayudar a los propietarios de sitios web de WordPress a reducir el desplazamiento y hacer que sus publicaciones parezcan menos intimidantes.
¿Qué es un acordeón?
Los acordeones trabajan en el concepto de divulgación progresiva, ayudando al lector a dividir la información en fragmentos digeribles. Presenta la información más importante en un encabezado y los usuarios pueden hacer clic en el acordeón para leer más si están interesados. Cuando estas haciendo manualidades artículos largos optimizados para motores de búsqueda o escribiendo sobre temas complejos, los acordeones son especialmente útiles.
En este artículo, compartiré once complementos de acordeón que puede usar para diferentes casos de uso. Algunos de ellos son complementos de acordeón dedicados, mientras que otros son complementos que vienen con funcionalidades de acordeón. ¡Vayamos al primer complemento de acordeón dedicado!
1. Acordeón fácil
Un complemento de acordeón liviano, viene con un panel de administración intuitivo y el editor WYSIWYG para agregar su contenido de acordeón. Le permite agregar acordeones a sus páginas, publicaciones, widgets e incluso archivos de temas. Puede cambiar los colores, el modo, el fondo, las posiciones de los iconos y agregar CSS personalizado desde la configuración avanzada para personalizar sus acordeones.
La sección expandible de su acordeón puede contener imágenes, audio de YouTube, códigos cortos o cualquier otro código HTML personalizado. Su versión Pro viene con 16 temas, más opciones de color y estilo (incluidas las opciones de tipografía), atención al cliente y más.
2. Acordeón
Un complemento fácil de usar que le permite agregar acordeones y pestañas ilimitados a través de códigos cortos. Puede personalizar la apariencia de su contenido de acordeón cambiando los colores de fondo, las fuentes, el relleno y los márgenes, etc. También es posible personalizar el estilo del encabezado del acordeón y los iconos del acordeón.
En su versión Pro, puede agregar pestañas verticales, acordeones anidados y más funciones, como mostrar un campo de entrada de búsqueda que permite a los lectores buscar en el contenido del acordeón. En general, es un buen complemento para agregar acordeones receptivos en sus publicaciones, páginas, barras laterales, pie de página y otros lugares de su sitio. Un inconveniente es que el soporte para el complemento por parte de los desarrolladores podría ser lento.
3. Preguntas frecuentes sobre el acordeón
Bootstrap, Accordion FAQ, basado en el marco de trabajo móvil primero, le permite diseñar acordeones de respuesta visualmente atractivos. Tiene una API de arrastrar y soltar para construir rápidamente sus acordeones desde donde puede usarlos en cualquier parte de su tema a través de códigos cortos. También tiene un efecto de colapso de alternancia que le permite abrir varios acordeones a la vez.
Su interfaz de usuario es elegante con opciones de color ilimitadas y la opción de agregar CSS personalizado para modificar la apariencia de sus acordeones. Obtiene aún más flexibilidad y personalización con ocho plantillas de diseño, animación de contenido, campos personalizados avanzados y más en su versión Pro.
4. Preguntas frecuentes de Helpie – Complemento de acordeón de preguntas frecuentes de WordPress
Este es otro poderoso complemento de preguntas frecuentes que puede mostrar acordeones simples en su sitio web (página o publicación) con códigos cortos. Para usarlo con el editor de Gutenberg, deberá usar su bloque de preguntas frecuentes. Agrega automáticamente el esquema de preguntas frecuentes y también tiene una opción para habilitar una barra de búsqueda de preguntas frecuentes en línea.
Its Pro ordena automáticamente las preguntas frecuentes en función de su participación para que sus visitantes puedan acceder rápidamente a las respuestas más útiles. Su audiencia puede incluso enviar preguntas y sus conocimientos pueden revelar las palabras clave más buscadas.
5. Control deslizante de acordeón
¿Cómo le gustaría una funcionalidad combinada de un acordeón con un control deslizante? El control deslizante de acordeón lo hace al permitirle agregar imágenes basadas en las publicaciones de su blog, páginas o incluso productos de WooCommerce. También puede agregar enlaces externos a estas imágenes.
Si desea experimentar con un control deslizante de acordeón, esta puede ser una adición visualmente atractiva para su sitio. La única limitación es que el complemento funciona en los navegadores modernos que ofrecen compatibilidad con la transformación y transición de CSS3, por lo que su público que usa versiones anteriores del navegador puede encontrar algunos problemas.
6. Pestañas
Tener un complemento de acordeón dedicado puede tener sentido para ciertos casos de uso. Pero tenerlo integrado con un complemento más potente podría tener más sentido para la mayoría de los sitios web, ya que evita la hinchazón.
Otro complemento receptivo basado en código corto es Tabs. Tiene una interfaz de usuario elegante y un generador de arrastrar y soltar que le permite crear acordeones ilimitados. Puede crear pestañas verticales y horizontales agregando contenido multimedia y usar la animación de carga si desea animar la presentación de su contenido.
También es posible modificar los colores, agregar campos personalizados avanzados y mostrar iconos en sus pestañas. En su versión Pro, puedes desbloquear más plantillas, fuentes y animaciones.
Si tiende a hacer malabares entre acordeones apilados verticalmente y acordeones horizontales para diferentes propósitos en su sitio, Tabs sería una gran adición a su pila de herramientas.
7. Ultimate Blocks
Si usa el editor de Gutenberg, Ultimate Blocks es un gran complemento para extender su funcionalidad con bloques. Uno de ellos es el bloque de alternancia de contenido (acordeones) que le permite crear contenido que se puede alternar. Puede establecer una opción predeterminada para contraer o abrir el contenido de su acordeón. El color del contenedor y el título del bloque de alternancia también se pueden personalizar.
Además de los acordeones, el complemento Ultimate Blocks también viene con muchos otros bloques para agregar contenido en pestañas, botones para compartir en redes sociales, calificaciones de estrellas y más. En general, sus bloques son una gran adición a su caja de herramientas de creación de contenido – si ya está usando Gutenberg.
8. Elementor
Si está utilizando un creador de páginas visual para diseñar su sitio web, es posible que haya probado Elementor. Entre sus opciones de estilo y personalización, obtiene acceso a numerosos widgets para ampliar la funcionalidad de su sitio, y acordeón se encuentra entre uno de estos. Es posible la personalización avanzada de sus acordeones, incluido el cambio de tipografía, colores, espaciado y similares.
El único problema con el complemento es que toda la página debe diseñarse con Elementor para acceder al widget. No puedes usar un shortcode en tu creador de páginas (o editor) existente para usar acordeones. Pero si está planeando el rediseño de un sitio, Elementor podría ser una excelente opción para cuidar los acordeones.
Al igual que Elementor, también encontrará la funcionalidad de acordeón con otros creadores de páginas como SeedProd y Thrive Architect.
9. Max Mega Menú
¿Desea utilizar un menú extenso para navegar por su sitio web y hacer que su contenido sea más accesible? Max Mega Menu hace eso con su variedad de ofertas de menú, que incluyen acordeón, pegajoso, vertical y más.
El backend es el familiar sistema de menús de WordPress con opciones de estilo avanzadas y un editor de widgets de arrastrar y soltar para cada elemento del menú. Con su menú de acordeón, puede crear una experiencia de visualización dinámica y atractiva para sus visitantes.
10. Shortcodes Ultimate
¿Cómo le gustaría tener códigos cortos simples para agregar elementos visuales y funcionales a sus publicaciones y páginas? El complemento Shortcodes Ultimate ofrece más de 50 códigos cortos (uno de ellos es un acordeón) que puede agregar en su editor, widgets o incluso archivos de plantilla.
Obtiene una vista previa en vivo a través de una ventana de inserción y un editor CSS personalizado para modificar la apariencia de sus acordeones (u otros elementos que use). En general, es un complemento excelente si desea utilizar varios elementos de sus códigos cortos a continuación:
11. Acordeón de categoría WooCommerce
Si bien hay otros complementos compatibles en esta lista, este es un complemento dedicado para WooCommerce. Es útil para los propietarios de tiendas que desean mostrar la información de sus productos de forma dinámica.
Por ejemplo, el complemento puede enumerar las categorías y subcategorías de productos de WooCommerce en acordeones para alternar y contraer. Admite eventos de clic y desplazamiento para la navegación. Sin embargo, es un complemento pago que le ofrece seis meses de soporte y actualizaciones a $ 21.
¿Cuándo debería usar acordeones?
La idea detrás de presentar solo la información más importante a los visitantes a través de acordeones es sólida, pero cada clic que hace un usuario tiene que ser valioso. Desplazarse más hacia abajo en una página es más fácil que hacer clic en los títulos para ver el contenido completo de una página. Entonces, al implementar acordeones, tenga en cuenta el costo de interacción de sus usuarios.
NNGroup recomienda evitar el uso de acordeones si un visitante necesita leer todo el contenido de una página para obtener respuestas a sus preguntas sobre un tema. De lo contrario, las personas podrían perder información importante en la página. Pero leer es difícil en la pantalla más pequeña. Entonces usando una mini arquitectura de información como una tabla de contenido o un acordeón tiene sentido:
Aquí hay un diagrama de flujo de La hora de los creativos que puede utilizar para decidir si un artículo u otra página de su sitio merece un acordeón:
Además, recuerde que los acordeones son seguros desde una perspectiva de SEO. En un hangout central para webmasters, declaró Google que no devalúa el contenido detrás de las pestañas y los acordeones. Todo lo que esté en HTML se tiene en cuenta.
¿Cuál es tu experiencia con los acordeones y cuál de los complementos anteriores has probado? Déjame saber abajo en los comentarios.