Diseño y temas

Renovando un sitio

Este esta es la explicación del desarrollo de un sitio que construi en Drupal:

Mayte siteMayte Prida es presentadora de televisión en la cadena telemundo, sobreviviente de cáncer, autora y una de las hispanas más prominentes luchando a favor de las mujeres y de la salud en Estados Unidos.

Mayte Prida requería una nueva versión de su sitio: www.mayteprida.com que mostrara más ampliamente su labor, siendo muy importante que el sitio fuera bilingüe, mostrando contenido tanto en español como en ingles.

Nuevo diseño
Con esta nueva versión del sitio se creo un diseño con criterios diferentes, por principio se creo una pagina de inicio con más opciones de navegación y que destacara ciertos elementos como un texto de presentación o ligas a el programa de televisión de Mayte Prida o a la fundación de lucha contra el cancer. El nuevo  diseño conserva el color rosa como un color importante (se usa en la lucha contra el cáncer), pero aplicado sin tanto peso, logrando una plantilla mucho más blanca y fácil de leer.

Dos idiomas y un snippet
El sitio necesitaba una solución para mostrar el contenido tanto en ingles como en español, en el sitio anterior simplemente se dividía el sitio desde la pagina en los dos idiomas. Al ser montado el sitio en Drupal la solución es más elegante, permitiendo una pagina de inicio con la interfaz en el idioma del browser de quien lo este observado, para hacer esto se uso el modulo i18n que permite crear un nodo en un idioma y crear su traducción como paso siguiente.

El diseño seleccionado contiene entre otras elementos, un menu diseñado que requeria ser una imagen, al hacer esto no se podia hacer uso de la traducción de la interfaz que permite el modulo i18n, como primera solución se pensó en el uso del modulo taxonomy theme para asignar un tema diferente dependiendo el idioma, el modulo funcionaba a medias ya que continuamente se quedaba con el ultimo tema (theme) seleccionado o bien cambiaba el idioma, pero todos los textos que era imágenes no cambiaban.

La solución que se encontró fue no utilizar el  modulo taxonomy theme y usar un snippet que sobre el mismo tema (theme) selecciona que imagen mostrar dependiendo el idioma. De esta manera fue posible al tocar el bloque de traducción (translation block) cambiar tanto de idioma en los textos como en las imágenes del menu, asi como los archivos de flash.

Modulos usados
i18n - para mostrar y cambiar los dos idiomas
TinyMCE - para editar los textos en los nodos
image - para administrar las imágenes y galerías
IMCE - para administrar las imágenes

Traducir no es facil
El modulo i18n esta lleno de detalles y configuraciones que de un inicio resultan atemorizantes, para saber como utilizarlo existe un articulo de Dave Myburgh que lo explica bastante bien y existe una traducción al español.

Comentarios
Se agradecen cualquier comentarios sobre el diseño y el armado del sitio (html +css) así como dudas sobre el uso de los modulos.

Posdata:
Existe una versión en ingles de este texto directamente en el sitio de drupal.org

Diferencias en los temas de Drupal 6 y 5

Existen dos diferencias importantes de un tema en Drupal 6 con respecto a drupal 5 la primera esta en un nuevo archivo que debe tener cada tema de Drupal, es un archivo con terminación .info que sirve para especificar información mínima del tema, es un archivo de texto que contiene información como esta:

; $Id: garland.info,v 1.5 2007/07/01 23:27:32 goba Exp $
name = Coatepec
description = Tema para el sitio ejemplodrupal.com.
version = VERSION
core = 6.x
engine = phptemplate
stylesheets[all][] = style.css
stylesheets[print][] = print.css

; Information added by drupal.org packaging script on 2008-04-09
version = "6.2"
project = "drupal"
datestamp = "1207776008"

Esta información se ve reflejada en la pagina de administración de temas, el ejemplo más claro es la parte de description. Este archivo con información sobre el tema no es opcional ya que sin el Drupal simplemente no detecta el tema aun que este bien escrito el código en el archivo page.tpl.php (que es el archivo básico del tema).

El otro detalle que resalta ya dentro del archivo page.tpl.php es como se declaran las columnas laterales en Drupal 5 se escribían así:

<?php if ($sidebar_left): ?>
<?php print $sidebar_left ?>
<?php endif; ?>

En Drupal 6 se declaran de una manera más sencilla:

<?php if ($left): ?>

<?php print $left ?>

<?php endif; ?>

Para saber más a detalle sobre como convertir temas a Drupal 6 existe una pagina

http://drupal.org/node/132442

Imagen de Drupal

Mascota drupal

En Flickr encontré este muñequito basado en la cara que es el icono o mascota de Drupal (se llama Druplicon). El desarrollo de subproductos y más imaginería referente a Drupal le añade visibilidad y diversión a la plataforma.

En el sitio de Drupal existe una sección donde se puede ver la imagen oficial de Drupal. También existe un sitio llamado www.alldrupalthemes.com donde aparte de varios temas para bajar se empieza a generar wallpapers.

Lineas en el tema

Recuerdo que hace mucho cuando salió la versión 5 de Drupal, note que en muchos temas aparecían lineas horizontales, primero pensé que era algo que podía solucionarse modificando el archivo de estilos que tiene cada tema que se llama style.css generalmente es allí donde están todos los estilos que tiene un diseño. en la realidad algunos módulos tienen sus propios estilos y en el caso de este error el estilo que causa problemas esta en modules/system/system.css. o sea en uno de los módulos principales de Drupal.

La solución salió preguntando en el foro de Drupal y es sencilla simplemente comentar estas lineas:

tbody {
border-top: 0px solid #ccc;
}

Toda la pregunta y respuestas tienen claro su nodo en el foro.

Una explicación para empezar

Desde hace algún tiempo tenia la idea de crear un blog para comentar y más o menos documentar las cosas que he ido encontrando y aprendiendo al usar Drupal como sistema de administración de contenido. Drupalmexico surge de esa inquietud, espero sirva para que otros usuarios de drupal en México puedan encontrar algunas soluciones o más personas que usen Drupal.

Diseño de temas en Drupal

probando probando

Un buen modulo?

simplemente creando este tema de prueba


Theme & Icons by N.Design Studio
drupal mexico 2007
Un proyecto de Medioyforma.info

Add to Technorati Favorites

Sindicar contenido