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:

=CONCATENAR(”<tr><th>”;”Mes”;”</th><th>”;B2;”</th><th>”;C2;”</th><th>”;D2;”</th><th>”;E2;”</th><th>”;F2;”</th><th>”;G2;”</th></tr>”)

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:

<tr><th>Mes</th><th>ENERO</th><th>FEBRERO</th><th>MARZO</th><th>ABRIL</th><th>MAYO</th><th>JUNIO</th></tr>

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:

=CONCATENAR(”<tr><th>”;A2;”</th><th>”;B2;”</th><th>”;C2;”</th><th>”;D2;”</th><th ;H3>”;E2;”</th><th>”;F2;”</th><th>”;G2;”</th></tr>”)

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

VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(3 votos, promedio: 3.7)

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

AVISO: Esta publicación es de hace 3 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.

7 comentarios en “Usa hojas de cálculo para crear tablas y formularios en tu blog”

  1. Hola amigo, queria saber si me podias resolver una consulta, es que quiero pone en mi blog, lo de, seguir leyendo el resto de la entrada y no se que hago mal, haber si me podias explicar los pasos a seguir

    Gracias

  2. Oye lo siento pero no me llego tu e-mail, ya intente registrarme en el foro pero me pone error, si puedes volver a mandrme el mensaje de lo que te pedi porfavor

    Un saludo

  3. Pingback: Usa hojas de cálculo para crear tablas y formularios en tu blog | Ayuda WordPress

  4. José Manuel S

    Hola.

    Tenía Windows 98 Microsoft Office Excell. Rellenaba datos en la Hoja de cálculo y después Selección Copiar, luego en un archivo de Word (.doc) Pegar. El resultado era una tabla que podía convertir en texto (.doc). Ahora: tengo Windows 7 Ultimate Open Office org Calc. En la Hoja de cálculo: relleno datos, después Selección Copiar, luego en un archivo (.doc) Pegar. El resultado es una imagen de tabla, pero no la puedo convertir en texto (.doc). ¿Que puedo hacer?

Deja un comentario

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

 

Ir arriba Ir al contenido