Adding Tables In Wordpress Without Writing Any Html

Cómo agregar tablas en publicaciones y páginas de WordPress (no se requiere HTML)

¿Quieres agregar tablas en publicaciones y páginas de WordPress? Las tablas son una excelente manera de mostrar datos en un formato comprensible. En el pasado, tenía que usar un plugin o código HTML para crear una tabla en una publicación o página de WordPress. En este artículo, le mostraremos cómo crear tablas en publicaciones y páginas de WordPress sin usar ningún plugin o código HTML. También veremos cómo crear tablas avanzadas en WordPress con funcionalidad de ordenación y búsqueda.

Video tutorial

Contents

Suscríbase a MundoCMS Si prefiere instrucciones escritas, siga leyendo.

Crear tablas en el editor de bloques de WordPress

WordPress facilita la adición de tablas utilizando el editor de bloques predeterminado de WordPress. Simplemente cree una nueva publicación o página, o edite una publicación existente. Una vez en el editor de contenido, haga clic en el símbolo (+) para agregar un nuevo bloque, luego seleccione «Tabla». Puede encontrarlo en la sección «Formato» o puede escribir «Tabla» en la barra «Buscar bloque».

Agregar Un Bloque De 'Tabla' En El Editor De Bloques De Wordpress
Luego se le pedirá que elija el número de columnas y filas que desea para su tabla. Los dos dígitos predeterminados son 2. No se preocupe si no está al 100% del número exacto, ya que siempre puede agregar / eliminar columnas y filas de la tabla más adelante.
Escriba El Número De Columnas Y Filas Que Desea Para Su Tabla
Creamos una tabla con 3 columnas y 4 filas:
Nuestra Tabla Creada Usando El Editor De Bloques De Wordpress
Puede escribir las celdas de la tabla y se redimensionará automáticamente según la cantidad de contenido en cada una. Si prefiere que sus celdas tengan un ancho fijo, puede configurar esta opción en el lado derecho. También puede agregar una sección de encabezado o pie de página aquí. En nuestro ejemplo, agregamos un encabezado para nuestra tabla y también configuramos el color de fondo en gris en la pestaña «Configuración de color».
Agregue Una Sección De Encabezado O Un Color De Fondo A Su Tabla
Si desea agregar una nueva fila o columna, simplemente haga clic en una celda en el lugar de la tabla donde desea agregarla. Luego haga clic en el botón «Editar tabla». Aquí agregamos una nueva columna en el lado derecho de nuestra tabla:
Agrega Una Nueva Columna A Tu Tabla
También puede eliminar filas y columnas de la misma manera. Simplemente haga clic en una celda de la fila o columna que desea eliminar y seleccione «Eliminar fila» o «Eliminar columna» en el menú «Editar tabla». De forma predeterminada, el texto de las columnas de su tabla está alineado a la izquierda. Puede cambiar esto haciendo clic en una columna y luego haciendo clic en el botón « Cambiar alineación de columna »:
Cambiar La Alineación Del Texto De Sus Columnas
Aquí hemos aplicado la alineación central a las tres columnas que tienen números:
Las 3 Columnas Con Números Ahora Están Centradas
También puede cambiar la alineación de toda su tabla en la publicación o página haciendo clic en el botón «Cambiar alineación» y seleccionando una opción de la lista.
Cambia La Alineación De Toda Tu Mesa
Tenga en cuenta que estas opciones pueden hacer que su tablero se muestre más allá de los límites normales de su área de publicación. Algunos pueden parecer extraños en su sitio, así que asegúrese de obtener una vista previa de su publicación o página para verificar cómo se ven. Aquí está nuestra tabla configurada en « Ancho ancho » tal como aparece en el sitio:
Una Tabla De `` Ancho Amplio '' Que Se Extiende Más Allá Del Área De Contenido Habitual
Como puede ver, se extiende más allá de los márgenes izquierdo y derecho del área de publicación. Las herramientas de tabla integradas en el editor de Gutenberg le brindan una gran flexibilidad en la forma en que muestra sus tablas. Puede usarlo para mostrar sus datos a los lectores en un formato fácil de entender. Sin embargo, el bloque de tabla no tiene algunas funciones avanzadas como filtrado de búsqueda, clasificación personalizada, etc. Tampoco le facilita el uso de la misma tabla en varias áreas de su sitio web, como los widgets de la barra lateral u otras páginas. Para crear tablas avanzadas, debe utilizar un plugin de tabla de WordPress.

Creación de tablas con el plugin TablePress

TablePress es el mejor plugin de tablas de WordPress del mercado. Es 100% gratuito y te permite crear y administrar tablas fácilmente. Lo mejor es que puede editar su tabla por separado e incluso agregar muchas filas. TablePress también se vuelve necesario, si está utilizando el antiguo editor clásico de WordPress que no viene con la funcionalidad de tablas. En primer lugar, debe instalar y activar el plugin TablePress. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress. Luego verá un elemento de menú de TablePress en su panel de WordPress. Ir a TablePress »Agregar nuevo para crear una nueva tabla.
Agregar Una Nueva Tabla En Tablepress
Deberá escribir un nombre para su tabla y decidir cuántas filas y columnas desea. Siempre puede agregar / eliminar filas y columnas de la tabla más adelante. Crearemos una tabla con 4 filas y 3 columnas:
Ingresando El Título De Su Tabla En Tablepress
Una vez que haya agregado el nombre, filas y columnas de la tabla, haga clic en el botón «Agregar tabla» para crear su tabla. Luego verá una pantalla con la información de su tablero y un área donde puede agregar contenido.
Edite Los Detalles De Su Tabla En Tablepress
Simplemente escriba los datos que desee en las celdas de su tabla. Puede ordenar las columnas de datos usando las flechas encima de ellas. Estos se ordenarán alfabéticamente o numéricamente.
Ordene Las Columnas De Su Tabla En Tablepress
Hay opciones avanzadas en el área «Contenido de la tabla». En ‘Manipulación de tablas’ puede realizar operaciones como agregar, eliminar y duplicar filas:
La Sección 'Manejo De La Mesa' De Las Herramientas
En ‘Opciones de tabla’ puede agregar una fila de encabezado y / o pie de página, que no se ordenará con los datos. También puede decidir dónde mostrar el nombre y la descripción de la tabla:
La Sección 'Opciones De Tabla' En Tablepress
Por último, puede configurar varias opciones en la sección «Funciones de la biblioteca JavaScript DataTables». Esto le permite crear tablas receptivas que sus lectores pueden filtrar, buscar y ordenar.
Opciones Avanzadas De Javascript Para Su Mesa
Una vez que esté satisfecho con su mesa, haga clic en «Guardar cambios». Puede agregar su tabla a cualquier publicación o página. Simplemente agregue el código abreviado a un bloque de párrafo o use el bloque de código abreviado.
Agregar Su Código Corto De Tabla En El Editor De Bloques
Si está utilizando el editor clásico, simplemente agregue el código corto directamente en su publicación:
Agregar El Código Corto De Su Tabla En El Editor Clásico
Si desea cambiar su tabla en el futuro, puede volver a TablePress en su tablero y realizar cambios. Su tabla se actualizará automáticamente en todas las publicaciones y páginas en las que la haya utilizado. TablePress también le permite importar datos de hojas de cálculo y archivos CSV. Del mismo modo, también puede exportar los datos de una tabla TablePress a un archivo CSV que luego puede abrir con cualquier programa de hoja de cálculo como Microsoft Excel o Google Sheets. Esperamos que este artículo le haya ayudado a aprender cómo agregar tablas a publicaciones y páginas de WordPress sin usar HTML. También puede interesarle nuestro artículo sobre cómo crear un boletín informativo por correo electrónico y crear un formulario de contacto en WordPress. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.

Originally posted 2021-02-24 17:34:40.

Leave a Reply