Usa hojas de cálculo para crear tablas y formularios en tu blog

Hace unos días hice un artículo en el que explicábamos como crear tablas en tu blog con una utilidad online, y sabes que también hay algún plugin que te puede ayudar. Pues bien, también hay un modo, si quieres mas avanzado, pero que aprovecha el software instalado en tu ordenador – la mayoría de las veces – una hoja de cálculo como Excel, Numbers o la incluida en la suite OpenOffice.org.

Para ello el truco está en utilizar la función concatenar () y exportar la tabla creada a XHTML válido manualmente. Vamos a ver un ejemplo.

La Función Concatenar()

La función concatenar() te permite combinar fácilmente datos de Excel con marcas XHTML al unir texto y los datos contenidos en las celdas de la hoja de cálculo.

La sintaxis de la función es sencilla: =concatenar(A1,”texto”,A2)

Básicamente, lo que está diciendo es que tome el valor que haya en la celda A1, lo combine con la cadena de texto, y luego combine estos dos con el valor de la celda A2. De esta manera, si el número 3 está en la celda A1 y la palabra “probando” en la celda A2, la función te mostrará como resultado: 3probando.

Creo que se entiende bastante, pero te pongo una captura de la hoja de cálculo de partida …

Como se ve, hay 7 columnas y una serie de filas. Lo que haremos será utilizar dos veces la función concatenar() para crear nuestra tabla, una para la cabecera y otra para todas las filas.

La Fila de Cabecera

La función concatenar() para la fila de encabezado estará solo en una celda. Si te fijas en la imagen anterior verás que los datos del encabezado están en la fila 2, y van desde la columna B hasta la G..

Lo que vamos a hacer es insertar nuestra función personalizada en la celda I2 (columna I, fila 2). Lo que hacemos en realidad es tomar los datos de esta fila de encabezado y combinarlos con las etiquetas HTML <tr> y <th>. Para “engañar” al sistema le diremos a la hoja de cálculo que estas etiquetas con texto encuadrándolas entre comillas (“”)

La función concatenar() específica utilizada en esta fila será esta:

Si te fijas en detalle estamos creando la estructura que, al exportar, convertirá lo que ahora declaramos como texto en código HTML que nuestro editor de WordPress comprenderá y mostrará como una tabla. El texto resultante, entendible por el blog como código es este:

El Cuerpo de la Tabla

La siguiente función concatenar() será la del resto de filas, y combinará los datos de cada fila con las etiquetas <tr> y <td>.

Esta función la introduciremos en primer lugar en la celda I3. Una vez la tengamos solo habrá que copiarla hacia abajo al resto de filas de la columna. Los valores de la celda en la función son relativos así que la función copiada al resto de filas se adaptará para referenciar a las celdas de su misma columna. Tu hoja de cálculo lo hará por si solita.

La función concatenar() específica para las filas del cuerpo de la tabla es la que tienes a continuación:

Una vez hayas copiado la fórmula en las siguientes filas tendrás algo como esto …

Pues bien, ya tienes la base de lo que necesitas para hacer tu tabla en HTML.

Pasando a XHTML

Lo siguiente es un pequeño truco para el que nos valemos de la posibilidad de copiado y pegado especial de las hojas de cálculo. Solo tienes que copiar las celdas, y pegarlas como te explico:

Copia la celda I2, que es donde teníamos los valores para el encabezado.

Haz un pegado especial, o pegar valores – depende de la hoja de cálculo que uses-, en otra celda de esa misma columna. En las siguientes filas de la columna vas haciendo lo mismo con cada fila. Lo que haces es obtener una columna con valores como texto, sin referencia alguna a funciones de la hoja de cálculo.

Una vez tengas todos los valores solo tienes que copiarlos en tu editor HTML y conseguirás lo que buscabas, todos los códigos y valores de tu tabla (solo que sin la etiqueta <table> de apertura y cierre).

Aquí tienes el resultado:

ENEROFEBREROMARZOABRILMAYOJUNIO
UNO150018001800260023002500
DOS200016001700190023002400
TRES300025002300280031003000
CUATRO14001100900110014001500

Aunque parece algo tedioso te aseguro que lo es mucho menos que escribir cientos de “tr” y “td” en código. En este ejemplo tenemos pocas filas pero imagina una tabla con decenas de ellas.

Gracias

AVISO: esta publicación es de hace dos años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado.

Valora este artículo para mejorar la calidad del blog ...

PobreRegularEstá bienMuy buenoExcelente (2 votos, promedio: 3,00 de 5)
Cargando…

Autor: Fernando

Fernando Tellado, apasionado de WordPress, profesor, consultor y ponente. Maquero cansino, padre de tres hijos y de una perrita Beagle, Bilbaíno de nacimiento, Español de corazón y ciudadano de donde me quieran.Autor del libro WordPress - La tela de la araña. Mi blog personal es Navegando con red, donde he crecido como escritor en la red y ofrezco mis visiones acerca de la Web 2.0 y la blogosfera.

Comparte esta entrada en
468 ad

ESTA WEB UTILIZA COOKIES PARA OFRECER LA MEJOR EXPERIENCIA POSIBLE. SI SIGUES NAVEGANDO DAS TU CONSENTIMIENTO PARA LA ACEPTACIÓN DE COOKIES Y NUESTRA POLÍTICA DE PRIVACIDAD más información

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar