Genesis Framework está preprogramado con un bloque CSS llamado Column Classes, que permite crear múltiples columnas de contenido utilizando DIVs y sencillas clases CSS.
Aunque ahora también puedes crear columnas con Genesis Blocks, en ocasiones resulta interesante evitar un plugin adicional y crear exclusivamente las columnas necesarias.
Para agregar columnas en tu contenido –sobre una instalación de Genesis Framework– solo tienes que añadir los bloques de código que necesites de los que se muestran a continuación, en el editor de «HTML personalizado» de cualquier página o entrada.
Dos columnas
<div class="one-half first">Edita este texto.</div>
<div class="one-half">Edita este texto.</div>
<div class="clearfix"></div>Tres columnas
<div class="one-third first">Edita este texto.</div>
<div class="one-third">Edita este texto.</div>
<div class="one-third">Edita este texto.</div>
<div class="clearfix"></div>Cuatro columnas
<div class="one-fourth first">Edita este texto.</div>
<div class="one-fourth">Edita este texto.</div>
<div class="one-fourth">Edita este texto.</div>
<div class="one-fourth">Edita este texto.</div>
<div class="clearfix"></div>Seis columnas
<div class="one-sixth first">Edita este texto.</div>
<div class="one-sixth">Edita este texto.</div>
<div class="one-sixth">Edita este texto.</div>
<div class="one-sixth">Edita este texto.</div>
<div class="one-sixth">Edita este texto.</div>
<div class="one-sixth">Edita este texto.</div>
<div class="clearfix"></div>Artículo relacionado: Plugins para Genesis Framework.