How To: Hacer un tema para WordPress II

[ ]

[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

Tags: ,

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

  1. Pixel y Dixel » Cómo hacer un tema de WP 2.0 dijo:

    [...] 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 : [...]

  2. ORDIZIA IKASTOLA JAKINTZA LEHEN HEZKUNTZA :: estekak del.icio.us 2006-04-17 :: April :: 2006 dijo:

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

  3. Jesús dijo:

    :? cuál hilo negro??

  4. venesouls.com dijo:

    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…

  5. » Te Gustaría crear un tema (Theme) para WordPress y no sabes cómo? dijo:

    [...] * 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 » [...]

  6. gary dijo:

    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.

  7. Jesús Sánchez dijo:

    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

  8. Sobredósis de cafeína » Blog Archive » Manual: crear un theme (tema) para Wordpress - Sobredosis de cafeína dijo:

    [...] Manual de 512Megas (I, II,II) [...]

  9. Blog and Web dijo:

    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…

  10. Aprendiendo a diseñar un theme | El rincón del bit dijo:

    [...] Manual de 512Megas (I, II,II) [...]

  11. Matungoo dijo:

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

  12. Cómo crear un theme para Wordpress | El webmaster.net dijo:

    [...] Manual de 512Megas 1-2-3 [...]

Deja tu comentario


Close
Powered by ShareThis