Cómo usar tablas en WordPress - Calendae | Informática, Electrónica, CMS, Ciberseguridad

Cómo usar tablas en WordPress

Hola de nuevo. Yo soy Samuel López y en esta ocasión te voy a hablar sobre Cómo usar tablas en WordPress

Las tablas son muy útiles para presentar datos, especialmente datos relacionados con valores numéricos. A las personas les resulta más fácil leer e interpretar los datos (identificar patrones y hacer comparaciones) cuando se presentan en un diseño de tabla para que la información relacionada compleja se pueda presentar de manera concisa.

los TablePress El plugin de WordPress le permite crear y administrar tablas dentro de su sitio. Siga leyendo para obtener más información sobre este plugin.

Paso 1. – Instale el plugin

  • Hacer clic Enchufar en el panel de WP.
  • Investigación para TablePress.
  • Hacer clic Instalar ahora.
  • Hacer clic Activar.


Paso 2. – Crea una tabla

191202 prensa de mesa 001

Encontrarás una interfaz con 6 pestañas:

    • Todas las tablas
    • Agregar nuevo
    • Importar
    • Exportar
    • Opciones de plugins
    • De
  • Hacer clic o la Agregar nuevo tarjeta o el insertar enlace para crear una nueva tabla.

191202 prensa de mesa 002

  • Dar la tabla un título propiamente dicho.
  • Modificar los Número de líneas a 6.
  • Hacer clic Agregar tabla.

191202 prensa de mesa 003

  • Hacer clic sobre el ID de tabla cuadro de texto y cambie el nombre de la tabla.

El sistema le pedirá que acepte este cambio.

191202 prensa de mesa 004

  • iniciar sesión en los datos de la tabla según la imagen.

191202 prensa de mesa 005

  • Hacer clic Guardar los cambios.
  • Diapositiva y copie el código abreviado proporcionado en la parte superior de la interfaz.

191202 prensa de mesa 006


Paso 3. – Inserta la mesa

  • Crea una publicación o página y pega el shortcode copiado.

191202 prensa de mesa 007

191202 prensa de mesa 0080

La tabla tiene algunas características por defecto. Puede limitar el número de filas mostradas y buscar datos dentro de la tabla con el cuadro de búsqueda encima de la tabla. Debajo, verá cuántos registros se muestran, el número total de registros y un localizador en el lado derecho. El buscapersonas es no se puede hacer clic en este ejemplo ya que solo tenemos 5 registros.

También tenga en cuenta que tiene la opción de ordenar la tabla, en función de cada una de sus columnas, haciendo clic en el encabezado.

Todas estas opciones están habilitadas de forma predeterminada, puede deshabilitarlas por tabla configurando el archivo Características de la biblioteca JavaScript DataTables.

191202 prensa de mesa 008


Paso 4. – Los estilos CSS

Como puede ver, el texto de algunas de las «celdas» de la tabla está roto. Para solucionar esto, usa algo de CSS.

  • Hacer clic los Opciones de plugins lengüeta.
  • Cheque los CSS personalizado cheque.
  • insertar este código:

191202 prensa de mesa 009

  • Recargar la publicación y echar un vistazo a la tabla.

191202 prensa de mesa 010


Paso 5. – Combinar celdas de la tabla

Para combinar 2 celdas en una fila, use la opción colspan.

  • Hacer clic Combinar celdas> en una fila (colspan)
    • Esto deshabilitará la biblioteca DataTables
  • Hacer clic Okay

191202 prensa de mesa 011

  • Hacer clic en la celda B1.
  • Modificar el texto en la celda A1
  • Hacer clic Guardar los cambios

191202 prensa de mesa 012

  • Recargar página y echar un vistazo a la tabla.

Paso n. 6. – Insertar una imagen

Las imágenes se pueden incrustar en las celdas de la tabla. Asegúrese de que la imagen tenga un tamaño adecuado, por ejemplo, 75 px x 75 px.

  • Hacer clic los Insertar imagen botón encendido Manipulación de la mesa sección.
  • Hacer clic Ok en el cuadro de diálogo.
  • Hacer clic la celda donde desea incrustar la imagen.
  • Cargar la imagen.

191202 prensa de mesa 013


Paso 7. – Insertar y eliminar filas / columnas

Además de cada fila y columna, verá una casilla de verificación. Esta casilla de verificación se utiliza para marcar una fila o columna y aplicar 5 acciones diferentes:

    • Esconder
    • mostrar
    • Duplicar
    • Para insertar
    • Eliminar

191202 prensa de mesa 014

Pruebe estas opciones usted mismo, haga clic en Guardar cambios y vea qué sucede con la tabla publicada.


Paso 8. – Exportar la tabla

La tabla se puede exportar en varios formatos.

  • Hacer clic los Exportar lengüeta.
  • Para seleccionar la mesa CARNÉ DE IDENTIDAD a la derecha.
  • comienzo el formato CSV predeterminado.
  • Hacer clic Descarga el archivo de exportación.

191202 prensa de mesa 015

  • Abierto el archivo CSV descargado con su aplicación de hoja de cálculo favorita.
  • insertar 2 columnas más con datos relevantes en ellas.
  • Salvar el archivo local con el mismo nombre (anular).

191202 prensa de mesa 016


Paso n. 9.- Importar una tabla

  • Hacer clic los Importar lengüeta.
  • Cheque Expediente cargar como origen de importación.
  • Hacer clic los Cargar y haga doble clic en el archivo.
  • Cheque Remplaza el existente mesa.
    • Asegúrese de reemplazar la mesa correcta.
  • Hacer clic Importar.

191202 prensa de mesa 017

Esto lo llevará a la pantalla de edición de tablas donde puede realizar más ediciones si lo desea. Démosle a la mesa un toque final en el encabezado.

  • Hacer clic Opciones de plugins
  • insertar este código:

191202 prensa de mesa 018

Eche un vistazo al resultado final.

191202 prensa de mesa 018

Más consejos sobre tablas

  • Las tablas no deben verse como hojas de cálculo.
  • Las entradas no deben tener bordes; sin embargo, las líneas horizontales son una forma muy eficaz de separar el encabezado de la tabla de su cuerpo y también de crear una separación visual entre las filas.
  • El título debe ser lo suficientemente claro para que el usuario comprenda el contenido de la tabla.
  • Intente siempre proporcionar la fuente de la información cuando recupere datos en Internet.
  • Las tablas son útiles para mostrar valores que pueden respaldar argumentos.

Espero que hayan disfrutado este tutorial. ¡Gracias por leer!



.

Recuerda compartir en tus redes sociales para que tus amigos lo flipen

👇👇👇 😘 💪 👇👇👇

Comparte