TextpatternMania

Un nuevo plugin: jnm_categories

Según parece no había una solución sencilla para poner en un sitio web la lista de categorías de un post, separados por una coma en el caso de que hubiese dos categorías.

Yo me estaba apañando con una versión modificada de un viejo plugin, pero parece que no era fácil de poner en marcha.

Alguien pidió ayuda en el foro sobre esto y he creado un plugin que lo simplifica al máximo: jnm_categories

Text Link Ads (TLA) en Textpattern

Text Link Ads

Text Link Ads (TLA) es un sistema de publicidad para tus sitios web. Esta guía te explica cómo instalarlo en un weblog o sitio web manejado con Textpattern.

Introducción

Text Link Ads es un sistema de publicidad para sitios web. Al contrario que Adsense de Google, no es un sistema de publicidad contextual (no se adapta al contenido de tus páginas). En su lugar, los anunciantes seleccionan tu sitio para poner un enlace a sus sitios web, enlace por el que pagan una cantidad al mes.

Las características más destacables de TLA son:

  • Es compatible con Adsense de Google. Puedes poner ambos sistemas en tu sitio web sin violar las políticas de ninguna de las dos compañias.
  • Puedes elegir qué enlaces aparecen en tu sitio, con un sistema de aprobación previa.
  • La cantidad recibida es proporcional a la popularidad de tu sitio web (medido mediante PageRank de Google y tráfico Alexa).
  • Recibes el 50% de lo que el anunciante paga. El otro 50% lo recibe la red TLA. Puedes recibir el pago mediante cheque o en tu cuenta Paypal.

Cómo poner TLA en tu Textpattern

1. Registrate en el sistema

Ve a Text Link Ads y date de alta en el sistema. (Nota: Este es un enlace de afiliado, lo que significa que yo recibo una cantidad si te das de alta siguiéndolo. Apúntate desde él y me harás feliz :-) ) Debes crear una cuenta de “Publisher”.

2. Da de alta su sitio web

Por cada sitio web donde quieras instalar TLA, ve a la opción “Submit a site” y dalo de alta. Tendrás que responder a algunas preguntas, como la URL de tu sitio, una descripción del mismo, etc.

Una vez enviado el sitio, recibirás la confirmación de que ha sido aceptado en el sistema.

3. Obten el código PHP

Selecciona “Install ad code”. Se te presentará la lista de sitios que has dado de alta en el sistema. Selecciona aquel donde quieres instalar el código. Pulsa sobre “Get Ad Code”.

En el paso 1, selecciona “PHP” como lenguaje.

El el paso 2, selecciona cómo quieres que se presenten los enlaces en tu sitio. Selecciona el número de enlaces por fila, colores, etc.

Finalmente, obtendrás el código PHP que debes instalar en tu textpattern. Ve al paso 4 para saber cómo.

4. Crea el fichero xml

Crea el fichero xml que se te pide cuando obtienes el código. En el ejemplo que estamos siguiendo el fichero se llama local_72096.xml pero en tu sitio web, tendrá seguro otro nombre.

¿Cómo crear el fichero xml?

Si tienes acceso mediante shell al sistema debes ir a la raiz de tu sitio web y ejecutar las siguientes ordenes:

touch local_72096.xml
chmod 666 local_72096.xml

Recuerda: El nombre del fichero será distinto en tu caso.

Si no tienes acceso mediante shell, debes crear un fichero vacío en tu PC con ese nombre (utiliza el editor notepad o cualquier otro editor que quieras. Si no sabes como crear el fichero vacío, puedes bajar este fichero xml que he preparado. Pero recuerda cambiarle el nombre.

Una vez que lo tengas, utiliza tu programa de FTP favorito para subir el fichero a la raíz de tu sitio web. Una vez subido, ve a las propiedades del fichero (en el propio programa de FTP) y da permisos de lectura y escritura al propietario, al grupo y al público. (Esto puede variar según el programa de FTP que estés utilizando)

5. Instala el código en Textpattern

Crea un nuevo formulario en Textpattern. El formulario se debe llamar text_link_ads y debe contener el código PHP obtenido en el paso 3, pero sustituyendo la primera línea por <txp:php> y la última por </txp:php>.

Un ejemplo de cómo quedaría el formulario:

<txp:php>

function tla_ads() {

	// Number of seconds before connection to XML times out
	// (This can be left the way it is)
	$CONNECTION_TIMEOUT = 10;

...........................

		$retarr[$out[$n][1]][] = str_replace($
		$n++;
	}
	return $retarr;
}

tla_ads();

</txp:php>

El ejemplo de código anterior es sólo el principio y el final del contenido a insertar en el formulario text_link_ads. No debes copiar y pegar este código, sino el código que obtuviste en el sitio de Text Link Ads.


Si obtienes un error de servidor al tratar de guardar el formulario, usa este método alternativo:

  • Crea un nuevo fichero “text_link_ads.php” en la raíz de tu sitio web. El contenido de este fichero debe ser exactamente el código obtenido en el paso 3.
  • Crea el formulario text_link_ads con el siguiente contenido:
<txp:php>
include "text_link_ads.php";
</txp:php>

A continuación ve a la página default o cualquier otra que maneje el diseño de tu sitio web. En el sitio donde quieras que aparezcan los enlaces, pon el siguiente código:

<txp:output_form form="text_link_ads"/>

6. Comprueba que funciona

Accede a tu sitio web con un navegador. En el sitio donde has puesto los enlaces debe aparecer un enlace de prueba. Ese enlace desaparecerá al cabo de 24 horas. Además, recibirás un email indicando que la instalación del código ha tenido exito.

7. Profit

En un tiempo variable que puede variar entre unos días y unas semanas recibirás anunciantes que pagarán por poner un enlace en tu sitio web.

Ayuda Textile no funciona

No se si te has dado cuenta, pero desde hace un tiempo tu “Ayuda Textile” (la que aparece por defecto en tu formulario de comentarios) no funciona. Sí, sí, pruébalo. Ve a tu sitio web y pulsa sobre la ayuda. Si lo haces podrás ver (en el momento de escribir esto) algo así:

Que lógicamente no explica nada sobre como formatear en Textile. Es un error del servidor de ayuda de textpattern. Aunque ya me estoy poniendo en contacto con los desarrolladores para solucionarlo, hay otra solución, que he utilizado en mis sitios: Crear una página de ayuda propia.

¿Cómo? Sigue estas instrucciones:

  • Bájate la página de ayuda básica que yo he preparado: ayuda_comentarios.txt
  • Cámbiale la extensión a .html (quedará ayuda_comentarios.html) y súbela a la raíz de tu sitio web.
  • Ve al formulario comment_form y sustituye el tag:

<txp:comments_help />

por:

<a id="txpCommentHelpLink" href="/ayuda_comentarios.html" onclick="window.open(this.href, 'popupwindow', 'width=400,height=400,scrollbars,resizable'); return false;">Ayuda</a>

  • Hecho.

Puedes ver cómo queda en la ayuda de este mismo sitio. Naturalmente puedes modificar la página de ayuda a tu gusto.

Corrector ortográfico para Textpattern

Si quieres añadir un corrector ortográfico (Ver captura de pantalla) a tu Textpattern, los pasos a seguir son los siguientes:

  1. Descarga el archivo y descomprímelo. Obtendrás una carpeta denominada “speller”
  2. Sube la carpeta “speller” a la raíz de tu sitio Web.
  3. Lee estas instrucciones.

Notas adicionales:

  • Para abrir el corrector haz clic en su correspondiente botón o presiona las teclas Alt + C.
  • El corrector utiliza el diccionario Español (España). Si quieres modificarlo, cambia en los archivos “spellchecker.php” y “spellchecker.pl” que se encuentran el ”/speller/server-scripts/” el código: $lang = 'es_ES'; por la correspòndiente a tu idioma. Por ejemplo: $lang = 'es_MX'; //Para México o $lang = 'es_AR'; // Para Argentina

Nota: Traducción del truco publicado por Champak en el foro de Textpattern. Los archivos del diccionario Aspell han sido traducidos y modificados para utilizar el diccionario Español (España).

CSS background bottom 100%

En algunas ocasiones se diseña una imagen que ‘cierra’ nuestra página. En tanto los contenidos producen una altura para su contenedor (div) mayor que la ventana de lectura, no hay problema: si hacemos correr la barra de desplazamiento hacia abajo, el background-bottom aparece en el lugar adecuado.

Pero esto no siempre sucede así: a veces la entrada, o toda la página, se nos quedan cortas, y la imagen de ‘cierre’ de nuestro diseño se nos subleva y aparece en mitad de la pantalla.

Para evitar esta circunstancia es posible emplear la estructura y el CSS que se muestra a continuación:


<html>
<head>
<style>

*{margin: 0; padding: 0;}

/* se establece una altura mayor que la pantalla para asegurar la aparición de la barra de desplazamiento vertical y evitar así el desplazamiento horizontal de la página según sea su altura */
body, html {height:100.1%;}

#pagina {
/* determina la imagen, su posición y tipo de repetición de la imagen de abajo */
background-image: url(fondo.gif);
background-repeat: repeat-x;
background-position: 0 100%;
/* firefox lee la altura mínima del div */
min-height:100%;
}

*html #pagina {
/* explorer necesita ayuda */
height:100%;
}

#cabecera {
/* establece la altura de la imagen: recuerda descontar los padding arriba y abajo de las etiquetas que contenga */
height: 70px;
/* determina la imagen, su posición y tipo de repetición de la imagen de arriba */
background-image: url(cabecera.gif);
background-repeat: repeat-x;
background-position: 0 0;
}

</style>
</head>

<body>

<div id='pagina'>
<div id='cabecera'></div>
<!-- contenido -->
</div>

</body>

</html>

Puedes ver cómo funciona en este ejemplo.