Comenzar un proyecto nuevo siempre es muy emocionante ¿qué nuevos retos te encontrarás? ¿Conseguirás terminarlo a tiempo? ¿Qué nuevas herramientas descubrirás? Eso sí si quieres que sea todo un éxito lo mejor es que tengas un método. Descubre cómo gestionamos nuestros proyectos con Joomla! y cuáles son las mejores herramientas para conseguirlo ¡Escucha nuestro segundo episodio!

En este episodio te contamos cómo gestionamos los proyectos que nos llegan y qué extensiones utilizamos habitualmente para contar nuestros proyectos por éxitos ;).

En el desarrollo del episodio te explicamos que nos llegan los clientes o bien por el boca a boca o bien a través de agencias con las que trabajamos habitualmente y que a partir de ahí ponemos en marcha nuestra rutina de gestión de proyectos. Javi parece que lo tiene todo mucho más estructurado y utiliza unas listas de comprobación con todas las cosas que tiene que ir haciendo y que son comunes a todos los proyectos.

Para el diseño de los nuevos sitios usamos plantillas de algún club como RocketTheme, JoomSpirit o YooTheme. Con este último os confieso mi relación amor-odio un poco peculiar con YooTheme. También os cuento que estoy empezando a trabajar junto con Tony Partridge (otro miembro del equipo de JEvents) en una plantilla base de Joomla! basada en el framework UIKit. Aquí tenéis el enlace al repositorio de la plantilla en mi Github.

Editor web

Dentro de las extensiones más utilizadas como editor web yo prefiero usar la versión profesional del editor JCE que combina el manejo gráfico y más intuitivo con un una buena opción para editar el código fuente y Javi prefiere usar el editor Rokpad que aunque es un editor de código, le facilita mucho el trabajo porque utiliza los atajos de teclado del editor de textos Vim y además tiene una función de guardado rápido.

Aviso de Cookies

En Europa tenemos que mostrar el aviso de cookies en todos nuestros sitios web y Javi menciona que utiliza una extensión propia para gestionarlo. Yo sin embargo prefiero usar el plugin Cookies Policy Notification Bar de Web357 que también permite excluir las cookies antes de que el usuario las acepte.

Fortificando la web

Tanto Javi como yo utilizamos AdminTools para fortificar la web y además os cuento que lo primero que hago nada más comenzar a trabajar en un proyecto es poner en marcha la política de copias de seguridad. Para eso utilizo la extensión Akeeba Backup.

WPO o cómo hacer que tu web vuele

Aquí tanto Javi como yo usamos JCH Optimize Pro para mejorar el rendimiento. No obstante en sitios muy complejos con mucho javascript pueden surgir problemas con esta extensión. En algún proyecto he tenido que cambiarlo por jBetolo por problemas de incompatibilidades, pero jBetolo es más complicado de configurar que JCH.

De JCH la función de optimización de imágenes es muy interesante, sobretodo si una vez entregado el proyecto el cliente no va a estar continuamente subiendo imágenes.

Podéis oir también cómo me resulta extraño que Javi instale y configure JCH Optimize desde el principio del proyecto, pero Javi me explica que para hacer todo un poco más automático, utiliza la funcionalidad de Clonar Web en Deevop que es muy cómodo y además tienen algunas funciones muy interesantes como la de desactivar/activar plugins al pasar a producción o la de Reemplazar textos. Por tanto una vez configurado deja el plugin desactivado y en el paso a producción se activa automáticamente. ¡Me encanta Deevop! ¡Lo hace todo muy fácil!

Rellenando el contenido

Una vez instaladas las extensiones básicas, lo siguiente es comenzar a rellenar el contenido de la web. El cliente nunca te da todo el contenido al principio y para poder avanzar lo más cómodo siempre es utilizar textos e imágenes de prueba.

El generador de textos de prueba más popular es Lorem Ipsum y con esta misma idea han surgido también generadores de imágenes que cumplen la misma función. Aquí nos perdemos un poco en la traducción de placeholder ¿la traducción sería foto que sujeta el espacio o quiźa sujetador de contenido? ¿Qué traducción crees que es más acertada? ¡Déjanos un comentario con tu opinión!

Javi menciona unos cuantos. Los más serios son placehold.it que simplemente te muestra un recuadro con el tamaño de la imagen, lorempixel que te mete una foto distinta cada vez, unsplash.it que hace lo mismo pero con imágenes sacadas de unsplash.com y el más divertido es placekitten.com que forma los placeholders con gatitos. Para muestra un botón:

¿Coneces algún generador de textos o imágenes divertido? ¡Déjanos tu comentario!

Creando la estructura de la página

Yo suelo alternar la maquetación mediante artículos y otros componentes con una maquetación puramente por módulos. En este último caso es muy útil tener alguna forma de no cargar la zona del componente y para eso estoy empezando a usar este componente BlankContent que ha creado Tony, que básicamente no hace nada ;).

Con los componetes de página como SP PageBuilder y YOOtheme Pro es verdad que todo es más fácil pero yo sigo prefiriendo usar directamente las posiciones de la plantilla.

Pasando a produccióN

Aquí no tenemos ninguna duda ¡Ambos usamos Deevop!

Una vez pasada la web a producción, yo aplico siempre mi .htaccess optimizado para mejorar la velocidad de carga de la web.

Javi comprueba la cuenta de Google Analytics y Google Search Console y comprueba que el sitio tenga activado el certificado de seguridad con Let's Encrypt.

Pruebas de rendimiento

Javi suele entregar también al cliente un informe del rendimiento de la web y aunque yo no lo suelo entregar, siempre hago un informe por mi cuenta para mejorar los puntos que pueda antes de entregar definitivamente la web.

El servicio que yo utilizo siempre es GTMetrix y entre las opciones de Javi están Google Page Speed Insights, Web Page Test y el nuevo servicio de Google Test My Site.

Javi también hace pruebas de cómo se ve la web en los distintos dispositivos móviles con Responsinator.

Comentarios finales

Antes de cerrar el proyecto Javi nos comenta que en muchos proyectos utiliza el plugin Articles Anywhere de RegularLabs (antes conocido como NoNumber). De esta forma puede simplificar la gestión para el cliente final de forma que el cliente puede editar todos los textos desde el gestor de artículos. Yo por mi parte suelo utilizar el CCK Zoo en estos casos que tiene también una parte de gestión en el frontend muy interesante ;).

Deberes

En el apartado de deberes Javi nos cuenta que le han gustado los nuevos Campos Personalizados en Joomla! pero destaca el problema que vimos en el primer episodio: Es un poco complejo de personalizar cómo se muestran estos campos en nuestro sitio. Para remediarlo ya tenemos casi a punto la nueva extensión Easy Layouts que incluso si no usas campos personalizados, te va a ayudar mucho en la creación de sitios web porque te permite hacer modificaciones de plantilla simplemente arrastrando cajas en un editor visual ;).

Mis deberes consistían en realizar la parte pública de la web y podéis comprobar cómo han quedado en este artículo ;).

Para el próximo episodio Javi tiene como deberes pasar las listas de comprobación de las que hablaba al principio del episodio a un formato que la extensión Checklists de Peter Martin pueda leer y compartirla con nosotros en el siguiente episodio.

Por mi parte me he comprometido a crear un pequeño plugin de Joomla! que solucione la vulnerabilidad de target=Blank para sitios que ya estén creados ;)

¡Gracias por escucharnos, por dejarnos un comentarios, por darnos 5 estrellitas en Apple Podcasts, por tus me gusta en ivoox y por compartir este episodio con todos en las redes sociales!

• Anterior
• Siguiente