Crear un theme WordPress con 2 columnas

En este artículo vamos a ver como crear un theme o plantilla WordPress con una estructura de 2 sidebars (columna izquierda y derecha) y un contenido en el centro.

En el archivo functions.php deberemos añadir el siguiente código para poder añadir Widgets a las 2 columnas:

register_sidebar(array(
 'name' => 'Sidebar Left',
 'before_widget' => '<div>',
 'after_widget' => '</div>',
 'before_title' => '<h3>',
 'after_title' => '</h3>',
 ));

register_sidebar(array(
 'name' => 'Sidebar Right',
 'before_widget' => '<div>',
 'after_widget' => '</div>',
 'before_title' => '<h3>',
 'after_title' => '</h3>',
 ));

Como vemos, para ello empleamos la función de WordPress register_sidebar donde estamos declarando 2 contenedores para añadir elementos. Añadiendo este código dispondremos en el apartado de Widgets de 2 barras laterales para añadir Widgets.

Ahora solo falta editar los archivos de la plantilla donde se quiera tener 2 sidebars. Por ejemplo si se quieren añadir solo en la home del blog, abriremos el archivo index.php y añadiremos donde toca, por ejemplo:

<?php get_header(); ?>
<?php get_sidebar('left');?>
<div id="content">
    ...
</div>
<?php get_sidebar('right');?>
<?php get_footer(); ?>

Nos debemos fijar en la función get_sidebar() añadiéndole un parámetro. Esto implicará que en este caso tendremos en nuestra plantilla 2 archivos llamados: sidebar-left.php y sidebar-right.php.

Entonces, el contenido de estos 2 archivos tendrá algo como lo siguiente:

<div id="sidebar_left">
    <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Sidebar Left') ) : endif; ?>
</div>

En este caso estamos cargando todos los Widgets que hayas metido desde la administración de Widgets en la barra lateral «Sidebar Left».

Solo faltará que en la hoja de estilos declares la estructura de la maquetación.

También existe un plugin muy interesante para crear barras laterales – Custom Sidebars.