aNieto2K Desarrollo web, Wordpress, y alguna cosilla más

Andrea Olivato ha desarrollado hey social, un plugin para Wordpress que usa heySilver y que te permite incorporar a tu Wordpress un interface de teclado similar a QuickSilver en MacOs o a Ubiquity en Firefox 3con el que poder enviar un artículo a las principales redes sociales.

Podeis verlo funcionando en la propia página de Andrea y descargarlo directamente desde el directorio de plugins de Wordpress.

En el Congreso de Webmasters de 2007, Jose de Corral (de Macbookers) me comentó una idea que le daba vueltas por la cabeza y quería saber si era posible

La idea era la de comentar en el blog directamente desde tu lector de feeds.

Pros:

• El usuario perezoso comenta.
• Disminución de tiempo empleado por el usuario en leer y comentar sus feeds.
• Ofrecer una opción más al usuario.
• Incremento de comentario

Contras:

• El usuario no ha de entrar al blog a comentar.
• Posible de reducción de visitas.

Bueno, despues de casí 300 días creo que os puedo presentar la versión alpha y exclusiva para aNieto2k de CommentFeed (me he estrujado el cerebro ¿eh? :D)

¿Por que exclusiva?

Por un motivo muy sencillo, aún está muy verde. La versión que tengo está desarrollada para aNieto2k y he de pensar como montar un plugin para poder usarlo en cualquier blog sin problemas, pero me gustaría ponerme a ello después de haber testado bien el código que interviene.

¿Como funcionaría?

La idea es muy sencilla, pero requiere la intervención de las dos partes involucradas en la lectura de feeds. Por una parte, el blogger, deberá activar un plugin (aún no tengo muy claro si hará falta algo más) para permitir comentar en el blog, si el blogger no lo activa, el usuario no podrá comentar en el blog directamente desde Google Reader.

Por otra parte, el usuario deberá tener un Marcador (o Script del GreaseMonkey, o algún otro método que se me ocurra) que ejecutará cuando quiera comentar en un blog desde Google Reader.

* El funcionamiento aún puede variar, pero la idea general es la explicada anteriormente.

¿Por que Google Reader?

Por el momento es solo Google Reader, principalmente por que es el lector de feeds que utilizo, y me ha ido perfecto para hacer las pruebas, la idea es intentar conseguir exactamente lo mismo desde cualquier otro Lector de Feeds online (los offline no creo que sea factible, pero no lo descarto por el momento).

¿Como puedo comentar en aNieto2k desde Google Reader?

Pues por el momento, solo tenemos un Marcado que deberemos ejecutar cada vez que queramos comentar.

• Creamos un Marcador.
• Ponemos la URL de este enlace (desde tu lector de feeds no se vé) como la del nuevo marcador que hemos creado.

Una vez guardado el Marcador, ya podemos ir a Google Reader y pulsar sobre él.

En la parte superior de la pantalla veremos, junto al formulario de busqueda de Google Reader, un testigo verde, indicando que podemos hacer uso de CommentFeed.

Una vez activado, veremos en la parte inferior del post, en la barra de acciones una nueva opción más, “Comentar”.

Al hacer click sobre la nueva acción, nos mostrará un formulario, ubicado en la parte superior-izquierda de la ventana en la que nos encontramos un formulario con el que podemos comentar directamente en la entrada que tenemos abierta.

¿Posibles problemas?

Muchos y muy variados. He probado en Firefox y Safari, ha funcionado perfectamente, pero pueden producirse problemas que aún no he podido detectar.

Uno que se me ocurre ahora, es la URL con la que se guardó el Feed en Google Reader, el correcto es el siguiente:

http://www.anieto2k.com/feed/

Al usar el plugin de FeedBurner, puede ser que la URL del feed no sea la correcta. Lo podemos saber si el enlace de los artículos apunta directamente a aNieto2k o a FeedBurner.

Si ocurre algún problema, me sería muy útil que me lo comentarais para intentar solucionarlo.

¿Que te parece?

Los chicos de CSS-Trick nos muestran un tutorial de como conseguir mostrar los comentarios de cada entrada de una forma bastante elegante y original.

Como podeis ver, hay mucho CSS por delánte. Usando los iconos de calendario de Sotak, y mucho códugo CSS podremos conseguir el mismo efecto de la imagen. Un complemento perfecto para aquel calendario que pusimo hace más de 2 años

Hace unos días estuve testeando librerías JS para mostrar gráficas. Realmente he encontrado librerías geniales, pero protoChart ha sido la que más me ha gustado. Para hacer pruebas, estuve usando datos de aNieto2k, y así de paso veía estadísticas del blog de una forma rápida y clara.

He preparado un zip con el que podreis mostrar vuestras estadísticas de la misma forma. En principio, únicamente mostraría estadísticas relacionadas con los posts, comentarios y pingbacks, comparativas con años anteriores, … y si tienes StatPress tendrás además estadísticas de visitas por horas del día actual y del día anterior, además de las visitas del mes (para ello tendremos que tener la opción de 30 días activada en el plugin).

Modificaciones

Para hacer las pruebas creé una clase a la que le podemos pasar una sentencia SQL con la que poder obtener datos X e Y y componer una gráfica.

var posts = [<?=$stat->getResults('line', "SELECT count(post_date) as data, DAY(post_date) as label FROM ".$wpdb->posts." WHERE MONTH(post_date) = ".$month." and YEAR(post_date) = $year AND post_parent = ''  GROUP BY 2 ORDER BY 2 ASC;")?>];

Simplemente hemos de respetar los valores que devolvemos con nuestra SQL. Los nombre data y label deben mantenerse ya que serán usados para mostrar leer los resultados.

Para añadir un nuevo campo a las estadísticas deberemos añadir el elemento HTML nuevo y las líneas necesarias del JS al final del fichero.

// HTML
<h2>Comparativa de comentarios por meses del año (<?=$year?>)</h2>
<div id="commentYear" style="width:100%; height:300px"></div>

// Javascript
var results1 = [<?=$stat->getResults('line', "SQL1")?>];
var results2 = [<?=$stat->getResults('line', "SQL2")?>];
new Proto.Chart($('commentYear'),
[
    {data: results1, label: "Resultados de SQL1"},
    {data: results2, label: "Resultados de SQL2"}
],
{
	xaxis: {min: 1, max: 31, tickSize: 1, tickDecimals: 0},
	lines: {show: true, fill: true},
	points: {show: true},
	legend: {show: true}
});

Tambien podemos hacer uso de gráficas de “quesitos”, para ello pasaremos el parámetro ‘pie’ a la método getResults() de la clase stats.

// HTML
<h2>Navegadores de los usuarios (StatPress)</h2>
<div id="navegadores" style="width:100%; height:300px"></div>

// Javascript
new Proto.Chart($('navegadores'),
[
    <?=$stat->getResults('pie', $sql)?>
],
{
	pies: {show: true, autoScale: true},
	legend: {show: true}
});

Hay una infinidad de opciones para hacer tus gráficos más profesionales.

Instalación

1. Descargamos el ficheros
2. Descomprimimos y subimos a la raiz de nuestro Wordpress.
3. Accedemos a la ruta http://tublog/stats.php

Descargar

El fichero se compone de:

• stats.php
• js/prototype.js
• js/protochart.js
• js/excanvas.js // Para Internet Explorer 6

[Descargar] [Ejemplo]

La aceptación de Firefox y el imparable incremento de extensiones disponibles para este navegador no solo han facilitado la vida a desarrolladores web, sinó que han ayudado a todo el mundo. Una gran variedad de opciones es el motivo por que cada día más gente se pasa a formar parte de los usuarios de Firefox.

Los bloggers, tenemos mucho que agradecer a este navegador ya que gracias a él, tenemos la opción usar una de estas 13 extensiones que nos facilitarán la vida sustancialmente.

1. WP One-Click Installer FireFox Extension, instala plugins y themes con un solo click.
2. Wordpress.com Sidebar FireFox Extension, crea un acceso rápido para loguearte desde tu Firefox.
3. Deepest Sender - Blogging Client FireFox Extension, cliente de blogging para Firefox. Con él podrás actualizar tu Wordpress directamente desde tu navegador.
4. DashBlog FireFox Extension, herramienta ideal para postear videos en tu Wordpress.
5. Clipmarks Firefox Extensions, te ayuda a capturar lo que ves, ya sea texto, imagenes, video,…
6. WordPress Helper FireFox Extension, tu panel administrador en el menú de Firefox.
7. Screen grab to WordPress! FireFox Extension, realiza capturas de pantalla y las envía directamente a tu Wordpress.
8. WordPress.com FireFox extension, muestra las visitas en tu Firefox.
9. Zwordpress FireFox Extension, añade combinaciones de teclas para manejar tu Wordpress más rápidamente.
10. WordPress Post FireFox Extension, crea un post a partir de texto capturado desde tu navegador.
11. Monkiri FireFox Extension, captura cualquier parte de una página y publicalá directamente en tu blog Monkiri.
12. ScribeFire FireFox Extension, nos permite capturar texto formateado para publicar directamente en nuesto blog.
13. Kaalaga FireFox Extension, interesante plugin que te sugiere enlaces a frases del texto realizando busquedas en Google.

El SEO es una parte muy importante de cualquier página en Internet. Nuestro Wordpress no debería ser menos y aparecer en los primeros resultados de los buscadores no debería ser cosa de los que pagan más, sinó de los que lo hacen mejor.

Una forma de hacer frente a esto es usando plugins que nos ayudan a mejorar la salida del HTML para que cuando el GoogleBot nos lea se quede encandilado con nuestro Wordpress y nos posicione mejor. Aunque hay que tener en cuenta que el contenido es lo realmente importante, esta ayuda extra siempre la vamos a agradecer

1. HeadSpace2
2. Redirection
3. SEO Friendly Images
4. SEO Slugs
5. Robots Meta
6. RSS Footer
7. Yoast Breadcrumbs
8. WP Page Numbers

via