Acceso

Navegación


Cómo añadir los widgets a una plantilla de wordpress

A partir de la versión 2.0 de wordpress, el sistema de widgets de la columna lateral, venía integrado en el código del script.


En esta página, describen cómo incluír los códigos e incluso ponen algunos ejemplos, lo malo es que está en inglés. Yo espero describirlo en dos simples pasos.

1.- Incluír el código en el archivo de la columna:

Mediante vuestro editor de temas de wordpress, abrimos el archivo sidebar.php y justo al principio nos encontraremos un código similar a este

<div id="sidebar">
<ul>
<li>
<?php include (TEMPLATEPATH . '/searchform.php'); ?>
</li>

En la línea siguiente a la primera etiqueta de la lista (<ul>) añadimos el siguiente código

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>

Y nos quedará el código del archivo sidebar.php de la siguiente forma:

<div id="sidebar">
<ul>
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>
<li>
<?php include (TEMPLATEPATH . '/searchform.php'); ?>
</li>

Guardamos los cambios

2.- Añadir la función a nuestra plantilla

En ocasiones os encontraréis con plantillas, que traen un archivo functions.php. En ese archivo muchos diseñadores de temas, incluyen elementos extras aparte de los que trae el script de wordpress. Si no tenemos ese archivo (functions.php) lo creamos, y lo subimos dentro de la carpeta de la plantilla con la que estamoss trabajando.
Vamos de nuevo al editor de temas de wordpress y abrimos el archivo functions.php. En él incluímos el siguiente código:

<?php
if ( function_exists('register_sidebars') )
register_sidebars();
?>

Guardamos y ya tenemos el sistema de widgets integrado en nuestra plantilla.
¿tu plantilla tiene más de una columna ?
Puedes especificar el número de columnas con widgets que quieres que tenga tu plantilla, en el archivo functions.php, exactamente entre los paréntesis que hay tras el nombre de la función register_sidebars
Por ejemplo para dos columnas

<?php
if ( function_exists('register_sidebars') )
register_sidebars(2);
?>

Pero recuerda que también debes especificar el orden en el archivo sidebar.php, exactamente entre los paréntesis que siguen al nombre de la función dynamic_sidebar:
Por ejemplo en la izquierda:

<div id="leftsidebar">
<ul>
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar(1) ) : ?>
<li>
<?php include (TEMPLATEPATH . '/searchform.php'); ?>
</li>

Y en la derecha:

<div id="rightsidebar">
<ul>
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar(2) ) : ?>
<li>
<?php include (TEMPLATEPATH . '/searchform.php'); ?>
</li>

Agregar esta página a Mister Wong

Comentarios

Perdona mi incultura, pero

Perdona mi incultura, pero soy nuevo en esto...
No entiendo que es lo que llamas editor de temas. He buscado entree todas las opciones, pero no he conseguido encontrar la forma de editar el archivo "sidebar.php" que comentas.

Hay que comprar alguna de las actualizaciones y up-grades que ofrecen? Custom CSS?

Graias por tu ayuda!

Hola Pablo, no hay nada que

Hola Pablo, no hay nada que perdonar que aqui venimos todos a aprender.

Realmente la confusión viene porque esta entrada hace alusiónn al script de wordpress, el que se instala en un dominio y servidor propios, y no a la plataforma de publicación de wordpress.com, que es la que tú estás utilizando.

En la plataforma de publicación, me parece que tienes una opción para cambiar la hoja de estilos de tu blog, previo pago de un upgrade, pero sólo podrás cambiar eso, si quieres añadir widgets, tienes la opción en la sección de temas, y la última vez que me pasé por wordpress.com, sólo se podía añadir código htlm en los widgets, ni javascript ni php.

Estoy usando un tema con

Estoy usando un tema con widgets, y no se como poner más cosas en el sidebar. ¿Qué archivo tengo que editar? ¿Tendría que hacerlo con widgets, como puedo crear nuevos?
Gracias.

Publicidad