Recientemente uno de nuestros visitantes nos preguntó ¿Cómo insertar una tabla en WordPress?
Esta es una característica que no existe por defecto en WordPress, sin embargo, nuestras publicaciones no se componen principalmente de títulos y párrafos. Algunos blogs también usan tablas por varias razones. El problema, como de costumbre, es que a menudo es difícil saber qué complementos usar.
Para responder a una inquietud de uno de nuestros suscriptores, Te mostraré en este tutorial cómo agregar buenas tablas en tu sitio web de WordPress gracias al complemento TablePress.
Si no entiende un punto en este tutorial, nuestro forman comentarios está a su disposición.
Estáis preparados ? Se fue !
Pero antes, si nunca has instalado WordPress, descubre Cómo instalar un blog de WordPress en 7 pasos et ¿Cómo encontrar, instalar y activar un tema de WordPress en tu blog
Luego de vuelta a por qué estamos aquí.
Instalación y configuración plugin tablePress
De hecho, usaremos el plugin TablePress, que es bien conocido, por cierto, por agregar tablas a publicaciones y páginas de WordPress. Te invito a instálalo desde tu tablero. Vous pouvez aussi descárgalo como un archivo zip y instalarlo desde su FTP.
Una vez hecho esto, notará que hay un nuevo menú disponible en la barra lateral izquierda de su tablero. Especialmente cuando se trata de configuraciones, no tiene que hacer mucho.
Sin embargo, puede personalizar el diseño general de la tabla agregándole código CSS y definiendo la ubicación del menú. « tablePress » en el menú del lado izquierdo de la salpicadero.
Cómo agregar una nueva tabla en tu blog
En el menu TablePress ", haga clic en " Añadir una imagen ". En la nueva página, debe dar un nombre a su tabla, una descripción (opcional), pero define especialmente el número de filas y columnas. Una vez hecho esto, haga clic en " Añadir una imagen ".
Después de agregar su tabla, vaya a la página de edición. En esta página podrás modificar el nombre y apellidos y la descripción de la pintura (hasta entonces nada especial)Pero, sobre todo, que puede manejar esa mesa, incluyendo la adición de textos en los campos de cada columna.
Hay otras opciones adicionales disponibles que le permiten:
- Agregar una imagen
- Agregar un enlace
- Accede al editor de código avanzado (Desarrollador HTML solamente)
- Para ocultar o mostrar una línea
- Duplicar, insertar o eliminar una línea.
- Agregar nuevas líneas vacías
Estas diferentes opciones se aplican a las líneas (a la izquierda) y a las columnas (a la derecha).
También cree listas de precios en su blog o sitio web con estos 8 complementos premium de WordPress
La seccion Opciones de tabla Le brinda la capacidad de definir ciertas opciones como definir " la primera linea de la mesa Como el título y el de definir " la ultima linea de la mesa Tan bajo También puede definir otras opciones de visibilidad y agregarles código CSS.
Para dinamizar su mesa, puede activar la opción " DataTables De la sección Contenido la biblioteca de JavaScript de DataTables ". De forma predeterminada, esta función está habilitada y le brinda la posibilidad de habilitar algunas otras funciones como clasificación, paginación y más.
Descubre Cómo añadir un efecto de paralaje sobre cualquier tema de WordPress
Una vez que haya terminado de modificar su tabla, no olvide guardar sus modificaciones haciendo clic en " guardar los cambios ".
Ver tambien Cómo reorganizar los artículos de WordPress en métodos 2
En la parte inferior de la página, verá 3 otros botones que le permiten:
- Copiar tabla : es decir, crear una nueva tabla inspirándose en la modificada actualmente
- Tabla de exportación: esta funcionalidad permite utilizar la información de una tabla en otra instalación de " TablePress También puede hacer uso de esta función para hacer copias de seguridad de su tabla.
- eliminar tabla : esta característica es no podemos Claire, es la eliminación de una tabla que se está editando.
Cómo administrar las tablas en su sitio web
Todas las tablas que crea están disponibles en el " TablePress >> Todos Las pizarras ". Desde esta ubicación, puede realizar acciones agrupadas, que incluyen mesas copiar, suprimir o exportar. Si prefiere realizar estas acciones en un tablero en particular, desplace el mouse sobre él y verá sus opciones.
También es desde esta ubicación que puede recuperar el Código corto de la tabla, que agregará en un artículo o una página de su elección.
Haz tu blog popular con estos Complementos de 10 WordPress para compartir tus artículos en redes sociales
No es necesario decirle que para realizar cambios en una tabla, debe hacer clic en el nombre de la tabla.
Cómo importar una tabla
TablePress le da la posibilidad de exportar e importar tablas en la misma instalación de WordPressO en otro lugar. Aún así, deberá acceder a la ubicación " TablePress >> Importar una tabla ".
A partir de ahí, puede determinar la fuente de la tabla. (Fichier, Url, Sobre el servidor, entrada manual).
Cómo añadir una imagen a un artículo o una página
Desde la página de inicio de pluginpuedes recuperar el Código corto, como dije antes, haciendo clic en el enlace "Mostrar el acceso directo".
Copie este código y agréguelo al editor visual de la publicación o la página.
Una vez hecho esto, publique el artículo (o página) y revise-la. Su imagen bonita está en línea con todas las filas y columnas (esto es lo que pude lograr en casa con el tema de la semana).
Descubre también algunos complementos premium de WordPress
Puedes usar otros plugins de WordPress para dar una apariencia moderna y optimizar el manejo de tu blog o sitio web.
Aquí le ofrecemos algunos complementos premium de WordPress que lo ayudarán a hacerlo.
1. WordPress Ultimate Redirect
El complemento "WordPress Ultimate Redirect" es la única solución que necesita para administrar todas sus redirecciones, 404, migración de sitios y / o cambios de dominio o necesidades de transferencia.
Hay complementos que hacen lo que hace el complemento, pero no todos al mismo tiempo. Este complemento proporciona toda la funcionalidad de redireccionamiento 404 habitual, además de nuestro "redireccionamiento automático a la URL más cercana" favorita.
Descargar | Demo | alojamiento web
2. Campos personalizados de Bookly
Es importante señalar que este Plugin de WordPress es un complemento que requiere la Plugin de WordPress Bookly para operar. Por defecto, los clientes o visitantes suelen estar acostumbrados a rellenar varios campos como el nombre, el número de teléfono y la dirección de correo electrónico antes de confirmar una reserva.
pero con esto Plugin de WordPress, podrás pedirles que rellenen más campos, para finalmente obtener más detalles o cualquier otro tipo de información. Estos nuevos campos aparecerán en el paso Cargar del proceso de reserva y los detalles de la reserva se agregarán a su calendario de Bookly.
Sus características incluyen: la capacidad de crear tantos campos como sea necesario, soporte para diferentes tipos de campos, la capacidad de hacer que ciertos campos sean obligatorios u opcionales al completarlos, documentación detallada y mucho más.
Descargar | Demo | alojamiento web
3. Tabs elegantes para Beaver Builder
Con este complemento, puede agregar cualquier código abreviado en varias pestañas para que los usuarios puedan elegir qué datos quieren ver.
Como características encontramos: la pposibilidad de personalizar (colores, iconos, fondos para diferentes secciones / pestañas), el iintegración de WYSIWYG, la posibilidad de seleccionar un icono para cada pestaña de la biblioteca de fuentes disponible en Constructor del castorunalineación de pestañas (10 estilos de pestañas diferentes y muchas variaciones para una fácil personalización
Descargar | Demo | alojamiento web
Recursos recomendados
Conozca otros recursos recomendados para ayudarlo a construir y administrar su sitio web.
- ¿Cuándo y cómo instalar WordPress en un subdirectorio
- Cómo corregir el error "No se puede escribir en el disco" en WordPress
- Cómo publicar sus artículos por correo electrónico en WordPress
- Cómo ocultar los elementos innecesarios en el panel de WordPress
Conclusión
Aquí! Eso es todo por este tutorial dedicado a crear y agregar una tabla en las páginas o artículos de su sitio web WordPress gracias a TablePress. Espero que te haya resultado útil. No dude en comparte con tus amigos en tus redes sociales favoritas.
Sin embargo, también podrá consultar nuestra Recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress.
Y si tiene alguna sugerencia o comentario, déjelos en nuestra sección comentarios.
...
tienes que insertar las fórmulas para obtener las respuestas en la tabla ??????????????
No, realmente no lo necesitas.
Hola,
No puedo encontrar un complemento que me permita modificar los valores de una hoja de cálculo directamente en el sitio (en una página privada), pero no necesariamente teniendo que ir al Panel de control y luego al complemento.
Gracias!
Hola,
Busque un complemento que ofrezca la opción Frontend y ya no tendrá que hacerlo en el tablero.
¡Muchas gracias! No conocía el término ...
Por otro lado, no encuentro uno gratuito, la opción FrontEnd es siempre para las versiones “Pro” ...
Buenas tardes y gracias por la respuesta rápida.
De hecho, si hago clic en uno de sus enlaces (por ejemplo, el primero en relación con el catálogo) llego a una página en blanco con la mención "Lo siento, ninguna publicación coincide con sus criterios. "
Pero si en esta misma página hago clic en "INICIO" (donde todo es normal) y vuelvo a "CATÁLOGO": este aparece con bastante normalidad y muy rápido (uso Firefox).
Por otro lado, probando la búsqueda con Internet Explorer: GRAN SORPRESA: cambio total de estilo… ..todo en longitud, deformación del diseño, lentitud en la visualización !!!!!
¿Puede explicarme el motivo de estas diferencias de visualización?
Entonces, ¿puedes decirme lo más claramente posible (te recuerdo mi inexperiencia con un sitio web) cómo subsanar los errores que planteas? y además, ¿cómo los detectó ????
¿También quieres que te envíe por correo los documentos PDF (capturas de pantalla) que te ofrecí y cómo puedo enviarlos?
Lo sé, son muchas preguntas y mucho tiempo para un hombre, y estaría muy agradecido si pudiera continuar ayudándome en este lío.
Mientras tanto, gracias de nuevo y larga vida a esta gran sitio!
Buenos días o buenas noches,
Perdón por la respuesta súper tardía. He estado bastante ocupado todo el día, pero me tomaré la molestia de responderte.
- Al hacer clic en el primer enlace, se supone que debe acceder a un archivo javascript cuyo contenido no debería ser legible para usted. Si, en cambio, accede a una página que no se encuentra en su blog, entonces el recurso javascript utilizado por su tema (o complemento) no se puede encontrar y, por lo tanto, la funcionalidad que se supone que este recurso debe proporcionar no funcionará. En su caso, faltan 4 archivos.
- El cambio de estilo varía de un navegador a otro. Si está utilizando FireFox y Chrome (especialmente las últimas versiones), el diseño probablemente será el mismo. Con respecto a Internet Explorer, la pantalla está en su mayor parte desplazada, porque este navegador no respeta los estándares que otros hacen (por otro lado, el navegador Microsoft Edge es una versión mejorada de Internet Explorer).
Para resolver más rápidamente tus inquietudes (dada tu experiencia), te invito a solicitar un diagnóstico desde tu blog (es gratis). Al final de esto, se le dirá qué falta y qué hacer. También podemos implementar ciertas medidas que evitarán que tenga que encontrar este tipo de problema en el futuro.
Póngase en contacto con nuestro servicio de cliente.
https://blogpascher.com
Hola y felicitaciones por su tutorial.
Después de la partida de nuestro "webmaster", fui nombrado "gerente de TI", aunque soy un novato en la administración de sitios, y quería reemplazar una tabla (que representa un catálogo con nombres de autores, títulos ...) por el nuevo catálogo actualizado.
Quería hacer el reemplazo con una tabla "TablePress".
Todo ha ido bien excepto que la función "ordenar" no funciona mientras en el "Contenido de la biblioteca JavaScript DataTables" TODO está marcado y en particular lo que se refiere a "ordenar".
¿Me puede decir por qué? y la forma de resolver mi problema?
Puede ver este fenómeno visitando el sitio “www.bs-limoges.fr” (o “Bibliothèque Sonore de Limoges”) en la página “CATÁLOGO”.
De antemano, gracias por ayudarme amablemente y les deseo un buen día.
Hola,
para ayudarlo a resolver su problema, ¿puede enviar una captura? Si también es posible tener el enlace que lleva a su página, entonces será una ventaja.
Merci.
Hola y gracias por tomar mi caso en consideración, sobre todo con tanta rapidez.
Tomé varias capturas de pantalla y las guardé como PDF con mis comentarios, pero ¿cómo las envío?
¿Puedo enviarlos como archivos adjuntos en un mensaje personal y si es así, ¿puedo tener una dirección de correo electrónico?
O si no, ¿cómo los publica a través de este sitio? Intenté "copiar y pegar" sin éxito… ..
En cuanto al enlace que lleva a mi página, además de la dirección: "www.bs-limoges.fr", aterriza directamente en la página correspondiente con el siguiente enlace:
"Http://bs-limoges.fr/catalogue/"
Gracias por su ayuda realmente bienvenido.
Bonne journée à vous.
Hola,
después de revisar su sitio web, me he dado cuenta:
1 - Hay un error de JavaScript al inicio de la página, porque faltan algunos recursos:
http://bs-limoges.fr/wp-content/themes/bsl/scripts/Catalog.js
http://bs-limoges.fr/wp-content/themes/bsl/scripts/Map.js
http://bs-limoges.fr/wp-content/themes/bsl/scripts/Catalog.js
http://bs-limoges.fr/wp-content/themes/bsl/scripts/Anim.js
http://bs-limoges.fr/wp-content/themes/bsl/scripts/Map.js
2 - Tu mesa es realmente muy larga. Está remando en mi navegador. Debe incrustar páginas para la tabla.
Debe resolver estos problemas de recursos faltantes para que la matriz pueda ejecutarse normalmente.
Re Bonjour,
Al no tener más noticias a raíz de mi respuesta de ayer, me doy cuenta de que esta no aparece en el sitio. ¡Otro misterio informático para mí!
Así que lo dejé hoy.
Me ha preguntado cómo se tenía acceso a las direcciones que me das (http://bs-limoges.fr/wp-content/themes/bsl/scripts/….) Y que termina en una página donde aparece la frase: “Lo siento, ninguna publicación coincide con tus criterios” ????????
Porque yo, cuando escribo la dirección de mi sitio, termino en la recepción y mientras hago clic en una página (por ejemplo: "CATÁLOGO") estoy bien en mi página normal (con mi catálogo) ??? Y es lo mismo para todas las páginas que me citas: ¡otro misterio!
El catálogo se abre muy rápido, al contrario de lo que me está diciendo.
Estoy trabajando con Firefox, pero lo he comprobado con Internet Explorer y también es rápido.
Así que realmente no entiendo.
Sin embargo, noté que con Internet Explorer, el sitio era totalmente diferente:
No se parece a la que aparece en Firefox.
En Firefox: todo en ancho en 8 columnas y en Explorer: todo en longitud en una sola columna. ¿Cómo explicarlo ????
De lo contrario, me pides que "resuelva los problemas de los recursos faltantes" y ahí, para mí, es una misión imposible sin ayuda externa. Te lo confesé: ¡soy un neófito puro en el mantenimiento de un sitio web!
Entonces, si me explicaras EN DETALLE qué hacer y CÓMO hacerlo, me salvarías de un lío.
Si también lo desea, puedo publicar las capturas de pantalla que le ofrecí, pero nuevamente tiene que explicarme cómo publicar en su sitio.
Aquí te dejo una larga lectura de mis problemas y sobre todo un largo momento de ayuda para planificar (¡si lo aceptas!) Y por todo esto, te renuevo todo mi agradecimiento, esperando que esta vez te llegue mi mensaje. .
Que tenga un buen día y tal vez un "buen fin de semana" …… ..
Hola,
al acceder al código fuente del blog, el navegador me informó de errores que intenté explorar. Y al hacer clic en estos errores llegué a su blog, lo cual no es normal ya que necesitaba acceder a un script (código de programación de computadora). Si voy a una página de error y no a un script, entonces falta dicho recurso y, como dije anteriormente, las características que dependen de él no funcionarán.
Desafortunadamente, para resolver estos problemas de recursos faltantes, necesitará tener incluso conocimientos básicos de webmastering (por lo que deberá aprender). Pero como te dije, ofrecemos a nuestros suscriptores servicios de soporte, lo que nos permitirá enseñarte muchas cosas en webmastering (pero no solo), sino también resolver la mayoría de tus problemas técnicos.
Si quieres aprender, hay muchos cursos en línea e incluso tutoriales aquí, pero admito que te llevará un poco de tiempo. Así que depende de ti decidir y lo que elijas, encontrarás una solución.
Merci.
Hola y gracias de nuevo por sus respuestas a mis peticiones, finalmente, se han cruzado.
¡Definitivamente, tengo un trabajo para llegar allí! Pero desde el principio busco soluciones leyendo todos los tutoriales que encuentro en la Red y estoy dispuesto a consultar muchos otros si eso me puede ayudar.
Y así encontré la tuya (genial por cierto ...) así que por el momento seguiré siguiendo tus recomendaciones.
Entonces me aconsejas: "ofrecemos a nuestros suscriptores servicios de soporte", ¿puedes decirme cómo aprovechar estos servicios?
Agregas en tu última respuesta: "Te invito a solicitar un diagnóstico de tu blog (es gratis). », Pero si hago clic en su enlace (https://blogpascher.com) por supuesto que termino en su sitio, pero no tengo información sobre este servicio GRATUITO. ¡Solo puedo encontrar servicios PAGADOS!
Luego, en los casos 2 que hacer?
Con respecto a la diferencia en la presentación, solo puedo esperar que los futuros "lectores" del sitio funcionen con Firefox o Chrome. En cualquier caso, gracias por esta aclaración que no conocía (¡¡¡otra !!!) pero ¿no hay posibilidad de sortear este nuevo problema?
Vamos, eso es demasiado tiempo os he tomado con mis problemas. Así que voy a dejar que se relaje para el fin de semana y que desea un buen día.
Mañana habrá luz ...
Hola,
para acceder al diagnóstico gratuito, encontrará el botón en la página de inicio. Toda la información relacionada con el soporte y la formación también se encuentra en la página de inicio. También tendrá un agente conectado listo para responder todas sus preguntas.
¡Hola
Estoy usando wordpress y la tabla Tablepress y quería saber si es posible copiar parte de una tabla con su contenido y pegarla en otra tabla después. Me explico :
Tengo una matriz A y una matriz B
Tabla A tiene líneas 15 con contenido en cada célula
Tabla B incluye líneas 5, pero yo añadiría las líneas 10 de la Tabla A con su contenido
en la tabla B, para tener las mismas tablas con el mismo número de filas y el mismo contenido.
Merci d'avance
Frédérique
Hola,
de hecho es posible. Solo que no tendrá una interfaz que simplifique la operación. Necesitará tener un buen dominio de los códigos cortos. Porque si copia y pega un código abreviado incorrectamente, es posible que la tabla ya no se muestre.
¡Hola
en primer lugar, gracias por su rápida respuesta.
Empiezo de todos modos, me gustan los desafíos.
Esa es la marcha siga
Frédérique
Deberá exportar la tabla cuyas columnas desea copiar. Con el contenido exportado, deberá manipular el archivo CSV resultante. Aquí es donde todo se complicará si no se domina este tipo de archivos.
Puede utilizar el archivo CSV para unirse a las columnas de las dos tablas de una vez importar el archivo CSV después.
Como les dije antes, esta no es una tarea fácil.
También puede usar un complemento de Publicaciones duplicadas (búsquelo). Esperando que este complemento sea compatible con TablePress.
Buena suerte.
Hola,
¿Es posible agregar un botón que permita a un visitante agregar una fila a esta tabla?
Merci
En principio sí, pero depende de la temática y el plugin utilizado.
¡Hola
Cambié el CSS en las opciones: quiero cambiar el color de la primera fila de encabezado de la tabla. Pero nada cambia ... vacié el caché
º culata en T .tablepress,
tfoot .tablepress º {
background-color: d3cec8 importante;
}
Gracias por su ayuda …
Hola,
Tu código de color es incorrecto. Falta el # agudo
Bonjour Thierry,
Sinceramente les agradezco por este tutorial que me sacó de mi ignorancia. Ha pasado mucho tiempo desde que intenté instalar las tablas en mi blog sin éxito. Pero, a pesar de tus explicaciones, no siempre llego esta famosa mesa. Tengo dos preocupaciones:
1) Descargué el archivo zip. Cuando se complete esta descarga, ¿qué hacemos a continuación? No noto nada nuevo en el menú.
Pregunta: Después de la descarga no significa apariencia TablePress plug-in automático en el menú de mi blog?
2) Cuando elijo la opción de iones del complemento, desafortunadamente noto que mi "Extensión" no tiene la opción "Agregar".
Pregunta: ¿Hay una solución?
NB: mi blog es parte de una plataforma de bloggers (mondoblog.org). Cada vez me enfrento a la dificultad de insertar mis datos cifrados en una tabla como este escenario: http://matango.mondoblog.org/2016/05/06/cameroun-pourquoi-lopposition-est-elle-abandonnee-par-le-peuple-1/
Hola,
Lo sentimos, pero operamos exclusivamente en los blogs de WordPress auto-organizada.
Hola,
Estás utilizando una plataforma que no es compatible (Mondoblog). Estamos usando WordPress para este tutorial.
Lea esto para entender por qué.
https://blogpascher.com/wordpress-2/pourquoi-devez-vous-utiliser-wordpress-pour-creer-votre-blog
Cordialement.
Bonjour Thierry,
Bonjour Hervé,
De hecho, ¡no iba a sospecharlo! La plataforma (Mondoblog) utiliza software de WordPress. Pero, cada bloguero es libre de personalizar su blog como desee. Esta es la razón por la que pensé en pedir tu ayuda. No sabía que en un blog que forma parte de una plataforma que usa WordPress es imposible agregar plugins.
Gracias por su tiempo.
cordialmente
Estoy haciendo una página web con el tema de wordpress con Hueman. Todos los datos en mis pinturas se centran. No es posible encontrar la forma de alinear a lo gauche.Dans archivo CSS es el control (izquierda).
Merci pour la réponse.
Hola Gilbert
Perdón por la respuesta tardía, tuvimos conferencias. Con respecto a su solicitud, necesito una captura de pantalla, por favor. Podemos ayudarlo con el complemento, pero no con el tema porque aquí nos estamos limitando a presentar algunas herramientas, pero lamentablemente no podemos brindar soporte.
Hola,
Puede utilizar un CSS personalizado:
td mesa de tr {text-align: left} significativa.
Descargar y activar el encabezado y pie Plugin https://wordpress.org/plugins/header-footer/ y añadir el código para el pie de página.
Hola, y felicitaciones por este gran tutorial legible.
Tengo dos preguntas :
1) ¿cómo podemos centrar el texto de una celda? o todas las celdas al mismo tiempo?
2) ¿Cómo podemos mostrar los bordes de las celdas?
Gracias y espero verte pronto
Hola Jean-Claude,
Perdón por la respuesta tardía, tuvimos conferencias. Con respecto a su solicitud, ¿podría compartir capturas de pantalla?
cordialement,
Thierry
Hola Jean-Claude,
1: Puede forzar la alineación de todas las celdas con CSS personalizado: "table td {align: center! Importante; } "
2: También puede forzar la aparición de bordes con un código CSS personalizado »table tr {border-top: solid 1px # 333! Important ;; border-bottom: sólido 1px # 333! important ;; } table td {borde izquierdo: sólido 1px # 333! important ;; borde derecho: sólido 1px # 333! importante; }
Hola,
En primer lugar, ¡gracias por tu tutorial! Quiero cambiar los colores de fondo de la mesa, pero no puedo. En las opciones, en el marco css personalizado, pongo el ejemplo de las FAQ y lo guardo. Pero los colores permanecen sin cambios ... Gracias de antemano por una solución.
Hola Jmv7,
Hervé debe responder a su preocupación muy rápidamente. Lo siento por el retraso.
Hola,
No entiendo muy bien lo que dices con "Puse el ejemplo de las preguntas frecuentes y lo guardé".
Mientras tanto, antes de aventurarse en los cambios en el CSS, primero tiene que saber CSS.
Si es así, probablemente sepa que necesita obtener el selector de objetos DOM (Id o clase). Deberá aplicar el sufijo "! Importante" a cada valor si corresponde, si los cambios no se aplican.
¡Hola
Gracias por este tutorial
Por otro lado, es imposible recuperar las fórmulas y funciones de cálculo 🙂
@+
Ah si es verdad. Esto se debe al bloqueo de contenido. Buscamos una solución eficaz al problema de la copia de contenidos del que somos víctimas habitualmente.
Bonne journée