El día 22 de Febrero de 2012 dí una charla sobre GIT y GitHub en el CAMON en Murcia, dentro de las actividades que celebra ADWE en este lugar. Más vale tarde que nunca, aquí tenéis las transparencias que usé:
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.
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.
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.
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.
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.
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.
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.
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.
Hoy, día 21 de Septiembre a las 19:00 en el Cuartel de Artillería de Murcia impartiré una charla muy básica sobre el desarrollo de una plantilla en WordPress a partir de una maqueta HTML/CSS ya hecha, usaré de base Nakeme, el Naked Theme de WordPress que estoy desarrollando.