El bloque de contenido de tarjetas del tema LingHang se muestra por defecto en 3 columnas en la página, lo cual es suficiente para la mayoría de las empresas que muestran productos, servicios o casos. Pero si deseas mostrar más información en la página de inicio o en páginas internas, como 4 negocios principales, 4 series de productos o 4 puntos destacados, cambiar el número de columnas de tarjetas a 4 hará que el diseño de la página sea más compacto y la densidad de información sea mayor.
Gracias a la arquitectura flexible del tema LingHang basada en bloques Gutenberg, no necesitas escribir ni una línea de código para realizar este ajuste. A continuación, te guiaré en tres pasos.
Pasos
- Crear una nueva página y agregar el bloque de contenido de tarjetas
En el panel de administración, crea una nueva página, haz clic en „Agregar bloque de plantilla“, busca „Content Card“ (tarjeta de contenido) en la biblioteca de plantillas empresariales proporcionada por el tema LingHang e insértala en la página. Después de insertarla, selecciona „Editar plantilla“ para ingresar a la interfaz de edición detallada. - Duplicar una tarjeta para generar la cuarta tarjeta
En el editor, encuentra el bloque „Grupo“ (Group) que contiene las 3 tarjetas. Haz clic en los tres puntos (más opciones) en la esquina superior derecha de ese grupo y selecciona „Crear duplicado“. Así obtendrás un nuevo grupo que también contiene 3 tarjetas. Ahora tienes 6 tarjetas, pero necesitamos 4 tarjetas por fila, así que el siguiente paso es clave. - Modificar la clase CSS para cambiar el número de columnas de 3 a 4
Haz clic en el grupo de nivel superior (el contenedor grande que contiene todas las tarjetas), en el panel de bloques de la derecha, busca la pestaña „Avanzado“ y el campo „Clase(s) CSS“. Aquí ingresacolumns-4(si el valor predeterminado escolumns-3, simplemente reemplázalo). Guarda y sal de la edición, previsualiza la página y verás que las tarjetas se han organizado automáticamente en 4 columnas.
Ejemplo gráfico
Además, el tema LingHang ofrece más de 40 bloques de plantilla empresariales. Te invitamos a explorarlos enOpciones del tema y página de demostraciónpara obtener más información.
¿Por qué elegir tarjetas de 4 columnas?
- Información más rica: Muestra 4 puntos clave en la primera pantalla, el usuario los ve de un vistazo.
- Simetría estética: 4 columnas forman una cuadrícula uniforme en pantallas anchas, con un fuerte equilibrio visual.
- Adaptable a múltiples contenidos: Adecuado para series de productos, servicios, casos de estudio, presentaciones de equipo, etc.
El bloque de tarjetas del tema LingHang incorpora diseño responsivo. Al cambiarlo a 4 columnas, en móviles y tablets se ajusta automáticamente a 2 o 1 columna, sin configuración adicional. Esta es la flexibilidad de untema WordPress empresarial ligero: construir páginas que se ajusten a las necesidades del negocio rápidamente con bloques de Gutenberg.
Si estás creando un sitio web para una empresa manufacturera o de comercio exterior, y necesitas generar rápidamente un sitio profesional y multilingüe, prueba el tema LingHang. Además del bloque de tarjetas, obtendrás plantillas para blog, productos, casos, así como funciones integradas de optimización SEO y velocidad.
Resumiendo: Al duplicar el grupo de tarjetas y modificar la clase CSS, puedes lograr fácilmente un diseño de 4 columnas en el tema LingHang. Espero que este sencillo tutorial te ayude a crear un sitio web corporativo más eficiente para la industria manufacturera.
¿Quieres más consejos sobre cómo construir sitios con el tema LingHang? Consulta nuestrosartículos del blog, donde actualizamos continuamente contenido práctico sobre construcción de sitios empresariales.
