Artux’s Blog

Hace ya más de 3 meses que tengo guardado y listo para publicar esta versión del plugin Who Link Here.
Dado el humilde y silencioso éxito de la versión anterior, y aprovechando que tengo la tarde libre; hoy de una vez por todas lo voy a publicar.

Para los que todavía no conocen el plugin Who Link Here, les cuento un poco, el plugin lo que hace es mostrar de una forma simple y sencilla los enlaces entrantes que recibimos a nuestros blogs. Igual que
en el panel de administración pero pudiendo elegir entre dos fuentes diferentes.

Con Who Link Here podemos mostrar los enlaces entrantes desde Google Blog Search o desde Technorati.

La Filosofía de Who Link Here, es pagar con la misma moneda los enlaces recibidos. Pero también puede entenderse como una forma de incentivar a que te enlacen; ya que quienes te enlacen recibirán un enlace de forma casi instantánea.

Who Link Here versión 2.0 (Widget)

La nueva versión de Who Link Here trae algunas pequeñas mejoras:

• Funciona en las versiones 2.0.x, 2.1.x, 2.2.x y 2.3 de Wordpress.
• Puede implementarse tanto manualmente como también en forma de Widget desde el Panel de Administración -> Presentación -> Widgets.

Integrando Who Link Here de forma manual

• Descargamos el Plugin desde el link de descarga, al final de este post.
• Descomprimimos y subimos el plugin al directorio de los Plugins (/wp-content/plugins/).
• Activamos el Plugin desde el Panel de Administración.
• Si lo que queremos hacer es mostrar los Enlaces Entrantes desde Technorati ponemos el siguiente código en la parte del Theme donde queremos que se muestren (preferentemente sidebar.php).

  <?php tech_links("num.enlaces") ?>

  El parámetro “num.enlaces” es la cantidad de enlaces a mostrar, con un máximo de 10.

• Y si lo que queremos es mostrar los Enlaces Entrandes desde Google Blog Search ponemos lo siguiente.

  <?php gbs_links("num.enlaces") ?>

  El parámetro “num.enlaces” es la cantidad de enlaces a mostrar, con un máximo de 20.

Integrando Who Link Here desde el Panel de Widgets

Desde la versión 2.2 Wordpress ya viene integrado con soporte para Widgets. Si tu versión de Wordpress es la 2.2 o superior podes saltearte el primer paso.

• Si tu versión de Wordpress es inferior a la 2.2 antes que nada tendrás que descargar e instalar el plugin para widgets desde el siguiente enlace: Widgets Plugin.
• Los tres pasos siguientes son los mismos que para la integración manual. Descargamos Who Link Here, descomprimimos y subimos el plugin al directorio de los plugins para luego activarlo desde el Panel de Administración.
• Una ves instalado y activado lo único que resta es, en el Panel de Administración, ir a Presentación->Widgets y desde allí arrastrar y soltar alguno de los modulos que aparecen (Technorati WLH y Google WLH). Luego completar los parámetros como puede verse en la imagen de arriba y listo.

Download: Who Link Here v 2.0 (Widget) Downloads: 1148 times

Algunos Sitios donde se puede ver Who Link Here en funcionamiento:

• shtikl.com
• nice4rice.com
• goponygo.com
• jordiplanas.com

Dos posts Interesantes sobre Who Link Here

• Intercambiando Visitas con MarlexSystems
• WordPress Plugin: Reveal incoming links on your blog
  

Un saludo grande a todos!

Twitter This

Usuario: Password:

Si hay un diseñador que admiro, ese es Wolfgang Bartelme; la visión que tiene del espacio, el manejo de los colores y la meticulosidad a la hora de los detalles; lo convierten en un referente indiscutible para cualquier persona que aspire a ser un gran diseñador.

Hoy tengo una buena noticia, el theme que usaba anteriormente Bartelme fue convertido por la gente de ilemoned en un Theme para Wordpress de nombre “The Dark Theme” y liberado bajo GPL, el cual me tomé el atrevimiento de traducir al español.

The Dark Theme - En Español

• flickrRSS
• Gravatar
• Ultimate Tag Warrior
• WP-PageNavi

Puedes descargarlo desde el suiguiente enlace:

Download: Dark Theme - Traducido al Español Downloads: 1341 times

Twitter This

Usuario: Password:

Nota importante: El archivo wp-json.php original mencionado en el post anterior, tiene un minúsculo error de syntaxis; en las parejas {”clave” : “valor”} {”key” : “value”} la definicion de las diferentes claves esta hecha sin comillas, lo cual puede provocar errores de lectura en algunas aplicaciones.

Para solucionar este pequeño inconveniente, edité el wp-json.php original agregándole las comillas faltantes, y además retoqué un poco el código para que la función callback pueda ser definida por el cliente. Pueden ver el archivo resultante en el siguiente enlace: wp-json.php (editado) o desde este otro Feed en Formato JSON para Wordpress.

Hecha la aclaración, paso a completar este post con la segunda parte que quedé debiendo .

Json, Wordpress y PHP (segunda parte)

3- PHP y JSON

Exiten parses de JSON para la mayoría de lenguajes de programación, y como no podría ser de otra forma también para PHP.

Sin embargo la forma en que llevaremos esto acabo va a depender de la versión de PHP que estemos utilizando y de las posibilidades que ofrezca nuestro servidor de hosting.

Explicando mejor esto.

En PHP desde la versión 5.2.0 viene incluida una extencion para codificar y decodificar JSON habilitada por defecto. Pero no todos los servidores de hosting funcionan con PHP 5, es mas, la gran mayoria solo lo hacen con PHP 4, en ese caso se puede utilizar la libreria de PEAR llamada Services_JSON.

Ejemplificando para que se entienda.

• JSON con PHP 5:

  =========================================
  <?php
  
  //codificando un array en formato JSON
  
  $arr = array ('a'=>1,'b'=>2,'c'=>3,'d'=>4,'e'=>5);
  
  echo json_encode($arr);
  
  ?>
  
  /*Nos devuelve lo siguente
  
  {"a":1,"b":2,"c":3,"d":4,"e":5}
  */
  =========================================
  

  =========================================
  <?php
  
  //decodificando JSON
  
  $json = '{"a":1,"b":2,"c":3,"d":4,"e":5}';
  
  var_dump(json_decode($json));
  var_dump(json_decode($json, true));
  
  ?>
  
  /*Nos devuelve lo siguente
  
  Sin parametro opcional devuelve un objeto
  
  object(stdClass)#1 (5) {
      ["a"] => int(1)
      ["b"] => int(2)
      ["c"] => int(3)
      ["d"] => int(4)
      ["e"] => int(5)
  }
  
  true como parametro opcional devuelve un array asociativo
  
  array(5) {
      ["a"] => int(1)
      ["b"] => int(2)
      ["c"] => int(3)
      ["d"] => int(4)
      ["e"] => int(5)
  }
  */
  =========================================
  

Se puede leer más sobre el método anterior en el sitio oficial de PHP.

• JSON con PHP 4:
  solo necesitaremos descargar el archivo Services_JSON y hacer lo siguiente.

  =========================================
  
  // creando un nueva instancia del Services_JSON
  
  require_once('JSON.php');
  $json = new Services_JSON();
  
  // convirtiendo un array en formato JSON
  
  $value = ('a'=>1,'b'=>2,'c'=>3,'d'=>4,'e'=>5)
  $output = $json->encode($value);
  print($output);
  
  // decodificando JSON
  $input = '{"a":1,"b":2,"c":3,"d":4,"e":5}';
  $value = $json->decode($input);
  
  =========================================
  

Con esto creo que ya podemos empezar a trabajar con PHP y JSON. Tambien, si no queremos trabajar con la clase Services_JSON, existe la posibilidad de instalar la extencion json disponible en PECL; pero para ello tendremos que tener acceso al archivo php.ini y no todos los servidores de hosting lo permiten.

4- JSON, Wordpress y PHP

Para ir terminando, solo nos queda hacer interactuar estas tres tecnologias.

Por un lado ya tenemos el archivo wp-json.php, que nos genera un feed de nuestro blog en formato JSON; por otro lado en las líneas anteriores aprendimos a codificar y decodificar JSON con PHP. Lo que haremos entonces, sera un minilector en PHP del feed JSON, generado por el ya mencionado wp-json.php, que nos muestre el último post de nuestro blog.

Para el ejemplo voy a usar la clase Services_JSON.

=========================================

<?php

//incluyo el archivo que hara el trabajo de decodificacion
include ('json.php');
$json = new Services_JSON();

//peticion del feed JSON
$site = file_get_contents('http://www.tublogwordpress.com/wp-json.php');

//decodificando la data recibida en formato JSON
$value = $json->decode($site);

//rescatando los valores mediante la funcion get_object_vars ()
$data = get_object_vars($value);
$show = get_object_vars($data['entries']['0']);

//armando la salida a mostrar
$titulo = $show['title'];
$link = $show['id'];
$contenido = $show['content'];

//formateando la salida
$content = "<div id='json'>n";
$content .= "<h2><a href='" . $link . "'>" . $titulo . "</a></h2>n";
$content .= $contenido;
$content .= "</div>";

//mostrando el resultado
echo $content;

?>

=========================================

Pueden ver un ejemplo funcionando que muestra el último post de anieto2k.com desde aquí. Es un poquito más completo y además cachea el contenido cada una hora para evitar sobrecargas.

Tambien pueden ojear el código de dicho ejemplo desde aquí.

Por ahora esto es todo, espero que les sirva para algo. Estoy un poco cansado y hambriento asi que me despido con un gran saludo!. Ante cualquier duda o sugerencia pueden dejar un comentario.

Saludos!!

Twitter This

Usuario: Password:

Sin dudas todos conocen que es Wordpress, y no creo que exista alguien que no sepa que es PHP; pero si son muchos los que todavia no conocen o no estan familiarizados con JSON (acrónimo de “JavaScript Object Notation”).

En el siguiente post, que por cuestiones de longitud estara dividido en dos partes, voy a tratar de explicar, en una forma medianamente breve, como hacer interactuar estas tres tecnologias.

Sumario:

• Primera Parte:
  1. ¿Que es JSON?
  2. Wordpress y JSON
• Segunda Parte:
  1. PHP y JSON
  2. JSON, Wordpress y PHP

1- ¿Que es JSON?

“JSON es un subconjunto de la notación literal de objetos de Javascript pero no requiere el uso de Javascript”anieto2k

JSON es hoy en día un formato de intercambio de datos comparable con el formato XML, y para algunos superior a este último.

Si bien JSON en un principio fue pensado como una forma más sintética de programar javascript, ya que este metodo combierte la programacion de codigo en algo más literal (ver ejemplo*), facil de leer y escribir para las personas y facil de interpretar y generar por las maquinas, la simplicidad que ofrece a la hora de transportar y evaluar datos lo combierte en un formato de intercambio rapido y facil de implementar, llegando a ser elegido sobre el XML, por muchos (Goolge, Yahoo, etc.) para algunas de sus aplicaciones.

“JSON está constituído por dos estructuras:

• Una colección de pares de nombre/valor. En varios lenguajes esto es conocido como un objeto, registro, estructura, diccionario, tabla hash, lista de claves o un arreglo asociativo.
• Una lista ordenada de valores. En la mayoría de los lenguajes, esto se implementa como arreglos, vectores, listas o sequencias.” json.org

ejemplo*:

Definicion Tradicional de un Objeto en Javascript:

var obj = new Object();
obj.nombre = "Juan";
obj.getNombre = function(){
return this.nombre;
}

Difinicion con Json:


var obj = {
nombre: "Juan",
getNombre: function(){
return this.nombre;
}
}

2- Wordpress y JSON

Wordpress ofrece varios formatos de salida en XML para la sindicacion, como son RSS y ATOM, pero por defecto no trae incluida ninguna funcion que posibilite la salida del contenido en formato JSON. Aunque esto, en si, no es un problema ni un defecto de Wordpress si es algo que tiene solucion, ademas la posibilidad de ofrecer el contenido en un formato mas, en este caso JSON, nunca biene mal.

Hace ya unos cuantos días atras anieto2k posteo sobre uno de sus hallazgos a los que nos tiene acostumbrados, nadie sabe como hace para encontrar esas cosas, pero el hecho es que el hallazgo de anieto no es otra cosa que wp-json.php wp-json.php (corregido), un archivo que con solo colocar en el directorio raiz de nuestro blog posibilita la sindicacion de contenidos en formato JSON.

Se puede ver su salidad, con cualquier aplicacion que interprete este tipo de formato (JSON), apuntando a la siguiente url:
http://www.artux.com.ar/wp-json.php

Como bien nos cuenta anieto en su post, las posibilidades son las mismas que en el feed XML:

• Para Busquedas:

  Para buscar dentro del blog todas las entradas que contengan la palabra wordpress, solo bastaría con hacer algo así:

  http://www.artux.com.ar/wp-json.php?s=wordpress

• Para las Categorías:

  Para mostrar las últimas 10 entradas de una categoría en particular, deberemos conocer el ID de la categoría y hacer algo asi:

  http://www.artux.com.ar/wp-json.php?cat=10

• Para un Post determinado:

  Para mostrar un post en particular, deberemos conocer el ID del post y hacer algo asi:

  http://www.artux.com.ar/wp-json.php?p=37

Y alguna que otra más.

Con esto, llegamos al fin de esta primera parte, ya tenemos una minuscula idea de que es JSON y como integrarlo en Wordpress. En la segunda parte veremos las diferentes opciones para trabajar con JSON y PHP, y como leer con PHP el archivo wp-json.php, servido por nuestro Wordpress.

Enlaces:

• json.org (Sitio oficial de JSON - en ingles)
• JSON (Entrada en la Wikipedia)
• JSON-Syndication (Lista de correo wp-hackers donde se encuentra el archivo wp-json.php)

Saludos!

Twitter This

Usuario: Password:

Esta es mi lista personal, y por ello un tanto arbitraria, de Cheat Sheets (Chuletas para Algunos) que considero de gran utilidad y ayuda a la hora de trabajar con Wordpress.

Básicos:

• HTML Help Sheet (pdf)
• CSS Help sheet (pdf)
• PHP Cheat Sheet (png)
• Prototype Cheat Sheet (png)
• Scipt.aculo.us (pdf)
• MooTools r.83 Cheat Sheet (png)

WordPress Cheat Sheets:

• WP-Template Tags (png)
• WP-Plugin API (png)
• WP-The_loop (pdf)
• WP-Widget_plugin (pdf)

Dejo a continuacion un par de sitios donde podran encontrar muchos, pero muchos más Cheat Sheets para asi poder armar su propia lista.

Varias recopilaciones de Cheat Sheets:

1. ilovejackdaniels.com (sitio del creador de muchos de los cheat sheets que andan dando vueltas por la web)
2. techcheatsheets.com (más de 90 cheat sheets organizados por tags)
3. The Developer Cheat Sheet Compilation (un poco mas de 80)

Saludos!

Twitter This

Usuario: Password:

“Una mejor forma de hacer el BlogRoll, pagando con la misma moneda a quienes nos enlazan”

Hace unas semanas publique Who Link Here v 0.1 (WLH), un plugin para Wordpress que muestra los últimos enlaces entrantes via Technorati. En ese momento prometí hacer una versión que en vez de utilizar la clase SimplePie, utilice las funciones internas de Wordpress para parsear los RSS.

Lo prometido es deuda. Hoy me pude tomar un tiempito libre, y tocando un poco la versión anterior de WLH pude hacer esta segunda versión (Who Link Here 0.2), que ademas de mejorar el tiempo de carga, ofrece la opción de poder elegir entre mostrar los enlaces entrantes via Technorati o via Google Blog Search.

Como Instalar Who Link Here v.0.2

1. Descargar el plugin desde el enlace de descarga al final de este post.
2. Descomprimirlo y subir el directorio /who_link_here completo dentro del directorio de los plugins: /wp-content/plugins/
3. Vamos a la sección Plugins del panel de control de Wordpress y activamos “Who Link Here” y listo, ahora solo resta integrarlo en nuestro Theme.

Como Integrar Who Link Here v.02 en nuestro Template

Antes que nada, hay tres formas posibles de usar WHL v.0.2, Mostrando solo los enlaces entrantes via Technorati; Mostrando los enlaces entrantes pero usando Google Blog Search o, la tercera, Mostrando los enlaces entrantes de las dos formas anteriores juntas.

1. Mostrando los Enlaces Entrantes via Technorati:

• Para mostrar los enlaces via Technorati lo único que tenemos que hacer es agregar la función siguiente donde queremos que aparezcan los enlaces:

  <?php tech_links("num.enlaces") ?>

• El primer parámetro num. enlaces es la cantidad de enlaces que queremos mostrar; por defecto y como maximo 10.

2. Mostrando los Enlaces Entrantes usando Google Blog Search:

• Si solo queremos mostrar los enlaces entrantes indexados en Google Blog Search, tenemos que agregar la siguiente función donde queremos que aparezcan:

  <?php gbs_links("num.enlaces") ?>

• El parámetro num.enlaces, es la cantidad de enlaces que queremos mostrar, teniendo 20 como máximo.
• A diferencia de Technorati, Google Blog Search no excluye los enlaces del mismo host consultado, por lo tanto hice un pequeño filtro para que la función solo muestre los enlaces entrantes de sitios distintos al host consultado, lo que puede llegar a alterar el numero de enlaces a mostrar. La solución, incrementar el numero de enlaces a mostrar hasta que quede como queremos.

3. Mostrando los enlaces entrantes usando Technorati y Google Blog Search.

• Dado que son dos funciones distintas, el uso de una no excluye a la otra, por eso, si queremos mostrar los enlaces entrantes usando los dos medios disponibles (Technorati, Google BS), solo basta con agregar las dos funciones, con sus correspondientes parámetros, en el o los lugares que queremos que se muestren.

Download: Who Link Here v 0.2 Downloads: 1458 times

Actualización 27/09

Nueva Versión 2.0 de Who Link Here con soporte para Widgets

Twitter This

Usuario: Password:

Buscando plugins Made in Argentina para Wordpress, llegue casi por accidente al blog de Guido Rossi (nooby.com.ar), y fue en ese mismo blog que encontré dos excelentes plugins desarrollados con una librería que me encanta (SimplePie).

Los dos plugins de Guido (My del.icio.us y Flickr Plugin), para los que preferimos evitar los widgets, son bastante fáciles de implementar y adaptar a cualquier template.

Como se abran dado cuanta por sus nombres, el plugin My del.icio.us nos permite cargar los últimos links que hayamos guardado en nuestras cuentas de del.icio.us y Flirckr Plugin nos permite mostrar en nuestros blogs las fotos que tengamos en nuestras respectivas cuentas de flickr.

En fin, como me gusto mucho la simpleza del codigo, agarre el plugin My del.icio.us y lo modifique un poco para hacer Who Link Here, un Plugin para Wordpress que con solo poner una linea de código en el sidebar nos muestra Quienes nos elazan, usando para ello la API de Technorati. Pueden verlo en funcionamiento aqui mismo en el Sidebar.

Who Link Here, es una manera un poco más resiproca de hacer un blogroll, debolviendo el favor, a quienes nos enlazan, con la misma moneda.

Aunque ultimamente utilizo para parsear RSS las funciones integradas de Wordpress, esta primera version del Plugin Who Link Here, al estar basada en My del.icio.us, usa SimplePie. Prometo liberar tambien, uno de estos dias (actualización: Who Link Here v. 0.2 publicado), otra version que utilice las funciones de wordpress.

Instalar Who Link Here.

“Actualizacion: liberada la versión 0.2 de WLH, con mejoras en el tiempo de carga y la posibilidad de elegir entre Technorati o Google Blog Search …
leer más –>

1. Descargar el plugin desde el enlace de descarga:

Download: Who Link Here v 0.1 (SimplePie) Downloads: 878 times

2. Descomprimirlo y subirlo dentro de la carpeta /wp-content/plugins/
3. Vamos a la sección Plugins del panel de control de Wordpress y activamos “Who Link Here”

Una vez instalado, solo nos queda editar el theme, poniendo la siguiente linea donde queremos que se muestre nuestro blogroll recirpoco:

<?php who_link(”apikey”, “num. enlaces”); ?>

El primer parámetro apikey, es la clave del api de Technorati, lo podemos obtener fácilmente desde el siguiente enlace: http://www.technorati.com/developers/apikey.html. Y el segundo parametro num. enlaces es la cantidad de enlaces que queremos mostrar.

Saludos!!

Nota: el plugin viene con una hoja de estilos que pueden editar para adaptar mejor al template (/who_link_here/wlh.css).

Twitter This

Usuario: Password: