Rick acaba de publicar un nuevo plugin para Wordpress. En este caso se trata de RSS Stream, una herramienta desarrollada para mostrar la actividad más reciente de toda tu información on-line, es decir, lo que escribes en el twitter [o pownce], las fotos que subes al flickr, los enlaces que guardas en del.icio.us, la música que escuchas en last.fm e incluso las novedades de tu blog.
Desde una pantalla de opciones configuras todos los servicios y luego solo tienes que preocuparte de llamar al plugin donde tu quieras con: RSS_Stream();
Yo ya tengo mi weblife activado.
Más Información: RSS Stream
Con el cambio de tema me han saltado detallitos que he tenido que ir depurando poco a poco.
Uno de ellos es que me suelo emocionar a la hora de poner etiquetas en las entradas y el espacio que les he concedido en la página principal es algo limitado.
En un principio pensé en repasar todas las etiquetas de mis posts e ir ajustándolas para que no se salieran del espacio, pero después de ver la cantidad de trabajo que me suponía [y como soy un poquillo vago] busqué la opción alternativa.
Lo que hará el tema será sacar en la página principal 4 de las etiquetas de esa entrada, al azar, y se mostrarán todas las restantes al entrar en cada uno de los posts.
Para ello he creado un archivo functions.php en mi tema con el siguiente código:
PHP:
-
function getPostTags($id, $number, $sep) {
-
-
$output = ”;
-
$tags = get_the_tags($post->ID);
-
-
$number = (int) $number;
-
if ( $number != 0 ) {
-
$tags = randomArray($tags);
-
-
}
-
-
foreach ( (array) $tags as $tag ) {
-
$tag_links[] = ‘<a href="’.clean_url(get_tag_link($tag->term_id)).‘" title="’.wp_specialchars($tag->name).‘">’.wp_specialchars($tag->name).‘</a>’;
-
}
-
-
$output .=
join($sep,
$tag_links);
-
-
}
-
}
-
-
function randomArray( $data_in ) {
-
-
-
-
foreach( (array) $rand_keys as $key ) {
-
$data_out[$key] = $data_in[$key];
-
}
-
-
return $data_out;
-
}
La primera función es la que se encarga de recuperar las etiquetas de un determinado post de nuestro blog. Le pasamos como parámetros el ID del post, la cantidad de etiquetas que queremos recuperar y el separador entre ellas [no os perdais el comando join].
La segunda función es la encargada de mezclar el array de etiquetas para que salgan aleatorias.
Con esto, tan solo queda modificar la llamada dentro del loop de wordpress en nuestro tema para usar la función específica:
getPostTags($post->ID, 4, ', ');
Con el 98% de trabajo completado, creo que es un buen momento para poner en fase de producción mi nuevo tema uve3.
Conservando mucho del estilo anterior, he querido montar un tema de una sola columna con un bloque de opciones extenso al pie de la página. Escrito completamente desde cero, ahora me tocará revisar los archivos CSS para hacer un poco de limpieza y optimización. He intentado no optimizar tema lo máximo posible, evitando el uso de imágenes innecesarias para que la carga de la página no se vea perjudicada.
Para montar el tema he usado:
Y le he activado a Wordpress los plugins:
En cuanto remate los flecos pendientes de este tema prometo ponerme con mi anterior tema, fenix, para estandarizarlo y publicarlo para su uso. [si, es algo que tengo pendiente desde hace unos meses]
Por supuesto decir que he pensado el tema para ofrecer al usuario una claridad y sencillez a la hora de navegar por la web y acceder a los contenidos, si veis que algo falla o se puede mejorar no dudeis en poner vuestras sugerencias en los comentarios de esta entrada.
Como curiosidad final os publico el comienzo de este tema, el boceto a mano hecho en cama un día de sonambulismo:
Imaset es el nombre del plugin que ha desarrollado Alex Barros y del que acaba de liberar la versión 2.0 estable.
Lo que permite este plugin es controlar los efectos visuales de la imágenes que subas a Wordpress a la hora de escribir una entrada. Para ello, tras activarlo, te aparecerá un botón justo encima de la opción ‘Subir’. Cuando subas una imágen y pulses el botón, se abrirá un ventana en donde podrás añadirle dinámicamente una multitud de efectos a la imágen:
- Decoración
- Sombra
- Marco
- Reflejo
- Brillo
- Perspectiva
- Ondular
- Color
- Invertir colores
- Escala de grises
- Sepia
- Colorizar
- Efectos
- Desenfoque suave
- Desenfoque fuerte
- Encontrar bordes
Una vez que generes la imágen deseada, puedes añadirla automáticamente al editor de la entrada.
Para poder utilizar este plugin, tu servidor debe soportar PHP 4+ y tener instaada la librería GD. Es compatible con Wordpress 2.x+.
Un plugin muy currado, fácil de usar y que dará mucho juego a tu blog. Pruébalo!
Imaset, Control Total sobre tus Imágenes de Wordpress
Ya tengo el blog actualizado a la última versión de Wordpress, la 2.3. Y si!! han tenido en cuenta a los que usábamos sistemas de etiquetas como Simple Tagging y trae un estupendo (y facilísimo) importador. Sin errores graves.
zwordpress es el nombre de la pedazo extensión para firefox que se ha currado gafeman y que añade un menú al navegador permitiendo tener las acciones más comunes a la hora de administrar un blog:
Descarga y Tutorial de Instalación de zwordpress…
Rick ha creado un estupendo plugin para Wordpress con el que podrás seleccionar de una forma sencilla el tema visual de los smilies de tu blog: Smilies Themer
A partir de ahora voy a intentar usar el método que utilicé en el post de Doug Henning para mostrar los videos en el blog.
Básicamente no mostrar el flash con el video directamente, sino que se muestra una imagen y al pulsar sobre ella lanza el Slimbox con el video en cuestión.
Para montar esto he usado la versión Slimbox Extended y le he añadido lo siguiente al script:
JAVASCRIPT:
-
// En las líneas 184 y 192
-
this.preload.s = this.matchOrDefault(rev, new RegExp(“scroll=(\d+%?)”, “i”), 1);
-
-
// En la línea 216
-
var ss = (this.preload.s == 1) ? “yes” : “no”;
-
-
// En la línea 219
-
…scrolling:ss…
Así puedo usar la propiedad “rev” para indicarle, además del ancho y alto, si quiero que se vean las barras de scroll.
El segundo paso es crear la página que cargará el video. Para ello, nos creamos un PHP con el siguiente contenido:
PHP:
-
<html>
-
<head>
-
<title>YouTube Video</title>
-
</head>
-
<body style=“margin:0;padding:0;”>
-
<?php
-
-
$video = $_GET[‘v’];
-
?>
-
<object width=“480” height=“368” type=“application/x-shockwave-flash” data=“http://www.youtube.com/v/”>
-
<param name=“movie” value=“http://www.youtube.com/v/” />
-
</param></object>
-
<?php } ?>
-
</body>
-
</html>
Con esto ya solo nos quedaría meter en el post el código necesario para lanzar el Slimbox con el video. Como todos los videos de YouTube tienen una imagen “default.jpg” asociada, lo único que variará será el código del video. Un ejemplo sería:
HTML:
-
<! — Modificariamos el código ‘JsTgQb7qcmo’ por el de nuestro video — >
-
<a href=“http://www.hnkweb.com/video/youtube.php?v=JsTgQb7qcmo” rev=“width=480, height=370, scroll=0” rel=“lightbox[]” title=“Video de YouTube”>
-
<img src=“http://img.youtube.com/vi/JsTgQb7qcmo/default.jpg” alt=“Pulsa para ver el video” />
-
</a>
Y el resultado sería:
Sigue leyendo mis entradas: ◄ 1 2 3 4 ►
Hola, soy Marcos Esperón, un estudiante del ciclo superior de desarrollo de aplicaciones informáticas. Me fascina todo lo relacionado con la informática y la tecnología - Además tengo otros hobbies como el desarrollo web, la fotografía y los gadgets. Puedes saber más de mi en la página de 
