Posts Tagged Plugin
Mostrar una página en WordPress con todos los tags
Posted by Xavi in Blog, Programación Web on 06/04/2010
Con la migración del blog he tenido la oportunidad de reorganizar los plugins que utilizo en WordPress. Siempre me ha gustado intentar exprimir al máximo las posibilidades del software que utilizo y evitar el uso de plugins que hicieran funciones presentes en la base del mismo y eso es lo que he conseguido con la nube de tags.
Cuando empecé este blog mi experiencia con WordPress aun era muy limitada (usuario medio por decirlo de alguna manera) y instalé un plugin para mostrar una nube con todos los tags que había utilizado hasta el momento (Better Tag Cloud). Pues bien, el blog ha llegado a recopilar un número de etiquetas que no caben en un ‘tag cloud’ en la sidebar de este blog -si que caben pero ocupan demasiado- y me he decidido a abrir una página con todos los tags que se han asignado a los apuntes aquí almacenados.
Para publicar esta página lo primero que he pensado ha sido instalar otro plugin. Pero Naaah… WRONG ANSWER!!! WordPress tiene la potencia suficiente para poder hacer esto de una forma elegante y eficiente. A continuación explicamos los pasos que vamos a dar para mostrar dicha página:
- Crear un template nuevo para la página.
- Poner el código que nos va a mostrar la nube de tags.
- Crear la página y definir el template para que nos muestre la información.
NOTA: Yo utilizo el tema para WordPress Fusion 3.1. Así que todo el código que muestre estará relacionado con dicho tema. Adaptar el código de este tema a otro no debería ser muy costoso si se trata de un tema que sigue las directrices de WP para la creación de temas.
Crear un template nuevo para la página
Para crear un nuevo template debemos crear un archivo PHP con un nombre que defina lo que vamos a hacer con él (por ejemplo: tagcloud.php). En este archivo vamos a poner primero un comentario para que el motor del blog identifique el template de la página:
<?php /* Template Name: Tag Cloud */ ?>
Una vez creado dicho archivo lo podemos subir por FTP a la carpeta del tema (/wp-content/themes/fusion en mi caso).
Código de la página
Una vez subido el archivo (y otorgados permisos de escritura para que se pueda editar desde el editor de WordPress) ya podemos poner el código que queremos que se muestre en las páginas que se publiquen con esta plantilla. La apariencia que yo quiero que tenga esta página es la misma que la de la página principal pero sólo con la nube de tags. Para esto cogeremos el código de page.php, copiaremos la estrucura y la pegaremos en el archivo quitando el contenido del div con id “mid-content” (dónde se publica la lista de post en la página principal).
Una vez hecho esto, pondremos un título para la página (h3 para el tema Fusion) y pegaremos el código para mostrar la nube de tags:
<?php wp_tag_cloud('smallest=10&largest=26&number=0'); ?>
La apariencia final del archivo tagcloud.php debe ser parecido a este:
<?php /* Template Name: Tag Cloud */ ?>
<?php get_header(); ?>
<! -- mid content -->
<div id="mid-content">
<h3 class="title">Todos los tags de mis artículos</h3>
< ?php wp_tag_cloud('smallest=10&largest=26&number=0'); ?>
</div>
<! -- mid content -->
</div>
<! -- /mid -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>
Crear la página
Para crear la página debemos ir a la sección de WordPress encargada de esta acción y crear una. Definimos el título y no introducimos nada más. En lugar de poner texto vamos a ir a la barra lateral y vamos a escoger el Template (o plantilla, depende del idioma en que tengamos instalado el sistema) Tag Cloud (o lo que hayamos escrito después de Template Name en el comentario inicial del archivo tagcloud.php.
Publicamos i… Listo!!!
Espero que os ayude 
Programar con Flex Builder en una Ubuntu de 64 bits
Posted by Xavi in Linux, Programación Web on 15/02/2010
Adobe no tiene una versión estable de su IDE Flex Builder para Linux pero si existe una versión Alpha (bastante estable) de su plugin para Eclipse. Los puntos más negativos de este plugin son los siguientes:
- No permite la edición visual de los archivos MXML (ni la previsualización).
- Sólo se ejecuta con la versión 3.2 de Eclipse (Europa) y para una máquina virtual de java de 32 bits.
El primero de los puntos no se puede solucionar de ninguna de las maneras hasta que Adobe se ponga las pilas con la versión del IDE para Linux. El segundo de los puntos sí que se puede “arreglar” si estamos trabajando en una distribución de 64 bits (en nuestro caso para Ubuntu 9.10); en el siguiente artículo voy a describir el proceso que he seguido para poder programar en Flex con el plugin de Adobe en la versión 9.10 de Ubuntu (64 bits).
NOTA: El equipo donde he probado esta instalación ya tenia otras instalaciones de Java y librerías para compatibilizar software de 32 y 64 bits. Por este motivo no puedo asegurar que sólo siguiendo la instrucciones que vienen a continuación funcione todo correctamente.
Requisitos iniciales
Para poder realizar todo el proceso debemos descargar la versión 6 de Java (sobretodo de Sun) para Linux y la útlima Alpha para Linux del plugin de Eclipse de Adobe.
- Sun Java JDK 6:
Aquí. Descargar la versión para Linux (no Linux 64) y .bin (no .rpm.bin) - Adobe Flex Eclipse plugin:
Aquí.
Una vez descargados se deben dar permisos de ejecución al instalador del plugin de Flex. Por ejemplo:
chmod +x ./flexbuilder_linux_install_a5_112409.bin
Otro requisito esencial para la instalación es tener el plugin de Flash en el sistema (versión 9 o superior) y Eclipse Europa en un directorio sobre el que tengamos permisos para “cacharrear”.
Instalar el JDK de 32 bits
Para instalar el JDK de 32 bits primero tenemos que instalar el paquete java-package:
sudo apt-get install java-package
Y generar el archivo desde el binario de java:
DEB_BUILD_GNU_TYPE=i686-linux-gnu DEB_BUILD_ARCH=i386 fakeroot make-jpkg jdk-6u18-linux-i586.bin
NOTA: Esta instrucción se debe ejecutar como un usuario sin permisos y es un sólo comando(!). En caso de ejecutarse como root falla.
NOTA 2: El archivo resultante de este comando llevará el postfijo amd64 pero esto no quiere decir que sea una máqunia virtual de Java de 64 bits, sigue siendo el JDK de 32 que hemos bajado de la página de Sun.
Una vez ejecutados estos pasos debemos instalar el paquete DEB generado mediante GDebi o con el comando dpkg -i nombre de comando. En mi caso el comando completo era el siguiente:
dpkg -i sun-j2sdk1.6_1.6.0+update18_amd64.deb
NOTA: El proceso de instalación puede resultar fallido pero seguramente el JDK estará instalado correctamente.
Instalar Flex Plugin para Eclipse
Una vez instalado el JDK podemos ejecutar correctamente el instalador de Flex. Este nos preguntará por algunos datos referentes a la instalación y, en los últimos pasos, es posible que nos diga que no tenemos la versión 9 de Flash instalada en el sistema.
Si anteriormente hemos instalado el plugin de Flash para Firefox es posible que se trate de una versión posterior y no la detecte; en ese caso aceptaremos el mensaje de alerta y seguiremos adelante (sino seguimos adelante igualmente y lo instalamos posteriormente desde los repositorios).
Restaurar la versión de Java por defecto y otros pequeños ajustes
Una vez se ha realizado la instalación tendremos la máquina virtual de Java de 32 bits como versión de Java por defecto. Para cambiar esto debemos utilizar el comando alternatives:
sudo alternatives –config java
Seguimos los pasos que se indican en la consola y ya tendremos restaurada la versión de Java que utilizábamos por defecto antes de la instalación de la de 32 bits.
Para arrancar Eclipse con el plugin ya no podremos hacer doble click sobre el ejecutable de nombre eclipse sino que tendremos que hacer un pequeño script (yo lo he llamado flex.sh). Este script corrige el problema de los botones de Eclipse en Ubuntu 9.10 y especificarà con que Java se ejecutará el IDE. A continuación muestro el contenido de mi flex.sh:
#!/bin/sh
export GDK_NATIVE_WINDOWS=1
/usr/lib/j2sdk1.6-sun/bin/java -jar /home/usuario/eclipse/startup_fb.jar
Evidentemente los PATHS pueden cambiar dependiendo de la configuración de la máquina, del directorio donde se haya instalado el Eclipse, etc.
Una vez creado flex.sh y con este contenido le tenemos que dar permisos de ejecución:
chmod +x flex.sh
Y ejecutarlo!!!
Espero que este proceso pueda ayudar en su totalidad o parcialmente ya que se tocan muchos puntos
Mi configuración de Firefox…
Una de las grandes ventajas de Linux respecto a sistemas operativos mayoritarios es la facilidad de customización de su apariencia. Una vez te acostumbras a la flexibilidad de entornos como Ubuntu + Gnome es complicado volver a sistemas más rígidos en cuanto a los componentes de la interfaz. Y una vez esta rueda ha empezado a girar ya no para ante nada… y mi siguiente víctima, en este caso, ha sido el navegador Firefox.
Hace tiempo que buscaba un navegador para Linux que se ajustara a mis necesidades (a ver cuando Google lanza una versión estable de Chrome!) y como no lo encontraba, decidí fabricarmelo yo mismo. Una de mis necesidades principales es que el navegador no me ocupe espacio innecesario en la pantalla con barras inútiles y otra es la integración con el servicio de bookmarks Delicious.
Firefox es totalmente compatible con Delicious gracias al add-on oficial de Yahoo:
https://addons.mozilla.org/en-US/firefox/addon/3615
Y se puede suprimir la barra del menu por un botón con el plugin Compact Menu 2:
https://addons.mozilla.org/en-US/firefox/addon/4550
Si con esto os he despertado el apetito os dejo unos plugins más para que les echeis una ojeada:
Omnibar, modifica la barra de direcciones para que incluya también búsquedas de Google (estilo Chrome):
https://addons.mozilla.org/en-US/firefox/addon/8823
Fission, nos muestra el porcentaje de carga de la página en la barra de direcciones (estilo Safari):
https://addons.mozilla.org/en-US/firefox/addon/1951
New Tab King, proporciona accesos directos a las páginas web más visitadas en una pestaña nueva:
https://addons.mozilla.org/en-US/firefox/addon/10828
Otros plugins interesantes para añadir funcionalidades nuevas son Screengrab! (realiza captiuras de páginas web con scroll), FireFTP (cliente FTP en una pestaña) o Firebug (indispensable para programadores web). Y en el caso que trabajarais con Amazon AWS no dejaría de instalarme S3Fox (un cliente de S3) y Elasticfox (para gestionar nuestras opciones de EC2).
Personalmente después de instalar todos estos addons aun estoy contento con el rendiemiento de Firefox (155MB de RAM con 6 pestañas abiertas) pero sobretodo, estoy contento porque es una buena herramienta para mi trabajo… y queda bien!! Juzgad vosotros mismos…
Un godo desde Santa Cruz de Tenerife os saluda!
S3 Firefox Organizer, un cliente gráfico gratuito para Amazon S3
Posted by Xavi in Programación Web on 11/05/2009
Amazon S3 es un sistema de almacenamiento de datos on-line muy completo en cuanto a funcionalidades. Las diferentes possibilidades que tenemos para acceder a estas funcionalidades desde los lenguajes de programación mayoritarios hacen de él un gran producto para albergar los datos multimedia de una aplicación web. No obstante, mientras realizamos pruebas, es possible que nos haga falta un cliente gráfico para confirmar que las operaciones que han realizado nuestras aplicaciones son las que pretendiamos.
Cuando empecé a trabajar con S3, recurrí a BucketExplorer. Este programa ofrece casi todas las funcionalidades que podríamos pedir de un cliente gráfico pero el hecho de estar programado en Java ofrece una ejecución multiplataforma pero también una ejecución bastante lenta. Su funcionamiento es muy correcto y cumple los requisitos demandados para mis tareas, pero encontrarme un par de “buckets” en mi cuenta de Amazon S3 (que yo no había creado) con su nombre me hizo desconfiar y lo eliminé de mi directorio de programas.
Hasta hace unas horas no tenía ningún cliente gráfico de S3 en mi sistema hasta que me he tropezado con S3 Firefox Organizer, un add-on para Firefox que nos brinda todas las funcionalidades necesarias para gestionar diversas cuentas de S3. Este plugin recuerda sin ninguna duda a FireFTP, un cliente FTP accesible desde las pestañas de Firefox.
Logo FireFTP
Si quereis probar S3 Firefox Organizer sólo teneis que ir al directorio oficial de plugins del navegador y buscarlo, la verdad es que a mi me ha sorprendido agradablemente y creo que me quedaré con el durante un buen tiempo.
Espero que os guste y me conteis que tal vuestra experiencia con él.
Elasticfox, un buen plugin para gestionar Amazon EC2 desde Firefox
Posted by Xavi in Programación Web on 11/03/2009
La gestión de servicios de Amazon EC2 nos obliga a tratar con las API y AMI Tools de Amazon a través de la línea de comandos (hay una expicación de como instalar API y AMI Tools en este mismo blog, aquí y aquí). El tablero de control vía web que nos ofrecen muchas veces resulta insuficiente porque sólo podemos ejecutar un pequeño número de las operaciones disponibles y la gestión de según qué es muy pesada hacerla comando a comando.
Suponogo que conocedores de estos inconvenientes, Amazon pone a servicio de los usuarios un plugin para Firefox llamado Elasticfox. Por cierto, no lo busques en el buscador oficial del navegador porque no està disponible, aquí tienes el enlace.
Elasticfox ofrece una interficie bastante simplificada para gestionar la mayoría de los servicios de Amazon EC2. Para operaciones complicadas se tiene que recurrir igualmente a la línea de comandos pero para conocer el estado de nuestras instancias y bloques de almacenamiento con un vistazo rápido tenemos suficiente.
Y un apunte final… Si estamos mirando en una “availability zone” determinada no vemos los datos de las otras zonas. ¿Esto es una ventaja realmente? Si alguien está gestionando sus instancias de Estados Unidos, ¿No quiere ver las que están corriendo en Europa? Quizás tendría que haber una opción que permetiera esconder la información de otras zonas, pero que no se puedan ver todas de golpe me parece incómodo.
Comentarios recientes