TYPO3 Templates & Sitepackages: Custom statt fertig

Las plantillas TYPO3 prefabricadas ahorran tiempo a corto plazo y cuestan más a largo plazo

La tentación es grande: comprar una plantilla TYPO3 prefabricada por 79 euros, instalarla, cambiar el logo, listo. En realidad, así comienza un ciclo de soluciones alternativas, overrides y conflictos de versiones que dificulta cada actualización y frena el desarrollo posterior. dmpr_template representa esta categoría de forma ejemplar. Gosign recomienda en su lugar Custom Sitepackages: paquetes de plantillas individuales, adaptados exactamente a los requisitos, mantenibles y versionables.

Un Sitepackage es una extensión TYPO3 que contiene toda la configuración del frontend: TypoScript, plantillas Fluid, Partials, Layouts, CSS/SCSS, JavaScript y Backend Layouts. Es la práctica recomendada oficial de TYPO3 desde la versión 8 y reemplaza el antiguo método de configurar plantillas en el sistema de archivos.

Escenarios de uso habituales

Relanzamiento corporativo con requisitos individuales. Una empresa inicia un relanzamiento del sitio web. El diseño existe como archivo Figma, la arquitectura de información como mapa del sitio, los tipos de contenido están definidos. Un Custom Sitepackage traduce estas especificaciones 1:1 a TYPO3: cada tipo de contenido se mapea como Backend Layout o Custom Content Element, las plantillas Fluid corresponden al diseño con precisión de píxel.

Configuración multi-sitio con componentes compartidos. Una corporación opera 5 sitios web de marca en una instancia TYPO3. Todos comparten un Sitepackage base con sistema de cuadrícula, tipografía y componentes básicos. Cada marca tiene su propio Sitepackage que extiende la extensión base: colores, logo, layouts específicos de marca.

Migración de configuraciones de plantillas antiguas. Las instalaciones TYPO3 de la versión 6 o 7 a menudo utilizan TemplaVoilà, Fluid Styled Content con extensos overrides TypoScript o incluso plantillas basadas en marcadores. La migración a un Sitepackage limpio moderniza toda la pila frontend en un solo paso.

Arquitectura técnica

Un Sitepackage es una extensión TYPO3 regular con una estructura de directorios definida. Configuration/TypoScript/ contiene la configuración TypoScript. Resources/Private/Templates/ contiene las plantillas Fluid. Resources/Public/ contiene CSS/SCSS, JavaScript, imágenes y fuentes. Configuration/TCA/ define Backend Layouts y Custom Content Elements.

El Sitepackage se instala mediante Composer y se asigna al sitio TYPO3 respectivo a través de la Site Configuration (config.yaml). Varios sitios pueden utilizar el mismo Sitepackage (multi-sitio) o tener uno propio cada uno.

Problemas frecuentes y soluciones

Las plantillas prefabricadas colisionan con actualizaciones de TYPO3. Las plantillas compradas a menudo sobrescriben configuraciones del Core y definiciones TCA de una manera que se rompe con las actualizaciones de TYPO3. Con un Custom Sitepackage se controla personalmente qué características del Core se utilizan y se pueden realizar actualizaciones de forma escalonada.

La estructura del Sitepackage crece sin control. A lo largo de los años se acumulan docenas de Partials, plantillas huérfanas y fragmentos TypoScript. Solución: refactorización regular. Un Sitepackage limpio tiene un máximo de 20-30 Partials, convenciones de nomenclatura claras y ningún archivo sin usar.

Conflictos de especificidad CSS con Fluid Styled Content. TYPO3’s Fluid Styled Content trae sus propias clases CSS. Si el Sitepackage utiliza clases propias, surgen conflictos de especificidad. Solución: reemplazar completamente Fluid Styled Content por definiciones propias de elementos de contenido o sobrescribir las plantillas.

Migración y compatibilidad de versiones

El concepto de Sitepackage es el estándar desde TYPO3 v8 y se desarrolla en cada nueva versión. La estructura básica permanece estable. Los ajustes en actualizaciones mayores afectan típicamente a la sintaxis TCA, las condiciones TypoScript y el registro de módulos de backend.

La migración de una plantilla prefabricada (dmpr_template, j77_template) a un Custom Sitepackage es una reescritura, no una portabilidad. Se analizan las plantillas existentes, se extrae la funcionalidad deseada y se reconstruye en una estructura de Sitepackage limpia. En un proyecto típico con 10 tipos de página y 15 elementos de contenido, el esfuerzo es de 2-3 semanas.

TYPO3 v13 introduce Content Blocks como nuevo concepto para definiciones de elementos de contenido. Content Blocks simplifican considerablemente la creación de Custom Content Elements. Los Sitepackages no se ven afectados y pueden utilizar Content Blocks adicionalmente. Gosign construye exclusivamente Custom Sitepackages desde hace años y tiene la experiencia para migrar eficientemente configuraciones de plantillas existentes a estructuras modernas.