TechBlogSD - Todo para WordPress y desarrollo WEB
Instrucciones de WEB y WordPress, noticias, reseñas de temas y complementos

¿Cómo crear una tabla de comparación en WordPress?

11

La gente dice que WordPress impulsa a más del 30% de los sitios web en Internet. Sin embargo, no es un trabajo fácil crear un sitio web con todas las funciones que necesita. La creación de tablas en WordPress es un ejemplo simple de eso. WordPress introdujo un bloque de tabla con Gutenberg y lo actualiza continuamente. Sin embargo, no responde y no funcionará correctamente en dispositivos móviles cuando tenga tres o más columnas. Aunque los complementos como TablePress resuelven este problema con el complemento gratuito, aún no es conveniente crear una tabla de comparación que necesite estrellas de revisión. En este artículo, explicaremos cómo crear una tabla de comparación en WordPress.

¿Qué es una tabla de comparación?

Muchos blogueros de WordPress escriben reseñas y recomiendan productos que utilizan a sus lectores. Esto ayuda en las dos formas en que los lectores obtienen información confiable, mientras que los blogueros obtienen una comisión de afiliación cuando un lector compra ese producto. En muchos casos, la tabla de comparación es más útil para mostrar la información.

  • Mostrar una lista de los 10 productos principales en una tabla, por ejemplo, las 10 principales empresas de alojamiento.
  • Compare las especificaciones de dos productos, por ejemplo, iPhone y Samsung Galaxy.

¿Cómo crear una tabla de comparación en WordPress?

Después de buscar mucho, hemos encontrado un complemento decente que ayuda a crear una tabla de comparación en WordPress.

¿Cómo crear una tabla de comparación en WordPress?

Generador de tablas WP

Creación de tablas con el generador de tablas de arrastrar y soltar

Después de activar el complemento, creará un menú "Table Builder" en la barra de navegación lateral. Vaya al menú "Generador de tablas> Agregar nuevo" para crear una nueva tabla. Esto lo llevará a la interfaz de creación de tablas de arrastrar y soltar del complemento dentro de su panel de WordPress.

¿Cómo crear una tabla de comparación en WordPress?

Editor de arrastrar y soltar de WP Table Builder

Ingrese la tabla de nombres para su tabla y elija las columnas / filas. Haga clic en el botón "Generar".

Personalizar la configuración de la mesa

En la siguiente pantalla, puede ver la vista previa en vivo de la tabla. Desplácese hacia abajo en la barra lateral izquierda para encontrar la "Configuración de la tabla". Puede configurar las siguientes opciones para su mesa:

¿Cómo crear una tabla de comparación en WordPress?

Configuración de la mesa

  • Habilite la opción que dice "Hacer que la mesa responda" para que sus tablas respondan en los dispositivos móviles.
  • Agregue la fila superior como encabezado y configure un color para su fila de encabezado.
  • Cambie los tamaños y colores de los bordes interior y exterior.
  • Agregue colores para filas pares e impares en su mesa.
  • Configure el relleno de la celda y el ancho de la mesa.

Si no está familiarizado con las tablas, aprenda aquí cómo crear tablas HTML.

Agregar contenido a la tabla

Después de configurar la base para su mesa, puede arrastrar y soltar elementos dentro de las celdas y comenzar a construir su mesa en línea. El complemento le permite agregar texto, imagen, lista, calificación de estrellas, HTML personalizado, código corto y botón en las celdas. Puede personalizar cada elemento después de arrastrarlo a la celda.

Por ejemplo, puede agregar un elemento de imagen y agregar enlaces, alinear, agregar texto alternativo y ajustar el tamaño. A continuación se muestra cómo se verá la tabla de comparación en el generador de tablas.

¿Cómo crear una tabla de comparación en WordPress?

Tabla de comparación en el generador de tablas

Después de terminar el contenido de la tabla, puede obtener una vista previa y guardar la tabla.

Obtener código corto para la tabla de comparación

Cuando esté en el constructor, haga clic en el botón "Insertar" en la parte superior para obtener el código corto para su tabla.

¿Cómo crear una tabla de comparación en WordPress?

Obtener código corto para insertar

También puede ver todas las tablas creadas en el menú "Generador de tablas> Todas las tablas" junto con los códigos cortos para cada tabla.

Insertar tablas en publicaciones y páginas

Ahora que tiene el código abreviado para su tabla de comparación, puede insertarlo en cualquier lugar del sitio.

  • Simplemente pegue el código corto dentro del bloque "Párrafo" o "Código corto" del editor de Gutenberg.
  • También puede insertar la tabla en su pie de página o barra lateral usando el widget de texto. Arrastre y suelte el widget "Texto" en su barra lateral o área de pie de página y pegue el código abreviado de la tabla. Guarde sus cambios y la tabla comenzará a mostrarse en el área del widget correspondiente en el sitio publicado.

La tabla publicada en el sitio de escritorio se verá más abajo:

¿Cómo crear una tabla de comparación en WordPress?

Tabla de comparación de muestras

Y la vista móvil receptiva se verá a continuación:

¿Cómo crear una tabla de comparación en WordPress?

Tabla de comparación en dispositivos móviles

Pros y contras del complemento WP Table Builder

El complemento tiene ventajas y pocas limitaciones.

Pros

  • El complemento es una hermosa herramienta para crear tablas de comparación receptivas en su sitio de WordPress.
  • No muestra anuncios molestos ni ventas adicionales en la sección de administración.
  • Interfaz simple de arrastrar y soltar con opciones personalizables.
  • Códigos cortos para insertar la tabla en cualquier lugar de su sitio.

Contras

  • Después de elegir columnas y filas, no hay forma de cambiar eso. Si desea eliminar una columna o fila, debe crear desde cero.
  • No hay posibilidad de reorganizar las filas y columnas.

Esperamos que las actualizaciones futuras puedan incluir estas opciones.

Fuente de grabación: www.webnots.com
Deja una respuesta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More