7 Temas de Administración para Drupal 7

Themes o temas, a muchos drupaleros, que conozco les gusta el tema de administración que trae Drupal por defecto, pero no hay por que quedarse solo con ese tema, existen otras opciones para su instalación y mejora de la navegabilidad, ademas podemos usar esto para variar la presentación de nuestro administrador.

A continuación les presento los mejores temas de adminisracion en drupal 7

SEVEN

Sin duda mejor que algunos otros temas de administración que hay. Lo bueno es que si hay algo mal o poco firme con otro de los temas de administración, siempre se puede fijar Seven por defecto y te irá bien.

RUBIK

Rubik . Este es actualmente el tema de administración de LevelTen de elección, ya que se ve muy bien en general no importa lo que eches. Basado en el tema base de Tao, Rubik ofrece un tema de administración limpia que cubre prácticamente todos los aspectos de Drupal administrador. Por supuesto, no se ha actualizado en un año, pero usted encontrará que funcione bastante bien.

rubik_appear
rubik_blog rubik_content

CUBE

Cubo de Rubik se basa en, por lo que no encontrará demasiadas diferencias entre los dos, pero es un cambio. La principal diferencia que notará es la navegación del sitio incrustado en la parte superior, las fichas de página, los estados activable y elementos de la lista.

cube_appear cube_blog cube_content

STANLEY

Stanley comenzó como una aplicación de Twitter Bootstrap. Aunque Stanley finalmente termino utilizando Bootstrap en la versión 2.x, el tema comenzó inspirándose en Bootstrap. Se ve muy bien, hace que las pestañas principales parescan en el menú de administración.

stanley_appear stanley_blog stanley_content

SHYNI

Este tema es utilizado por la distro de comercio Kickstart v2. Se ha actualizado recientemente así que no es un mal tema para aplicarlo.

shiny_appear shiny_blog shiny_content

EMBER

Ember es un excelente tema nuevousado por la distro Spark. Se basa en Seven, tener en cuenta que fue construido para trabajar con el módulo Navbar (Barra de herramientas de Drupal 8), y aunque no soy un gran fan de Navbar yo mismo (en comparación con Menú Admin). Observe también que Navbar aparece en la parte superior de la pantalla o como una barra lateral (que se muestra en las capturas de pantalla a continuación). Si tienes curiosidad, descargue los dos y darle una oportunidad.

ember_appear ember_blog ember_content

ADMINIMAL

Adminimal el tema está todavía en desarrollo y hay cosas que deben ser corregidos, pero tiene buena propuestas de manejo de informacion. Cuenta con una interfaz de usuario plana, muy similar a Google en la interfaz, agradable iconos de aspecto, y la experiencia en general muy agradable. Ahora creo que, en algunos casos, el texto podría ser más pequeño y necesita ayuda con las listas de selección y radio, pero en general creo que es un gran comienzo a un tema de administración con un gran potencial.

adminimal_appear adminimal_blog adminimal_content

Instalación de Drupal 7 y Drush 5.8 en Windows 7

En el presente artículo, describe una de las maneras por la cuales se puede realizar la instalación, en el sistema operativo Windows 7, del conocido CMS Drupal en su versión estable más reciente Drupal 7.22 y Drush 5.8 que es un paquete de comandos para Drupal que permite descargar, habilitar, deshabilitar, desinstalar, actualizar módulos, temas, perfiles y traducciones desde la línea de comandos.

Instalación de Drupal 7.22

Primeramente, es necesario tener instalado un servidor con tecnología WAMP (Windows + Apache, Mysql y PHP), como ser wampserver o xampp.

En el sitio oficial de Drupal se puede descargar todas sus versiones, la versión estable más reciente a la fecha es Drupal 7.22. Una vez descargado el archivo, se debe descomprimir el mismo y subirlo a su servidor. Suponiendo que se está trabajando en un servidor local, se deberá copiar la carpeta descomprimida Drupal-7.22 en la carpeta que contiene los archivos de sitios en tu servidor local, por ejemplo C:\xampp\htdocs\ en xampp o C:\wamp\www\ en wamp. Comprueba también que se han subido todos los archivos y carpetas, incluyendo el archivo .htaccess.

Se debe crear un host virtual, para el acceder mediante una dirección url, por ejemplo http://www.miprimersitiodrupal.com/, a la carpeta del sitio en nuestro servidor local. Asegúrate que la dirección apunte a la ruta “c:/wamp/www/drupal-7.22” o “C:/xampp/htdocs/drupal-7.22” a menos que hagas renombrado la carpeta.

En nuestro navegador web preferido, ingresamos al nombre del servidor que se asignó en nuestro host virtual, como por ejemplo http://www.miprimersitiodrupal.com/.

Aparece la primera pantalla de instalación de Drupal 7, la cual está en inglés.

Select an installation profile_Drupal

El proceso de instalación es sencillo, por lo general se seleccionarán los valores por defecto. Se puede cambiar el idioma durante el proceso de instalación, en la segunda pantalla se muestra un enlace Learn how to install Drupal in other languages el cual explica los pasos a seguir para continuar con la instalación en otro idiomaother_language

Se debe descargar el paquete de traducción del idioma que se quiere instalar, en nuestro caso español, para el cual se puede acceder en en el link https://localize.drupal.org/translate/downloads?project=drupal y seleccionamos el link que hace referencia a Spanish en la versión 7.x.

Como indica en la página de instalación actual, el archivo descargado drupal-7.22.es.po en ruta \profiles\standard\translations en la carpeta de nuestro sitio Drupal. Una vez realizado esto, se debe hacer clic en el link Reload the language selecction page after adding translations, el cual recarga la página de instalación actual.

select_language

Ahora el sistema tiene dos opciones, English (built-in) y Spanish (Español), seleccionamos Spanish y continuamos.

Se verificará los requisitos para el funcionamiento de Drupal 7, y posteriormente en la página de Configurar base de datos, se debe ingresar el nombre de una base de datos existente y el nombre de un usuario y su contraseña.

Instalando Drupal_Drupal

Una vez verificada la información de acceso a la base de datos, comienza el proceso de instalación automático. Luego, se sigue con la configuración del sitio, en el cual se debe ingresar: nombre del sitio web, dirección de email, nombre de usuario, contraseña y otros datos opcionales.

Al finalizar el proceso se debe mostrar la siguiente pantalla.

completedInstall

Ahora, puedes hacer clic en Visite su nuevo sitio el cual te mostrará tu sitio Drupal 7 en modo local.

www.miprimersitiodrupal.com

Instalación de Drush 5.8

Como se indicó, Drush básicamente es un paquete de comandos para Drupal los cuales se pueden ejecutar desde la línea de comandos. Para instalar Drush en Windows 7, se debe descargar el instalador para sistemas operativos Windows del sitio oficial de Drush  , además en el sitio se cuenta con toda su documentación. Ejecuta el instalador en como Administrador, por defecto están seleccionadas las 3 primeras características del árbol de opciones, pero es necesario activar todas las características de lo contrario se tendría que configurarlos “a mano”. La pantalla de configuración debería quedar así:

select_items

Luego se selecciona “Next”, en la siguiente ventana haz clic en “Install” comienza el proceso de instalación. Una vez concluido, cierra la ventana del instalador.

En el escritorio, o mediante el botón inicio de Windows, busca el acceso a Drush Command Prompt y ejecútalo como administrador.

El comando drush status nos permite conocer el estado actual de Drush. Para realizar alguna acción con Drush en nuestro sitio web, se debe ingresar al directorio del sitio web.

drush status

Para descargar un módulo, se emplea el comando dl (download) y el nombre del módulo. Por ejemplo, se puede descargar el módulo pathauto:

drush dl pathauto

Los módulos adicionales de Drupal se encuentran en el directorio \sites\all\modules\ y es ahí donde Drush los descarga.

Para habilitar un módulo se emplea el comando en (enabled) y el nombre de un módulo que está dentro del directorio \sites\all\modules\. Por ejemplo, se puede habilitar el módulo pathauto que ya se ha descargado:

Drush en pathauto –y

-y no muestra un mensaje de confirmación, asume “yes”.

Los comandos arriba descritos, se deben ejecutar en el orden como aparecen en la siguiente imagen:

drush_command_prompt

Ingresa a tu sitio Drupal y en ingresa en módulos, ahora se podrá observar que se ha añadido un nuevo módulo Pathauto y el mismo está habilitado.

Módulos_www.miprimersitiodrupal.com

SlideShows Drupal – (Secuencias ánimadas de contenidos o imágenes)

Slideshow es una transición animada de imágenes o textos, que se ha orientado principalmente a destacar contenidos relevantes y que funcionalmente permite al usuario la lectura de varios contenidos sin necesidad de llevar a cabo una recarga de la página.

Entre los portales que tienen SlideShows en sus páginas principales podemos nombrar algunos como CaracolTV, ColombiaTravel, Revista Shock, etc

Ejemplo de SlideShow empleado en el portal de MTV Uk

Slideshow drupal

SlideShow Drupal

Si bien hay cientos de plugins e implementaciones en JavaScript para lograr lo deseado, integrar estos plugins con gestores de contenido puede resultar en una extensa tarea de investigación y programación. Para facilitarnos a todos el trabajo en un futuro (Tanto a quienes nunca han hecho una implementación de este tipo, como a los que la hemos hecho y olvidamos de que manera concreta lo solucionamos).

A continuación se lista algunos módulos y herramientas que ofrece Drupal para SlideShows:

  1. Featured Content Slider: Brinda un bloque al que se le pueden añadir nodos o contenidos creados previamente. Su implementación es rápida y su despersonalización se hace a través de hojas de estilo (CSS). Una de las limitantes que tiene es que no se puede determinar el orden en que aparecen los elementos de una manera sencilla.
  2. Slideshow: Una opción de sencilla configuración, convierte todas las imágenes adjuntadas a un contenido en elementos de un slideshow. Solo trabaja con imágenes.
  3. Views Slideshow: ImageFlow: Una excelente opción cuando se quieren por ejemplo mostrar imágenes a manera de galería. Presenta un efecto estético muy agradable de zoom y una barra de desplazamiento en vez de botones (Al estilo del visor de carátulas de ITunes). Se integra con el módulo Views; para su implementación solo es necesario crear una vista que tenga campos de imagen y asignarle el estilo SlideShow – ImageFlow. Está orientado a la creación de galerías de imágenes únicamente.
  4. Dinamic Display Block: Es la opción más robusta, configurable y flexible. Se integra con el módulo views de modo que se tiene absoluto control sobre los campos que aparecen, el orden en el que aparecen los elementos (En combinación con el módulo nodequeue) y ofrece muchos estilos de visualización, desde un simple slide con imágenes y selectores con números, hasta selectores con imágenes en miniatura y pequeñas descripciones. A cambio de su funcionalidad se debe saber que se tiene que generar funciones de preprocesado en las plantillas que se esté utilziando y emplearle como mínimo unas dos horas de investigación. Se ofrecen tutoriales en la web del autor que describe como hacer slideshows sencillos y avanzados. Es la opción más cercana a lograr un slideshow como el de MTV Uk.

Cabe resaltar que sea cual sea la solución que se elija, viene bien tomar en cuenta si vale la pena generar un Slideshow para el sitio.

Servidor web en Mac con MAMP

Si eres un programador web y quieres la web que estás creando alojada en tu equipo Mac para probar el correcto funcionamiento en distintos navegadores he creado esta guía explicándote paso a paso cómo conseguirlo.

Kernel Panic

mamp

Si eres un programador web y quieres la web que estás creando alojada en tu equipo Mac para probar el correcto funcionamiento en distintos navegadores he creado esta guía explicándote paso a paso cómo conseguirlo.

Ver la entrada original 460 palabras más

Compara Archivos con Diff en Linux

Uno de las herramientas que nos brindan los manejadores de versiones de códigos es la facilidad de comparar las versiones de nuestro código. Pero como podemos hacer esto sin ayuda de una manejador de versión.

En linux contamos con un comando bastante potente que nos permite comparar carpetas completas o contenido de un archivo.

La sintaxis del comando es sencilla:


diff [opciones] [fichero1] [fichero2]

la opcion -q informa al comando que solo queremos un resumen


diff -q fichero1 fichero2

Ahora también podemos ver las diferencias en 2 columnas con la opción -y


diff -y fichero1 fichero2

y como al inicio explicaba podemos buscar en una carpeta recursivamente con ayuda de la opción -r


diff -y carpeta1 carpeta2

Por ultimo la opcion recomendada cuando queramos comparar recursivamente es excluir alguna carpeta en la cual sabemos que no necesitamos comparar por ejemplo: imágenes, adjuntos, etc. Esto se lograría con ayuda de la opción -x

Ahora que sabemos algunos comandos probemos como funciona con el ejemplo
ejemplo (asumiendo que tenemos información para trabajar)


diff -rq /home/gaston/carpeta1/ /home/gaston/carpeta2/ -x=/imagenes/

Finalmente les invito a que puedan consultar todas las opciones del comando con:


man diff

Generadores HTML5

HTML5 y CSS3 tienen nuevas características para los que trabajamos en el diseño y desarrollo Web, y en este artículo se pretende mostrar algunas de las mejores herramientas que se necesita para poder dominar estas nuevas características.

Tenemos que recordar que dentro del estándar de la W3C (borrador html5: http://www.w3.org/html/wg/drafts/html/master/) , no solo esta la sintaxis (header, footer, nav, video), sino también herramientas como almacenamiento local, canvas, svg, websocket y todas esas características que visualmente hacen que una Web tenga buena acogida.

También es bueno recordar que estas nuevas características aún no son totalmente compatibles con los motores de renderizado (browser).

A continuación una lista de la que probé:

Generadores HTML5

Los generadores de HTML, son básicamente, una plantilla ya completo y listo para poder trabajar sobre ella. entre las mas importantes están:

INITIALIZR
http://www.initializr.com/

Initializr es un generador de plantillas HTML5 para ayudar a empezar con un nuevo proyecto basado en HTML5 Boilerplate. Genera una plantilla personalizable, limpio, con todo lo que necesita para empezar.

ini

HTML5 Template Generator
http://shikiryu.com/html5/

HTML5 Template Generator es mucho más completa que la anterior opción. Ya que permite agregar características (titulo, descripción, autor, etc.) dentro de un frameword muy robusto como los es Blueprint (http://www.blueprintcss.org/) o sobre HTML5 Boiler Plate (http://html5boilerplate.com/). Además de  agregue librerias  de terceros (jQuery, Google Analitics) muy populares.

html5

Quackit HTML5 Generador
http://www.quackit.com/html/html_generators/html_code_generator.cfm

Este es un generador bastante genérico y básico, el cual permite introducir gran parte de información inicial de un proyecto Web. Lo que realmente llama la atención es que no solo genera HTML, sino también CSS. Para los que recién están aprendiendo a utilizar hojas de estilo en cascada, les caerá como anillo al dedo.

code_generator

Switch to HTML5 Generator
http://switchtohtml5.com/

Este es un generador bastante interesante. Lo que hace es que te permite generar una estructura de forma rápida y fácil, pero a diferencia de HTML5 Boilerplate, éste permite determinar el uso especifico de etiquetas pertenecientes a HTML5 (header, section, nav, aside, footer, etc.).

SwitchToHTML5

Como escribir un correo electrónico

como escribir correo

En primer lugar entiendo que el título de este artículo suena un poco tonto, pero lo cierto  es que no todas las personas que utilizan el correo electrónico saben cómo redactar correctamente uno, por esta razón  el uso de esta herramienta es muy importante. La probabilidad de que nuestros contactos tengan correos electrónicos que no son leídos o son leídos pero no con detenimiento es considerable, algunas de las causas recurrentes son:

  • El asunto no dice mucho.
  • El asunto menciona un tópico y el contenido describe otro.
  • El contenido del correo es extenso.
  • El contenido no se entiende.

Para evitar caer en errores comunes aquí les presento este listado de consejos para escribir un correo electrónico.

  1. Redactar un buen “Asunto”: consiste en escribir un “asunto” conciso y claro que en pocas palabras identifique el contenido del correo también es una buena idea agregar palabras clave en el “asunto” por ejemplo: fecha de caducidad, datos de la  cuenta o resumen reunión abril y que de esta manera pueda ser identificado entre un gran número de correos.
  2. Ser especifico en el correo, pero no exagerar: la mayoría de las recomendaciones acerca de este tópico aconsejan que usted sea directo y conciso en la redacción del contenido del correo y que vaya al punto,  pero en algunas ocasiones si usted es demasiado directo con el contenido existe la posibilidad de que el destinatario no entienda el contenido, por lo tanto siempre es bueno tomar en cuenta a quién se está enviando el correo, es decir, conocer si la persona a la que se está escribiendo tiene conocimiento previo de lo que se está hablando en el correo, si este no fuera el caso es mejor tomarse unas cuantas líneas para entrar en contexto.
  3. No exceder el tamaño del contenido: tomando como base el anterior punto, si un mensaje requiere de bastante contenido (digamos 6 párrafos), es recomendable colocar el contenido  en un documento de texto (Microsoft Word, Open Office), y posteriormente adjuntar este documento, así el cuerpo del correo se mantendrá corto y claro.
  4. Evitar el uso excesivo de letras mayúsculas: en Internet es bien sabido que el uso de textos en letras mayúsculas significa que la persona que escribe está GRITANDO!,  por lo tanto no es recomendable usar en demasía las letras mayúsculas.
  5. No abusar de los acrónimos ni las siglas: hoy en día por ahorrar tiempo de lectura y escritura suele utilizarse bastante los acrónimos y siglas por ejemplo TIC (Tecnologías de Información y Comunicación), FB (Facebook), TW (Twitter), PYME (Pequeña y Mediana Empresa), OMS (Organización mundial de la Salud), etc., los destinatarios podrían no tener conocimiento de los acrónimos o siglas.
  6. Ser cortés: cuando se solicite que el destinatario realice alguna acción es recomendable pedirlo con un “por favor” y agradece el trabajo con un “Gracias”.
  7. Agregar firmas a los correos: procurar enviar todos los correos con firmas para que el destinatario sepa cómo contactarse con el remitente.
  8. Verificar la ortografía del contenido del correo: antes de enviar un correo es importante revisar la ortografía, una palabra mal escrita puede cambiar el sentido del contenido.
  9. Revisar el contenido del correo antes de enviarlo: antes de presionar el botón “enviar” se debería leer una última vez el contenido a la vez es importante ponerse en el lugar de la persona que recibiría el correo.
  10. Mantener el formato del correo tan simple como se pueda: no se recomienda utilizar fuentes muy grandes o fuentes muy pequeñas, evitar el uso de varios colores para el contenido y utilizar un tipo de fuente fácil de leer.

Espero les sea de ayuda y recuerden que no es preciso seguir “a letra muerta” los consejos aquí presentados, siéntanse en la libertad de escoger los que más se adecuen a su negocio.