Ya con la anterior información me puse en la labor de buscar referencias, al comienzo pensé que comprarlo sería una opción, busqué en Amazon y bueno, la verdad se me hizo algo costoso a pesar de que la figura es en plástico y se le iluminan los ojos, pero luego me di cuenta de que podía fabricarlo. Busqué en varios lugares hasta que finalmente di con éste modelo en Deviantart y lo armé, después vi que se podía mejorar un poco por lo que hice mi propia versión en la cual las lineas de doblez son más suaves y los bordes y pestañas no son blancas lo cual le da un mejor acabado.

Así que si quieren armar su propio Danbo al cual se le mueven los brazos y la cabeza completamente pueden seguir las siguientes instrucciones y descargar el material necesario, aunque hay partes que requieren mucho cuidado el resultado final es muy bueno.

Modelos

Hice dos modelos, uno con el logo de Amazon japón que es bastante popular y otro sin ningún tipo de logo, los pueden descargar de mi Deviantart

• Parte número 1 de Danbo Amazon
• Parte número 2 de Danbo Amazon
• Parte número 1 de Danbo Tradicional
• Parte número 2 de Danbo Tradicional

Instrucciones

Aquí están las instrucciones generales pero de todas formas es bueno tener una guía visual de algunas partes para poder entender cómo están ensambladas, por eso pongo estas que fueron sacadas de éste sitio que a pesar de estar en japonés es de mucha ayuda.

Paso 1: Lo primero es imprimir los modelos, se puede hacer en papel normal pero la figura no será muy resistente, yo usé papel de 180gr y próximamente voy a intentar con un papel de 210gr color café o con textura similar al cartón. Lo importante es que sea un papel que se pueda doblar fácilmente pero que a la vez tenga resistencia.

Paso 2: Cortar la forma 16 (x 2) de la segunda hoja y poner pegante en las pestañas para formar el brazo. Se puede ver en la Figura 01 como debe quedar y que debe tener un hueco.

Paso 3: Cortar la forma 03 (x 2) de la primera hoja y doblar hacía afuera para pegarlas en el brazo que armamos anteriormente, debe quedar como en la Figura 02.

Paso 4: Cortar la forma 06 (x 2) de la primera hoja, lo importante es cortar los bien los dientes, no tiene que quedar perfectos pero si separados porque con ésto se va a formar un cilindro, yo usualmente no doblo la pestaña que está al final sino que voy enrollando la figura y pongo el pegante allí, ésto es para que quede mejor la curvatura. Luego se deben pegar las tapas de los cilindros a lado y lado que son los círculos que corresponden al número 07 de la primera hoja.

Paso 5: Cortar la forma 09 (x 2) de la segunda hoja. Este paso puede parecer complejo pero la idea es pegar las cuatro pestañas triangulares al interior para que formen una especie de cajita, luego se debe poder poner el cilindro anterior para finalmente cerrar la figura por el lado más extenso, todo debe quedar como la Figura 03 y es muy importante que el cilindro pueda moverse con libertad, que pueda girar dentro.

Paso 6: Ahora hay que unir las dos piezas, el brazo y la que acabamos de hacer con el cilindro de tal forma que quede movible por lo que sólo hay que echar pegante en la parte interna del mismo, donde previamente se veía el hueco. Todo debe quedar como la Figura 04 y el brazo debe poder moverse con libertad.

Paso 7: Cortar la forma 08 (x 1) de la segunda hoja incluyendo los 3 orificios que se ven. Al mismo tiempo, cortar las formas circulares 08 y 09 de la primera hoja y 10 y 11 de la segunda. Cuando todo esté cortado hay que hacer los cortes en cruz indicados en las formas 18 y 10, luego esas pestañas en forma de triángulo se deben levantar.

Paso 8: Ahora se debe poner la forma 10 por la cara interna de la forma que corresponde al cuerpo en el hueco más grande, las pestañas triangulares deben sobresalir y luego se debe poner encima la forma 11. Es MUY IMPORTANTE que el pegante SÓLO se ponga en las pestañas, NO se debe poner ningún pegante en el cuerpo y si todo queda bien el círculo debe poder girar sin problemas. Se debe hacer lo mismo con los huecos y círculos más pequeños, se arma la caja teniendo cuidado que no interfiera con lo que acabamos de hacer para que todo quede como la Figura 05.

Paso 9: Se pegan los brazos al cuerpo que armamos anteriormente para que quede como la Figura 06. Si todo quedó bien, éstos se deben poder mover para arriba y para abajo, así como para el frente y para atrás.

Paso 10: Cortar la forma 15 (x 2) de la segunda hoja y con ella se hace un cilindro como se explicó anteriormente, las tapas son las figuras circulares número 14 de la segunda hoja.

Paso 11: Cortar la forma 13 (x 1) y unir las pestañas, luego se deben poner los dos cilindros en donde encajan y se deben pegar los extremos para que todo quede como la Figura 07. Finalmente se corta la forma 12 (x 2) de la segunda hoja y se pegan a las caras circulares de los cilindros como muestra la Figura 08. Es importante que los cilindros se muevan libremente.

Paso 12: Lo que armamos anteriormente se debe pegar al cuerpo en la parte superior, todo ésto es la estructura de la cabeza que también se debe poder mover para todos lados y debe quedar como la Figura 09. Luego se debe cortar la forma 01 de la primera hoja y armar la cabeza que debe quedar como en la Figura 10.

Paso 13: Ahora se debe pegar la cabeza al cuerpo, ten cuidado que quede centrada para que funcione mejor y quede como en la Figura 11.

Paso 14: Cortar la forma 02 (x 2) de la primera hoja y unir las pestañas, exceptuando la parte final para que quede como la Figura 12. Luego arma un cilindro con la forma 17 de la segunda hoja, las tapas son la forma 05 (x 2) de la primera hoja.

Paso 15: Toma las dos partes que salieron de armar la forma 02 y pon el cilindro tal como muestra la Figura 13, pega la pestaña sobrante de los dos y ya tienes las piernas del Danbo. Finalmente pega éstas al cuerpo a la altura que desees teniendo en cuenta que sea estable y las piernas no se vean muy cortas, tal como muestra la Figura 14 y ¡listo! ¡ya tienes tu Danbo!

Resultado final

Aquí está el resultado final del Danbo, si queda bien hecho se le pueden mover los brazos, la cabeza y un poco las piernas. ¡Disfrútenlo!

Instalación de Themes

Los primero que debes hacer es conseguir el theme de tu elección, bien sea uno gratuito o de pago, eso si, asegúrate de la compatibilidad del mismo con la última versión de WordPress, luego sigue éstos sencillos pasos:

• 1. Descomprime los archivos del theme que deben venir en un .zip o .rar
• 2. Accede a través de FTP a los archivos de WordPress en tu servidor. Una vez allí entra a la siguiente ruta: wp-content/themes
• 3. Traslada la carpeta del theme a esa ubicación
• 4. Una vez hayas eso ésto, entra a el panel de control de WordPress, abre la pestaña que dice Appearance/Apariencia y selecciona donde dice Themes, allí debe aparecer el theme que instalaste anteriormente a través de FTP, haz click en Activate/Activar y eso es todo.

Hay otra opción para instalar themes directamente desde WordPress.org sólo tienes que ir a tu planel de control, luego en la pestaña Appearance/Apariencia – Themes y seleccionar la opción Install Themes.

Instalación de Plugins

Los plugins son igual de fáciles de instalar que los themes pero aquí si cada cual tiene su propia configuración por lo que es necesario consultar la documentación del mismo previamente. Igualmente tienes que mirar si es compatible con la versión de WordPress que tengas instalada. Aquí están los pasos:

• 1. Descomprime los archivos del theme que deben venir en un .zip o .rar
• 2. Accede a través de FTP a los archivos de WordPress en tu servidor. Una vez allí entra a la siguiente ruta: wp-content/plugins
• 3. Traslada la carpeta o el archivo del plugin a esa ubicación
• 4. Entra a el panel de control de WordPress, abre la pestaña que dice Plugins donde te saldrá un listado de los que están instalados, una vez allí selecciona Activate/Activar y eso es todo.

Según el tipo de plugin es posible que te parezcan más pestañas en la barra lateral de tu panel de control.

Así que como ven, con éstos sencillos pasos pueden darle vida a sus blogs o sitios de una manera fácil y rápida.

Veamos un ejemplo de cómo está maquetado un bloque para un sidebar y cómo adaptarlo para que soporte widgets

Este es el código inicial de nuestro bloque maquetado con divs


<div id="sidebar">
<div class="title">Acerca</div>
<p>Contenido de la sección acerca.</p>
<div class="title">Links</div>
<ul>
<li><a href="http://www.link.com">Link</a></li>
</ul>
</div>


Ahora lo que tenemos que hacer es insertar ésta línea de código dentro de nuestro archivo sidebar.php o dónde vayan a mostrarse los widgets.

<?php if ( !function_exists('dynamic_sidebar')
|| !dynamic_sidebar() ) : ?>


El archivo completo quedaría más o menos de ésta forma

<div id="sidebar">
<?php if ( !function_exists('dynamic_sidebar')
|| !dynamic_sidebar() ) : ?>
<div class="title">Acerca</div>
<p>Contenido de la sección acerca.</p>
<div class="title">Links</div>
<ul>
<li><a href="http://www.link.com">Link</a></li>
</ul>
<?php endif; ?>
</div>


Después tenemos que insertar el siguiente código en nuestro archivo functions.php que es el que hará que los diversos elementos maquetados anteriormente se acoplen a los widgets que instalemos en nuestra página.


<?php if ( function_exists('register_sidebar') )
register_sidebar(array(
'before_widget' => '',
'after_widget' => '',
'before_title' => '<div class="title">',
'after_title' => '</div>',
));
?>


Hay que tener mucho cuidado con que el código insertado en functions.php tenga la misma maquetación y estructura de nuestro código del bloque del sidebar para que todo se muestre correctamente al final.

Colores secundarios

Éstos son los colores que resultan de combinar, teóricamente en proporciones iguales, dos colores primarios. Así mismo éstos colores siempre son complementarios del color primario opuesto del cual no se componen, por ejemplo el verde que es la combinación de azul + amarillo tiene como color complementario al rojo.

Verde

Es el color secundario más cercano al azul a pesar de contener en su composición el color amarillo. En general se utiliza para sitios que tengan que ver con la naturaleza, la salud y el bienestar, así mismo es un color que también se relaciona con el dinero. El primer verde suele utilizarse para sitios de entidades bancarias que requieren una imagen de seguridad y solidez que proporciona éste color gracias a su tonalidad oscura. El segundo verde se puede usar para sitios relacionados con lo natural ya sea en productos naturales o en sitios de comercialización de frutas, verduras o alimentos de éste tipo. El tercer verde puede asociarse mejor a servicios relacionados con el bienestar sobre todo del cuerpo, por lo tanto quedaría bien si se usa para un website de un Spa, también es un color que asociado con el azul se relaciona fuertemente con el sector salud.

Naranja

Uno de los colores más vitales y vibrantes que al lado del amarillo y el rojo hace que cualquier sitio que lo posea tenga calidez. Si bien es un color de gran vitalidad, su uso no debe ser desproporcionado ya que se podría caer en la saturación, por ello es mejor combinarlo con colores neutros y usarlo solamente en focos donde se desee llamar la atención. El primer naranja que es más cercano al marrón evoca la tierra y por lo tanto se puede usar al igual que el amarillo oscuro en lugares relacionados con artesanías. El segundo naranja se puede usar en sitios que requieran vitalidad, puede ser sitios de temas juveniles o para niños, también si se hace buen uso de él puede utilizarse en sitios relacionados con moda. El tercer naranja en su tonalidad más clara puede relacionarse con sitios dedicados a la comercialización de productos frutales o florales exóticos debido que evoca sus colores pero de una forma no tan agresiva.

Morado

El morado es un color frío que a pesar de ésta característica le imprime vitalidad a un sitio web. Por lo general se usa como complemento de otros colores y no es tan común verlo como color principal a excepción de los sitios donde realmente es necesario y al igual que todos los colores, dependiendo de su tonalidad puede ser adecuado para uno u otro tema. El primer morado se puede usar para sitios que traten temas de moda y que requieran un toque de distinción pero sin ser tan formal como el azul oscuro. El segundo morado es el color ideal para temas femeninos y juveniles, por lo general se asocia con dinamismo y a la vez es un color que representa temas relacionados con la mujer. El tercer morado es un color muy apacible y que al igual que el anterior se puede relacionar con temas femeninos aunque en éste caso se enfocaría más al segmento infantil, puede usarse en sitios relacionados con juguetes o de artículos de moda para niñas.

Para ello lo único que tenemos que hacer es ir a la barra lateral de la publicación del post y dar click en donde dice Edit en la sección de Publish Status > Published on y cambiar la fecha por una futura. En el caso de versiones anteriores de WordPress ésto se hace en donde dice Post Time Stamp y ya con eso sabremos que el post se publicará ese día y a la hora que hayamos determinado.

Claro que éste método no sirve para siempre ya que la idea de un blog es mantenerlo actualizado con cuestiones recientes, pero si puede ser útil en ciertas temporadas y se pueden ir publicando artículos de interés sin que necesariamente estén directamente relacionados con los últimos acontecimientos. También hay que tener en cuenta que de todas formas se tiene que disponer de un buen tiempo para armar los post que se van a publicar, hacer la revisión completa de ellos, subir imágenes y demás para que todo funcione bien.

P.D. Este post y los ùltimos publicados en éste mes y el anterior son un ejemplo de esa forma de publicación.

Tutorial de Foto manipulación

Lo más importante a la hora de comenzar es pensar en el concepto de la obra final o lo que queremos lograr, para ello tenemos que pensar en las imágenes a utilizar, los fondos y todo lo necesario para alcanzar nuestro objetivo. En éste caso la idea es hacer una obra referente al invierno, especialmente la llegada del solsticio de invierno donde los días empiezan a hacerse más largos que las noches y empieza a haber más luz, por eso elegí las siguientes imágenes.

Después tomamos el fondo y lo des-saturamos, el objetivo de esto es lograr que la la imagen quede un poco opaca para que la figura central y los detalles que vamos a resaltar tengan mayor protagonismo. Para ello vamos a Imagen > Ajustes > Tono/saturación y en saturación lo llevamos hasta -70.

Cuando tengamos el fondo arrastramos la imagen de la niña con el violín al lienzo en el que estamos trabajando y donde ya tenemos el fondo, la escalamos y después la cortamos para dejar la silueta sin el fondo. En éste punto hay muchas formas para cortar una imagen, personalmente suelo utilizar la Herramienta varita mágica (W) para algunos detalles del fondo y después uso la Herramienta lazo poligonal (L) para terminar y afinar los detalles, ésta herramienta debe tener los siguientes valores para que quede bien el corte, Calado: 0px y Suavizado.

Ya tenemos la imagen cortada, ahora procedemos a hacer una copia de la misma capa, esto es más que todo por precaución ya que muchas veces podemos equivocarnos y siempre es bueno tener otro punto de partida, escondemos la capa que acabamos de duplicar y la bloqueamos para trabajar con la otra capa a la cual le haremos el mismo procedimiento del fondo al cual le aplicamos -70 de saturación.

Esta imagen en especial tiene una particularidad en el vestido y es la transparencia que hay en los laterales y como la imagen original la niña está sentada sobre el pasto entonces al ponerla en el fondo blanco de la nieve no se ve bien, por ello recortaremos estas partes con la Herramienta lazo poligonal (L), las separaremos y le daremos mayor brillo en Imagen > Ajustes > Brillo/contraste y allí le daremos un valor de 57.

Ya está la niña en la nieve pero todavía se ve muy forzada, por ello vamos a suavizar el vestido y agregarle sombra. Para suavizar el vestido debemos borrar algunos de los bordes con la herramienta Borrador (E) en modo Pincel con un 100% de Opacidad y de Flujo, luego seleccionamos el pincel más grande y lo pasamos suavemente por los contornos laterales que quitamos y le pusimos brillo anteriormente. Después, para agregar la sombra no lo haremos aplicándole la sombra a la capa del modo tradicional sino que crearemos una capa por debajo de la silueta de la niña y la colorearemos con un Pincel (B) grande haciendo unos pequeños detalles debajo del vestido, luego le daremos un poco de transparencia para que quede más natural.

Ahora vamos a modificar un poco con la luz para seguir con el trabajo, para ello vamos a la capa del fondo, allí vamos a la opción Filtro > Interpretar > Efectos de iluminación… y seleccionamos la opción Cruzada y la estiramos un poco para que quede como en la imagen. Luego modificamos de la misma forma la iluminación de la niña.

¿Recuerdan la capa que ocultamos con la silueta de la niña? Pues bien, ahora la usaremos para darle los detalles en color. Tomamos la capa y cortamos con la Herramienta lazo poligonal (L) todo el contorno de la corona de hojas que tiene en la cabeza y la ponemos en otra capa, luego vamos a Imagen > Ajustes > Equilibrio de color y modificamos los valores para lograr un verde intenso que sobresalga en la imagen, luego hacemos lo mismo con el cinturón pero llevando el color hacia el rojo. Estos valores no tienen que ser definitivos y se puede jugar con ellos para dar el color que queramos a diferentes detalles dentro de la composición.

Ya tenemos casi todo el trabajo terminado, ahora agregaremos algunos detalles finales. En éste caso he agregado unos pequeños círculos aleatorios que si bien no simulan la nieve completamente si dan la sensación de algo cayendo, para ello hice varias circunferencias en blanco con la Herramienta Elipse (U) y luego en Capa > Estilo de capa > Resplandor exterior… le di los siguientes valores, finalmente le di un 80% de transparencia.

Para completar el trabajo, con la Herramienta Pincel (B) escogí un pincel que simulara un brillo y lo puse arriba de la composición terminando así la foto manipulación.

Aquí hay también otros ejemplos de otras foto manipulaciones que he hecho. Las cuales también pueden ver en mi Galería de DeviantART.

Recomendaciones finales

A la hora de hacer una foto manipulación las posibilidades son infinitas, éste es sólo un ejemplo mínimo de lo que se puede hacer, pero es importante tener paciencia, practicar muchísimo y sobre todo ser creativo. También es importante recordar darle crédito a los stocks o fuentes de recursos como pinceles (brushes) o demás que utilices, dentro de DeviantART hay muchos recursos pero debes leer las reglas de cada uno y cumplirlas, al fin y al cabo para hacer éstos recursos para que esten disponibles se necesita tiempo y esfuerzo y eso hay que valorarlo.

Créditos

Las imágenes para éste tutorial fueron tomadas de Eirian Stock y los pinceles de Redheadstock.

1. Hacer el motivo.

Para comenzar se debe dibujar el motivo que queremos que se convierta en nuestra brush, la ventaja es que no sólo tiene que ser un dibujo, puede ser algo escaneado como una textura, una fotografía o cualquier imagen, en éste sentido no hay límite. Para éste ejemplo usaremos una sencilla flor.

2. Definir el Pincel

El siguiente paso es definir el pincel, para ello vamos a la opción Edición > Definir valor de pincel…

3. Darle nombre al pincel

Luego le damos nombre al pincel para diferenciarlo al seleccionar la herramienta.

4. Utilizar el Pincel

Finalmente el pincel está listo para ser utilizado. Si queremos hacer un set de varios pinceles sólo hay que crear la cantidad que necesitamos y luego vamos a la opción Pincel > Guardar Pinceles.

La escogencia del color se puede hacer a través de diversos métodos, uno de los más comunes es hacer ésta elección de acuerdo a colores corporativos ya existentes, pero generalmente esto nos plantea retos más difíciles de alcanzar, sobre todo porque una cosa es un logo o imagen empresarial y otra un diseño completo para Internet. En éste caso muchas veces se piensa que se deben usar todos los colores del logotipo o imagen en la misma proporción y las mismas tonalidades que allí se encuentran sin tener en cuenta que son dos elementos que deben ser complementos más no deben ser idénticos. Por otro lado tenemos la escogencia del color de acuerdo a la temática de la Web, en éste caso puede ser más fácil si tenemos en cuenta que cada color comunica un mensaje diferente y estamos entrenados a asociar colores con diversos conceptos, el rojo es calor, pasión, amor mientras que el azul es frío, serenidad, sobriedad y así cada uno tiene unas características especiales que se pueden asociar a ellos.

Otra de las cosas que se debe tener en cuenta a la hora de escoger un color adecuado, es si vamos a usar uno sólo o si lo vamos a combinar, en éste último caso es importante tener en cuenta que debe existir un color predominante y otro u otros subordinados y en éste caso las proporciones son importantes. Muchas veces se tienden a usar dos colores y en numerosas ocasiones se cae en el error de usar las paletas como si se fueran a usar para métodos impresos u otras formas de diseño y por ello hay casos en que vemos dos colores complementarios que están en la misma proporción lo cual si no se sabe hacer bien afectará todo el diseño, por ello cuando no se tiene mucha experiencia en éste campo es mejor ir a lo seguro y usar colores neutros que den un porcentaje mínimo de error.

Un color para cada cosa.

Cada color transmite una emoción diferente e incluso cada tonalidad del mismo puede comunicar algo distinto, obviamente es diferente el color cuando lo usamos en un afiche, una revista, una tarjeta de presentación, una ilustración, una obra de arte, en accesorios, en la ropa y por supuesto en la web, por ello daré una pequeña referencia de qué puede comunicar cada uno de ellos cuando se hace un diseño para Internet.

Colores primarios

Existen 3 colores básicos de los cuales se derivan los demás y que pueden servir como base para combinar los demás, cada uno de ellos posee características diferentes.

Amarillo

Es un color que imprime vitalidad en cualquier diseño por su calidez aunque en muchas ocasiones es difícil de combinar con otros colores. Dependiendo de su tonalidad y su brillo puede usarse para uno u otro fin; el primer amarillo que se acerca al marrón se puede usar para sitios relacionados con la naturaleza, montañismo, productos de origen natural (sobre todo aquellos sacados directamente de la tierra), también se puede usar para temas relacionados con indígenas o artesanías. El segundo amarillo es el más difícil de usar precisamente por su brillo, pero puede servir cuando se usa en temáticas relacionadas con viajes, con la playa o todo lo relacionado con la vitalidad, así mismo es un color que puede ser combinado en pequeñas proporciones para resaltar aspectos de una web. El tercer amarillo es mucho más claro que los anteriores y se puede usar para temas femeninos, delicados o relacionados con bebés, también se puede usar para sitios relacionados con flores, adornos e insumos de decoración.

Azul

Es el color corporativo por excelencia y el que se puede usar con mayor facilidad por ser neutro. Por supuesto que dependiendo del brillo y el tono se pueden crear diferentes efectos frente al usuario; el primer azul comunica seriedad y sobriedad por lo tanto se puede usar para diseños que requieran de éstas características como por ejemplo un banco, joyerías prestigiosas, temas relacionados con dinero, tecnología de alto nivel y comercialización de artículos suntuosos. El segundo azul da una excelente tonalidad y brillo para usarlo en temas que requieran vitalidad y frescura, puede usarse para diseños juveniles, relacionados con deportes extremos, diversión, entretenimiento y cualquier temática que hable de movimiento. Por último tenemos el tercer azul que se usa ampliamente debido a que es fácil combinarlo y puede abarcar muchas temáticas, generalmente se usa para artículos de belleza, temas relacionados con salud, con tecnología, viajes, deportes marinos y aéreos, aerolíneas y en general se usa para espacios de comunicación en Internet por su neutralidad, de hecho sin nos fijamos podemos darnos cuenta de que un altísimo porcentaje de diseños están hechos en un azul de ésta tonalidad.

Rojo

Uno de los colores más difíciles de manejar en la web por ser tan llamativo y porque es complicado combinarlo con otros exitosamente. Dependiendo del brillo y la tonalidad se puede usar para diferentes propósitos; el primer rojo es elegante, se puede usar para sitios relacionados con accesorios, ropa formal y es muy común como color corporativo en aerolíneas, bancos, bebidas por lo que la diferencia se logra con los colores que acompañen el diseño. El segundo rojo es más vibrante pero a la vez es más complicado de usar por lo que muchas veces es mejor dejarlo como color secundario, de todas formas sirve para sitios corporativos, institucionales o para otros temas relacionados con amor, romance, vitalidad, diversión y todo dependerá del color que lo acompañe. Finalmente el tercer rojo que es prácticamente el rosado se usa ampliamente en sitios femeninos, delicados o florales pero al igual que las anteriores versiones del rojo todo dependerá de cuál sea el color que complemente la composición.

Continuar con El Color en el Diseño Web, Parte II

Con éste sencillo código lo que hacemos es mostrar únicamente los post de ésta categoría en la portada, para ello se escribe el número de la categoría y adicionalmente podemos decidir cuántos post se verán. Éste número será independiente del número que coloquemos en nuestro Panel de Control de WordPress en el apartado de Lectura (Options > Reading > Blog Pages)

Código :

< ?php query_posts('cat=5&showposts=1'); ?>


Éste código se tiene que poner antes de todo el Loop que genera WordPress y su aspecto estará definido por el aspecto general que exista para los post.

Ahora que tenemos ésto podemos adicionalmente mostrar con otro estilo diferente el último post de las categorías que escojamos o necesitemos. Para ello primero mostramos la categoría elegida y el número de post con el siguiente código.

Código :

< ?php $my_query = new WP_Query('category_name=nombre&showposts=1'); ?>
< ?php while ($my_query->have_posts()) : $my_query->the_post(); $do_not_duplicate = $post->ID; ?>


Luego hacemos que se muestre el título y se haga el link al post.

Código :

<a href="< ?php the_permalink() ?>" rel="bookmark" title="Permanent Link to < ?php the_title(); ?>">
< ?php the_title(); ?>


Después mostramos sólo una fracción del post con el excerpt que genera WordPress y finalizamos todo el llamado.

Código :

< ?php the_excerpt(''); ?>
< ?php endwhile; ?>


Lo que daría como resultado algo así.

Código :

< ?php $my_query = new WP_Query('category_name=nombre&showposts=1'); ?>
< ?php while ($my_query->have_posts()) : $my_query->the_post(); $do_not_duplicate = $post->ID; ?>
<a href="< ?php the_permalink() ?>" rel="bookmark" title="Permanent Link to < ?php the_title(); ?>">
< ?php the_title(); ?>
< ?php the_excerpt(''); ?>
< ?php endwhile; ?>


Ésta forma de llamar a los post por categoría puede ser muy útil porque nos permite darle el aspecto que queramos el cual será independiente de la forma que mostremos los post generales. Se podría generar gráficamente algo así.

Para finalizar hay algo muy importante a tener en cuenta y es que si usamos ésta forma de llamar los post en el index.php, necesitaremos utilizar plantillas para los post sencillos, las páginas, las categorías, los tags y demás utilidades de WordPress.

WordPress toma por defecto algunos nombres específicos para ciertos usos, es así como si hacemos una plantilla y la nombramos search.php cada vez que hagamos una búsqueda ésta será la página que se presentará en los resultados. A continuación presentaré los nombres predeterminados y los usos de algunas plantilla útiles.

• 404.php: Ésta plantilla se mostrará como página de error cada vez que no se encuentre un contenido dentro del blog.
• single.php: Muestra como se vería un post individualmente.
• page.php: Es la plantilla por defecto para los contenidos de las páginas individuales de WordPress.
• category.php: Muestra todos los post de una categoría, también se puede hacer una pequeña variación y mostrar por ejemplo cada categoría de manera diferente, para ello se le agrega el número de la categoría así: category-9.php
• archive.php: Ésta será la plantilla que mostrará el archivo del blog.
• tag.php: En ésta plantilla se mostrarán todos los post correspondientes a un tag específico, funciona muy similar a la plantilla category y también se puede diferenciar una de otra añadiendo el slug del tag correspondiente así: tag-nombredelslug.php
• search.php: Con ésta plantilla se muestran los resultados de las búsquedas realizadas.
• autor.php: Es la plantilla utilizada por defecto para mostrar la información del autor.

Por otro lado también se pueden crear plantilla específicas fuera de las que WordPress tiene como predeterminadas, para ello debemos insertar el siguiente código al principio de la página.

Código :

< ?php
/*
Template Name: Nombre
*/
?>


Después vamos al panel de administración de WordPress, creamos una página común y corriente: Escribir > Página (Write > Page). Una vez allí en la barra lateral se mostrará la opción de Plantilla de Página (Page Template) en dónde seleccionaremos la que corresponda al Nombre que anteriormente utilizamos en el código anterior.

Las plantillas son muy útiles cuando queremos hacer themes más complejos y personalizados ya que nos permiten mostrar el contenido de forma diferente y de manera especializada, así que espero que éste pequeño resumen de lo que se puede hacer les haya sido de utilidad.