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

Instagram Vintiset

Twitter Vintiset

Pinterest Vintiset

Muchas gracias por dedicar tiempo en nosotros.

0 0 votes
Article Rating
Subscribe
Notificar de
guest
0 Comments
Inline Feedbacks
View all comments

Diseño web

Marketing online

0
Would love your thoughts, please comment.x