HomeNoticiasBarras laterales personalizadas en wordpress

Barras laterales personalizadas en wordpress

abril 18, 2011
por sessionstudio

Tags, , , ,
2 Comentarios
Email
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:

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’ => ‘<h4>’, //Podemos especificar algún estilo o clase css ANTES del título
‘after_title’ => ‘</h4>’, //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’ => ‘<div class="separator_sidebar"></div>’, //Podemos especificar algún estilo o clase css DESPUES del widget
‘before_title’ => ‘<h4>’, //Podemos especificar algún estilo o clase css ANTES del título
‘after_title’ => ‘</h4>’, //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

<?php /* Widgetized sidebar */
if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(‘Blog’) ) : ?>
<?php endif; ?>

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’); ?>

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’ => ‘<h4>’,
‘after_title’ => ‘</h4>’,
));

if ( function_exists(‘register_sidebar’) )
register_sidebar(array(
‘name’=>’Blog’,
‘before_widget’ => ”,
‘after_widget’ => ‘<div class="separator_sidebar"></div>’,
‘before_title’ => ‘<h4>’,
‘after_title’ => ‘</h4>’,
));

Sidebar-blog.php

<?php /* Widgetized sidebar */
if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(‘Blog’) ) : ?>
<?php endif; ?>

Llamando al sidebar:

<?php get_sidebar(‘blog’); ?>

Otros Artículos

« Anterior
Siguiente »

2 Comentarios en Barras laterales personalizadas en wordpress

  1. luz

    28 diciembre, 2011 14:48

    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
    • 11 enero, 2012 0:32

      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

Comentar