La Princesa Veneciana

Se que no tiene mucho que ver con el tema del blog pero realmetne me divierte.

GMail prevendrá que envíes correos si estás algo alcoholizado

Gracias a Eduardo de Alt1040 descubrí una... por decirlo de alguna manera, "curiosa" utilidad para GMail; se trata de una extensión o "hack" que evitará que envíes correos electrónicos cuando estés "pasado de copas"... ebrio, borracho, alcoholizado, o como decimos acá en mi Perú, cuando estés ¡Huasca!.

¿Y en que consiste la magia? A decir verdad no se trata de ningún dispositivo para el control de alcoholemia digital ni nada parecido; se trata de lo siguiente: Una vez configurada la extensión para GMail, denominada Mail Goggles, cada vez que quieras enviar un mail un viernes, sabado o domingo por la noche (que son los momentos más peligrosos) GMail te planteará algunas operaciones matemáticas muy sencillas, si no las respondes bien en menos de 43 segundos Google te "salvará la vida" evitando que envíes ese mail del que, de otra manera, te arrepentirás de por vida.

Por defecto Mail Goggles se activará los fines de semana durante las horas que es más factible que estés ebrio (de 10 de la noche a 4 de la mañana), aunque podrás indicar tú los días y horas que te parezcan convenientes, eso de acuerdo a tus hábitos chupísticos "costumbres sociales".


Ahora hecha un vistazo a las operaciones, no son tan complicadas ¿o sí? bueno, eso depende de cuán ebrio estés.


Si crees que vas a necesitar este hack en tu GMail solo tendrás que loguearte en la versión en inglés de tu correo, dirigirte a la opción Settings y luego a la pestaña Labs que está en la parte derecha de la ventana, finalmente buscar y habilitar Mail Goggles para que comience a funcionar.

Vía | Alt1040
Enlace | GMail Official Blog

Manual de Templates para Joomla! 1.5.x - Consejos para empezar a codificar.

Continuando con el manual para templates de Joomla! 1.5.x, me encantaría qeu dejasen algunos comentarios, para indicar cuales son las deficiencias q encuentran en este manual o que creen que debería colocar, antes de seguir:

Consejos para empezar a codificar.

Una de las primeras cosas que nos dicen los manuales sobre cómo crear plantillas para cualquier CMS es que no podemos usar editores WYSIWYG como el dreamweaver o que estos no podrán sernos de gran ayuda durante el desarrollo de nuestra plantilla, a mi parecer esto no es del todo cierto por lo que considero que el diseño de una plantilla para Joomla! debe de desarrollarse en cuatro pasos:

Primer paso: El Diseño.-

No importa cuál sea el método que utilizamos para diseñar nuestra plantilla o nuestro sitio web en general, este debe de contemplar todos los aspectos de la misma o al menos los más generales que lo conforman. Lo ideal es trabajar el diseño en un programa de diseño que nos sea familiar, realizando en este las vistas que consideremos más importantes pero manejándolas inicialmente en forma grafica a manera de una maqueta. A más detallada este nuestra maqueta, más sencillos serán nuestros demás pasos.

En nuestro caso en particular lo más importante es considerar dentro de nuestra maqueta ciertas partes que son de uso general en el Joomla!; recordemos primero que el Joomla! se compone básicamente de Módulos (Menús, encuestas, Titulares, Banners, etc.), que son los que se encargan de mostrarnos la “información adicional” de cada página y los componentes (Artículos, Secciones y Categorías en vistas de Blog o simple, resultado de encuestas, etc.) que se encargan de mostrarnos el “contenido” de la página en que nos encontramos, por tanto nuestra maqueta debe de considerar estos aspectos antes de empezar a trabajar.

Segundo paso: La codificación.-

Como indicaba al inicio de este post, en lo personal creo que si se puede usar un editor WYSIWYG, solo se trata como hacerlo; lo que podemos hacer es armar en este paso el diseño que hemos realizado en el paso anterior como si de un sitio web tradicional se tratase armando cada una de las pantallas que vamos a necesitar para completar nuestra plantilla Joomla! lo único que necesitamos en esta etapa es tener en cuenta los siguientes consejos:

1. Existen clases predefinidas en el Joomla!, las cuales debemos de usar a la hora de codificar nuestro diseño en especial el CSS. Estoy armando un “diccionario de variables” de estas clases que espero tener listo para el próximo post y estoy seguro les será de mucha utilidad.
2. Mantener todos los archivos que vamos a usar en su construcción dentro de la carpeta de nuestra plantilla usando para relacionarnos con el archivo direcciones relativas y conservando el esquema de carpetas y archivos indicados aquí exceptuando el index.php y la carpeta html/ los cuales recién crearemos en los pasos siguientes.
3. Guardar nuestros “archivos base” con extensión .html lo que facilitara su visualización y tratar de usar nombres descriptivos como “vista_articulo.html”.

Nota: Los archivos .html son temporales y serán eliminados una vez terminada la plantilla.

Tercer paso: Adaptación al Joomla!-

Bueno si tienen experiencia en el desarrollo de templates, supongo que el paso anterior y este son realmente absurdos, pero en verdad facilitan la comprensión de cómo trabaja el Joomla! y es posible que con algo de practica estos pasos terminen simplificándose en uno solo.
En este paso se crea el archivo index.php, basado en el código de nuestros “archivos base” anteriores, luego remplazaremos ciertas partes del código del mismo por llamadas del código de Joomla!

Cuarto Paso: Creación de Módulos y Componentes.-

Similar al paso anterior, se irá copiando código de nuestras bases y realizando las modificaciones necesarias para la creación de los módulos componentes y visualizaciones necesarias para la creación de nuestra plantilla.
En los siguientes post continuare con la construcción de el archivo index.php y de los módulos y componentes, pero antes de empezar sería recomendable leer el diccionario de variables.

Off-Topic: Triste historia...

En verdad nada les cuesta hacer click a este enlace y es que la historia es la más triste que he escuchado en mi vida... mmmm... jajaja

En fin la historia va como sigue, si consigue juntar 5 000 000 de entradas en un mes, digamos que su amiga le hará el "favor", y tomando en cuenta que esta como preso creo que el castigo de que quede como esclavo de la misma por una semana es lo de menos preocupación.

Si desean conocer la historia al detalle entren al siguiente enlace http://www.prawiczek25.pl/index_en.php donde podrán leer la historia en ingles.

Manual de Templates para Joomla! 1.5.x - templateDetails.xml

Continuando con el manual para templates de Joomla! 1.5.x, la lección de hoy es:

templateDetails.xml

Como indicamos en el post anterior, este archivo incluye la lista de todos los elementos que conforman la plantilla de Joomla! 1.5.x y es muy importante tenerlo bien configurado a la hora de la instalación del mismo, es decir, estar seguro que estamos listando todos los archivos y que todos los archivos listados existan realmente. Este archivo también incluye cierta información de la plantilla, nombre, versión y descripción, como del autor y sobre el copyright.

El código XML del mismo tiene la siguiente estructura:

<?xml version="1.0" encoding="utf-8"?>

<install version="1.5" type="template">

<name>nuestro_template</name>

<creationDate>Septiembre 2008</creationDate>

<author>Madi Malso</author>

<copyright>GPL</copyright>

<authorEmail>micorreo@dominio.com</authorEmail>

<authorUrl>www.muertoperorankeado.com</authorUrl>

<version>1.0</version>

<description>Ejemplo de plantilla para Joomla! 1.5.x</description>

<files>

<!-- Lista de todos los archivos que conforman la plantilla -->

<filename>index.php</filename>

<filename>templateDetails.xml</filename>

<filename>template_thumbnail.png</filename>

<filename>favicon.ico</filename>

<filename>component.php</filename>

<filename>param.ini</filename>

<filename>css/template.css</filename>

<filename>html/pagination.php</filename>

<filename>html/modules.php</filename>

<filename>html/com_nombre/nombre_vistas/diagramado.php</filename>

<filename>html/mod_nombre/diagramado.php</filename>

<filename>images/imagen_demo.jpg</filename>

<filename>jascript/java_demo.js</filename>

</files>

<positions>

<!-- Lista de las posiciones con las que contara nuestra plantilla, estas se encontraran definidas en el archivo index.php -->

<position>user1</position>

<position>top</position>

<position>left</position>

<position>banner</position>

<position>right</position>

<position>footer</position>

</positions>

<params>

<!-- Lista de parámetros con los que contara nuestra plantilla, estos se encontraran definidos en el archivo param.ini -->

<param name="coloresFondo" type="list" default="blanco" label="Color de Fondo" description="Colores de fondo para usar">

<option value="azul">Azul</option>

<option value="rojo">Rojo</option>

</param>

</params>

</install>

Como pueden ver la estructura es bastante sencilla y simple de armar aunque en un plantilla puede ser algo engorrosa lo mejor es mantener todos los archivos en orden he ir agregándolos a medida que los creemos. Bueno pasemos a describir algunas de estas líneas:

<install version="1.5" type="template">: Sirve para indicar al instalador que es una plantilla de Joomla! 1.5

<name>nuestro_template</name>: Nombre de la plantilla, como indicamos antes este debe ser el mismo nombre que colocamos en la carpeta que contiene la plantilla.

<creationDate>Septiembre 2008</creationDate>: Fecha de creación, no hay una estandarización al respecto así que puede colocarse de distintas maneras siempre y cuando indique la fecha en la que la plantilla fue creada.

<author>Madi Malso</author>: Sirve para indicar la autoría de la plantilla

<copyright>GPL</copyright>: Indica el tipo de licencia con la que deseamos distribuir la plantilla para su uso.

<authorEmail>micorreo@dominio.com</authorEmail>: Indica la dirección de correo electrónico del autor en caso de querer ser contactado. Esta dirección se encuentra protegida para evitar el envio de spam a través de robots

<authorUrl>www.muertoperorankeado.com</authorUrl>: Dirección del sitio web del autor.

<version>1.0</version>: Versión de la plantilla

<files>..<files>: Lista de todos los archivos que conforman la plantilla; cada elemento debe de encontrarse dentro de sus propias etiquetas bajo el siguiente esquema: <filename>carpeta/archivo.ext</filename> en caso de que estos archivos se encuentren en carpetas dentro de la plantilla estas se deben de listar de manera relativa a la posición en la que se encuentra el template, por ejemplo si quisiéramos incluir nuestro archivo template.css que se encuentra dentro de la carpeta css/ se debería colocar de la siguiente manera: <filename>css/template.css</filename>

<positions>..</positions>: Lista de las posiciones que luego serán definidas en el archivo index.php donde se integraran los módulos de Joomla! 1.5.x, similar a los archivos estos se definirán dentro de las etiquetas <position>Posición</position>

<params>..</params>: Lista de los parámetros con los que trabajará nuestra plantilla este se encuentra definido de la siguiente manera: <param name=”NombreDelParametro” type=”tipo” label=”Etiqueta para el parametro” description=”Descripción del parametro” default=”valor inicial del parametro”>; según el tipo que hayamos tiene sus propias variaciones.

Manual de Templates para Joomla! 1.5.x - ¿Qué cosas conforman una plantilla de Joomla! 1.5.x?

Ya ha pasado más de una semana y por fin tengo tiempo para continuar este pequeño manual, a este paso creo que terminare cuando la versión 2.0 este en vigencia.

Bueno regresando con el manual para templates de Joomla! 1.5.x, la lección de hoy es:

¿Qué cosas conforman una plantilla de Joomla! 1.5.x?

Bueno creo que aquí empieza realmente lo importante, existen varias cosas que conforman una plantilla de Joomla! 1.5.x, pero básicamente la estructura del mismo es como sigue:

Espero que el grafico les sirva de guía, pero igual tratare de usar una lista ordenada para darles la idea de árbol que debe tener todos los nombres en azul son archivos y en verde carpetas, los que tengan los nombres entre corchetes son archivos opcionales pero ayudan a que nuestra plantilla sea más sólida y profesional:

• nuestro_template/: Carpeta que contiene todos y cada uno de los archivos y carpetas que conforman la plantilla, esta debe tener el nombre de nuestra plantilla y por favor traten de no usar espacios o tildes en el.


• templateDetails.xml: Es en cierta medida uno de los archivos más importantes de la plantilla, sobre todo a la hora de la instalación de la misma puede resultar un dolor de cabeza cuando no está bien definido, es básicamente el archivo de información que indica al núcleo de Joomla! 1.5.x (empiezo a casarme de escribirlo completo) que archivos conforman la plantilla, así como su nombre, versión, autor y los derechos con los que esta publicado entre otros. Recuerden que todos los nombres son cAsE sEnsItIvE en otras palabras que si importan las mayúsculas y minúsculas.


• index.php: Es uno de los archivos más importantes de la plantilla ya que este contendrá la base de la presentación de la plantilla siendo un mapa de ubicación para los distintos módulos y componentes que lo van a conformar, este archivo es el archivo que llama el núcleo de Joomla! 1.5.x a la hora de construir nuestro sitio web.


• [template_thumbnail.ext]: Es una pre visualización de la plantilla, de unos 200x150 pixeles. Sirve para que vean nuestro diseño desde el administrador sin necesidad de aplicarlo. La .ext del nombre del archivo indica que es la extensión del mismo pudiendo esta ser: .png, .jpg o .gif


• [favicon.ico]: Si tengo que explicar esto creo que tenemos un problema. Pero si no saben que es: http://es.wikipedia.org/wiki/Favicon


• [component.php]: Archivo similar al index.php pero en el que se coloca la información necesaria para la creación de las páginas de error.


• [param.ini]: Este archivo sirve para almacenar los parámetros que hayamos seleccionado para nuestro sitio web, en caso de que no queramos implementar la opcion de parametros para nuestro template, solo basta con dejarlo en blanco.
  


• css/: Carpeta que contendrá todos los archivos .css o de estilos

• template.css: Principal archivo de estilos en base al cual haremos nuestra plantilla, se pueden utilizar otros archivos .css para la construcción de la misma pero este siempre debe existir.


• [html/]: Carpeta donde se incluirán todos los archivos que sobre escribirán las salidas o visualizaciones predefinidas en el núcleo así como el modulo chrome.


• [pagination.php]: Archivo en el cual se puede sobrescribir el modulo de paginación del núcleo de Joomla! para personalizarlo de acuerdo a nuestro diseño de sitio.


• [modules.php]: Archivo que sobrescribir la presentación de los módulos del chrome o para crear nuestros propios módulos de visualización, lo cual explicare más detalladamente después.


• [com_nombre/]: Todos los componentes tiene la siguiente estructura de nombre com_ (abreviatura de component) seguida de el nombre del componente que deseamos sobrescribir, ejem: com_content (para modificar el componente de contenido ej: secciones, categorías, artículos, página de inicio). Dentro de esta carpeta encontraremos:


• [nombre_vistas/]: Esta carpeta lleva el nombre de la vista especifica que deseamos sobrescribir, siguiendo con el ejemplo anterior algunas de las opciones de nombre serian: article (para modificar la visualización de los artículos del contenido), category (para modificar la visualización de las categorías del contenido), section (para modificar la visualización de las secciones del contenido) y frontpage (para modificar la visualización de la página de inicio del contenido). Dentro de cada uno de estas vistas tenemos:


• [nombre_diagramado.php]: Este archivo de extensión .php tiene por nombre el nombre del diagramado (layout) que deseamos sobrescribir dentro de la vista, por ejemplo si la vista del componente contenido que deseáramos sobrescribir fuera la de articulo el nombre de la carpeta (nombre_vista/) seria article y dentro de esta tendríamos que nombrar un archivo .php por cada diagramado que deseáramos sobrescribir del núcleo de Joomla! ejemplo: defaul.php si lo que queremos es sustituir la vista por defecto de nuestros artículos.
  


• [mod_nombre/]: Similar a los componentes solo que estos comienzan con mod_ (abreviatura de module) al cual sigue el nombre del modulo que deseamos sobrescribir, a diferencia de los componentes los módulos no poseen vistas por lo que dentro de esta carpeta viene los archivos de diagramado.


• [nombre_diagramado.php]: Su funcionamiento es similar a los archivos de diagramado de los componentes.
  


• images/: Como su nombre lo indica, es la carpeta donde se almacenan todas las imágenes usadas para la construcción de la plantilla.


• otros/: Podemos crear otras carpetas para mantener cierto orden dentro de nuestra plantilla, por ejemplo yo suelo crear la carpeta javascript/ para almacenar los archivos .js y así no tenerlos flotando por todo lado, también se pueden crear una carpeta swf/ para almacenar las animaciones flash que tengamos o cualquier otra carpeta que nos facilite el trabajo y lo organización de nuestra plantilla y esto no generara ningún problema si es que los declaramos correctamente en el archivo templateDetails.xml.
  

Nota: Es ideal colocar un archivo index.html completamente en blanco dentro de cada carpeta que creemos para nuestra plantilla incluyendo la raíz (nuestro_template/) por motivos de seguridad y así evitar el mal pase de que nuestro servidor liste los archivos en un index.html generado.

Sé que a primera vista esta estructura puede resultar algo confusa, en especial con nombres como componentes y módulos, pero realmente es mucho más sencillo de lo que parece.

Google recomienda NO REESCRIBIR URLs dinámicas

Así es. Google una vez más destruye otro mito SEO que durante mucho tiempo ha rondado los círculos de Webmasters de todo el mundo y es que, contrario a lo que se solía dar por hecho, Google indexa por igual páginas estáticas y páginas generadas dinámicamente (con parámetros en la URL).

Un fragmento extraído del blog de Google en el que se afirma este hecho:

Myth: "Dynamic URLs cannot be crawled."
Fact: We can crawl dynamic URLs and interpret the different parameters. We might have problems crawling and ranking your dynamic URLs if you try to make your urls look static and in the process hide parameters which offer the Googlebot valuable information. One recommendation is to avoid reformatting a dynamic URL to make it look static...

Mito: "Las URLs dinámicas no pueden ser rastreadas".
Realidad: Nosotros podemos rastrear URLs dinámicas e interpretar sus distintos parámetros. Podríamos tener problemas rastreando y rankeando tus URLs dinámicas si tratas de hacerlas lucir como estáticas y durante el proceso escondes o eliminas parámetros que podrían ser de mucha utilidad para el Googlebot. Una recomendación es EVITAR REFORMATEAR una URL dinámica para que luzca como una estática...

En el post que informa este hecho podrán encontrar un par de ejemplos en los que se vé que es mejor dejar las URLs con parámetros tal como están, ya que el Googlebot podrá distinguir que parámetros serán de utilidad y cuales puede descartar.

Este hecho hace que se me vengan a la cabeza dos preguntas. La primera: Si Google no recomienda el reescribir URLs dinámicas, las páginas que hacen uso de esta carcaterística de forma predeterminada (Wordpress) ¿se verán perjudicadas en su posicionamiento de algún modo?

Y la segunda: Habrá que optimizar los valores de los parámetros al igual que la URL en sí de cara al posicionamiento?

Bueno, imagino que las respuestas a ambas preguntas llegarán muy pronto.