How To: Hacer un tema para WordPress II

Por Jesús | Abril 14th, 2006

[Leer Primera parte]
En esta clase… ehm, bueno, en este post…
- Sidebar: estructura, funciones de sidebar, condiciones, consejos para posicionamiento.

sidebar.php

Click para agrandar, es la imagen del código de un archivo sidebar.php WordPress.
WordPress Sidebar.php

OJO con la anidación, está un poco caótica, y explico por qué: resulta que las funciones de WordPress imprimen elementos de lista, por ejemplo,en las categorías, estas se imprimen entre etiquetas <li> </li>, pero otras imprimen los elementos en una lista dentro de otra lista, como la función para imprimir las páginas (por eso tienes que pasar por parámetro un título para la lista, e imprime de la siguiente manera:
<li><h2>Páginas</h2>
<ul>
<li>Elemento</li>
<li>Elemento</li>
</ul>
</li>

Por eso tenemos que hacer listas dentro de listas. Hay formas de evitar esto (usando funciones adicionales de WordPress), pero es el mismo resultado, es decir, usar otras funciones también hace complicado el desarrollo del sidebar.php. Ahora sí, a explicar el código…

A partir de la línea 4 y hasta la línea 11 hay una estructura condicional if…elsif (lo cual bien se pudo haber hecho con un switch…case). Las condiciones son conocidas, las mencionamos en el capítulo anterior, ¡¡¡claro!!!, si se trata de las wp-tags condicionales. Primero usamos is_search(), que se encarga de verificar si el usuario buscó algo (verdadero) o si no (falso). En caso de ser verdadero, imprimirá tal como lo indica la estructura if…elsif…

De igual forma con la segunda condición, la cual es is_category, si el usuario está en una categoría, imprimirá un texto indicando el nombre de la categoría. Y el nombre de la categoría se imprime con la función single_cat_title() (click para ver más info sobre esa wp-tag, también puede ser usado para fines de programación y no solo para imprimir).

Tip: adorna tu theme y haz que el usuario se sienta ‘especial’, checa las wp-tags condicionales y sé ingenioso, pon todas las condiciones que quieras e imprime algo en cada situación (si está en una categoría, en un archivo mensual, en un día, en un año, búsqueda, etc). Si quieres, puedes ver el código del archivo sidebar.php del theme default de WordPress, el cual le da un buen uso a estas etiquetas.

A partir de la línea 17 tenemos wp-tags para mostrar una lista de todas las categorías (wp_list_cats), para mostrar las páginas estáticas (wp_list_pages), para mostrar el blogroll (get_links_list) y para mostrar el archivo (wp_get_archives - en este caso, mensual). Si vamos a la página del Codex de WordPress dedicada a cada wp-tag, veremos que hay otras funciones que hacen ‘casi’ lo mismo (ver en la parte inferior de cada página la sección ‘Related’), a mí se me hizo más fácil utilizar estas funciones, por la jerarquía que estuve usando (en el html final).

También Lee

11 Comentarios en “How To: Hacer un tema para WordPress II”

Click aqui para publicar tu comentario

Pixel y Dixel » Cómo hacer un tema de WP 2.0 Abril 14th, 2006 at 9:53 am

[...] Cómo hacer un tema de WP 2.0. Si estás cansado de copiar temas de WordPress fijate en este ingenioso manual. Artículos relacionados :Cómo hacer nudosCaterina responde50 cosas divertidas que puedes hacer con un iPodBlogpolyCómo hacer fuego con hielo Clasificado bajo:Internet / Weblogs / How to / minipost Comentarios : [...]

ORDIZIA IKASTOLA JAKINTZA LEHEN HEZKUNTZA :: estekak del.icio.us 2006-04-17 :: April :: 2006 Abril 16th, 2006 at 7:35 pm

[...] 512 Megas » How To: Hacer un tema para WordPress II Tutoriala diseinuari buruz wordpressen (tags: wordpress webdesign tutorial)      «« Aurreko mezua: ZORIONAK IKTeroak!!! [...]

Jesús Abril 17th, 2006 at 4:30 pm

:? cuál hilo negro??

venesouls.com Abril 18th, 2006 at 12:01 pm

How To: Hacer un tema para WordPress II…

 (Primera Parte)
En esta clase… ehm, bueno, en este post…
- Sidebar: estructura, funciones de sidebar, condiciones, consejos para posicionamiento.

sidebar.php
Click para agrandar, es la imagen del código de un archivo sidebar.php WordPress.

OJO…

» Te Gustaría crear un tema (Theme) para WordPress y no sabes cómo? Abril 21st, 2006 at 5:26 pm

[...] * Manual de 512Megas (I, II,III) * Manual de 16bits (I) * Manual de MMM (I, II, III) * Manual de aNieto2k (I, II, III, IV, V) zero comments so far » [...]

gary Enero 26th, 2007 at 9:15 pm

No entiendo casi nada me gustaria q me ayudaran solo tengo 14 años quiero aprender mas sobre todo esto y que me expliquen muy bien por fabor.

Jesús Sánchez Enero 26th, 2007 at 10:16 pm

Hola Gary. Creo que lo mejor para tí es empezar leyendo un TUTORIAL DE HTML. Búscate alguno en google o visita http://www.desarrolloweb.com

Saludos

Blog and Web Noviembre 26th, 2007 at 3:35 am

Recursos para diseñar un tema para Wordpress

Diseñar un tema para Wordpress no demanda conocer css y html solamente, sino tener una noción sobre el funcionamiento de los temas, la estructura de archivos, los scripts globales, script externos, etc. Pero para ayudarnos en esta tarea ya existen un…

Matungoo Junio 25th, 2008 at 10:26 pm

Hola, podrías actualizar las imágenes, ya desde flickr las dieron de baja, parece. Muchas Gracias.

Publica un comentario

XHTML: Puedes usar: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>