Sidebar Widgets, lo nuevo de WordPress

Via Blogging Pro, descubro este interesante blog donde nos explican un nuevo sistema de modificación del sidebar de nuestros themes con javascript y ajax (¿como no?). La verdad es que tiene muy buena pinta. Con un simple movimiento de ratón arrastramos las opciones que queremos poner en nuestro sidebar y lo ordenamos en la formación que más nos convenza. El invento se llama Sidebar Widgets y parece que uno de los desarrolladores(Andy Skelton) ya había hablado del tema.

widgetsidebarmove.png

Y insertar un nuevo “widget”…
20060307.png

WP-Notable + Meneame

WP-Notable, es un nuevo plugin que te permite montar una barra con todos los marcadores imaginables, en los que se podrán agregar tus posts.

image_bar.PNG
+ image_bar.PNG

El plugin está muy bien, aunque le falta la opcion de meneame, he modificado el código para que te permita “menear” tus entradas D

Lo podeis descargar de: aqui

Instalación

  1. Descargar el plugin
  2. Descomprimir y subir a la carpeta wp-content/plugins/ del FTP, respetando la estructura.
  3. Activar el plugin
  4. Ir a Opciones >> Notable y marcar los marcadores que queremos que aparezcan.
  5. Añadimos <?php wp_notable(); ?> en donde queremos que aparezcan las imagenes.

WP-Notable y el social bookmarking

WP-Notable es un plugin para WordPress que tiene como objetivo facilitar que los visitantes puedan añadir los artículos a los sistemas de social bookmarkings. Añade una barra al final de cada artículo en donde se puede seleccionar el sistema que se desea utilizar para añadir el artículo. Puede ver su funcionamiento en [...]

Un mal llamado script.aculo.us

Los blogs son la revolución de Internet y últimamente se están convirtiendo en una plaga que amenaza con crecer más y más, pero esto ha cambiado mucho desde los principios (como comenta nuestro amigo Daniel).

Daniel comenta que los blogs están mutando, y que parece que la cantidad de herramientas que tenemos para nuestros sidebar hacen de nuestros blogs algo cargante e incluso marea a los visitantes. Una forma de hacer esta zona algo más clara y disminuyendo la cantidad de información (abrumadora) es el uso de efectos javascript como acordeones o deslizantes. Para ello podemos usar miles de librerías, pero nunca nos paramos a pensar cual es la que más nos conviene.

En mi caso, me inicie con script.aculo.us, una librería fantastica, con miles de efecto y muy facil de usar, realmente es algo asombroso lo que se puede llegar a hacer con ella, pero ¿a que precio?.

Un poco de teoría de redes:

La programación web se divide en 2 capas, servidor y cliente. Llamamos servidor a la capa en la que las operaciones se transmiten y se ejecutan dentro del servidor, construyendo la respuesta para enviar al cliente la página que nosotros vemos en nuestro navegador. Y cliente al navegador, donde se ejecutan aplicaciónes como javascript, CSS…

El problema reside en que script.aculo.us es una libraría en Javascript, y como hemos explicado el Javascript se ejecuta en el cliente, por lo tal ha de viajar al cliente, a cada usuario. La librería sola, ocupa 76kb, sin contar la página, imagenes y ficheros de estilos. Esto por desgracia hace que quizas nuestra web en total pese más de 100kb facilmente, lo cual me parece algo realmente exagerado.

Teniendo en cuenta esto, hagamos cuentas. 100kb*N(visitas) = Muuuchos KB / 1024 = menos MB.

En definitiva, cargamos mucho el tiempo de carga de nuestra página. Es cierto que con las conexiones de hoy en día 100kb no son nada, pero imaginar una web como Microsiervos con una web de 100kb la cantidad de información que debe estar transmitiendo por minuto.Esto obliga a tener que buscar servicios con mayor ancho de banda, con su consecuente aumente de precio.

Alguno ejemplos de sobrecarga de web he visto en los tiempos de carga de Vidablog y Proletarium, que usan esta librería. Yo he notado diferencia desde que he dejado de usarla.

Script.aculo.us, es una gran librería, pero tienes demasidas opciones y efectos que no usamos, y eso a mi punto de vista es basura. Por ello tenemos otras librerías con las que podremos hacer cosas muy similares en mucho menos espacio.

Alternativas
moo.fx
jquery
wz_dragDrop 
wz_jsGraphics 
MochiKit 
overLIB 

MyPreviewPost, pre-visualiza tus posts

 Hace unos días pensé una forma muy engorrosa de hacer un preview de las entradas de nuestro blog, pero a pesar de ser una forma complicada, resultaba tambien algo delicada de tratar editando el fichero index.php.

Por ese motivo he creado MyPreviewPost, que es un plugin y una modificación juntas para poder ver nuestros posts antes de publicarlos.

Instalacion

La instalación va en 2 pasos, la primera es la ya conocida:

  1. Descargar el plugin
  2. Subir al FTP a la carpeta wp-content/plugins
  3. Activar desde el menú administrador.

La segunda parte es un poco más delicada, ya que tenemos que editar el fichero single.php de nuestro theme y hacer lo siguiente.HACER UNA COPIA DE SEGURIDAD POR SI LAS MOSCAS.

  1. Buscamos la llamada a la funcion the_content();
  2. La reemplazamos por MypreviewPost(); teniendo en cuenta que a la función the_content() le podemos estar pasando un valor para el Read More.

Ejemplo:

the_content(”Leer más…”);

reemplazar por

MypreviewPost(”Leer más…”)

Guardamos el fichero y lo subimos al sitio de donde lo hemos recogido.

Hay themes que no usan este fichero, en ese caso tendremos que irnos al fichero index.php y buscar el the_content() que indique que estamos en modo single.

Modo de uso

Nos vamos a escribir una noticia como siempre y veremos que ahora en la barra de botones tenemos un boton llamado Preview. En caso de usar WYSWYG no se como saldrá, pero debería aparecer por ahi arriba D

MyPreviewPost

Escribimos la noticia y pulsamos el boton preview, que nos abrirá una ventana nueva con el preview de la noticia. No hagais caso de los comentarios que salen, no son los de esta noticia.

Descargar

Version 1.0 –> aqui

La lista de los viernes: asegurar WP 1.5.x, plugins y themes

Una semana más, los links de WordPress acaparan esta lista de los viernes:

Themes de 2 columnas:

¡Theme de una columna!:

Crea un plugin para wordpress en 5 minutos

Video tutorial para crear un plugin para wordpress en 5 minutos (inglés) creado por Mark Jaquith. Fuente PhotoMatt.

Cambiando las noticias del Dashboard de WordPress

Si hay algo de WordPress que nunca me ha gustado es la distribución de elementos del Dashboard, en primer lugar porque no hay atajos de un click a las acciones más frecuentes, y en segundo lugar porque las noticias que se muestran ahí no son, a mi gusto, las más apropiadas.

En realidad en el Dashboard se sindican dos feeds: el primero es del blog de desarrollo de WordPress (http://wordpress.org/development/feed/), y el segundo es del planet de WorPress (http://planet.wordpress.org/feed/).

Yo, lo primero que hago cuando me instalo un WordPress es cambiarme la primera fuente, sustituyendo la del blog de desarrollo por la del Planeta WordPress, para tener noticias en español por un lado, y mantener las del Planet WordPress como estaban.

El proceso es tan fácil como ir al fichero directorio-de-tu-wordpress/wp-admin/index.php y sobre la línea 130 (unas arriba, unas abajo) encontraremos el primer feed, el del blog de desarrollo, en una línea tal que así:

$rss = @fetch_rss('http://wordpress.org/development/feed/');

Bastará con cambiar la URL del feed por la del que queramos sindicar y voilá.

Si seguimos mirando más abajo encontraremos la fuente del otro feed, la del Planet WordPress, que también podremos cambiar a nuestro antojo, o incluso combinar con las del Planeta WordPress, mostrando 10 de uno y 10 de otro.

Las posibilidades son infinitas :)

I HAEV STYLE TO

Todos conocemos el theme I HAEV STYLE, que mini-d hizo en su tiempo para el WordPress 1.5.x, sin duda es uno de los themes más usados por bloggers y ha servido como referencia a muchos otros themes. Destaca por su sencillez y claridad, es sin duda uno de los themes (por no decir el más) usables de la red, un usuario no se puede en su estructura (aunque algunos discutirían sobre las 2 columnas y que no haya separación más visible entre posts).

screenshot.jpg

I HAEV STYLE es uno de los themes que he usado alguna vez, y por eso considero que podría preparlo un poco para que fuera más facil de usar y adaptar (no es nada del otro mundo), al igual que hice con ajaxEmire, he añadido algunas funcionalidades.

Mejoras

  • Se ha añadido Ajax a la insercción y visualización de los comentarios.
  • Suggest en busqueda
  • Se ha añadido pestaña de configuración gracias a themetoolkit.
  • Posibilidad de cambiar el texto de (Read More >>)
  • Posibilidad de selección de mostrar algunos datos en la sidebar. (Posts recientes,Archivos por mese, Meta,Un about el autor)

Instalación

  1. Descarga el theme
  2. Descomprimir y subir a la carpeta wp-content/themes
  3. Activar desde el menu admnistrador > Themes.
  4. Personalizar nuestro theme desde la pestaña en esa misma ventana.
  5. Disfrutarlo.

Descargar

Versión 1.0 –> Aqui

SkinnerBox, generador de Feeds con estilo

Via la Brujula Verde, descubro SkinnerBox, un sistema con el que transformar el código XML generado por nuestros feeds para darle un aspecto… horrible, sinceramente hoy por hoy  el diseño resultante es legible pero feo de narices.

Tambien podemos usar el sistema que usaron los chicos de Mundo Geek

Technorati Tags: XSL, FEED, RSS, wordpress