Saltar al contenido principal

Cómo crear mesa en WordPress sin complemento

Cómo crear mesa en WordPress sin complemento

La mayoría de los que usan WordPress sabrán que no existe una forma nativa de agregar tablas en su página. Sí, puede usar complementos de terceros como TablePress para agregar tablas a WordPress, pero no es la forma más eficiente de hacerlo. Los complementos no solo ralentizan su página web, sino que también complican el código fuente. Afortunadamente, hay varias formas de crear una tabla en WordPress sin usar un complemento. Echémosle un vistazo.

Leer: Cómo agregar CSS Box Shadow en WordPress

Crear una tabla en WordPress sin complemento

1. Uso de Google Docs

Uso ​​Google docs para crear los primeros borradores de mi artículo, ya que no solo responde mejor que WordPress, sino que también me permite colaborar con otros escritores. Y, afortunadamente, Google Docs también tiene una función de tablas integrada. Todo lo que tiene que hacer es crear una tabla en Google Docs, formatearla como desee y luego copiar y pegar la tabla desde Google docs al editor visual de WordPress. Sí, es así de simple. Veamos esto en detalle.

Ve a tu página de Google Docs y haz clic en el botón Insertar en la barra de menú. Haga clic en Table y seleccione el tamaño de su tabla. Puede seleccionar una tabla de hasta 20 × 20 celdas y supongo que eso es más que suficiente.

 

Después de seleccionar el tamaño, la tabla aparece en la página de Google Docs. Una vez que tenga la tabla en blanco, le recomendaré que comience a completarla en el editor de Google Docs. La razón es que puede actualizar fácilmente las filas/columnas en Google Docs, lo que no será posible más adelante una vez que lo haya movido a WordPress.

Para agregar filas y columnas en Google Docs. Haga clic derecho en una celda en una tabla y verá una serie de opciones para Insertar filas/columnas a la izquierda y derecha de la celda.

Una vez que haya terminado , copie la tabla seleccionando el área con el mouse o las teclas de flecha del teclado y péguela en el editor visual de su WordPress.

Genera automáticamente una tabla sin necesidad de un complemento, cosas geniales Puede cambiar el tamaño de toda la tabla para que coincida con el diseño de su página tocando la esquina de la tabla en el editor de WordPress.

Limitaciones

Si bien el método de tabla de Google Docs es muy fácil, existen algunas limitaciones. No puede cambiar el tamaño de las celdas individuales, el color y la tabla tampoco responde . Lo que significa que su tabla no encajaría bien en los dispositivos móviles y saldría de los límites de la página. El siguiente método soluciona ese problema.

2. Usando un generador de tablas en línea

Como dije, puede usar varios métodos para agregar una tabla y hay muchos generadores de tablas en línea decentes. Estos editores de tablas en línea son útiles cuando trabaja con una tabla grande y compleja. Todo lo que necesita hacer es encontrar un generador de tablas en línea adecuado para usted, establecer las dimensiones de la tabla, ingresar el contenido de la tabla y copiar el contenido en el editor de WordPress.

Todos los generadores de tablas en línea funcionan bien y personalmente me gusta Responsive Table Generator porque ofrece un diseño simple y una vista previa rápida de lado a lado. Y la mejor parte es que todas las tablas responden, lo que significa que si la pantalla es demasiado pequeña para mostrar el contenido completo, la tabla mostrará una barra de desplazamiento horizontal.

Puede ingresar el datos manualmente, péguelos desde una hoja de Excel o pegue un código de tabla HTML y edítelos.

Para esta instancia, lo haremos manualmente. Para comenzar, haga clic en la opción Ingresar datos en la página de inicio, seleccione el tamaño de la tabla y luego ingrese el contenido de la tabla en las celdas. Obtiene más opciones en forma de lista de verificación, para mantener la primera Fila/Columna como encabezado de la tabla.

 

Una vez que haya realizado los cambios y esté satisfecho con la tabla. Desplácese hacia abajo en la página y copie la Salida HTML de su página en su portapapeles.

Luego, diríjase a Publicación de WordPress, donde desea incluir esta tabla, haga clic en la pestaña Text para cambiar al editor de texto HTML. Ahora, solo tienes que pegarlo en el editor de WordPress y guardar los cambios. Su tabla aparecería en la página y se ajustaría según el tamaño de la pantalla.

La tabla en el editor se ve un poco aplastada, pero está bien. Una vez que guarde la página, se adaptará a las dimensiones de la página. La tabla se encoge a medida que se reduce el tamaño de la pantalla. Tenga la seguridad de que su tabla no arruinará el diseño de la página en ninguno de los dispositivos disponibles.

3. Otro generador de tablas en línea

Finalmente, también puede usar Rapidtables, ofrece más personalización que la anterior. Este generador de tablas crea la tabla en HTML para que no necesite mucha experiencia en codificación, simplemente puede copiarla y pegarla en el código de su página y listo.

Seguiremos los pasos y crear nuestra tabla, puede personalizar el color de fondo, el color del borde, el borde, el estilo, el relleno, etc. Una vez que cree su tabla personalizada, copie el contenido en el editor de WordPress.

La tabla se ve como la figura a continuación y tiene todos los parámetros personalizados. Aunque es posible que no vea los resultados en el editor, si revisa la vista previa, verá la tabla actualizada.

¿La mejor manera de crear una tabla en WordPress sin complemento?

Estas fueron algunas formas en las que podemos agregar una tabla a WordPress sin usar un complemento . Ahora, puede usar los documentos de Google si necesita una herramienta rápida para crear una tabla. No hay nada más fácil que esto. El generador de tablas receptivo se recomienda específicamente cuando desea una tabla que se adapte a diferentes tamaños de pantalla. Rapidtables, aunque no responde, obtienes más opciones de personalización. Puedes decidir qué método usarás y tal vez decirnos en los comentarios.

Leer: Cómo habilitar la autenticación de 2 factores en WordPress

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *