Barras laterales personalizadas en wordpress
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:
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
));
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
));
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
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:
Espero que les haya gustado el tutorial y que les sea útil.
Pasando en limpio, estos son los 3 códigos
functions.php
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’ => ‘
‘,
));
5 comentarios
luz
28 diciembre, 2011 at 2:48 pm
Oye pero cuando creo las paginas desde WordPress, como le digo a esas paginas que utilizen un sidebar (creados anteriormente) en especifico?
un saludo
sessionstudio
11 enero, 2012 at 12:32 am
Hola Luz, en la entrada lo explica, donde dice:
Por ejemplo para llamar a la barra Blog podríamos hacerlo de la siguiente manera:
Ruben Blasco
27 diciembre, 2012 at 8:06 am
Mi pregunta es, una vez creada la barra en functions.php, luego la sidebar-«nombre».php
cómo enccuentro en wp la página que quiero ponerle el es decir si tengo varias páginas y a cada una le quiero poner un sidebar diferente….
Ruben Blasco
27 diciembre, 2012 at 8:08 am
Mi pregunta es, una vez creada la barra en functions.php, luego la sidebar-”nombre”.php
cómo enccuentro en wp la página que quiero ponerle el es decir si tengo varias páginas y a cada una le quiero poner un sidebar diferente…. O directamente lo pongo en el texto de mi página como contenido?
sessionstudio
30 diciembre, 2012 at 7:59 pm
Ruben, por ejemplo si tenés las páginas:
ejemplo1, ejemplo2, ejemplo3, tan solo deberías configurar los sidebars con esos nombres: sidebar-ejemplo1, sidebar-ejemplo2, etc…
Saludos