Barras laterales personalizadas en wordpress

Por Noticias5

barras-laterales-personalizadas-wordpress1.jpg

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:
[php] 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
));
[/php] Sidebar de nuestro Blog:
[php] 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
));
[/php] 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
[php] if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(‘Blog’) ) : ?>

[/php] 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:
[php] get_sidebar(‘blog’);
[/php] 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
[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’ => ‘

‘,
));
[/php] Sidebar-blog.php
[php] if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(‘Blog’) ) : ?>
[/php] Llamando al sidebar:
[php] get_sidebar(‘blog’);
[/php]

5 comentarios

  • 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?

    Responder

    • 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

      Responder

  • 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….

    Responder

  • 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

    Responder

    • 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:

      < ?php get_sidebar('blog'); ?>

      Responder

Comenta

Tu Email no será publicado. Campos requeridos *