Comenzando con los Custom Post Types en WordPress

Categoría: WordPress , 09/02/2012, 7 comentarios
wordpress_custom_post_types

Un aspecto importante en WordPress son los Custom Post Types, una característica que se incluyó a partir de la versión 3 de este CMS. Como la mayoría sabe, en WordPress hay varios tipos de posts nativos, los posts normales, como este artículo, una página estática, los archivos adjuntos (imágenes y demás) y las barras de navegación. Cada una de estas cosas tiene un tipo de post concreto en la tabla wp_posts.

Seguir leyendo →

Consultas a la base de datos en WordPress

Categoría: WordPress , 04/12/2011, 13 comentarios
WordPress Database

Vuelvo a retomar la costumbre de escribir artículos aquí, con uno sobre WordPress, en este caso, con algo que más de uno nos hemos visto en la necesidad de hacer, acceder a una tabla de la base de datos desde el código de nuestra web hecha en WordPress.

Lo típico sería realizar la conexión usando las funciones de PHP pensadas para esa labor, como mysql_query, mysql_fetch_row … Pero ya que estamos en WordPress, hagamos uso del motor de conexión que tiene implementado internamente para realizar esta tarea.

Seguir leyendo →

Añadir tu imagen de Gravatar como favicon en WordPress

Categoría: WordPress , 28/10/2011, Comentar
gravatar

Este truco es muy corto, y la idea muy simple. A algunos les pasará como a mi, que no saben que poner en el favicon de su web, en este caso, podemos usar el recurso de gravatar para esto. El favicon es la imagen pequeña que aparece al lado de la url o el título en los navegadores.

Para el que no conozca gravatar, es una aplicación que te permite definir una imagen asociada a un email, y en cualquier sitio donde te registres o comentes usando ese email y que implemente la funcionalidad de avatares de gravatar, cogerá automáticamente tu foto de ahí, evitando la necesidad de estar subiendo el avatar a varios sitios.

Seguir leyendo →

Cómo añadir entradas relacionadas con miniaturas en wordpress

Categoría: WordPress , 26/10/2011, 7 comentarios
wordpress_logo

En el manual de hoy, voy a tratar de poner por escrito la última mejora que he desarrollado en esta web, que son los tres posts relacionados que hay debajo de cada post, justo antes de los comentarios.

Para eso, lo primero es definir lo que queremos hacer, la idea es que cada noticia, busque entre las demás, alguna que tenga como coincidencia una etiqueta, de ese modo sabemos que esa noticia tiene alguna relación.

Seguir leyendo →

10 ejemplos de diseño web flexible y adaptativo (responsive design)

Categoría: HTML/CSS , 04/10/2011, 4 comentarios
clearairchallenge_peq

Como comenté hace poco, he cambiado el diseño de esta web para que sea algo más flexible y se adapte a los distintos dispositivos, reorganizando algunos elementos para que su visualización sea más cómoda según estemos en un navegador con pantalla grande, en un iPad o en un móvil con internet.

Con esta pequeña obsesión que tengo ahora por el responsive design, os muestro diez webs que para mi gusto hacen un buen uso de esta característica, y adaptan de forma interesante sus contenidos para ser visualizados mucho mejor.

UX London

Seguir leyendo →

Cómo integrar un slider de imágenes flexible en tu web

Categoría: Jquery , 03/10/2011, 42 comentarios
flexible slider

Hace tiempo que llevaba queriendo escribir este post, es bastante simple, y no voy a entrar en demasiado detalle de diseño o de maquetación, simplemente explicaré paso a paso cómo integrar un slider de imágenes en una web. En este caso se trata de FlexSlider, un slider jQuery que se adapta al tamaño del contenedor que lo integra, con lo que junto con un layout responsive conseguiremos una gran flexibilidad.

Seguir leyendo →

El theme de este blog está alojado en GitHub

Categoría: Otros , 24/09/2011, 3 comentarios
screenshot

Como el título del post indica, el theme de este blog pasa a estar alojado en GitHub.

Lo he adaptado para basarse en Nakeme, el Theme de desarrollo que también tengo alojado en GitHub. Por lo tanto ahora ha cambiado un poco el diseño, y se adapta a las pantallas pequeñas, desplazando la barra lateral debajo del contenido, modificando algunos estilos para que la visualización sea más limpia.

Intentaré ir comentando los cambios más importantes que realice, así servirán para realizar manuales que puedan resultar interesantes.

Como ya he dicho para Nakeme, cualquiera que tenga interés en hacer alguna modificación o quiera proponer alguna mejora, puede hacer un Fork del proyecto y enviarme una propuesta de cambio.

Materiales de la charla de iniciación al desarrollo de themes en WordPress

Categoría: Charlas, WordPress , 22/09/2011, 5 comentarios
Parte de una de las páginas de la presentación

Como ya dije en el anterior post, ayer dí una charla introductoria al desarrollo de themes para WordPress.

En este post paso a enlazar los materiales que usé, para que quien quiera pueda descargarlos y usarlos para lo que quiera, ya sea practicar o usarlo como base para cualquier idea o proyecto que tenga.

La maqueta html que usé fue esta.

El theme base usado, como ya comenté, ha sido Nakeme, la plantilla de desarrollo que estoy realizando cuyo código está en GitHub.

Las transparencias usadas durante la presentación son estas.

Muchas gracias a todos los asistentes, tanto en directo como por Streaming, y gracias a ADWE por invitarme a dar la charla.

Actualizo con algunas fotos que han subido los amigos de ADWE a su flickr.