Historia de la plantilla TYPO3

Las primeras versiones de TYPO3 se entregaban con una colección de plantillas para sitios web. Tenían nombres como Business, CrCPH, HYPER, Green o Candidate. Servían como ejemplos de cómo se podían crear sitios web utilizando TypoScript puro. He aquí una excursión al Internet de los primeros días con las doce plantillas originales de TYPO3.

Estas plantillas volvieron a desaparecer más tarde por estar visual y técnicamente anticuadas. Si ahora se configura TYPO3 de nuevo, sólo aparecía un mensaje de error en la página web: ¡No se ha encontrado ninguna plantilla!

Añadiendo un registro de datos de plantilla TypoScript a la página de inicio, al menos se mostraba el mensaje "¡Hola mundo!", pero esto estaba muy lejos de un sitio web diseñado. Primero había que crear un diseño utilizando plantillas HTML, CSS y TypoScript, y para muchos usuarios éste era un proceso largo y arduo.

Muchos se sintieron frustrados y buscaron otras soluciones. Estaba WordPress, por ejemplo, que mostraba una plantilla de muestra inmediatamente después de la instalación. El editor ya podía introducir texto, guardarlo y aparecía inmediatamente en el sitio web. El éxito era visible en pocos minutos. Los principiantes en TYPO3, en cambio, a menudo tenían que luchar durante semanas antes de conseguir un resultado satisfactorio.

Para facilitar los primeros pasos con TYPO3, desarrollamos la primera versión de nuestro proyecto de muestra en 2008. Cuando los clientes solicitaban un paquete de alojamiento, el proyecto de muestra se instalaba junto con el sitio TYPO3 "vacío". Esto significaba que cualquiera que lo deseara podía iniciar sesión en el backend de TYPO3, introducir contenido y ver el resultado de inmediato.

Muchos de nuestros clientes utilizaron la plantilla como base para su propio sitio web. Recibimos un gran número de consultas sobre cómo cambiar el logotipo, los colores, las fuentes o la anchura de las columnas o añadir más funciones. Por eso creamos las instrucciones correspondientes y, tiempo después, pudimos ver muchas variantes basadas en nuestra plantilla.

La primera versión de nuestra plantilla responsive tenía cinco años, mucho tiempo en Internet. Por ello, desarrollamos una nueva plantilla para la versión 8 de TYPO3. Durante el desarrollo, tuvimos en cuenta todos los aspectos de un sitio web moderno. La plantilla se diseñó para ser lo más sencilla posible. No se utilizó Bootstrap, ya que este framework abulta innecesariamente la plantilla.

Se tuvieron en cuenta las funciones requeridas con más frecuencia, como noticias, multilingüismo, optimización para motores de búsqueda, tiempos de carga cortos, función de búsqueda y visualización perfecta con los navegadores actuales.

Dispone de varios diseños para 1, 2 y 3 columnas y diferentes navegaciones. Con la caja de fantasía integrada, las imágenes pueden mostrarse en una caja de luz con un fondo oscurecido. Hemos adquirido una "Licencia ampliada" de fancyapps para el proyecto de ejemplo, de modo que esta función también puede utilizarse en sitios web comerciales basados en la plantilla de ejemplo.

Para la nueva versión, hemos vuelto a crear una serie de instrucciones, a las que ahora se puede acceder directamente en el backend de TYPO3 a través de la función de ayuda.

Poco después del lanzamiento de TYPO3 9 LTS, también publicamos una nueva versión de nuestra plantilla.

Aquí, sin embargo, podemos hablar más de una "evolución" y menos de una "revolución". No hemos implementado ninguna función fundamentalmente nueva, sino que utilizamos las nuevas funciones de TYPO3 9 LTS.

La nueva extensión del sistema "seo" se utiliza ahora para la optimización de motores de búsqueda; la extensión utilizada anteriormente "cs_seo" ha sido eliminada. URLs legibles y amigables para los motores de búsqueda ahora también son generados directamente por TYPO3, la extensión utilizada anteriormente "realurl" ya no es necesaria.

El popular efecto lightbox al ampliar las imágenes ya no se realiza a través de una extensión adicional.

En definitiva, el proyecto de ejemplo se ha simplificado y adaptado a las nuevas funciones de TYPO3 9 LTS.

Con la versión 10 de nuestro proyecto de ejemplo, no sólo hemos revisado las funciones existentes, sino que también hemos integrado numerosas características nuevas. El proyecto es ahora mucho más moderno, flexible y fácil de usar.

Un elemento central es el nuevo panel de TYPO3, que proporciona una visión general rápida de los contenidos y funciones importantes. Se complementa con una solución integrada de gestión de cookies basada en el script de código abierto "Klaro", que cumple los requisitos de protección de datos de los sitios web modernos. También se ha avanzado mucho en el tratamiento de imágenes: las imágenes con capacidad de respuesta y diversas variantes de recorte garantizan una visualización óptima en todos los dispositivos finales.

Para la navegación hay disponibles variantes nuevas y mejoradas, como un mega menú para una presentación más clara de las subpáginas. En cuanto al contenido, los editores se benefician de contenedores de rejilla flexibles y elementos de contenido ampliables que ofrecen más libertad de diseño.

El proyecto también se ha modernizado técnicamente. Bajo el capó, utilizamos las posibilidades ampliadas de TYPO3 10 LTS, incluidos nuevos mecanismos como los Asset Collectors, que permiten gestionar e integrar recursos de forma más eficiente.

El desarrollo de la versión 11 de nuestro proyecto de ejemplo también ha continuado de forma constante: Se han perfeccionado las funciones existentes y se han añadido nuevas opciones, tanto en el área visible como en el fondo.

Entre otras cosas, las imágenes responsivas con diferentes variantes de recorte, las nuevas formas de navegación como los mega menús y los teasers de página con imágenes de vista previa, así como los elementos de contenido ampliables y los diseños de cuadrícula para contenidos más complejos garantizan una apariencia flexible y moderna.

Técnicamente, el proyecto de muestra se basa en TYPO3 11 LTS. Esta versión no sólo trae consigo una interfaz de backend modernizada, sino que también nos permite estructurar los activos y recursos de forma aún más clara durante el desarrollo, gracias, entre otras cosas, al uso específico del Asset Collector.

Con la versión 12 de nuestro proyecto de ejemplo TYPO3, hemos vuelto a mejorar notablemente la facilidad de uso y la base técnica. Además de optimizar las funciones existentes, hemos añadido nuevas características que hacen aún más flexible el trabajo con el sistema.

Nos hemos centrado especialmente en la estructura sin barreras del sitio web para que el mayor número posible de usuarios pueda acceder sin restricciones a los contenidos. El proyecto se completó con un nuevo elemento de contenido para imágenes hero, es decir, texto sobre imágenes de gran tamaño, así como con funciones conocidas pero mejoradas, como imágenes con capacidad de respuesta, diseños de cuadrícula flexibles y elementos de contenido ampliables.

El proyecto de muestra también se beneficia de las modernas posibilidades de TYPO3 12 LTS en segundo plano. Entre otras cosas, utilizamos el Asset Collector para integrar recursos de forma estructurada y con un rendimiento optimizado.

Con la versión 13 de nuestra plantilla para TYPO3, no sólo hemos mejorado las funciones existentes, sino que también hemos añadido algunas características nuevas.

A partir de ahora, la configuración ya no tiene lugar en el editor de constantes, sino a través de los ajustes del sitio recién añadidos en TYPO3 13. También hemos integrado la extensión Content Blocks y añadido dos nuevos elementos de contenido "Tabs" y "Cards". Además, a petición popular, ahora hay más iconos en el editor de texto enriquecido.

"Por ejemplo, hemos sustituido FLUIDTEMPLATE por el nuevo objeto de contenido PAGEVIEW. Otra gran novedad es la separación mejorada de la lógica y la presentación, ya que hemos externalizado el cálculo de imágenes para la entrega responsiva de imágenes desde Fluid Template a un DataProcessor independiente.