Cómo crear los acuerdos de última generación de WordPress

Control y libertad de usuarios: este es uno de los 10 principios generales de Jakob Nielsen para diseñar la interacción. Los acordeones en el sitio permiten a los usuarios lograr exactamente esto: elección y libertad. Los acordeones son menús verticales plegables que contienen una lista de sede en la que se puede hacer clic para ocultar o mostrar el contenido asociado con ellos. Brindan a los usuarios la oportunidad de leer o ignorar el contenido frente a ellos. ¿Cómo funcionan los acordeones en el sitio? Veamos un poco la anatomía de un acordeón. WordPress Accordions o cualquier otro sitio web de acordeón contiene (según la revista Smashing):
Un título de categoría
Una condición extendida y un estado colapsado
Un icono que indica la extensión
Una vez que se extiende la categoría, el icono debe cambiar para indicar el colapso. Ahora, el diseñador debe averiguar qué hacer si el contenido de una categoría está colapsado. ¿Permanecerá así si otra categoría también colapsa? Veamos un poco la forma en que Slack usa acordeones. El icono cambiará la dirección al hacer clic y todas las categorías permanecen restringidas hasta que están haciendo clic en el estado inicial no restaurado.

Las principales ventajas de usar acordeón de WordPress
Ahora, veamos por qué los acordeones pueden ser una excelente opción en el diseño web.
Los acordeones ofrecen libertad, elección y control para el usuario final. Esto significa que proporcionará una buena experiencia de uso.
Si necesita acortar una página, un acordeón será su opción fácil de usar.
Si desea guardar a su usuario de un desfile interminable, puede mostrar su contenido en accordes.
Los acordeones pueden ser una mejor alternativa a los enlaces dentro de la página, lo que puede ser bastante feo. Cargar nuevas páginas podría confundir al usuario y olvidar cómo llegaron allí en primer lugar. Esto significa que puede usar pestañas con pestañas en el interior. Cuando los usuarios hacen clic en la pestaña, se revelará su contenido. Una cosa que debe saber es que la relevancia excede el contenido largo. Esto significa que si el contenido es realmente útil para el usuario final, puede evitar el acordeón. Puede terminar molestando al visitante del sitio web si tiene que hacer clic en mucho encabezado. Además, si sus páginas son extremadamente largas, si un acordeón usará demasiadas pestañas, destruirá la experiencia general. Intente crear varias páginas (si es suficiente para ellas).
Los casos de uso ordinario para los acordeones de acordeón de WordPress se usan más comúnmente en el diseño de páginas de preguntas frecuentes (preguntas frecuentes) mostrando preguntas como archivos.
Fuente: tesco.com

Fuente: Heineken.com También puede presentar procesos (por ejemplo: Instalar un producto SaaS), eventos futuros, trabajos, características de un producto, revisiones de productos. Hay varias opciones allí. Pero siempre tenga esto en cuenta: la relevancia va más allá del acordeón. Cómo agregar acordeón de WordPress a su sitio ahora que nos damos cuenta de dónde y cómo usar acordeón, es hora de construir uno.

Agregar acordeón de WordPress usando constructores de páginas Hay muchos temas gratuitos de WordPress allí. La cuestión es que la mayoría no incluye acordeón en sus planes gratuitos. Lo más probable es que necesite un tema profesional. Esta es la razón por la que usaremos el tema Pro y el constructor de Colibri para este ejercicio. En menos de 3 minutos tendremos el acordeón listo. En primer lugar, comience a personalizar personalizando la página deseada desde el tablero de WordPress. Luego, desde el panel del lado izquierdo, seleccione el botón “+”. Se abrirá una ventana con bloques y componentes. En el panel de componentes, seleccione “Accordion” y tírelo en su sitio a la derecha.
Si desea eliminar el acordeón, seleccione toda la sección y presione “Eliminar” del teclado. Lo interesante de este constructor es que todos los componentes se adaptarán al estilo de estilo. Ahora, si tiene que pelar más, puede hacerlo desde el menú a la izquierda. Puedes ajustar:

Tamaño y espacio

Colores y tipografía
Estilos de icono
Bordes, sombras
Fondo
Asignar clase CSS, IDS y agregar CSS personalizado
y otra.
Hay una opción que permite que varios artículos permanezcan abiertos, en el menú “Contenido”. Hay tanta flexibilidad que no necesitará ninguna otra herramienta.
El acordeón responderá por defecto para que pueda eliminar esta atención del cofre. Agregar acordeón de WordPress usando complementos ahora, si es un fanático de los complementos, así es como puede crear un acordeón de WordPress:

Elija su complemento (recomiendo a continuación 3 Popular WordPress Accordion)
Instale y active el complemento: detalles en el tutorial a continuación.
3. Configure el acordeón4. Publicar su página es muy fácil. Los complementos que recomiendo son: Easy Accordion Pro con más de 10,000 instalaciones, este complemento viene lleno de características:
Funciona deslizando y arreglando
Es receptivo

Panel de administración limpio e intuitivo
Está preparado para el código corto
Opciones de color ilimitadas
Tiene eventos de activación basados ​​en Click o MouseOver
y otra.
Aquí hay una breve demostración para ver cuán intuitivo es:
Después de activar el complemento, busque el menú “Easy Accordion” en el panel de administración de WordPress. Seleccione “Agregar nuevo” en el menú y encontrará un campo de introducción del contenido de acordeón y un panel de configuración para el generador de código corto. Ahora depende de usted personalizar todo. Una vez que haya configurado el acordeón y haya presionado la publicación, recibirá un código corto en la sección inferior. Entonces solo tiene que copiar su código corto en la página deseada. PickPlugins Accordion
Este complemento es utilizado por 30 usuarios + WordPress Active. Los acordeones se muestran a través de códigos cortos, una opción que realmente me encanta cada vez que me encuentro.
El complemento le permite configurar acordeiones ilimitados y agregarlos a sus páginas, preguntas frecuentes, publicaciones o cualquier otra área del sitio web. Los planes profesionales permitidos:
Pestañas verticales

Acordeón de WordPress en múltiples niveles y pisoteo
Opción para hacer clic en el encabezado para desplazarse hacia arriba
Texto de texto en algún momento
Actualizaciones y asistencia
Preguntas frecuentes sobre acordeón
Veamos poco sobre las características más importantes del plan gratuito:
Compatible con dispositivos móviles
Acordeones ilimitados en cualquier lugar del sitio

La API integrada de arrastrar y soltar para el código corto
Soporte para el increíble icono de fuente
Constructor de testimonios
Si necesita algunas funciones más avanzadas, aquí hay algunas funciones de pago importantes disponibles en el plan Pro:
Diseño receptivo
8 plantillas de diseño
Más de 500 fuentes de Google
12 iconos abiertos / cerrados establecidos
Más de 30 animación de contenido
Ahora, debido a que estos 3 complementos usan códigos cortos para implementar acordeón, hay otro complemento que recomiendo encarecidamente, lo que le dará algunas características adicionales.Conocer: Códigos cortos Ultimate Este complemento es la madre de todos los códigos cortos, ¡ahora mismo!Mire los ejemplos a continuación: