No solo he estado modificando el aspecto de este blog (todavía me quedan algunos detalles…), también he realizado un nuevo diseño para mi blog de fotografía.

En un principio había pensado en modificar el archi-conocido tema CSS-Gallery, pero finalmente decidí realizar el mio propio:

Esta realizado con XHTML y CSS válidos, usando WordPress como CMS y MooTools para los efectos añadidos. El plugin de valoración de fotografías es el WP-PostRatings.

Como podéis ver, la estructura es muy similar a CSS-Gallery, en mi caso pensé que el color negro en el fondo ayudaría a destacar mejor las fotografías publicadas.

El menú de la cabecera tan solo permite acceder a las 4 categorías principales y realizar búsquedas, en el menú lateral aparecerán las diferentes categorías según se vayan creando. También incluí una opción de valorar las fotos (al igual que en el tema que use como inspiración).

Cada fotografía publicada aparece en un recuadro con el título, la valoración y una esquina levantada cuyo color es el de la categoría a la que pertenece. Haciendo clic sobre la imagen, esta se abre a mayor tamaño en un lightbox.

Haciendo clic en el título se puede acceder a la entrada en concreto de la fotografía, en la que aparecen mas datos sobre la toma (ISO, velocidad, etc…) ,aunque todavía no los he añadido. La imagen aparece a un tamaño un poco mayor y con un leve reflejo que no se si dejar o no . Al hacer clic sobre ella también se abre a mayor tamaño en un lightbox.

¿Opiniones, fallos, mejoras…?

Ah! por cierto, quiero aprovechar y desde aquí dar las gracias a 2 sitios que me han servido de ayuda a la hora de llevar a cabo este tema: aNieto2K y AyudaWordPress

Muchas veces al crear un documento web necesitamos incluir algún carácter especial, como el © del copyright, ® de registrado o incluso otros como ♠ ♣ ♥ ♦

Para que estos caracteres sean interpretados de forma correcta por cualquier navegador la forma correcta de escribirlos es así:

© ® ♠ ♣ ♥ ♦

Pero no solo hay estos 6, en realidad existen 252 caracteres especiales. Los puedes encontrar todos en una estupenda guía en la que aparece el carácter especial y el como escribirlo en nuestro documento web.

XHTML Character Entity Reference

XHTML, CSS, Ajax y javascript, desde Libros Web nos ofrecen una completa colección de tutoriales.

Todos son gratuitos y están en castellano. Se pueden visualizar online o descargar en pdf para su impresion (versiones de 1 cara o 2) y están enfocados al usuario principiante.

El listado de los tutoriales que puedes encontrar es:

• Introducción a XHTML (online)
• Introducción a XHTML (PDF)
• Referencia de CSS 2.1 (online)
• Introducción a CSS (online)
• Introducción a CSS (PDF)
• Introducción a AJAX (online)
• Introducción a AJAX (PDF)
• Introducción a JavaScript (online)
• Introducción a JavaScript (PDF)
• Symfony (online)
• Symfony (PDF)

Vía: Ayuda Wordpress

Si quieres una plantilla para tu sitio web, en Template World encontraras multitud de ellas realizadas en XHTML y CSS. Un par de capturas de las que hay disponibles:

Aunque no necesites (o no quieras) usar una plantilla gratuita, siempre viene bien alguna fuente de inspiración mas, ¿no? .

Launchpad es un theme para Wordpress un tanto especial, ya que no permite al usuario que llega a nuestro blog leer ningún post. Eso si, pueden subscribirse a nuestro feed.

¿Y para que vale esto? Pues por ejemplo puede ser usado para aquellos sitios aun no lanzados o mientras estamos realizando tareas de mantenimiento en nuestro blog.

Este theme además está realizado con XHTML 1.0 y CSS válidos

Vía: WPDesigner