Columnas en WordPress

En WordPress hay soluciones para todo. Si quieres crear columnas puedes hacerlo de tres formas distintas:

1. Usando un plugin
2. Usando tablas
3. Usando CSS

Columnas en WordPress con Plugins

Es la opción más facil, tan solo tienes que ir al Escritorio de WordPress y añadir un plugin de columnas

Algunos de los plugins de columnas para wordpress son:

• WP Easy Columns Plugin para poner texto en columnas con más de 100.000 descargas
• Genesis Easy Columns Este plugin crea facilmente columnas con Genesis Framework

Para crear columnas con estos plugin simplemente pulsamos el boton de las columnas que deseemos y añade un shortcode como este

[one-half-first]Texto de la columna izquierda[/one-half-first][one-half]Texto de la columna derecha[/one-half]

Ponemos dentro de cada pareja de shorcodes el texto propio

Columnas en WordPress con tablas

Este método es el menos recomendable ya que las tablas no se adaptan bien a los moviles

Si queremos dos columnas el código sería el siguiente:

<table width=»100%» border=»0″>
<tr>
<td>Texto de la columna izquierda</td>
<td>Texto de la columna derecha</td>
</tr>
</table>

Columnas en WordPress con CSS

Este método es el más recomendable, aunque puede parecer más complicado es muy sencillo y los resultados son mejores.

Podemos escribir el código directamente en cada entrada o página de wordpress, simplemente seleccionamos la pestaña texto y escribimos:

<div style=»float: left; width: 45%;»>Texto de la columna izquierda</div>
<div style=»float: right; width: 45%;»>Texto de la columna derecha</div>

Así tendríamos dos columnas en la entrada o página de Wordpres  con cualquier tema incluido Genesis Framework.

Podemos incluir los atributos del div en un codigo CSS que pegariamos en la Hoja de estilo de nuestro tema de wordpress, normalmente llamada style.css

El código para dos columnas es el siguiente:

.izqbox {
width: 45%;
float: left;
}

.dchbox {
width: 45%;
float: right;
}

Una vez colocado el código css en la hoja de estilo ya podemos poner las dos columnas en cualquier entrada o página de WordPress y también en WordPress con Genesis Framework.

En las entradas o páginas tenemos que poner estos div para poder tener dos clumnas

<div class=»izqbox»>Texto de la columna izquierda de WordPress</div>
<div class=»dchbox»>Texto de la columna izquierda de WordPress</div>

¿Te ha parecido fácil? Si tienes dudas escribe un comentario.