En WordPress hay soluciones para todo. Si quieres crear columnas puedes hacerlo de tres formas distintas:
- Usando un plugin
- Usando tablas
- 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.