Como usar Coppermine y Movable Type

La verdad había intentado usar otros programas de galerías y con el que siempre he podido trabajar es con el Copermine Gallery. La verdad es que no hay un plugin que interactue con Coppermine, pero existe un programa en PHP que se conecta a la galería y puede devolver las imágenes solicitadas.

Resulta que no es difícil de instalar ni de configurar, pero al principio no les entendía. Luego me equivoqué al agregar el código a las plantillas del blog. Errores de principiante.

Pero ahora ya puedo mostrar una imagen aleatoria en una de las barras laterales. A continuación, como lo conseguí.

Lo primero es obtener el programa del sitio de FistFullOfCode e instalarlo en nuestro servidor. Afortunadamente trae un archivo de instalación en el que debemos colocar la ruta hacia nuestra galería. Las instrucciones dicen que debemos poner la ruta relativa, pero me funcionó mejor poner la ruta completa la momento de llamar al plugin.

 Pero creo que es importante ejecutar ese archivo porque guarda algunos parámetros en la configuración del programa. Lo importante es lo que sigue después.

Ahora colocamos el código en nuestra plantilla de Movable Type con las opciones que necesitemos. y listo.

Veamos el código necesario para insertar una imágen aleatoria de la galería:

<span style="color: rgb(0, 87, 166);">&lt;</span><span style="color: rgb(32, 0, 128); font-weight: bold;">div</span><span style="color: rgb(71, 71, 150);"> </span><span style="color: rgb(7, 71, 38);">class</span><span style="color: rgb(48, 128, 128);">=</span><span style="color: rgb(16, 96, 182);">&quot;module-gallery module&quot;</span><span style="color: rgb(0, 87, 166);">&gt;</span><br /><span style="color: rgb(0, 87, 166);">&lt;</span><span style="color: rgb(32, 0, 128); font-weight: bold;">div</span><span style="color: rgb(71, 71, 150);"> </span><span style="color: rgb(7, 71, 38);">class</span><span style="color: rgb(48, 128, 128);">=</span><span style="color: rgb(16, 96, 182);">&quot;module-content&quot;</span><span style="color: rgb(0, 87, 166);">&gt;</span><br /><span style="color: rgb(0, 87, 166);">&lt;</span><span style="color: rgb(32, 0, 128); font-weight: bold;">h2</span><span style="color: rgb(71, 71, 150);"> </span><span style="color: rgb(7, 71, 38);">class</span><span style="color: rgb(48, 128, 128);">=</span><span style="color: rgb(16, 96, 182);">&quot;module-header&quot;</span><span style="color: rgb(0, 87, 166);">&gt;</span>Galer<span style="color: rgb(7, 71, 38);">&amp;</span><span style="color: rgb(7, 71, 38);">iacute</span><span style="color: rgb(7, 71, 38);">;</span>a<span style="color: rgb(0, 87, 166);">&lt;/</span><span style="color: rgb(32, 0, 128); font-weight: bold;">h2</span><span style="color: rgb(0, 87, 166);">&gt;</span><br /><span style="color: rgb(0, 87, 166);">&lt;</span><span style="color: rgb(32, 0, 128); font-weight: bold;">center</span><span style="color: rgb(0, 87, 166);">&gt;</span><br /><span style="background: rgb(204, 238, 238) none repeat scroll 0% 50%; color: rgb(0, 87, 166); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">&lt;?php</span><span style="background: rgb(204, 238, 238) none repeat scroll 0% 50%; color: rgb(0, 0, 0); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"></span><br /><span style="background: rgb(204, 238, 238) none repeat scroll 0% 50%; color: rgb(0, 0, 0); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> </span><span style="background: rgb(204, 238, 238) none repeat scroll 0% 50%; color: rgb(32, 0, 128); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; font-weight: bold;"> include</span><span style="background: rgb(204, 238, 238) none repeat scroll 0% 50%; color: rgb(0, 0, 0); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> </span><span style="background: rgb(204, 238, 238) none repeat scroll 0% 50%; color: rgb(16, 96, 182); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">&quot;/ruta/completa/hasta/el/archivo/cpmfetch.php&quot;</span><span style="background: rgb(204, 238, 238) none repeat scroll 0% 50%; color: rgb(64, 96, 128); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">;</span><span style="background: rgb(204, 238, 238) none repeat scroll 0% 50%; color: rgb(0, 0, 0); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"></span><br /><span style="background: rgb(204, 238, 238) none repeat scroll 0% 50%; color: rgb(0, 0, 0); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> </span><span style="background: rgb(204, 238, 238) none repeat scroll 0% 50%; color: rgb(0, 125, 69); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> $objCpm</span><span style="background: rgb(204, 238, 238) none repeat scroll 0% 50%; color: rgb(0, 0, 0); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> </span><span style="background: rgb(204, 238, 238) none repeat scroll 0% 50%; color: rgb(48, 128, 128); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">=</span><span style="background: rgb(204, 238, 238) none repeat scroll 0% 50%; color: rgb(0, 0, 0); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> </span><span style="background: rgb(204, 238, 238) none repeat scroll 0% 50%; color: rgb(32, 0, 128); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; font-weight: bold;">new</span><span style="background: rgb(204, 238, 238) none repeat scroll 0% 50%; color: rgb(0, 0, 0); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> cpm</span><span style="background: rgb(204, 238, 238) none repeat scroll 0% 50%; color: rgb(48, 128, 128); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">(</span><span style="background: rgb(204, 238, 238) none repeat scroll 0% 50%; color: rgb(16, 96, 182); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">'/ruta/completa/hasta/el/archivo/cpmfetch_config.php'</span><span style="background: rgb(204, 238, 238) none repeat scroll 0% 50%; color: rgb(48, 128, 128); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">)</span><span style="background: rgb(204, 238, 238) none repeat scroll 0% 50%; color: rgb(64, 96, 128); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">;</span><span style="background: rgb(204, 238, 238) none repeat scroll 0% 50%; color: rgb(0, 0, 0); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"></span><br /><span style="background: rgb(204, 238, 238) none repeat scroll 0% 50%; color: rgb(0, 125, 69); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">  $objCpm</span><span style="background: rgb(204, 238, 238) none repeat scroll 0% 50%; color: rgb(48, 128, 128); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">-</span><span style="background: rgb(204, 238, 238) none repeat scroll 0% 50%; color: rgb(48, 128, 128); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">&gt;</span><span style="background: rgb(204, 238, 238) none repeat scroll 0% 50%; color: rgb(0, 0, 0); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">cpm_viewRandomMedia</span><span style="background: rgb(204, 238, 238) none repeat scroll 0% 50%; color: rgb(48, 128, 128); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">(</span><span style="background: rgb(204, 238, 238) none repeat scroll 0% 50%; color: rgb(0, 140, 0); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">1</span><span style="background: rgb(204, 238, 238) none repeat scroll 0% 50%; color: rgb(48, 128, 128); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">,</span><span style="background: rgb(204, 238, 238) none repeat scroll 0% 50%; color: rgb(0, 140, 0); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">1</span><span style="background: rgb(204, 238, 238) none repeat scroll 0% 50%; color: rgb(48, 128, 128); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">)</span><span style="background: rgb(204, 238, 238) none repeat scroll 0% 50%; color: rgb(64, 96, 128); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">;</span><span style="background: rgb(204, 238, 238) none repeat scroll 0% 50%; color: rgb(0, 0, 0); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"></span><br /><span style="background: rgb(204, 238, 238) none repeat scroll 0% 50%; color: rgb(0, 125, 69); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">  $objCpm</span><span style="background: rgb(204, 238, 238) none repeat scroll 0% 50%; color: rgb(48, 128, 128); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">-</span><span style="background: rgb(204, 238, 238) none repeat scroll 0% 50%; color: rgb(48, 128, 128); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">&gt;</span><span style="background: rgb(204, 238, 238) none repeat scroll 0% 50%; color: rgb(0, 0, 0); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">cpm_close</span><span style="background: rgb(204, 238, 238) none repeat scroll 0% 50%; color: rgb(48, 128, 128); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">(</span><span style="background: rgb(204, 238, 238) none repeat scroll 0% 50%; color: rgb(48, 128, 128); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">)</span><span style="background: rgb(204, 238, 238) none repeat scroll 0% 50%; color: rgb(64, 96, 128); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">;</span><span style="background: rgb(204, 238, 238) none repeat scroll 0% 50%; color: rgb(0, 0, 0); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"></span><br /><span style="background: rgb(204, 238, 238) none repeat scroll 0% 50%; color: rgb(0, 87, 166); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">?&gt;</span><br /><span style="color: rgb(0, 87, 166);">&lt;/</span><span style="color: rgb(32, 0, 128); font-weight: bold;">center</span><span style="color: rgb(0, 87, 166);">&gt;</span><br /><span style="color: rgb(0, 87, 166);">&lt;/</span><span style="color: rgb(32, 0, 128); font-weight: bold;">div</span><span style="color: rgb(0, 87, 166);">&gt;</span><br /><span style="color: rgb(0, 87, 166);">&lt;/</span><span style="color: rgb(32, 0, 128); font-weight: bold;">div</span><span style="color: rgb(0, 87, 166);">&gt;</span> 

Lo que hace este código es, según creo, crear un objeto nuevo del tipo cpm al que llamamos $objCpm. La función que uso en el ejemplo toda dos valores el número de filas y el número de columnas. En este caso, devuelve una sola imágen.

Me pregunto  que pasaría si pongo ese código en una entrada. Veamos:

Entradas Relacionadas