Crear un Sidebar en WordPress

¿Qués es un 'Sidebar'? Es un área predefinida en nuestra plantilla o template de WordPress que contiene diferentes Widgets.

Podemos crear tantos Sidebars como requiera nuestra página. Supongamos que está compuesta por:

  • Cabecera
  • Contenido
  • Columna lateral
  • Pié de página

Vamos a crear un Sidebar en la columna lateral de nuestra página. Abrimos el archivo 'functions.php' y añadimos las siguientes líneas de código:

if ( function_exists('register_sidebar') ) {
register_sidebar(array(
'name' => 'Mi Sidebar',
'id' => 'mi-sidebar',
'before_widget' => '<div id="widget" class="widget">',
'after_widget' => '</div>',
'before_title' => '<h4 class="widgettitle">',
'after_title' => '</h4>',
));
}

'name': es el nombre que le damos a nuestro Sidebar para identificarlo en el panel de administración de 'Widgets'.

'id': es el nombre identificador de nuestro sidebar y el cual necesitaremos para añadirlo en nuestra plantilla.

before_wideget y after_widget: define las etiquetas de apertura y cierre que separan los distintos Widgets dentro de nuestro Sidebar.

before_title y after_title: define las etiquetas de apertura y cierre que separa el título y el contenido de cada Widget.

Al acceder a 'Widgets' en el panel de administración de tu WordPress, verás tu nuevo Sidebar, donde podrás añadir diferentes Widgets con tan sólo arrástralos:

neo 2.0 - Crear un Sidebar en WordPress

Por último, abrimos el archivo 'sidebar.php' y pegamos la siguiente línea de código para mostrar nuestro Sidebar y sus Widgets en la columna lateral de nuestra página:

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('mi-sidebar') ) : ?><?php endif; ?>

Si quisiéramos añadir nuestro Sidebar a la cabecera o pié de página, tendríamos que editar los archivos 'header.php' (cabecera) o 'footer.php' (pie de página).

CMS Made Simple - URL's amigables

CMS Made Simple no utiliza en su configuración por defecto URL's amigables, sino que son construidas de la siguiente manera:

  • www.midominio.com/index.php?page=ejemplo

Para hacer nuestras URL's amigables, lo primero que tenemos que hacer es editar el archivo config.php. Añade las siguientes líneas al final del archivo, antes de la etiqueta de cierre ?>:

$config['url_rewriting'] = 'mod_rewrite';
$config['page_extension'] = '/';
$config['use_hierarchy'] = true;
$config['query_var'] = 'page';

Crea un archivo .htaccess (puedes hacerlo con el Bloc de notas) y añade las siguientes líneas:

Options +FollowSymLinks
RewriteEngine on

# 301 Redirect all requests that don't contain a dot or trailing slash to
# include a trailing slash
RewriteCond %{REQUEST_URI} !/$
RewriteCond %{REQUEST_URI} !\.
RewriteRule ^(.*) %{REQUEST_URI}/ [R=301,L,NE]

# Rewrites urls in the form of /parent/child/
# but only rewrites if the requested URL is not a file or directory
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.+)$ index.php?page=$1 [QSA,NE]

A continuación accede a 'Sitio' > 'Configuración General' > 'Ajustes del editor de contenidos'. Selecciona 'Sí' en 'Crear URL's de página de forma automática'.

Por último ve a 'Sitio' > 'Mantenimiento de Sistema' > 'Caché y contenido' y haz clic en 'Borrar caché'.

Ahora el aspecto de tus URL's será de la siguiente forma:

  • www.midominio.com/ejemplo/

Si deseas añadirle una extensión del tipo .html, vuelve a editar el archivo config.php y añade la siguiente línea:

$config['page_extension'] = '.html';

  • www.midominio.com/ejemplo.html

Entradas populares

Sobre el autor

Mi foto

Me llamo Juan Ignacio Estévez. Soy técnico publicitario por el Centro Español de Nuevas Profesiones (CENP).

Comencé desarrollando mi carrera profesional en estudios de diseño y agencias de publicidad como director de arte, siempre enfocado al mundo Offline. Sin embargo, pronto sentí curiosidad por el Online. Desde entonces, he intentado formarme en este sector, a través de diferentes cursos de formación y de forma autodidacta.

Puedes ver mi perfil completo en LinkedIn. ¿Hacemos Networking?