Diseño web Rosario Sessionstudio

Barras laterales personalizadas en wordpress

sessionstudio

Como utilizar diferentes sidebars o barras laterales en WordPress.

A veces tenemos la necesidad de crear diferentes sidebars para cada sección de nuestro blog. Por ejemplo queremos tener diferentes widgets o códigos en la sección Blogs y en la sección Portfolio.

Entonces, ¿cómo hacemos para especificar diferentes barras laterales?

Crearlo es muy sencillo.

Lo primero que tenemos que hacer es especificar en el archivo functions.php las diferentes barras con sus respectivos nombres.

Sidebar Default:

if ( function_exists(‘register_sidebar’) )
register_sidebar(array(
‘name’=>’Sidebar’, //Nombre de nuestro sidebar (sidebar por default)
‘before_widget’ => », //Podemos especificar algún estilo o clase css ANTES del widget
‘after_widget’ => », //Podemos especificar algún estilo o clase css DESPUES del widget
‘before_title’ => ‘

‘, //Podemos especificar algún estilo o clase css ANTES del título
‘after_title’ => ‘

‘, //Podemos especificar algún estilo o clase css DESPUES del título
));

Sidebar de nuestro Blog:
if ( function_exists(‘register_sidebar’) )
register_sidebar(array(
‘name’=>’Blog’, //Nombre de nuestro sidebar (en este caso Blog)
‘before_widget’ => », //Podemos especificar algún estilo o clase css ANTES del widget
‘after_widget’ => ‘

‘, //Podemos especificar algún estilo o clase css DESPUES del widget
‘before_title’ => ‘

‘, //Podemos especificar algún estilo o clase css ANTES del título
‘after_title’ => ‘

‘, //Podemos especificar algún estilo o clase css DESPUES del título
));

Guardamos nuestro archivo functions.php
Ahora, al ingresar a nuestros widgets vamos a ver que tenemos una nueva barra lateral, en este caso llamada Blog.

Crear un nuevo archivo sidebar, por ejemplo con el nombre sidebar-blog.php. (Podemos copiar nuestro archivo sidebar.php pero nunca reemplazarlo, tienen que quedar ambos dos)

Ingresamos a nuestro nuevo archivo llamado sidebar-blog.php
Si habíamos copiado nuestro sidebar.php, eliminamos todo el contenido que haya adentro y pegamos el siguiente código php

if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(‘Blog’) ) : ?>

Atentos al nombre en la línea: if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(‘Blog‘) ) : ?>
Podemos reemplazarlos con el nombre que hayamos utilizado en el archivo functions.php

Por último, solo nos queda llamar a nuestras sidebars de acuerdo a la que necesitemos en cáda sección.
Por ejemplo para llamar a la barra Blog podríamos hacerlo de la siguiente manera:

get_sidebar(‘blog’);
Eso es todo por ahora. No nos hacemos responsables si se daña algún archivo, se recomienda tener conocimientos previos en WordPress y siempre, pero siempre hacer copias de seguridad.
Espero que les haya gustado el tutorial y que les sea útil.

Pasando en limpio, estos son los 3 códigos
functions.php

if ( function_exists(‘register_sidebar’) )
register_sidebar(array(
‘name’=>’Sidebar’,
‘before_widget’ => ”,
‘after_widget’ => ”,
‘before_title’ => ‘

‘,
‘after_title’ => ‘

‘,
));

if ( function_exists(‘register_sidebar’) )
register_sidebar(array(
‘name’=>’Blog’,
‘before_widget’ => ”,
‘after_widget’ => ‘

‘,
‘before_title’ => ‘

‘,
‘after_title’ => ‘

‘,
));

Sidebar-blog.php
if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(‘Blog’) ) : ?>
Llamando al sidebar:
get_sidebar(‘blog’);
Salir de la versión móvil