Post Top Ad

Your Ad Spot

sábado, 25 de julio de 2020

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

¿Desea 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, necesitabas usar un complemento 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 un complemento o ningún código HTML. También cubriremos cómo crear tablas avanzadas en WordPress con funciones de clasificación y búsqueda.
Agregar tablas en WordPress sin escribir ningún HTML

Video Tutorial


Suscríbase a WPBeginner
Si prefieres instrucciones escritas, sigue leyendo.

Crear tablas en el editor de bloques de WordPress

WordPress hace que sea muy fácil agregar tablas usando el editor de bloques predeterminado de WordPress .
Simplemente cree una nueva publicación o página, o edite una existente. Una vez dentro del editor de contenido, haga clic en el símbolo (+) para agregar un nuevo bloque, luego seleccione 'Tabla'.
Puede encontrarlo en la sección 'Formateo', o puede escribir 'Tabla' en la barra 'Buscar un bloque'.
Agregar un bloque 'Tabla' en el editor de bloques de WordPress
A continuación, se le pedirá que elija cuántas columnas y filas desea para su tabla. Ambas figuras por defecto a 2.
No se preocupe si no está al 100% sobre el recuento exacto porque siempre puede agregar / eliminar columnas y filas de la tabla más adelante.
Escriba la cantidad de columnas y filas que desea para su tabla
Hemos creado una tabla con 3 columnas y 4 filas:
Nuestra tabla creada usando el editor de bloques de WordPress
Puede escribir en las celdas de la tabla y se redimensionarán automáticamente según la cantidad de contenido que haya en cada una. Si prefiere que sus celdas sean de 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, hemos agregado un encabezado para nuestra tabla, y también hemos establecido el color de fondo en gris en la pestaña 'Configuración de color'.
Agregar 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 punto de la tabla donde desea agregarla. Luego, haga clic en el botón 'Editar tabla'.
Aquí, estamos agregando una nueva columna en el lado derecho de nuestra tabla:
Agregar una nueva columna a su tabla
También puede eliminar filas y columnas de la misma manera. Simplemente haga clic en una celda en la fila o columna que desea eliminar y seleccione 'Eliminar fila' o 'Eliminar columna' en el menú 'Editar tabla'.
Por defecto, el texto en 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 para 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 dentro de la publicación o página haciendo clic en el botón 'Cambiar alineación' y seleccionando una opción de la lista.
Cambiar la alineación de toda tu tabla
Tenga en cuenta que estas opciones pueden hacer que su tabla 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 aparecen.
Aquí está nuestra tabla establecida en 'Ancho ancho' tal como aparece en el sitio:
Una tabla de 'ancho ancho' 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 Gutenberg le brindan mucha flexibilidad sobre cómo mostrar 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 ciertas características avanzadas como filtro de búsqueda, clasificación personalizada, etc.
Tampoco le permite usar fácilmente la misma tabla en varias áreas de su sitio web, como widgets de barra lateral u otras páginas.
Para crear tablas avanzadas, debe usar un complemento de tabla de WordPress.

Crear tablas usando el complemento TablePress

TablePress es el mejor complemento de tablas de WordPress en el mercado. Es 100% gratuito y le permite crear y administrar tablas fácilmente.
Lo mejor es que puede editar su tabla por separado e incluso agregar una gran cantidad de 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.
Primero, debe instalar y activar el complemento TablePress . Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress .
Luego verá un elemento de menú de TablePress en su panel de WordPress. Vaya 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 también.
Vamos a crear una tabla con 4 filas y 3 columnas:
Ingresando el título de su tabla en TablePress
Una vez que haya agregado el nombre, las filas y las columnas de la tabla, continúe y haga clic en el botón 'Agregar tabla' para crear su tabla.
A continuación, verá una pantalla con la información de su tabla y un área donde puede agregar contenido.
Edición de los detalles de su tabla en TablePress
Simplemente escriba los datos que desea en las celdas de su tabla. Puede ordenar las columnas de datos usando las flechas sobre ellas. Estos se ordenarán en orden alfabético o numérico.
Ordenar las columnas de su tabla en TablePress
Hay opciones avanzadas debajo del área 'Contenido de la tabla'. En 'Manipulación de tabla', puede hacer cosas como agregar, eliminar y duplicar filas:
La sección 'Herramientas de manipulación de tablas'
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
Finalmente, puede configurar varias opciones en la sección 'Características de la biblioteca de JavaScript de 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 tabla, haga clic en 'Guardar cambios'.
Puede agregar su tabla a cualquier publicación o página. Simplemente agregue el shortcode a un bloque de párrafo o use el bloque shortcode.
Agregar el shortcode para su tabla en el editor de bloques
Si está utilizando el editor clásico, simplemente agregue el shortcode directamente en su publicación:
Agregar el shortcode para su tabla en el editor clásico
Si desea cambiar su tabla en el futuro, puede volver a TablePress en su tablero y hacer cambios. Su tabla se actualizará automáticamente en cualquier publicación y página en la 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 te haya ayudado a aprender cómo agregar tablas en publicaciones y páginas de WordPress sin usar HTML. También te puede interesar nuestra publicación sobre cómo crear un boletín electrónico y cómo hacer un formulario de contacto en WordPress .
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para ver videos tutoriales de WordPress. También nos puede encontrar en Twitter y Facebook .

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas