TYPO3: características, ejemplos y plantillas para tu página web

La organización sin ánimo de lucro TYPO3 Association se dio a conocer en el año 2000 con el lanzamiento de la primera versión beta del gestor de contenidos. Desde su lanzamiento, TYPO3 ha evolucionado considerablemente. Actualmente cuenta con un gran número de extensiones nuevas como plantillas y plugins, con funciones adicionales y mucho más. Además, una sólida comunidad de apoyo se ocupa de que este CMS siga siendo competitivo en el futuro. Todos estos son motivos suficientes para examinar TYPO3 más de cerca.

El concepto de TYPO3

Desde 2012, el sistema de gestión de contenidos se ha distribuido bajo la nomenclatura de “TYPO3 CMS”. Esta fue la reacción de la TYPO3 Association a la escisión del equipo de desarrollo que había estado trabajando en “TYPO3 Neos”, otro CMS que ha acabado diferenciándose considerablemente del original. A pesar de su nuevo nombre “TYPO3 CMS”, generalmente se sigue refiriendo a él simplemente como TYPO3. Junto a WordPress, Joomla y Drupal, y con más de 400 mil instalaciones, TYPO3 CMS se cuenta indudablemente entre los programas de gestión de contenidos más populares a nivel global.

El sistema TYPO3 se trata de un software de código abierto con el que se puede trabajar en el diseño de páginas web mediante el uso de plantillas y a través de un servidor web. El programa está disponible para su descarga gratuita aquí.

Una característica destacable de TYPO3, pero algo insólita para un CMS, consiste en que permite introducir el contenido para la interfaz de usuario utilizando un lenguaje de configuración denominado TypoScript, algo que puede convertirse en una ardua tarea especialmente para los más inexpertos.

TYPO3 está considerado como uno de los sistemas de gestión de contenidos mejor protegidos y ofrece extrema flexibilidad, además de una grande y activa comunidad. Las diversas extensiones para TYPO3 como plantillas, plugins y otros recursos son, en su gran mayoría, gratuitas. Para cualquier pregunta o problema, puedes recurrir a los numerosos foros en línea y tutoriales de la comunidad. Además, actualmente existen proveedores profesionales que ofrecen soporte especializado para TYPO3.

Vídeo: ¿qué es TYPO3?

Conceptos básicos sobre el TYPO3 CMS

Con TYPO3 es posible crear páginas web de cualquier tipo y tamaño. Gracias a su amplio abanico de funciones, TYPO3 también está preparado para afrontar las necesidades especiales que se derivan del diseño de páginas web. Algunas de las características más importantes son:

• La revisión de los contenidos web por parte de los redactores puede llevarse a cabo y personalizarse mediante la función workflow. Además, gracias al historial de versiones anteriores, es posible recuperar cualquiera de ellas sin problemas.
• Los llamados workspaces permiten revisar los cambios realizados en el contenido y en el diseño de las páginas web, convirtiéndose así en un entorno de trabajo especial que permite simular el frontend de dichas páginas.
• Se pueden determinar los derechos de acceso tanto para el backend como para el frontend. Las distintas opciones de configuración permiten modificar los derechos de acceso y decidir cuáles son los derechos de uso de usuarios, redactores, administradores o grupos específicos.
• Las posibilidades de administrar varias páginas web independientes son ilimitadas y las extensiones necesarias para ello tienen que instalarse una única vez.
• Existen más de 6.000 extensiones y aplicaciones de TYPO3 cuya instalación puede realizarse sencillamente mediante el uso del gestor de extensiones.
• Se pueden publicar las páginas web en diferentes idiomas y, para ello, se pueden utilizar las más de 50 opciones de localización.
• Tanto el frontend como el backend están diseñados para un uso responsivo. También es posible configurar vistas previas especiales para el frontend en dispositivos móviles.

Instalar TYPO3: requisitos y manual paso a paso

Si con todo lo dicho se ha despertado tu interés por este completo gestor de contenidos, puedes acudir a su página oficial en busca de las versiones más actuales del software, pero antes de instalar TYPO3, convendría garantizar el entorno de hardware y de software adecuado. TYPO3 plantea una serie de requisitos al servidor web que son imprescindibles no solo para su instalación en el sistema sino también para que pueda usarse sin problemas más adelante.

Requisitos para usar TYPO3

Como gestor de contenidos multiplataforma, con TYPO3 CMS no estás ligado a ningún sistema operativo a la hora de instalarlo. La asociación TYPO3 facilita diversos paquetes de instalación para Windows, macOS o Unix/Linux. También tienes plena libertad de elección en cuanto al servidor web de tu agrado y, si bien el equipo de desarrollo recomienda Apache como la mejor solución, los proyectos realizados con este CMS también se pueden administrar con NGINX o Microsoft IIS y otras aplicaciones que cuenten con un módulo PHP. Precisamente este es el lenguaje de script en que se basa el CMS, por lo que entre los requisitos básicos de TYPO3 también se incluye la instalación de una versión actual de PHP:

• TYPO3 v10: PHP 7.2–7.4
• TYPO3 v12: PHP 8.1 o más alta
• TYPO3 v13: PHP 8.2 o 8.3

Es crucial que el entorno PHP que instales tenga un límite de memoria de al menos 256 MB (se recomienda más para un rendimiento estable) y esté desactivado el valor globals. También hay que asegurarse de que la duración permitida para la ejecución de scripts (max_execution_time) sea de un mínimo de 240 segundos para garantizar que los scripts complejos tengan tiempo suficiente para ejecutarse correctamente.

En cuanto a la base de datos, los desarrolladores recomiendan MySQL a partir de la versión 5.7, aunque se recomienda la 8.0 o una más alta. Gracias a la extensión estándar DBAL (Database Abstraction Layer) TYPO3 ya soporta otros sistemas como PostgreSQL (a partir de la 10.0) o MariaDB (a partir de la 10.2, aunque se recomienda la versión 10.4 o una más alta). Oracle ya no se menciona oficialmente en las versiones actuales de TYPO3, mientras que Microsoft SQL Server es compatible hasta la versión de 2019.

En lo que respecta al hardware, TYPO3 no tiene grandes exigencias y los 200 MB de espacio web y los 256 MB de memoria RAM no suponen un gran problema aunque, como en todas las aplicaciones apoyadas en bases de datos, no está de más contar con más RAM para proyectos de mayor envergadura.

Manual de TYPO3: cómo instalar el CMS

A la hora de instalar TYPO3 cuentas con dos opciones:

1. Puedes descargar el paquete de instalación y descomprimirlo en el servidor web o también descomprimirlo primero localmente y subir después los archivos al servidor web. Esta opción no es muy recomendable dado el elevado número de archivos que contiene el paquete.
2. TYPO3 también puede instalarse con ayuda de una herramienta como TYPO3Winstaller. Este paquete de utilidades (para Windows) no solo se encarga de la instalación y la configuración del sistema, sino también de la de las versiones necesarias de Apache, PHP y MySQL en el servidor web.

Cuando todos los archivos del programa están en el servidor web, el asistente conduce al resto de procedimientos necesarios para la instalación y configuración del CMS. La herramienta se encuentra en la carpeta “typo3/install” y a ella se accede desde el explorador introduciendo la ruta exacta en el directorio en la barra de navegación. Sigue las instrucciones de esta herramienta para crear las bases de datos y regular el acceso a ellas, así como para crear una cuenta de administrador para el proyecto.

Plugins de TYPO3: más funciones gracias a las extensiones

La versión básica del CMS ya ofrece un paquete excelente con buenos resultados en la realización de los más diversos proyectos, pero, tanto el núcleo del programa como el frontend y el backend se pueden personalizar y ampliar con extensiones, módulos con funciones especiales que se integran en el gestor en interfaces predefinidas. Se añaden así, por ejemplo, prestaciones de seguridad, como el fortalecimiento de contraseñas seguras para acceder al backend o el bloqueo automático de direcciones IP relacionadas con una conducta de registro inusual, pero también hay extensiones para facilitar la gestión de los usuarios, para integrar elementos interactivos o para implementar formularios.

Desarrollar una extensión de TYPO3

PHP constituye la base de cualquier extensión TYPO3, así que ser capaz de manejarlo es uno de los requisitos fundamentales a la hora de diseñar una. Aun así, el CMS facilita dos herramientas que simplifican en gran medida el proceso de su desarrollo:

• El procesador de plantillas Fluid, que ayuda a crear la interfaz de usuario de la extensión.
• El framework MVC Extbase que, como “modelo” de la arquitectura del software, sirve para separar los datos de la extensión de su edición y presentación.

De este modo, el código fuente resulta más claro y se pueden eliminar bugs más fácilmente. Extbase, además, contiene una función que facilita el registro de extensiones recién diseñadas. Si quieres adentrarte en el desarrollo de extensiones para TYPO3 y crear tu propia extensión deberías familiarizarte con la herramienta Extension Builder. Esta herramienta permite la creación rápida y sencilla de una estructura base para la extensión planificada. Genera automáticamente todos los archivos necesarios, ahorrando así una gran cantidad de trabajo y tiempo.

Así se instala una extensión de TYPO3

Antes de instalar el plugin adecuado para tu proyecto TYPO3, comprueba si es compatible con la versión del gestor de contenidos que utilizas, así como la seriedad y seguridad futura de la extensión, echando un vistazo a datos reveladores tales como su historial de versiones, la fecha de su última actualización o las cifras de descargas. Hechas las comprobaciones pertinentes, ya puedes instalar la extensión con el gestor de extensiones incluido en el programa por defecto. Este manager permite instalar y configurar la extensión directamente desde TYPO3 y es siempre preferible a la instalación manual con un paquete externo.

Normalmente encuentras la extensión que has escogido en el buscador del gestor de extensiones y para ello solo necesitas la clave completa y correcta disponible, por ejemplo, en el repositorio oficial. La instalación se inicia pinchando en el botón “Import and install” (“importar e instalar”) que encuentras junto al nombre de la extensión. Si la operación se ha llevado a cabo con éxito, aparece un cuadro de diálogo con la confirmación.

TYPO3 Extension Repository (TER)

El archivo de extensiones TER (TYPO3 Extension Repository) es la plataforma adecuada para aquellos que han programado una extensión para el CMS y la quieren compartir con la comunidad. Este directorio central, accesible desde la página oficial de TYPO3 del gestor de contenidos, permite subir y compartir plugins y plantillas con otros usuarios. Durante este proceso, el desarrollador también añade, entre otras cosas, la clave que hemos mencionado, con la que se localiza la extensión en el Manager y se puede instalar.

Este repositorio ofrece más de 1.800 extensiones y, por esto, es uno de los portales más importantes para usuarios de TYPO3. Una característica especialmente útil del directorio es la función de búsqueda integrada que permite, entre otras cosas, filtrar los resultados por el estado de su desarrollo, su categoría o su compatibilidad con TYPO3.

Estas son las extensiones de TYPO3 más populares

Como muestra de la diversidad que caracteriza al repositorio de extensiones de TYPO3, esta tabla reúne algunas de las extensiones del CMS más útiles e interesantes:

Plantillas de TYPO3: acorta el camino al diseño que quieres

La utilización de plantillas de diseño es la forma más sencilla de lograr el diseño y el layout que imaginas para tu proyecto porque, en lugar de diseñar una web desde cero, cuentas con plantillas que marcan la estructura básica en la que se irá enmarcando el contenido. La estructura seleccionada se puede modificar o cambiar más adelante por otra si fuera necesario sin que afecte al contenido, que se transfiere sencillamente al nuevo diseño.

Muchos programadores han decidido tomar el camino del desarrollo de plantillas de TYPO3 y ponerlas a disposición de los usuarios ofreciendo su descarga en sus propias páginas web o comercializándolas en páginas de otros proveedores especializados en su venta. Con todo, el precio no constituye necesariamente la vara para medir la calidad de estas plantillas o templates.

Qué tener en cuenta al elegir una plantilla de TYPO3

Cuando se buscan plantillas de TYPO3 se encuentran opciones tanto gratuitas como de pago y mientras unas páginas ofrecen una variada selección, otras solo disponen de un modelo. Sin embargo, ni el coste ni la variedad deberían determinar la elección de un template. Los elementos técnicos y visuales que lo caracterizan son, sin duda, más relevantes.

Una de las primeras cuestiones debería girar en torno al diseño de la plantilla más atractiva y considerar si se ajusta a tus ideas y, sobre todo, al concepto que fundamenta el proyecto web tanto temática como funcionalmente. Utilizar una plantilla sin modificar que otorgue a tu proyecto la estructura de navegación que ansías, pero cuyo diseño no se ajusta al contenido de la web, acaba perjudicando la imagen de tu proyecto, y aquellas plantillas que solo contienen unos pocos elementos interesantes para tu idea merecen una reflexión sobre el coste, tanto personal como financiero, que podría conllevar adaptarla para que funcionara bien con tu web. Otras variables a tener en cuenta antes de descargar una plantilla de TYPO3 podrían ser:

• Diseño web responsivo: decídete desde el principio por una plantilla responsiva, porque con una de ellas como base, tu página web se adapta automáticamente al tamaño de las diferentes pantallas. Es así como no solo ofreces una experiencia de usuario óptima a los usuarios de equipos de sobremesa, sino también a los de smartphones y tablets, sin tener que crear una versión móvil a propósito para cada equipo con el gasto de mantenimiento que eso conlleva.
• Compatibilidad: comprobar la compatibilidad de una determinada plantilla con la versión de TYPO3 del proyecto es un paso previo esencial. Por regla general, los proveedores ya indican en las descripciones de las plantillas las versiones en las cuales funcionan y, si no lo hacen, entonces conviene pensar bien si compensa correr el riesgo, especialmente en el caso de las plantillas de pago. Cuenta con llevar a cabo una actualización regular de TYPO3 si estás interesado en plantillas que también se actualizan con regularidad.
• Licencias: las plantillas de TYPO3 se distribuyen bajo diversas licencias, lo que diferencia a unas de otras en cuanto a sus posibilidades de uso. Ya se trate de una licencia comercial o de una libre, es importante evaluar si sus directrices se ajustan a tus planes: en muchos casos no se permite modificar las plantillas o utilizarlas con fines comerciales, aunque normalmente basta con enlazar a su autor o al proveedor.
• Fiabilidad: descargar una plantilla de TYPO3 alberga los típicos riesgos habituales en la web, y es que si topas con el proveedor equivocado, además de descargar un template también puedes dar vía libre a tu equipo a todo tipo de adware o malware. Lo problemático es que tales proveedores no siempre se detectan a primera vista, por lo que no está de más mantener cierto escepticismo ante ofertas recién descubiertas. Presta atención a algunas señales que atestiguan a los vendedores acreditados como, por ejemplo, comentarios positivos de clientes, datos de contacto visibles o posibilidades de atención técnica. Otro buen signo de credibilidad son las versiones de prueba y las capturas de pantalla de las plantillas que se ofrecen como muestra.

Dónde encontrar plantillas de TYPO3: servicios gratis y de pago en Internet

Buscar plantillas es a menudo más difícil de lo que parece al principio. Sucede con cierta frecuencia que cuando has encontrado la solución perfecta, esta no es compatible con tu versión del CMS; en otros casos, son los costes los que frenan la aplicación de una plantilla porque sobrepasan el presupuesto. En definitiva, ármate de paciencia e intenta no precipitarte en la elección, con el fin de encontrar la solución realmente más adecuada que se corresponda con tu idea y pueda utilizarse a largo plazo. Echa un vistazo al listado que sigue con nuestra selección de proveedores consolidados de plantillas de TYPO3. Cabe destacar que la cuota de mercado de este CMS se encuentra mayormente en el norte de Europa, por lo que no es de extrañar que muchas de las plataformas o de los desarrolladores de plantillas sean de origen nórdico o alemán.

typo3.org: Extension Repository (gratis)

El mencionado directorio de extensiones de TYPO3 también facilita una lista de plantillas y si bien no ofrece la posibilidad de filtrar por categorías, sí lo hace por templates. Los modelos que incluye este listado proceden de la mano de diversos desarrolladores que comparten sus creaciones con la comunidad. Con cada tema se ofrece una breve descripción y los datos más importantes, como la versión actual de la plantilla, las versiones compatibles del CMS, su dependencia de otras extensiones, así como el nombre del autor.

Siempre y cuando estén disponibles, también puedes accederse a manuales que, además de contener una introducción detallada, ofrecen información sobre el tipo de licencia bajo el que se distribuye. Cuando descargas una plantilla de TYPO3 tienes dos opciones, un paquete T3X o un archivo comprimido ZIP, ambos estándares del CMS.

t3Bootstrap.de (de pago)

Una plantilla destacada es el t3Bootstrap-Template de WapplerSystems, que, como su nombre indica, se basa en el framework CSS Bootstrap. Esta plantilla está dirigida principalmente a usuarios de TYPO3 que desean crear una plantilla propia sin usar el motor estándar. Además de incluir elementos básicos, como un sistema de cuadrícula, menús laterales, tipografías y soporte para imágenes responsivo, el paquete incluye el Template-Maker, una herramienta que simplifica significativamente la creación de componentes básicos para tu proyecto. Como alternativa, puedes usar el template responsive de TYPO3 directamente, aprovechando los elementos preconfigurados de Bootstrap para la gestión de contenidos.

Para utilizar t3Bootstrap, es necesario adquirir una de las licencias disponibles. Para una página personal sencilla, es suficiente con una licencia económica para usuarios privados. Si deseas usar la plantilla para una página web corporativa, necesitarás la licencia comercial individual. Para un uso comercial ilimitado, WapplerSystems ofrece la licencia multiproyecto. Las organizaciones sin ánimo de lucro pueden utilizar la plantilla de forma gratuita, siempre que incluyan un enlace de retorno a la página web del desarrollador.

Blog de Sebastian Klein (gratis)

El programador alemán Sebastian Klein ha creado una plantilla para TYPO3 que se puede utilizar como base para crear otras plantillas. Con el nombre de “basetemplate”, esta plantilla no constituye una solución de frontend integrada, sino solamente una estructura simple de HTML que simplifica la utilización de las plantillas Fluid de TYPO3. Con este objeto, el modelo ofrece un sistema coherente de carpetas y una configuración básica de TypoScript y de los módulos de TYPO3 (TSconfig), entre otras cosas, aunque todos los ajustes son personalizables. Puedes descargar “basetemplate” de forma gratuita en cualquiera de sus tres variantes “basetemplate62” (para TYPO3 6.2), “basetemplate7” (para TYPO3 7.6) y “basetemplate8” (para TYPO3 v8 LTS) en su repositorio de GitHub.

t3template4u.de (gratuito)

El desarrollador Phillip Baumgärtner ofrece en su página web t3template4u una plantilla responsiva para TYPO3 de forma gratuita. La página funciona como una vista previa en vivo de la plantilla, que está disponible bajo la licencia Creative Commons BY 3.0 (con atribución). Además de incluir elementos en HTML, CSS y JavaScript, esta plantilla utiliza varias extensiones como la extensión SEO TEQneers SEO Enhancements y el script de diapositivas jQuery Flexslider. El diseño incluye diversas opciones para crear contenido (texto e imágenes), además de cuatro estilos de diseño diferentes (3 columnas, 2 columnas a la izquierda, 2 columnas a la derecha, 1 columna). Los diferentes componentes de la plantilla están disponibles en el repositorio de GitHub, donde también puedes encontrar una guía de instalación.

One Page Template for TYPO3 CMS (gratis)

En la búsqueda de un diseño onepage para una web y si se trabaja con TYPO3 6.2, la plantilla “t3onepage” es una elección inmejorable, ya que contiene el TypoScript indicado y la base modular adecuada para presentar contenido en una sola página. Diseñado por Maximilian Mayer, el paquete compuesto de fuentes, iconos, fragmentos de código JavaScript y hojas de estilo CSS se distribuye bajo una licencia libre MIT de forma que puede utilizarse y modificarse tanto de forma privada como comercial, siempre y cuando se haga referencia a la licencia y a los derechos de copia. La plantilla puede descargarse de forma gratuita en GitHub.

Cómo diseñar tu propia plantilla de TYPO3

Sin menospreciar a las plantillas predefinidas, también se puede optar naturalmente por crear un diseño propio que permita mantener el control sobre el aspecto final del proyecto. La única condición es, como es de esperar, contar con el conocimiento técnico suficiente en HTML, CSS y JavaScript. También puedes recurrir a frameworks HTML/CSS como Bootstrap, ZURB Foundation o HTML5 Boilerplate con el objetivo de simplificar el proceso de creación de una estructura de tales características y no comenzar necesariamente de cero. Como alternativa a la creación de una plantilla a partir de modelos de HTML puedes utilizar el lenguaje interno de configuración TypoScript, aunque esta vía requiere algo de práctica al principio. En este punto se recomienda guardar la plantilla como extensión de TYPO3, porque así se puede integrar fácilmente mediante el Extension Manager.

Pasos necesarios para llevar a cabo una actualización de TYPO3

Actualizar a una nueva versión del CMS implica tachar algunas tareas. Antes que nada, sea una actualización a pequeña escala (de 13.2.1 a 13.2.2) o de mayor envergadura (de 12.x a 13.x), un primer paso obligado es realizar una copia de seguridad de la instalación actual y de la base de datos para poder volver en cualquier momento a la versión antigua siempre que se presenten complicaciones. Antes de trasladarte a la nueva versión también conviene actualizar el reference index sin falta. Para actualizaciones importantes de TYPO3 en las que se utiliza el asistente de actualización (Upgrade Wizard), también son necesarios los siguientes pasos:

• Convertir las extensiones globales a locales: las extensiones instaladas globalmente deben convertirse en locales para evitar problemas de compatibilidad.
• Ejecutar el analizador de bases de datos: esto ayuda a identificar y solucionar posibles problemas en la estructura de la base de datos.
• Vaciar la tabla de caché y eliminar archivos temporales de caché: esto elimina datos antiguos que ya no son necesarios.
• Borrar las configuraciones de usuario en el backend: las configuraciones antiguas podrían ser incompatibles y deben restablecerse.
• Revisar el ChangeLog y el archivo NEWS.md del nuevo TYPO3: estos archivos contienen información importante sobre los cambios y nuevas funcionalidades.
• Actualizar las extensiones y el módulo de idiomas (language): todas las extensiones y paquetes de idiomas utilizados deben actualizarse a la última versión para garantizar la compatibilidad.

En la mayoría de los casos, la actualización a una nueva versión de TYPO3 se realiza sin grandes complicaciones. Sin embargo, las adaptaciones necesarias pueden variar según el número de extensiones utilizadas y la diferencia entre versiones. Debido al posible esfuerzo que conlleva, muchos proveedores de hosting ofrecen la actualización de TYPO3 como un servicio.

Ejemplos impresionantes de las posibilidades de TYPO3

Los siguientes ejemplos de proyectos web muestran de lo que es capaz TYPO3 y qué se puede lograr con este CMS:

• UNESCO
• WWF
• Unicef
• Lufthansa Group
• AirFrance
• El Corte Inglés
• Ayuntamiento de Barcelona

TYPO3 ofrece una versión de prueba para tantear las capacidades de este CMS. Descárgatela aquí.

Ventajas e inconvenientes de TYPO3 CMS

Comenzar a utilizar TYPO3 sin mucha experiencia previa no es tan fácil en comparación con otros sistemas de gestión de contenidos, de forma que será necesario invertir más tiempo y trabajo en entender cómo funciona y en qué consisten sus diferentes funciones.

Por otro lado, se trata de un CMS extremadamente flexible que, con el conocimiento adecuado, ofrece una amplia variedad de posibilidades. Gracias a las numerosas extensiones, puedes añadir múltiples funcionalidades a tu página web desarrollada con TYPO3. Además, herramientas prácticas como los flujos de trabajo (workflows) facilitan enormemente la colaboración entre varios editores y administradores.

Otros puntos fuertes incluyen la localización en varios idiomas y la capacidad de gestionar múltiples páginas web desde la misma plataforma. Asimismo, gracias a su gran comunidad, seguramente TYPO3 seguirá evolucionando y contará con nuevas extensiones y plantillas en el futuro. En definitiva, TYPO3 es un CMS complejo pero increíblemente completo, que prácticamente no impone límites al diseño web.