Crear una galeria de imagenes con movable type
- May
- 29
7 comentarios! 142 palabras - 1 hits
Breve explicación de como crear una sencilla galería de imágenes usando Movable Type como software de base.
Ya han sido varias las personas que se interesan por el sistema que he utilizado para integrar una galería de fotos usando Movable Type.
En realidad, no tiene ninguna complicación, básicamente solo uso el MT para presentar un índice de categorías, y una plantilla para cada imagen de manera independiente. Quizás lo mejor de este sistema es que aprovecho la publicación dinámica de MT combinándola con sistemas de cache.
Para esta galería en concreto utilizo dos plugins de Movable Type:
- DirifyPlus
- Me permite sustituir los espacios en blanco por guiones a la hora de configurar el nombre de los ficheros generados
-
Existe una versión del plugin para usar en modo dinámico.
- PreviousNextInCategory
- Con este plugin podemos incluir enlaces a la entrada anterior/posterior dentro de la misma categoría
- De este plugin también tenemos versión php
Tipos de Archivo
Lo primero sera crear un nuevo weblog, configurar las variables necesarias según gustos o preferencias, prestando especial atención en el formato de los ficheros que genera el MT, como podéis ver en la imagen, solo son necesarios dos tipos de fichero, individual y por categorías.
La estructura de directorios puede variar según las necesidades de cada uno, os muestro la que uso yo como ejemplo:
<$MTEntryCategory dirifyplus="pld"$>/galería/<$MTEntryTitle dirifyplus="pld"$>/
Usando esta estructura, las entradas quedaran clasificadas bajo su categoría, Ej.- /paisajes/galería/puesta-de-sol/, como podéis observar, utilizo el titulo completo de la entrada como nombre del directorio donde quedara archivada, por otra parte, no indico nombre alguno al fichero, a diferencia de cuando usamos ficheros estáticos, al usar la publicación dinámica, no es necesario indicarlo.
Mecánica de Uso
Antes de explicar la estructura de la galería, creo que es mejor, explicar la manera en la que quiero utilizarla.
Mi intención es utilizar solo dos campos para crear las entradas, el Entry Body y el Extended Entry
El primero servirá para incluir una descripción de la imagen, y en el segundo solo pondré el nombre de la imagen, sin extensión ni nada, el código y la extensión, lo incluiré en la plantilla, uso dos copias de cada imagen, una de 480x360px y otra de 100x75px, ambas con el mismo nombre, pero guardadas en directorios diferentes.
He decidido hacerlo así, ya que solo tengo pensado publicar imágenes en un tamaño determinado, todas serán en formato horizontal, con lo que puedo tener un diseño de tamaño fijo para la galería.
Plantillas
Ahora ya podemos ir a la zona de configuración de las plantillas, como dije al principio, solo hago uso de un reducido numero de ellas:
- Dynamic Site Bootstrapper (mtview.php)
- Main Index (index.html)
- RSS2.0 Index (index.xml)
- Sidebar Include (include.php)
- Individual Entry Archive
Estas son las plantillas que personalizare para crear la galería de fotos.
Dynamic Site Bootstrapper (mtview.php)
Este sera el fichero base de la galería, en el modo de publicación dinámica de Movable Type, todas las peticiones se pasan por este fichero, que a su vez se encarga de generar la pagina correspondiente, no me extenderé demasiado en explicar como configurar el modo dinámico, para eso ya esta la ayuda, pero si me gustaría comentar el detalle de que en este fichero se pueden habilitar diferentes tipos de cache, yo en este caso he preferido hacerlo así, para evitar sobrecargar el servidor con las peticiones.
El código que he utilizado es el siguiente:
- <?php
- include('<$MTCGIServerPath$>/php/mt.php');
- $mt = new MT(<$MTBlogID$>, '<$MTCGIServerPath$>/mt.cfg');
- $mt->caching = true;
- $mt->view();
- ?>
De esta forma, consigo dos cosas, la primera es que el sistema de publicación es dinámico, con lo que se acaban las esperas a la hora de publicar, la segunda, es que los archivos dinámicos, solo se actualizarán si lo hace su contenido.
Main Index (index.html)
La pagina principal o índice de la galería contendrá una lista de las categorías, enlazando cada una de ellas respectivamente con la ultima entrada realizada.
La parte relevante del código necesario para esto, es la siguiente:
- <h2>índice de Galerías</h2>
- <ul>
- <MTArchiveList archive_type="Category">
- <li><h3><MTEntries lastn="1"><a href="<$MTEntryLink$>"><$MTArchiveTitle$> <tt>(<$MTCategoryCount$> imágenes)</tt></a></MTEntries></h3>
- <MTEntries lastn="1"><a href="<$MTEntryLink$>"><img src="<$MTBlogURL$>images/<$MTArchiveTitle dirify="1"$>.png" alt="<$MTArchiveTitle$>" /></a></MTEntries></li>
- </MTArchiveList>
- </ul>
Como veis, hago uso de las etiquetas propias de MT para enlazar cada categoría a una imagen, para conseguir esto, guardo todas las imagenes en el mismo directorio, en el mismo formato (png) y con el mismo nombre de la categoría.
Realmente es una manera como otra cualquiera de crear un índice de categorías, que terminare de dar forma con la ayuda de css.
RSS2.0 Index (index.xml)
Yo he preferido usar la sindicación para mostrar una versión reducida de la imagen, nuevamente, os muestro el código que utilizo como ejemplo:
- <content:encoded><![CDATA[<$MTEntryBody>
- <MTEntryIfExtended>
- <p><a href="<$MTEntryLink$>" title="Continuar Leyendo: <$MTEntryTitle$>">Continuar leyendo <$MTEntryTitle$>...</a></p>
- </MTEntryIfExtended>
- <p>
- <MTEntryIfAllowPings>
- <a href="<$MTEntryLink$>"<TrackBack (<$MTEntryTrackbackCount$>)</a> |
- </MTEntryIfAllowPings>
- <MTEntryIfAllowComments>
- Comentarios (<$MTEntryCommentCount$>)
- </MTEntryIfAllowComments></p>]]>
- </content:encoded>
Sidebar Include (include.php)
Además de utilizar la imagen de tamaño reducido para la publicación xml, también la utilizo para incluirla en el resto de paginas, como enlace hacia la galería de fotos.
La mecánica en este caso, es similar a la de las categorías, crear una plantilla principal con extensión PHP, que luego incluire en el resto de paginas.
- <$MTEntries lastn="1"$>
- <a href="$<MTEntryPermalink$>" title="<$MTEntryTitle$>">
- <img alt="<$MTEntryTitle>$" src="<$MTBlogURL$>archives/thumbs/<$MTEntryMore convert_breaks="0"$>-thumb.jpg" width="100" height="75" />
- </a>
- </MTEntries>
Para incluir este fichero en otra pagina, hay que hacer uso de los includes
- <?php include($_SERVER['DOCUMENT_ROOT'].'/incs/include.php'); ?>
Individual Entry Archive
Esta sera la plantilla donde se mostrara cada imagen individualmente, el formato, como siempre se realizara mediante css. Para presentar la imagen, he incluido algo parecido a lo siguiente,
- <p id="imagen"><img alt="<$MTEntryTitle$>" src="<$MTBlogURL$>archives/images/<$MTEntryMore convert_breaks="0"$>.jpg" width="480" height="360" /></p>
Para la navegación he usado el plugin de Phil Rignalda PreviousNextInCategory
- <ul>
- <MTEntryPreviousInCategory>
- <li><a href="<$MTEntryPermalink$>" accesskey="p" title="Anterior entrada">Anterior</a></li>
- </MTEntryPreviousInCategory>
- <li><a href="/photoblog/" id="index" title="Repositorio de Fotografía">Indice de la categoría</a></li>
- <MTEntryNextInCategory>
- <li><a href="<$MTEntryPermalink$>" accesskey="n" title="Siguiente entrada">Siguiente</a></li>
- </MTEntryNextInCategory>
- </ul>
Con esto espero que los que esteis interesados, tengais una base para empezar a construir una galeria de imagenes, como os dije al principio, lo que destaca en este sistema es la simplicidad, y la dinamica a la hora de publicar las imagenes.
En este último aspecto, me gustaria saber si alguien conoce algun script para poder publicar desde la consola de un pc remoto usando el protocolo xmlrpc, yo llevo tiempo buscando ejemplos pero no encuentro casi nada relacionado.
7 comentarios
# Escrito por Don Garbanaldo Peñasco hace 4 años, 9 meses
Buenas tardes.
Mi nombres es Chava, escribo un blog en http://gamobandolo.blogspot.com/ tratando de cambiar mi template, aunque no he encontrado uno que me satisfaga, hasta encontrar tu pagina.
¿Me puedes pasar tu template o darme la pagina de donde lo optuviste?
# Escrito por mayra hace 3 años, 11 meses
hola como estas nosotras somos de argentina y tenemos 14, 12 y 16 y nos gustaria que vinieras a la rioja cap. (argentina)somos cristianas y no hay muchos eventos para conquistar los jovenes de aqui
# Escrito por ismael hace 3 años, 10 meses
quiero crear una inmagen dinamica para mostrar..
# Escrito por ismael hace 3 años, 10 meses
quiero crear una imagen dinamica para mostrar en mi bentana de mi coreo electronico
# Escrito por CH@PIT@ hace 3 años, 3 meses
quiero hacer una imagen dinamica para mi bandeja de entrada…el q quiere comversar con migo mi e-mail es:kevsonsino@hotmail.com…. ccccchhhhhhhaaaaauuuuuu!!!!!
# Escrito por julieth hace 3 años, 2 meses
no me gusta la pagina
# Escrito por DIANA YELITZA HERNANDEZ NERI hace 3 años, 1 mes
HOLA YO ME LLAMO DIANA Y ME GUSTA MUCCHO ESTA PAGINA YO SOY CRISTIANA Y A MI Y AL GRUPO DE JOVENES QUE ASISTIMOS A LA IGLSIA NOS GUSTA MUCHO TU MUSICA ESPERAMOS QUE TU MUSICA SIGA SIENDO DE GRAN BENDICION PARA MUCHOS JOVENES COMO NOSOTROS.