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 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.
Hoy comento un truco rápido, cómo añadir shortcodes (etiquetas que al añadirlas en el contenido de un post o página se convierten automáticamente en un trozo de código html) en un theme en WordPress.
Os preguntaréis para qué puede servir esto, es más útil de lo que parece, os pongo un ejemplo práctico con mi web. Si entráis por ejemplo a la página de Nakeme, el theme de desarrollo en el que estoy trabajando, veréis que hay dos botones, uno de descargar y otro de demo. Estos dos enlaces son introducidos de la siguiente forma en el post:
Llevaba tiempo queriendo empezar este desarrollo, la idea es tener un theme básico para usar internamente en las webs que desarrolle con WordPress. De este modo, voy recopilando lo que me parece mejor de algunos de los themes que conozco y lo voy aplicando a mi manera en este.
Lo he llamado Nakeme como unión de las palabras naked y theme, no es demasiado original, pero bueno, tampoco lo pensé mucho tiempo.
Como peculiaridades, cabe destacar que lo estoy alojando en GitHub, con lo que mato dos pájaros de un tiro, por un lado permito que cualquiera pueda hacer un fork de mi trabajo y adaptarlo a lo que necesite, por otro lado aprovecho para trastear con GIT y aprendo a usar mejor este sistema de control de versiones.
Para probarlo o descargarlo, tenéis a vuestra disposición los siguientes links:
DEMO DESCARGAROtro modo de hacerlo, si tenéis GIT instalado en vuestro servidor, por consola, entráis en vuestro directorio wp-content/themes y escribís:
git clone git://github.com/siner/Nakeme.git
Y listo.
Si alguien quiere unirse como colaborador que se ponga en contacto conmigo y lo comentamos.
Cuando estás desarrollando una plantilla para WordPress, a veces te ves en la necesidad de listar una serie de posts o buscar una página en particular fuera del loop principal, en este post explico cómo hacerlo de una forma sencilla.
Para introducir un poco en los conceptos que usaremos de ahora en adelante, decir que cuando en una página hecha con WordPress queremos mostrar un listado con todos los posts, normalmente usamos el fichero index.php de nuestro theme, y en este fichero, se hace uso de la siguiente estructura:
<?php while ( have_posts() ) : the_post(); ... endwhile; ?>
Dentro de ese bucle, donde los puntos suspensivos, introducimos el código para mostrar la información de cada uno de los posts.