Crear sidebar WordPress

Hoy os explicaremos como crear sidebar wordpress manualmente en dos pasos sencillos [..]

Como crear sidebar WordPress

 Hoy os explicaremos como crear sidebar wordpress manualmente en dos pasos sencillos.

Cómo crear sidebar en WordPress


1- Registrar la sidebar en functions.php

Abrimos el fichero functions.php que encontraremos dentro de nuestra plantilla y le añadimos el siguiente código para crear la sidebar.

if(function_exists('register_sidebar')) {
    register_sidebar(array(
        'name'          => 'Sidebar general',
        'id'            => 'general',
        'before_widget' => '<aside id="%1$s">',
        'after_widget'  => '</aside>',
        'before_title'  => '<h3>',
        'after_title'   => '</h3>',
    ));
}

Con esto lo que hacemos es registrar un sidebar wordpress con las siguientes especificaciones:

‘name’, nombre que saldrá en el panel de control de wordpress. Este nombre podemos poner el que queramos.
‘id’, es la #id que añadimos al sidebar para después modificar las CSS como queramos.
‘before_widget’ , ‘after_widget’, etiquetas html que tendrá nuestro sidebar.
‘before_title’ , ‘after_title’, son las etiquetas para el título, por defecto wordpress utiliza h2.

2- Mostrar nuestra sidebar creada.
Solo tendremos que añadir el siguiente código en cualquier parte de la plantilla que quiera ser mostrada.

<div id="sidebar" role="complementary">
  <?php if (!dynamic_sidebar('general')); ?>
</div>

Con esto ya tendremos nuestra sidebar creada y mostrada en nuestra plantilla. Le añadimos la función if de php para asegurarnos que haya un algo en el sidebar.

Para crear más sidebar diferentes solamente tendríamos que añadir el mismo código y cambiar el ‘name’ y la ‘id’. Acuérdese de a la hora de llamar al sidebar en nuestra plantilla elijamos la ‘id’ que queremos mostrar.

Espero que os sirva como a mi.

 

Si quereis tener más información sobre nosotros estas son nuestras redes sociales:

Facebook Vintiset

Google+ Vintiset

Instagram Vintiset

Twitter Vintiset

Pinterest Vintiset

Muchas gracias por dedicar tiempo en nosotros.

Autor del post:

Pablo Rguez

"Se trata de transmitir sensaciones". Creative Web Design, seo & wordpress.

Ver todos mis artículos
Solicitamos su permiso para obtener datos estadísticos de su navegación en esta web, en cumplimiento del Real Decreto-ley 13/2012. Si continúa navegando consideramos que acepta el uso de cookies. aceptar | Más información