Diseño Web

El otro día estábamos intentando modificar una imagen en el WordPress de un cliente, desde un editor, y no cambiaba. La sustituíamos por FTP y nada, la imagen seguía ahí. Nos estaba volviendo locos…no tenía sentido. De repente vimos que la ruta de las imágenes no era la del servidor, sino que las cogía desde el dominio http://i0.wp.com/…..   lo que en un principio nos alarmó. No os preocupéis, es el módulo Photon de Jetpack, que si lo tenéis habilitado cachea las imágenes. Esto es fantástico para acelerar las páginas y mostrar el contenido lo más rápido posible. Pero a los que desarrollamos las páginas nos puede volver locos porque no hay manera de modificar esas imágenes. Si quieres modificar una imagen y tienes este módulo instalado cambia la imagen de nombre. O si no…deshabilita el módulo mientras estés en desarrollo.

Como lo hemos usado para un cliente, hoy os dejamos un módulo gratuito para Prestashop que os permite mostrar las últimas fotos de Instagram en varios lugares de la plantilla Podéis ver una demo aquí. El módulo puedes conseguirlo en este enlace. Eso si, recuerda que tienes que darte de alta en la comunidad de Prestashop para poder descargarte los ficheros. Después colocarlo es muy sencillo, sólo instálalo, consigue el ID de cliente de Instagram y el un token de aplicación y colócalo donde quieras (que te permita la plantilla). Como lo de conseguir el ID puede ser algo complicado el lunes explicamos varias maneras. Otra manera de poner el feed de instagram es con estas soluciones online: http://snapwidget.com/#getstarted  o http://websta.me/tools . A mi no me gusta mucho porque tengo que fiarme de este servicio y, si se da de baja, nos quedamos sin feed. También mi web va a al servicio externo, luego a Instagram…lo que la ralentiza. Por último también podríamos hacerlo con este javascript: http://instafeedjs.com/. Pero Tendríamos que retocar Prestashop para que nos deje usar JS, cosa que no hace normalmente. Entonces tocamos código del gestor y lo hacemos menos seguro. No me gusta tanto…pero si no hay otra manera se puede hacer. Sería una solución para webs html puras. Podéis ver cómo en este vídeo, o explicado aquí:        

Escribo este artículo para que la gente no pierda el tiempo que he perdido yo probando plantillas. Y consciente que algunas de estas que pongo dentro de poco dejarán de usarse o que pueden salir mejores. Recordad que muchas veces es buena idea comprar plantillas, para lo cual recomiendo Themeforest. Obviamente son mucho mejores. Estas son las plantillas gratuitas que, a fecha del artículo, más me han gustado. BCU: gran plantilla creada para la universidad Birmingham City University que se mantiene actualizada. Tiene una portada muy configurable con espacios para poner banners, información etc. Basada de bootstrap y responsive (se adapta a los dispositivos). Tiene una apartado de configuración con muchas opciones de colores, tamaños etc y además una sección para el CSS y Javasript personalizados. Essential: otra de las clásicas, lleva bastante tiempo y está muy probada y desarrollada. Con actualizaciones frecuentes. Totalmente resposive. Tienes una demo aquí. Rocket: Una plantilla con muchísimas descargas que también lleva tiempo actualizándose. Muy popular. Evolve-D: una plantilla muy visual, con un slider de fondo en la pantalla de login, personalización de iconos y efectos visuales muy logrados. El único problema que veo es que inicie con la pantalla de login y no con una página de Inicio. Klass: Otra plantilla responsive y gratuita. Podéis ver la demo aquí.

Un pequeños consejo para aquellos que hacen páginas web. Este plugin parece un poco chorra pero estos pequeños detalles son los que hacen que las web queden bien. Icon List es un plugin que te permite usar un montón de iconos de Font Awesome. Algo que nosotros usamos mucho por ejemplo para las páginas de contacto y los pies de contacto. De una manera sencilla puedes poner un texto con los iconos de Twitter, teléfono, Google Maps, email etc etc. Sin necesidad de añadir una imagen y tener que cuadrarla. En los pequeños detalles está la perfección.