Diferencia entre revisiones de «Themes»

Revisión del 14:12 11 sep 2010

• Nuestra nueva biblia: Codex Wordpress.
• El gran repositorio de WordPress de plantillas, para que seleccionemos una como base para la modificación.

La estructura de WordPress

La estructura básica de un theme

La estructura básica de un theme es la siguiente:

• header.php: aquí se define la cabecera de la página.
• footer.php: aquí se define el pie de página.
• sidebar.php: aquí se definen las diferentes barras laterales. Para que aparezcan en la sección de widgets para que puedan ser "alimentadas" desde el apartada de administración, hay que registrarlas en el fichero functions.php de la siguiente forma:

if ( function_exists('register_sidebars') )
{
    register_sidebar(array(
        'name' => 'Barra Lateral Derecha',
        'before_widget' => 'código html que queremos que se cargue al inicio de la barra',
        'after_widget' => 'código html que queremos que se cargue al final de la barra',
        'before_title' => 'código html que queremos que se cargue al inicio del título de la barra',
        'after_title' => 'código html que queremos que se cargue al final del título de la barra',
    ));
    register_sidebar(array(
        'name' => 'Barra Lateral Izquierda',
        'before_widget' => 'código html que queremos que se cargue al inicio de la barra',
        'after_widget' => 'código html que queremos que se cargue al final de la barra',
        'before_title' => 'código html que queremos que se cargue al inicio del título de la barra',
        'after_title' => 'código html que queremos que se cargue al final del título de la barra',
    ));
}

• index.php: este es el fichero que carga de inicio del site. Desde aquí se invoca la carga de cabecera (get_header();), barras laterales (get_sidebar();) y footer (get_footer();).
• single.php: este es el fichero que se interpreta cuando se carga un post concreto.
• archive.php: igual que single.php pero para las páginas de categorías y etiquetas.
• functions.php: aquí se recogerán funciones propias del theme. Por ejemplo, si queremos registrar varias barras laterales para que aparezcan en la sección de widgets, indicar a WP dónde están los ficheros de idiomas, quitar filtros, ...
• style.css: fichero con los estilos.
• 404.php: si creamos este fichero, cada vez que algo no se encuentre en el blog, se cargará esta página.

Desde el apartado de administración se podrá configurar la apariencia de una forma muy visual mediante widgets (en el apartado Apariencia --> Widgets). Aquí aparecen las barras laterales definidas y múltiples funcionalidades que se pueden colocar: comentarios recientes, posts recientes, buscador, una caja donde introducir nuestro propio código html, ...

The Loop

Funciones

• the_permalink(): nos dará la url del post que estemos tratando dentro del loop. No tiene parámetros.

• get_permalink(): tendremos que mostrarlo nosotros por pantalla con un echo, pero nos permite que, si tenemos el ID del post y se lo pasamos por parámetro, lo usemos fuera del loop: get_permalink($post->ID)

• the_title($before, $after, $echo): muestra el título del post y también es necesario usarlo dentro del loop. Los parámetros $after y $before nos permite introducir cadenas de texto que irán delante y detrás respectivamente. Por ejemplo, si queremos que el título vaya con las etiquetas html <h3>, podemos hacer la siguiente llamada: the_title('<h3>', '</h3>'). El parámetro $echo nos sirve para indicar si queremos que muestre el título por pantalla (si lo ponemos a true) o no para hacer algún tratamiento con ese título (si lo ponemos a false).

• get_the_title(ID): igual que get_permalink pero para el título del post.

Templates

Podemos crear plantillas con comportamientos propios a los que luego asignar a cada página. Desde el editor de páginas estáticas hay una opción para aplicar plantillas. Para que un fichero php sea interpretado por WP como una template, hay que incluir al inicio del mismo el siguiente código:

/* 
Template Name: Nombre-plantilla 
*/