Y para este nuevo año, ¡nuevo sabor para el blog! Después de muchas horas y mucho esfuerzo, al fin he podido cumplir una meta que tenía en esta vida: hacer un theme de WordPress desde cero.
Compatibilidad
Nuevo sabor es un theme preparado con mucho amor, que funciona perfectamente con WordPress 2.8 y que dentro de poco tendrá algunas cosas más, como los cambios introducidos en WordPress 2.9 y alguna que otra mejora que le vaya haciendo falta.
Distribución
De momento no lo voy a poner a disposición del público, pero prometo hacerlo en un futuro ;)
Otros comentarios
Todavía no valida el XHTML ni el CSS, y esto es sobre todo porque hago mucho uso del CSS 3.
Vamos a ponernos manos a la obra con nuestro theme. Como dije anteriormente, lo primero es plasmar en papel nuestra idea. Hacemos un boceto de nuestro diseño en un folio y luego si queremos podemos digitalizarlo y dejarlo mucho más bonito en Photoshop o en el Gimp o donde queráis.
Nuestro objetivo es conseguir un archivo html simple como este:
Click para ampliar
Seguir leyendo el resto de la entrada »
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.
Si me estás leyendo por el RSS, te aconsejo que te des una vuelta por el blog, porque ya he terminado el nuevo diseño y que mantendré por un tiempo. Así que un fuerte aplauso al theme Elite que hizo su trabajo (e incluso le gustó mucho a Andrés Milleiro y lo cogió también, modificándolo a su gusto):
Demos paso a Typebased, un theme muy bonito visualmente, ordenado y bastante práctico. Sin embargo, el diseño original tenía una columna central demasiado estrecha y las imágenes de 500 píxeles que solía usar, sobresalían por la derecha.
Tras unos días buscando la manera de agrandarlo y que no se destrozara el diseño, he conseguido ampliarlo a mi gusto. Tras esto, puedo recordar una frase que dijo Pep Ortuño cuando diseñó el hasta ahora el último theme de su blog:
Un buen theme se hace a base de Photoshop
Y es totalmente cierto, ya que aquí donde lo véis, la cuadrícula sobre la que se basa el theme es una imagen y encuadrada a través del style.css. Un trabajito que me ha costado volver a cuadrarlo todo, línea con línea.
En fin, de nuevo, se aceptan comentarios, elogios, insultos y cuantos más bugs descubráis, mejor que mejor :-)
Y por fin, después de muchas vueltas a la cabeza, de mucho código picado y de muchas horas con el Photoshop; puedo decir que estreno nuevo diseño para el blog. En un principio iba a pillarme el theme [Dilectio][1] y lo iba a modificar muchísimo. Pero hace unos días cambié mi mentalidad súbitamente y busqué un diseño que fuera muy limpio y espacioso.
Encontré este theme: [Elite][2], y su paleta de colores la verdad que me ha gustado bastante, a pesar de que no suelen gustarme los colores oscuros para el background. He cambiado cuatro chorradas del diseño, he mejorado bastante el código (era horroroso, todavía estoy organizando el style.css) y salvo alguna tontería que se me puede haber escapado, ya está todo listo.
¿Os gusta? ¡Quiero opiniones! ¿Qué tal lo ven los amantes del Internet Explorer?
Ah, y voy a cambiar ampliar la línea editorial (qué pr0 queda dicho así): hablaré más sobre lo que se cuece en la blogosfera y la Web 2.0, etc. Vamos, lo típico que dice uno que va a hacer antes de caer en el efecto “vídeo de YouTube”.
[1]: http://wp-themes.designdisease.com/2007/12/21/dilectio-wordpress-theme/
[2]: http://wpzone.net/free-wordpress-themes/elite/
