12may
7

Alojamiento Wordpress con Soporte

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:

ENERO FEBRERO MARZO ABRIL MAYO JUNIO
UNO 1500 1800 1800 2600 2300 2500
DOS 2000 1600 1700 1900 2300 2400
TRES 3000 2500 2300 2800 3100 3000
CUATRO 1400 1100 900 1100 1400 1500

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 este artículo para mejorar la calidad del blog ...

MaloPobreNo está malMe gustaExcelente (sin valoración aún)
Loading...Loading...
90832067fc272b9a8be8574c43af7a19
Share

Anúnciese aquí »


  • Maristas7

    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

  • http://fernandotellado.com/ Fernando Tellado

    Maristas, ya te he contestado por email al formulario que has mandado pero, por favor, utiliza el foro para estas cosas ;)

  • Maristas7

    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

  • http://fernandotellado.com/ Fernando Tellado

    Tu usuario en los foros está activo por lo que puedo ver. Si olvidaste la contraseña puedes reiniciarla.

    Lo que te decía en el email lo tienes en este hilo del foro:

    http://foro.ayudawordpress.com/index.php/topic,107.0.html

  • melanie

    super chevere todo esto se encuentra todo… jejeje yo c q no biene al tema pero todo super kiut oseaaa!!!

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

  • 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?