Crear Tablas en WordPress con TablePress

Compartir
Facebooktwitterlinkedin
Crear Tablas en WordPress con TablePress

Tutorial para crear Tablas en tu Página Web usando WordPress y el plugin gratuito TablePress.

Vas a poder crear Filas, Columnas, combinar celdas y columnas y cambiar la apariencia de la tabla como aplicar color de fondo a una columna, poner títulos en negrita y centrar celdas.

Tutorial para crear Tablas en WordPress con TablePress

Para agregarle las características a la Tabla se usó código CSS.

Código CSS usado:

/* ANCHO MÁXIMO DE LA TABLA – CENTRAR TABLA – SCROLL VERTICAL */
.tabla-hosting {
   max-width: 600px;
   margin: 0 auto;
   overflow-x: auto;
   display: block;
}

/* ENCABEZADO COLOR DE FONDO */
.tabla-hosting thead th {
   background-color: #ffc800;
}

/* BORDE CELDAS */
.tabla-hosting td {
   border: #dddddd solid 1px;
   text-align: center;
}

/*COLUMNA 1 – NEGRITA – ANCHO MÍNIMO*/
.tabla-hosting td.column-1 {
   font-weight: bold;
   min-width: 100px;
   text-align: left;
}

/*ALINEACIÓN CELDAS CENTRO*/
.tabla-hosting th {
   text-align: center;
}

/* DESTACAR COLUMNA */
.tabla-hosting td.column-3 {
   background-color: #fff705 !important;
}

/* CENTRAR CELDA VERTICAL */
.tabla-hosting td.column-1 {
   vertical-align: middle !important;
}

**********

Páginas para que puedas encontrar el Código del Color del minuto 5:55 y 8:12 :

https://htmlcolorcodes.com/es/

https://color.adobe.com/es/create/color-wheel

**********

Compartir
Facebooktwitterlinkedin

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *