Tutorial WordPress: estructura de un theme

WordPress

Llevo un tiempo empezar una serie de posts hablando sobre el CMS favorito de muchos. El hacer un theme para WordPress es un tema que a muchos nos fascina y muchas veces intentamos meterle mano pero quizás nos vemos cohibidos ante toda la información que hay al respecto, mucha de ella confusa.

Es por ello que voy a empezar a hacer unos tutoriales bien sencillitos para comprender un theme de WordPress y de paso, aprender a crearlo desde cero.

Lo primero es tener una idea en mente, el diseño. Si queremos lo podemos plasmar en Photoshop o en una hojita de papel con anotaciones para saber cuánto medirá cada elemento. Esto lo veremos más adelante, ahora lo que vamos a estudiar es la estructura que deberá tener nuestro theme, que constará de los siguientes archivos:

  • header.php – cabecera del blog
  • index.php – sección principal
  • sidebar.php – barra lateral (podremos ponerla donde nos plazca, e incluso crear varias)
  • footer.php – pie de página
  • single.php – diseño para cada post (si no existe, se toma del index.php)
  • page.php – diseño para las páginas creadas en WP (si no existe, se usa el index.php)
  • comments.php – diseño para los comentarios de los posts y páginas
  • search.php – diseño para los resultados de la búqueda
  • searchform.php – módulo para el campo de búsqueda
  • archive.php – diseño para mostrar el archivo (si no existe, se toma del index.php)
  • functions.php – aquí podremos crear nuestras propias funciones en PHP
  • 404.php – página de error
  • style.css – nuestra hoja de estilos

En posteriores posts iremos viendo cómo construir cada uno de los archivos y hacer ese theme que tanto tiempo lleva rondando por nuestra cabeza.

votar Vota este post en Bitacoras.com

7 comentarios, ahora te toca a ti

  • May dice:

    Estoy empezando a meterle mano a un blog nuevo y la verdad que me vas a hacer una reina con estos posts, encontrar tutoriales de wordpress en español no es fácil :P

    Respecto a lo del siguiente post yo preferiría una mezcla de vídeos y código, para torpes como yo será mejor xD

  • ¡Gracias May!

    Así dan ganas de continuar y hacer todos esos posts esta misma noche :P

    Nah, iremos poco a poco, a ver si puede ser uno cada dos o tres días ;)

    ¡Y suerte con el theme!

  • Jorx dice:

    Seguiré los tutoriales con dedicación, que siempre van bien para aprender cosillas.

    Ánimo y a seguir.

  • @Jorx gracias tío!

  • eseele dice:

    Braaaavo!

    A ello que voy siñor!

  • Kialaya dice:

    Genial, esto me ha sido muy útil, no me aclaraba de qué era cada página que ponía el WordPress, estoy tan acostumbrada a que en Blogger iba todo metido en el mismo sitio. No se te ocurra borrar jamás este post que me lo he puesto de link directo en el navegador para cada vez que no me acuerde. :-)