homefinance blog
Las tablas nunca han sido algo en lo que WordPress sea particularmente bueno. Básicamente, si desea presentar tablas de datos en WordPress, lo más probable es que pueda crear toda la presentación manualmente, usando HTML Gross y CSS para que todo se vea bien. Y no, no me olvidé del nuevo editor de bloques. Aunque ciertamente facilita la creación y la visualización de tablas en general, aún no es una solución perfecta, especialmente para grandes conjuntos de datos. De todos modos, debido a que las tablas son algo que hemos usado mucho en nuestras publicaciones aquí en CodeInwp, quiero compartir algunas de nuestras estrategias principales hoy.
En esta guía, presentaré algunas ideas creativas sobre cómo puede usar tablas/tablas de datos HTML en WordPress, hacer que se vean perfectas y también me aseguraré de que estén optimizadas para dispositivos móviles y, al mismo tiempo, sea amigable con SEO.
Cómo usar las pestañas #data en #wordpress – modos creativos, fácil de hacer y lucir genial
Haga clic en Tweet
Nuestro enfoque de tres vías en las tablas de datos de WordPress Para resumir rápidamente nuestro enfoque, trabajamos con las tablas de datos de WordPress de tres maneras diferentes: (a) Usando tablas simples, receptivas y hermosas para presentar los datos básicos y facilitar las partes de nuestras publicaciones digerir.
Ejemplo:
(b) Usando algo que podríamos llamar “tablas de nivel medio” para permitir algunas funciones adicionales, como clasificar a los usuarios y resaltar las filas al pasar el mouse.
Ejemplo en vivo:
! “>
! Columna-2 “> 3.3
! columna-3 “> 0.25
desde Nuestra encuesta de alojamiento
(c) El uso de tablas de actualización automática que permiten operaciones interiores mucho más avanzadas, que no son muy visibles para el usuario en la parte delantera. Por ejemplo, la tabla aquí se basa en una hoja de Google y se actualiza automáticamente (es decir, cada vez que actualizamos la hoja, la tabla se actualiza).
Así es como puede emular nuestro enfoque y construir algunas tablas de datos interesantes en WordPress:
Subir
Estrategia no. 1: ¡Use el visualizador para dar vida a sus tablas para comenzar con el enfoque probablemente más avanzado para el grupo! Entonces simplificaremos las cosas a medida que avanzamos en esta publicación.
Visualizer es uno de sus propios complementos y la herramienta principal para hacer posible esta primera estrategia de manejo de datos en WordPress.
️ ¿Qué es el visualizador? Es un complemento que le permite crear diagramas, gráficos y tablas y luego incluirlos en publicaciones de blog a través de códigos cortos o bloques. Es simple de usar si solo necesita el conjunto básico de funciones, pero también es muy fuerte si desea manejar un poco debajo del capó.
Una de las cosas interesantes de Visualizer es que puede cargar sus datos, tanto para tablas como para diagramas, de varias fuentes. Al crear una nueva tabla, por ejemplo, puede importar desde:
un archivo CSV,
Una URL (incluidas las hojas de cálculo de Google),
otro gráfico,
WordPress (creando filtros/flujos de trabajo, que luego navegan por la base de datos de WordPress y muestran los datos deseados),
Base de datos directa (usando consultas SQL gruesas),
Además, puede ingresar los datos y manualmente.
Visor: Manager y diagramas para el autor de WordPress (i): temetIsle90% WP 3.5+ Instalaciones
Más información
Viewer.zip Versión actual: 3.7.3 Última actualización: 19 de enero de 2022
Instalaciones 90% WP 3.5+
Página de complemento de WordPress.org
Visor: gerente de tabla y diagramas de WordPress
Bien, entonces, ¿dónde interviene aquí el traer de sus comidas?
El difícil trabajo en las tablas en general es que su creación manual lleva prácticamente al mismo tiempo que su actualización más tarde. Todos preferimos hacer una tarea única a partir de la tabla y tener todo actualizado automáticamente. Con Visualizer, puede optar por tomar los datos de su tabla desde una URL y luego establecer la importación para repetir cada hora / 12 horas / día / tres días. Lo que realmente significa esto es que obtienes una tabla que se actualiza automáticamente en función de los cambios de origen. LEA: No es necesario volver a él y actualizarlo manualmente. Aquí hay cuatro formas creativas en las que puede aprovechar esto:
Mantenga sus estudios de casos o publicaciones de análisis actualizadas (automáticamente) He ingresado fuertemente al mercado de alojamiento de WordPress. Tenemos varias publicaciones sobre este tema, y la mayoría de ellas requieren actualizaciones continuas. Una de las versiones de nuestra comparación de alojamiento principal incluye una tabla en vivo que resalta los tiempos de carga presentados. Parece eso (mesa en vivo):
(Es posible que no lo vea en acción si accede a esa publicación ahora; lo cambiamos con bastante frecuencia, probando muchas cosas). Toda la tabla se toma automáticamente de las hojas de cálculo de Google. Incluso los logotipos y los enlaces se almacenan en las hojas de cálculo de Google (como un HTML bruto). Cada vez que actualizamos los tiempos de carga, por ejemplo, también se actualizan en la tabla. Sin mencionar que el usuario puede ordenar la tabla. La configuración de esto no es difícil en absoluto:
1. Prepare su hoja de Google
Cosas estándar. Aquí hay un ejemplo:
Luego, “publíquelo en la web” de acuerdo con esta guía.
2. Cree una mesa en visualizador
Primero, instale el complemento de visualizador, ¡no! Medios de acceso → Biblioteca de visualizador y haga clic en nuevo ADD. Elija la comida. Desde la ventana de configuración, seleccione Importar datos de URL, vaya a programar la importación e ingrese la URL de importación y el programa. Como:
Guarde la mesa.
3. Agregue la tabla a una publicación/página
Incluya la tabla a través de un código corto o usando el editor de bloques. ¡Listo, tienes tablas de datos en WordPress!
Nuevamente, con esta configuración, puede tomar los datos de tablas automáticamente y luego también puede actualizarlos automáticamente.
Mantenga varias tablas actualizadas en más publicaciones (automáticamente) Esto está relacionado con el escenario anterior, pero el ángulo es un poco diferente. Básicamente, nada le impide usar la misma hoja de Google que una fuente de datos para múltiples tablas. Esto significa que puede incluir tablas similares en varias publicaciones/páginas y no tiene que preocuparse de que se desinconizarán con el tiempo (por ejemplo, actualizará una, pero olviden actualizar el otro, etc.).
Al configurar su tabla en Visualizer, puede acceder a la configuración avanzada y ajustar varias cosas, como la paginación, el número de líneas, deshabilitar/activar la clasificación del usuario, la activación de búsqueda, etc. Esto significa que las tablas aún pueden verse diferentes, incluso si usan la misma fuente de datos. Publicar el número de tráfico actualizado/usuarios/ventas (automáticamente) había una tendencia entre las compañías web de compartir en sus diversos números/indicadores de sitios, como tráfico, ventas, número de usuarios atendidos, etc. Sin embargo, no todos quieren incorporar servicios externos y, por lo tanto, no pueden moderarlos de ninguna manera.
Idealmente, incluso si es muy transparente, aún no desea despertarse y descubrir que una incorporación del carrito de compras o el instrumento de tráfico muestra una gran disminución, mientras que su título podría seguir diciendo “Mira lo que somos” que somos ” ¡hacer!” Si agrega otra capa e importe los datos primero en una hoja de Google, puede moderar todos los cambios antes de que sean llevados a una tabla de tráfico/ventas y transmitir en el sitio. La configuración es la misma que en los escenarios anteriores. Simplemente cree una nueva hoja de Google, importe o ingrese sus números, luego conéctela a una tabla o diagrama de visualizador.
Interrogar el visualizador de la base de datos (automáticamente) todavía tiene una característica genial en la manga; Puede importar datos de datos directamente desde la base de datos de WordPress a través de una consulta SQL bruta. Cosas bastante avanzadas, sí, pero también te ofrece muchas posibilidades si estás dispuesto a experimentar. Algunas ideas rápidas: primero, puede presentar fácilmente sus publicaciones más comentadas. Puede usar una lista de este tipo no solo en informes de transparencia, sino también en la página de sus archivos. Ejemplo: para construir dicha tabla, simplemente vaya a Visualizer, cree una nueva tabla y seleccione Importar desde la base de datos. En la ventana de la consulta, puede poner algo como esto: seleccione Post_title como publicación, recuento (distinto c.comment_id) como comentarios de wp_posts p izquierdo se une wp_comments c en p.id = c.comment_post_id group por p.id orden descripción descripción Límite 10 Esto presentará una tabla con las primeras 10 publicaciones más comentadas. Puede complicar la consulta para obtener también la URL, para que pueda hacer estas publicaciones en vivo. Este es solo un ejemplo. Aquí hay otras cosas que puedes hacer:
Enumere todas sus publicaciones de una categoría en particular o escrita por un autor
Busque en las tablas que otros complementos usan para almacenar sus datos, tome los datos relevantes de ellos
Muestre los productos de WooCommerce más vendidos junto con la cantidad de ventas, enlaces, precios, lo que desee
Haga lo mismo con descargas digitales fáciles; Aquí hay algunas consultas preparadas
Eso es todo cuando se trata de visualizador y cómo lo usamos. Pero hay otras soluciones si no necesita este tipo de automatización avanzada:
Subir
Use TablePress para clases confiables y ediciones de mesa, también somos grandes admiradores de TablePress y lo usamos en una serie de publicaciones. Por ejemplo, aquí hay una tabla grande: que enumeran los 100 mejores jugadores en el mercado de temas de WordPress. Vista previa: Lo que nos gusta de TablePress es que podemos darnos cuenta de las líneas fácilmente, ocultar las filas, duplicar filas y también ofrecer al usuario algunos comandos para ordenar la tabla. Por ejemplo, para esa tabla específica, todavía tenemos algunas columnas en el back -end que no mostramos (los rojos). TablePress no nos obliga a eliminarlos; podemos ocultarlos de la pantalla.
Subir
Use los códigos cortos Ultimate para mejorar sus tablas HTML personales, los códigos cortos Ultimate (SU) es uno de mis complementos favoritos de todos los tiempos. Entre sus muchos códigos cortos, hay uno que puede usar para que las tablas HTML estándar se vean mucho más hermosas. Aquí hay una tabla de nuestra publicación que compara los mejores servicios de VPN:
Fue construido por GROSS HTML y luego se agregó un código corto a su alrededor. Esto: [su_table] [ /su_table] Todos los estilos ordinarios y los bordes que ves son su. En otras palabras, si su tema no tiene un CSS muy agradable para manejar tablas, use SU.
Nota; Las tres soluciones de las que se hablan en esta publicación: Visualizer, TablePress y Su, pueden eliminar tablas que están listas para móviles y receptivos.
Subir
Conclusión Te animo a experimentar con estos tres complementos. Nos gusta el visualizador porque es nuestra propia creación, pero debemos admitir que los otros dos son bastante cuidado para tareas específicas.
Visor: Manager y diagramas para el autor de WordPress (i): temetIsle90% WP 3.5+ Instalaciones
Más información
Viewer.zip Versión actual: 3.7.3 Última actualización: 19 de enero de 2022
Instalaciones 90% WP 3.5+
Página de complemento de WordPress.org
Visor: gerente de tabla y diagramas de WordPress
TEBLEPRESS AUTOR (I): Bañeras de Tobias
Evaluaciones 100% más de 800,000 instalaciones WP 5.6+ requiere
Más información
Tablas.1.14.zip Versión actual: 1.14 Última actualización: 19 de enero de 2022
Evaluaciones 100% más de 800,000 instalaciones WP 5.6+ requiere
Página de complemento de WordPress.org
Tablepress
WordPress Shortcodes Plugin – Codos cortos Ultimate Autor (i): Vladimir Anokhin
98% Evaluaciones más de 800,000 instalaciones WP 4.6+ requiere
Más información
ShortCodeStim.5.12.0.zip Versión actual: 5.12.0 Última actualización: 25 de enero de 2022
98% Evaluaciones más de 800,000 instalaciones WP 4.6+ requiere
Página de complemento de WordPress.org
Complemento de códigos cortos de WordPress – Códigos cortos Ultimate
¿Utiliza tablas de datos en WordPress? ¿Qué opinas sobre las tablas y su lugar en la interfaz moderna de uso de WordPress? El editor de bloques de Gutenberg ha hecho que la creación de tablas sea mucho más fácil de usar, por lo que los usuarios ocasionales probablemente estarán más dispuestos a experimentar con ellas ahora. Después de todo, las tablas son una de esas cosas clásicas con las que todos los que han usado MS Word están familiarizados. Entonces, ¿por qué no podrías “agregarlos” a WordPress, verdad? ¿A menudo usa tablas de datos en WordPress? Si es así, ¿cómo los creas? ¿Aún no estás convencido? ¿Por qué no intentas presentar los datos con gráficos y gráficos?
Cómo usar las pestañas #data en #wordpress – creativo, fácil de hacer y se ve muy bien, haga clic para tuitear
… Recuerde unirse a nuestro curso rápido para acelerar su sitio de WordPress.Con algunos remedios simples, puede reducir el tiempo de carga incluso en 50-80%:
