Como tener un Gallery como el de Ma.tt

Yo considero mi blog, mas un blog de pruebas que temático. Mas sin embargo al ver la gallería de Ma.tt, empezó a buscar una manera de encontrar la forma de mostrar un thumbnail en cada “álbum” pero no la encontré. Así que empecé a desarrollarlo.

Primero que nada, por azares del destino encontré en el código fuente de WordPress que podemos hacer que cada categoría tenga la forma que nosotros gustemos de mostrar los Post.

Simplemente agregamos a nuestra carpeta del Theme un archivo con la siguiente estructura en el nombre:

category-#.php
Donde # es el ID de la categoría. Yo copie lo que tenía mi Index.php

Ó si, eso facilita la vida a todo el mundo, pues podemos hacer que el Loop de Wordpress se muestre a nuestro antojo.

Primero que nada hay que “esconder” de nuestro Loop en el Index principal los post relacionados a la Categoría Galería, podemos usar como referencia el mini-manual de query_post(), si ya escogiste una categoría para que no se mostrara, puede aparecer un error si no lo usas de la manera correcta para que 2 no se muestren :

query_posts(”cat=-#CATEGORY1 , -#CATEGORY2 &paged=$page”); Todo Pegado, y con “,”

Ó si, ya no debe aparecer la categoría uno al principio. Ahora mostrare el código fuente que vamos a agregar en nuestro archivo category-#.php

function imp_img_gallery($id){
$orderby=’menu_order ASC, ID ASC’;
$attachments = get_children(”post_parent=$id&post_type=attachment&…..
post_mime_type=image&orderby=\”{$orderby}\”");
$size=’thumbnail’;

$output = “”;

foreach ( $attachments as $id => $attachment ){

$output .= wp_get_attachment_image($id, $size, true);

break;

}

return $output;
}

Y la mandamos a llamar desde el Loop de la siguiente forma:

<a href=”<?php echo wp_get_attachment_url(the_permalink()); ?>”> <? echo imp_img_gallery(intval($post->ID));?> </a>

El primer echo imprime el link en la foto de nuestro álbum, y el segundo manda a llamar a la imagen. El detalle aqui es el $post->ID, por que llamara la dirección en el que el ciclo del Loop se encuentre.

Este nos mostrara SOLO LA PRIMERA IMAGEN de nuestro Media Library, si bien, Ma.tt tiene un contador de fotos de su álbum, poemos usar el siguiente código al principio del archivo.

function obtain_total_gallery($id){
$attachments = get_children(”post_parent=$id&post_type=attachment&…..
post_mime_type=image&orderby=\”{$orderby}\”");
foreach ( $attachments as $id => $attachment ){
$i++;
}
return $i;
}

Y dentro del Loop, donde queramos que aparezca el Numero lo llamamos de la siguiente forma:

<? echo obtain_total_gallery(intval($post->ID));?>

Y es todo, el mio pueden llamarlo visitando la sección Galería.

Actualización 1: Los 5 “…..” puntos, en el código, se refiere a que la linea de abajo es consecutiva, pegada lo que pasa es que el div de mi theme se salia de control.

05 05 2008
Tags: , , , ,
Otros Post por Mackzter | Posted in » MiniTutoriales
4 Comments

YouTube All Stars

Todas las estrellas de youTube, en una parodia de South Park de los mas “visitados” ! xD

27 04 2008
Tags: ,
Otros Post por Mackzter | Posted in » Humor Geek
3 Comments

La historia del crayón, nombres y valores RGB y Hexadecimal de 120 colores.

Quién en su vida no jugo con las famosas crayolas?

Yo llegue a tener una caja con 100 crayolas, ese olor, la forma en que puedes colorear, esa experiencia cuando eres niño y vas al kínder-garden que sabes que algún día no volverás a ver igual las cosas.

Pues gracias a Vecindad Gráfica me he topado no solo con su historia, si no también con un panel del nombre de 150 colores, su numero Hexadecimal y valor RGB. De 2 colores que recuerdo mucho son el Razzmatazz y el Salmon, ¿Alguien los uso?

Puedes ver el informe Aquí: COLOURLovers | All 120 Crayon Names, Color Codes and Fun Facts

Vía Blog Vecindad Gráfica | 120 colores de Crayones con nombres, RGB y hexadecimal

23 04 2008
Tags: ,
Otros Post por Mackzter | Posted in » Curiosidades
Leave a Comment

ParaKSaber esta frase: La Verdad de tu Computadora

Un ordenador es como el Dios del antiguo testamento: hace que todo se rija por un montón de reglas y además no tiene piedad.

atribuido a Joseph Campbell

Fuente: Microsiervos | Sin piedad

23 04 2008

Otros Post por Mackzter | Posted in » Frases
Leave a Comment
22 04 2008

Es horrible ¬¬ este tinymce no tiene la seccion de tablas. y no podia centrar la imagen desde “Adjuntar Media”, ponia las etiquetas <center> y </center> y automaticamente se deshacia de ellas el editor. Así que por curiosidad use el “centrar texto” y vi que empezo a centrar las imagenes. Recuerda usar el siguiente codigo en una etiqueta <p> ó <td>: ( style=”text-align: center;” ).  Es curioso, ahora antepone “style”  y me funciona de maravilla. Por desgracia este editor no tiene emoticones….

Otros Post por Mackzter | (0) | | (VeloTodo)

Powered by WordPress | Blue Weed by Blog Oh! Blog | Entries (RSS) and Comments (RSS).