Una historia de comidas receptivas de WordPress

Siempre organizo cosas en mi computadora portátil, desde carpetas hasta carpetas. Incluso uso iconos específicos para ciertas carpetas. Lo llamo talón, solo lo llamo orden y disciplina. Ahora, cuando escribo cosas, me gusta mantenerlo simple y estructurado. Y cuando leo artículos de blog y libros electrónicos, siempre quiero ver capítulos claros, puntos de bala o tablas. Dejame mostrarte un ejemplo. Me gusta buscar nuevas recetas. El problema es que los bloggers con productos alimenticios escriben sobre fines de SEO, no para el usuario final. Entonces, primero, debe descubrir la historia de la papa, luego cómo se descubrió la pimienta, luego encontrará los ingredientes de la receta. Por eso me emocioné cuando lo encontré.


¡Asi es como funciona! Entonces, si realmente desea crear una buena experiencia de usuario, la información de estructuración debe estar en primer plano. Ahora, las tablas pueden ser una excelente manera de organizar la información de una manera lógica y visual. También pueden ayudar a los usuarios a escanear mejor su contenido. En este mundo rápido, todos escaneamos contenido para evaluar si vale la pena leer o no. Intentamos encontrar la respuesta a nuestro problema / pregunta lo más fácil y rápido posible. Además, hay algunas secciones de sitios web que requieren una tabla de forma predeterminada, como secciones de tarifas, programación, listas de productos, etc.
Y también tiene las tablas de datos que puede importar de otras fuentes y desea verse bien en una página o publicación. Ahora, hay un dolor cardíaco cuando se trata de crear tablas en WordPress: cómo hacerlas receptivas. Hablaremos de ello y un poco más tarde. Entonces, es hora de ver cómo podemos construir tablas en WordPress. Cómo crear tablas de WordPress en el editor predeterminado de WordPress (Gutenberg) Suponga que desea agregar una tabla a una publicación de blog. Aquí están los pasos: desde el tablero de WordPress, navegue a publicaciones -> Agregar nuevo
Dentro de este nuevo artículo vacío encontrará el signo “+” y hará clic en él. Se abrirá una nueva ventana con una lista de bloques.
Escriba “Tabla” en la barra de búsqueda dentro de la ventana.
Seleccione el bloque de la tabla.

Ajuste el número de columnas y filas.
Seleccione “Crear tabla”.

Al colocar el cursor del mouse dentro de la tabla, aparecerá una barra con herramientas de edición: alineación, administración y columnas, escritura de texto, etc.
Ingrese el texto en las tablas de la tabla. Ellos cambiarán el tamaño automáticamente dependiendo de cuánto contenga el texto.

Se pueden hacer cambios avanzados en el menú correcto. Asegúrese de que la tabla esté seleccionada (simplemente coloque el cursor en una de las celdas de la tabla). Puede elegir entre los dos estilos de mesa disponibles, puede agregar un encabezado, agregar color de fondo, etc.
Para aquellos que desean ir un poco más lejos con el diseño de la mesa, debajo del elemento de menú avanzado, tiene la opción de agregar CSS personalizado. Aquí también puede asignar un ancla HTML si desea usar saltos de página. Más sobre este tema, aquí. ¡Y listo!

No olvide presionar “Guardar el boceto” o “publicar” antes de salir. Si necesita algo más avanzado que esto, puede usar un complemento de WordPress. Haré algunas recomendaciones un poco a continuación en el próximo capítulo. Cómo crear tablas de WordPress en el editor clásico de WordPress para aquellos entre ustedes que todavía usan la experiencia anterior de edición de WordPress, hay dos opciones de diseño:
Edición de HTML personalizada
Creación de tablas a través de complementos de WordPress
Ahora, no le mostraré cómo codificar su propia tabla, esto puede pasar demasiado tiempo y realmente necesita conocer su código HTML.
Pero iré de la manera más fácil: ¡ingrese los complementos de la mesa de WordPress! ¿Cómo instalar un complemento de WordPress? Es bastante simple:
Frente al tablero de WordPress, explore los complementos.
Seleccione “Agregar un nuevo”.
Busque el complemento deseado en la barra de búsqueda.
Seleccione “Instalar”.
Después de hacer clic en “Instalación”, el botón aparecerá un texto de “activación”. Haga clic para activar el complemento.

El flujo para instalar y trabajar con complementos también se detalla en nuestro video tutorial:

Cómo elegir un complemento de tabla de WordPress Hay algunos elementos clave a los que debe prestar atención:
Las revisiones del complemento
Característica receptiva
La posibilidad de hacer los datos de clasificación y / o filtración
Opciones de estilo adicionales
¿Qué tipo de soporte de medios se acepta?
Capacidades de importación / exportación
Ahora, antes de seleccionar cualquier complemento de tabla de WordPress, debe saber qué características está más interesada. Nuestras recomendaciones para los complementos de la tabla de WordPress La mayoría de los complementos de WordPress allí le permiten incorporar una tabla en una página de WordPress o publicar a través de un código corto. ¿Lo que esto significa? Definirá su tabla dentro del complemento y, después de que esté terminado y guardado, obtendrá una pequeña línea de código, que se parece a él: [Tabla ID = 1]. Todo lo que tendrá que hacer es pegar este código en una página o publicar si usa el editor clásico de WordPress. Si usa el editor predeterminado de WordPress, deberá usar el bloque de código corto.
Solo necesitará pegar el código corto en el espacio presentado a continuación:
Le mostraré más detalles, un poco más tarde, cuando tome uno de los complementos de comida para caminar. Ahora, veamos las recomendaciones. TELLEPRESS Este es el complemento más popular para la tabla de WordPress. Te permite:
¡Ingrese cualquier tipo de datos como números, texto, imágenes, enlaces e incluso fórmulas matemáticas!

Haz en vivo (¡este es genial!).

Importar tablas desde archivos Excel y HTML.
Exportar la tabla
Úselo gratis
El complemento no cubre implícitamente las tablas receptivas. En el sitio web del complemento, verá esta declaración: “Debido a la forma en que las tablas en los sitios web funcionan técnicamente, no siempre pueden adaptarse automáticamente al espacio disponible en la pantalla. La razón es que su contenido requiere un cierto espacio mínimo y esto es lo que define el ancho mínimo de la tabla. Si el ancho mínimo de la tabla es mayor que el ancho de la zona de contenido disponible, la tabla no cabe. Desafortunadamente, esto puede conducir a un comportamiento feo en pantallas pequeñas, como en teléfonos y tabletas, donde algunas partes de una comida podrían cortarse en el lado derecho ”. Una comida es una mesa, ¿verdad? No puedes simplemente cortar algunas de las columnas, solo porque no encajan. No puede reconfigurar solo toda la tabla, porque es posible que alguna información no tenga sentido. ¿Qué significa eso para usted? Que puede comprar una extensión que hará que su comida responda. Hay 4 enfoques a este respecto:
Flip: la tabla está volcada, lo que significa que las filas aparecen como columnas y viceversa y podrá ejecutar la tabla horizontal (es posible que no funcione bien si tiene imágenes en la tabla).
Scroll: ¡esta característica hará que una mesa se agote demasiado horizontalmente! ¿Cuan genial es eso? Y si usa imágenes dentro de la mesa, no se verán molestadas.
Reducir: esta característica agregará un efecto oculto / extensor a una tabla. Ocultará los datos de esas columnas que de otro modo se cortarían y, en su lugar, agregarán esos datos a una fila plegable que se inserta en cada entrada.
Pila: la pila mostrará las celdas de una fila una encima de la otra, en lugar de estar una al lado de la otra. Esto hace que la tabla sea más estrecha porque parecerá tener una sola columna. Ninja Tabs

Echemos un vistazo a sus características:
Puede elegir entre más de 100 estilos de mesa.
¡Tiene las 3 bibliotecas CSS más populares con esquema de color ilimitado!
Mesa fronteriza
La mesa inversa

Filas con rayas
Tablas de datos
El plan pagado de las tablas ninja viene con las siguientes características avanzadas:
Colores de mesa y personalización ilimitados
Integración de las hojas informáticas de Google
Tabla de productos de WooCommerce
El formato condicional de la columna
Exportación de la tabla de frotend – CSV, impresión, PDF
Mostrar datos de su propia tabla SQL personalizada y consulta SQL
Y debido a que la capacidad de respuesta móvil es obligatoria, las tablas Ninja han hecho que todas las tablas respondan automáticamente a los dispositivos móviles colocando áreas extensibles seguidas.
Constructor de tablas de Jetegine
¿Le gustaría crear tablas dinámicas? Así que eche un vistazo al plugin Jettegine Tables Builder. Puede usar este complemento con el constructor de páginas y el editor de Gutenberg. El generador de tabla le permite crear tablas dinámicas simples o complejas en su sitio web. Principales características:
Publicaciones actuales, productos, comentarios o datos SQL
Mostrar datos de campo personalizados
Crea la tabla a partir de datos dinámicos
Smille tu comida

Mostrar datos de backend en la tabla frontend
Agregue la tabla a cualquier página
La creación de la tabla dinámica tiene varios pasos: cree una nueva consulta, establezca la configuración de la tabla (nombre, consulta de datos), agregue una columna a la tabla, estilice la tabla, la vista previa y agregue cualquier página en su sitio web. Builder: puede comprar Un solo complemento Jetangine para USD en un sitio web o $ 54 sitios ilimitados por año. Jentegine también es parte de la suscripción de Crocoblock; Los precios comienzan en $ 130 por año. La suscripción de Crocoblock incluye todas las jetplugins para crear el sitio web. Wpdatatables
Las características más importantes para WPDATATABLES son las siguientes:
Receptivo nativo
importación de la mesa
el formato personalizado de la celda
Puede crear una tabla relacionada con una fuente de datos existente
Puede generar una consulta en la base de datos de WordPress o en una base de datos MySQL

Puede crear 14 tipos diferentes de gráficos utilizando el motor de reproducción de Google Charts
filtros avanzados y opciones de búsqueda
Algunas de las funciones anteriores se pagan, algunas de ellas son gratuitas. Creando una tabla de WordPress usando wpdatatables y porque para uno de nuestros blogs, usamos wpdatatables, déjame mostrarte cómo moverte. Cuando active el complemento, podrá acceder a él desde el tablero de WordPress.
Creemos nuestra primera tabla.
Navegue para “crear una mesa”
Dependiendo del plan que use, puede crear una tabla desde cero, puede importarla o crear tablas basadas en SQL / MySQL.
Seleccione “Crear una tabla simple desde cero”, luego haga clic en “Siguiente”.
Nombre la tabla y seleccione el número de filas, luego seleccione “Generar la tabla”.
Complete los datos en la tabla.

Haga que el contenido cambie utilizando la barra de herramientas sobre la tabla: alineación, estilo de texto, posicionamiento de texto. Incluso puede agregar código e imágenes HTML. Desde el menú de visualización (junto a la “edición de datos”) puede hacer una configuración adicional de la tabla, como: el nombre de la tabla, el relleno de celda cambia, la elección de la tabla encabezamiento.
Vista previa de la apariencia de la mesa en dispositivos móviles y tabletas y decida el tipo de desplazamiento del menú “sensible”.
Cuando haya terminado, presione “Guarde los cambios”.

Desde el menú a la izquierda, navegue a WPDATATABLES. Aquí verá todas las tablas que creó, con sus códigos cortos. Aquí puede eliminar las tablas que ya no usa.
Copie el código corto de la tabla deseada. Peguelo en una página o publicación. Como se mencionó anteriormente, puede pegarlo al bloque de código corto en el editor predeterminado de WordPress.

Y eso es. Déjame mostrarte una de mis comidas.
Aquí pegamos el código corto:

Piece de pastel, ¿no dirías? ¡Y este es un paquete, buena gente! Ahora, si le gustó este artículo y desea saber más sobre cómo diseñar un sitio web de WordPress, ¡asegúrese de suscribirse a nuestro canal de YouTube y síganos en Twitter y Facebook!