Zum Inhalt springen

Plantilla TYPO3 gratuita para TYPO3 versión 9


Plantilla gratuita para crear sus propios sitios web basados en TYPO3 versión 9. Para TYPO3 versión 10 hay una plantilla actualizada disponibleaquí una plantilla actualizada.

TYPO3 Version:9 LTS

Nota importante:
La plantilla TYPO3 también está disponible en una versión actualizada versión para TYPO3 versión 13.4 ¡disponible!

Con la plantilla TYPO3 gratuita puede empezar a crear contenido inmediatamente y su sitio web estará en línea en muy poco tiempo. Así que usted no tiene que preocuparse por el diseño, plantillas o TypoScript para su propio sitio.

Vea la versión en vivo de nuestra plantilla TYPO3 aquí

NUEVO: La plantilla TYPO3 ya está disponible para su descarga para todos los usuarios interesados. Si la plantilla está instalada localmente o con otro proveedor, lamentablemente no podemos ofrecer soporte técnico para ella. No obstante, estaremos encantados de recibir sugerencias e ideas para mejorarla.
Aquí puede encontrar un tutorial en vídeo para la instalación.

Descargue la última versión de la plantilla TYPO3 (archivo tar.gz)

Puede personalizar la plantilla y ampliarla con funciones adicionales.

La plantilla ofrece:

  • Diseño web responsivo, apto para escritorio, smartphone y tablet
  • optimizada para motores de búsqueda
  • preparada para la accesibilidad
  • Ejemplos de todos los elementos de contenido estándar
  • optimizada para tiempos de carga cortos
  • Tecnología punta
  • personalizable visual y funcionalmente

Puede utilizarse como base para su propio sitio web y representa una "mejor práctica" que muestra cómo configurar un proyecto TYPO3. No pretende ser una plantilla de diseño, sino una plantilla de proyecto en la que el diseño se puede personalizar para adaptarlo a sus propias ideas.

Hemos mantenido deliberadamente el proyecto de muestra muy reducido y sólo hemos preinstalado las funciones más utilizadas:

  • Visualización de noticias actuales (extensión: news)
  • Direcciones web legibles y compatibles con los motores de búsqueda
  • Soporte para la optimización del sitio web para los motores de búsqueda
  • Efecto lightbox para la ampliación de imágenes mediante clic

El proyecto de ejemplo se basa en TYPO3 LTS versión 9.5, lo que significa que puede funcionar sin necesidad de relanzamiento hasta al menos finales de octubre de 2021. Extended Long Term Support (ELTS) proporciona actualizaciones y soporte hasta finales de octubre de 2024.

Alguna información sobre Historia de la plantilla.

¿Cuánto cuesta el proyecto de muestra?

El Musterprojekt está incluido en el precio de todos los nuevos

paquetes de alojamiento TYPO3 de jweiland.net y ya está preinstalado.

¿Y las actualizaciones?

El proyecto está en continuo desarrollo. La versión actual 1.11.3 de la plantilla a partir de Juli 2020 se basa en la versión 9.5 LTS de TYPO3 y está disponible automáticamente en el paquete de alojamiento.

Tenga en cuenta, sin embargo, que las instalaciones existentes no se pueden actualizar automáticamente, ya que cada cliente puede realizar cambios en los archivos de proyecto de la plantilla por sí mismo. Las actualizaciones automáticas sobrescribirían estos cambios.

Registramos todos los cambios importantes en el registro de cambios para que usted mismo pueda añadir nuevas funciones o correcciones de errores si es necesario.

Ejemplos de sitios web basados en nuestro proyecto de muestra

Descripción general, funciones, diferencias con versiones anteriores

Hemos desarrollado continuamente el proyecto de ejemplo desde la versión 8.

  • Encapsulación de todos los archivos en una extensión de plantilla separada (sitepackage)
  • rejilla CSS propia y sencilla
  • diferentes variantes de navegación, fácilmente conmutables en el backend
  • Varios diseños de página
  • Efecto lightbox para imágenes
  • búsqueda interna (indexed_search)
  • Uso de las nuevas funciones de TYPO3 9 LTS, por ejemplo, URL legibles, SEO y funciones de medios sociales

Panorama general

Este vídeo le ofrece una visión general de las funciones del proyecto de ejemplo.

Variantes de navegación

El proyecto de ejemplo para TYPO3 9 LTS incluye 3 variantes de navegación y 4 esquemas de color. Estos se pueden seleccionar fácilmente utilizando el editor de constantes.

Utilizar diseños de página

El proyecto de ejemplo viene con 4 diseños de página diferentes que se pueden cambiar a través del diseño del backend.

Sustituir el logotipo en la cabecera

El logotipo puede modificarse a voluntad en la cabecera de la plantilla. Esta imagen también se vincula automáticamente a la página de inicio.

Para utilizar su propia imagen, proceda como se indica a continuación:

  • Cambie al módulo backend "Plantilla
  • Seleccione la página "Inicio" en el árbol de páginas (la página con el globo terráqueo)
  • En la parte derecha del módulo de administración, cambie al "Editor de constantes" a través del cuadro de selección superior.
  • En el cuadro de selección "Categoría", seleccione "PROYECTO DE MUESTRA JWEILAND.NET".
  • Desplácese hasta el área "Diseño".
  • Haga clic en el icono del lápiz situado debajo de "Logotipo" para activar el campo de entrada.
  • Introduzca la ruta del archivo de imagen en el campo de entrada. Éste puede estar situado debajo de la carpeta fileadmin/ o en una extensión separada
    • Ejemplo 1: fileadmin/mydirectory/images/companylogo.png
    • Ejemplo 2: EXT:myextension/Resources/Public/Images/companylogo.png
  • Por último, haga clic en "Guardar" en la parte superior

Consejo: La imagen no debe ser demasiado grande.

Sustituir favicon

Los favicons son pequeñas imágenes que se muestran, por ejemplo, en la barra de título del navegador. Aquí se suele utilizar el logotipo de una empresa o similar.

El proyecto de ejemplo está preparado para el uso de favicons personalizados. Además, también se crean los llamados iconos táctiles (iconos de aplicaciones) para smartphones y tabletas.

Ambos tipos de iconos pueden intercambiarse fácilmente mediante el editor de constantes.

Tenga en cuenta lo siguiente:

  • El archivo de imagen para el favicon y los iconos táctiles estándar debe ser cuadrado.
  • La segunda variante de la imagen, especialmente útil para teléfonos Windows, requiere una relación de aspecto de 31:15, por ejemplo: ancho 310 px, alto 150 px

Para personalizar los archivos, proceda del siguiente modo:

  • Vaya al módulo "Plantilla".
  • Seleccione la página "Inicio" en el árbol de páginas (la página con el globo terráqueo).
  • En la parte derecha del backend, cambie al "Editor de constantes" a través del cuadro de selección superior.
  • En el cuadro de selección "Categoría", seleccione "PROYECTO DE MUESTRA JWEILAND.NET".
  • Desplácese hasta el área "Diseño".
  • Haga clic en el icono del lápiz situado junto a "App/favicon cuadrado" o "App/favicon ancho" para activar el campo de entrada.
  • Introduzca la ruta a su archivo de imagen en el campo de entrada. Puede estar debajo de fileadmin/ o en otra extensión:
    • Ejemplo para fileadmin: fileadmin/mydirectory/images/appicon-square.png
    • Ejemplo de extensión: EXT:myextension/Resources/Public/Icons/appicon-square.png
  • Por último, haga clic en "Guardar" en la parte superior
  • Si el cambio no es visible inmediatamente, es posible que tenga que borrar la caché del frontend y quizás también la caché de su navegador.

Actualizar el contenido del pie de página

El área de pie de página del diseño puede rellenarse con cualquier elemento de contenido. Estos aparecen automáticamente en cada página.

Sustituir la imagen de la cabecera

Las propiedades de la página permiten definir una imagen que se mostrará en la cabecera de la página. Es importante definir correctamente las dimensiones de la imagen utilizando el editor de constantes. Opcionalmente, también se puede activar la herencia a subpáginas.

Optimización de motores de búsqueda (SEO)

Desde TYPO3 9 LTS, ya no necesita una extensión adicional para las funciones básicas de SEO. La personalización manual del título de la página, el control de la indexación por los motores de búsqueda y la generación de la etiqueta canónica son ahora funciones estándar.

Encontrará una pestaña "SEO" en las propiedades de la página

  • Título para buscadores: aquí puede sobrescribir manualmente el título de página generado automáticamente (etiqueta <title> en HTML)
  • Instrucciones para robots:
    • Indexar esta página: controla si los motores de búsqueda indexan o no la página actual (metaetiqueta robots="noindex" o "index" en HTML)
    • Seguir esta página: controla si los robots de los motores de búsqueda siguen o no los enlaces de la página actual (metaetiqueta robots="follow" o "nofollow" en HTML)
  • Enlace canónico: Especifica la URL original de la página actual. Se establece automáticamente, pero se puede sobrescribir manualmente si es necesario.

Sin embargo, ahora (julio de 2019) hemos añadido la extensión "yoast_seo " para facilitar la optimización de motores de búsqueda "on page". "On page" significa: medidas que puedes llevar a cabo tú mismo en tu sitio.

Por ejemplo, la extensión analiza la legibilidad del texto de una página y también ofrece consejos para mejorarlo. También comprueba si se utiliza el campo "Descripción" en las propiedades de la página, ya que se utiliza para generar la importante metaetiqueta description, o si el título de la página es correcto. La extensión tiene otras funciones, le recomendamos que lea atentamente la documentación.

Atención: El vídeo no muestra la extensión "yoast_seo", ya que el vídeo se grabó antes de añadir la extensión al proyecto. Revisaremos y adaptaremos el vídeo.

Redes sociales

TYPO3 9 LTS también viene con soporte integrado para algunas funciones de medios sociales.

En las propiedades de cada página, puedes personalizar el título, la descripción y una imagen para Facebook y Twitter. Algunas etiquetas meta se generan en el código fuente HTML (Open Graph y Twitter Cards). Para ello, en las propiedades de la página hay una nueva sección "Medios sociales".

Si un visitante comparte la página a través de Facebook o Twitter, estas metaetiquetas son leídas por estas plataformas y tenidas en cuenta. Esto permite controlar con gran precisión qué textos e imágenes se muestran en la vista previa de las dos plataformas.

Las opciones del editor de constantes

Algunos ajustes importantes pueden realizarse directamente en el editor de constantes. Por ejemplo, puede cambiar fácilmente el logotipo, cambiar el nombre (de la empresa) para el pie de página, cambiar entre diferentes variantes de navegación y mucho más.

Gestión del sitio

Nuevo en TYPO3 9 LTS es el módulo backend "Sitios".

Este módulo backend se puede utilizar para controlar muchas funciones que en versiones anteriores de TYPO3 tenían que ser configuradas muy laboriosamente utilizando TypoScript o la herramienta de instalación, por ejemplo

  • el dominio utilizado para el sitio web
  • los idiomas utilizados en el sitio web
  • Gestión de errores, por ejemplo para errores 404 ("Página no encontrada")
  • URLs fijas (estáticas) para determinadas páginas.

Para editar la configuración, cambie al módulo backend "Sitios" y edite allí la configuración existente.

Encontrará el parámetro más importante en el área "General", el llamado "Punto de entrada". Este debe contener la URL bajo la cual se puede acceder a su sitio web.

Importante: Debe ser la URL completa, incluyendo http:// o https://.

En principio, también podría introducir simplemente un / aquí, pero entonces la gestión de errores para páginas de error 404, por ejemplo, ya no funcionaría correctamente.

Sólo tendrá que cambiar este parámetro si

  • cambia el sitio web a SSL y lo entrega a través de https
  • traslada el sitio web a otro dominio

Permitir la indexación del sitio web por los motores de búsqueda

En cuanto su sitio web esté en línea, debe ser visible e indexable para los motores de búsqueda.

Sin embargo, esto a menudo no se desea durante el desarrollo de un sitio. Por ello, hemos desactivado por defecto la indexación del sitio web por parte de motores de búsqueda como Google, Bing y compañía mediante un archivo llamado robots.txt.

Sin embargo, esto no es un archivo "real", sino que utilizamos una nueva característica de TYPO3 9: las "Rutas estáticas".

Mediante estas "URLs estáticas", es posible definir URLs fijas que apunten a un objetivo específico, por ejemplo una página, o que entreguen un contenido fijo (texto).

Hemos realizado el robots.txt utilizando la variante con un texto estático.

Cuando haya terminado de personalizar el proyecto de ejemplo y el sitio web esté en línea, deberá realizar los siguientes pasos.

  1. Vaya al módulo backend "Sitios
  2. Edite la configuración existente haciendo clic en el icono del lápiz
  3. Cambie a la pestaña "Rutas estáticas" y haga clic en la zona gris junto a "robots.txt".
  4. En el campo "Texto estático", verá el contenido de robots.txt


  5. Las siguientes líneas se utilizan para impedir la indexación por parte de los motores de búsqueda: User-agent: * Disallow: /
  6. Para permitir la indexación, elimine estas dos líneas
  7. A continuación, elimine el símbolo de almohadilla al principio de la línea a partir de "#User-agent: *". Esto permitirá la indexación, con algunas excepciones.
  8. Por último, haga clic en "Guardar" en la parte superior.

Si ha editado el texto correctamente, la entrada debería tener este aspecto:

## Utilice las siguientes líneas para PERMITIR a los robots el acceso al sitio web
## Elimine el # al principio de cada línea
User-agent: *
Disallow: /fileadmin/_temp_/
No permitir: /t3lib/
Disallow: /typo3/
Disallow: /typo3_src/
Disallow: /clear.gif
Permitir: /typo3/sysext/frontend/Resources/Public/*

Descripción general del paquete de medidas

Implementamos el proyecto de ejemplo como un llamado paquete de sitio. En principio, se trata de una extensión TYPO3 normal en la que se agrupan todos los archivos necesarios para el funcionamiento del sitio web. Esto incluye archivos para el frontend como imágenes, CSS o JavaScript, así como archivos para el backend como Fluidtemplates, TypoScript y archivos TSconfig.

Este vídeo le ofrece una breve visión general de la estructura del paquete de sitio.

Sin embargo, está más dirigido a usuarios que ya tienen experiencia con TypoScript y Fluid y desean realizar más ajustes en el proyecto de ejemplo.

Formulario de cambio de destinatario

El proyecto de ejemplo ya incluye un sencillo formulario de contacto. Antes de poder utilizarlo, debe introducir, por supuesto, la dirección de correo electrónico a la que se enviarán las entradas del formulario.

También puedes ver en el siguiente vídeo cómo puedes insertar el formulario en otras páginas.

Añadir más idiomas

El proyecto de ejemplo ya está preparado para el multilingüismo. El alemán está definido como idioma por defecto, el inglés como idioma adicional.

Por supuesto, se pueden añadir otros idiomas si es necesario. Esto requiere 3 pasos:

  1. Crear un idioma adicional en el backend
  2. Añadir el idioma en la configuración del sitio
  3. Personalizar el TypoScript para el menú de idiomas en el área de cabecera.

Puede ver los 3 pasos en el siguiente video tutorial.

Nota: Actualmente seguimos utilizando el método "clásico" a través del TypoScript HMENU para crear el menú de idioma. Nos hubiera gustado utilizar el nuevo languageMenuProcessor de TYPO3 9, pero éste todavía no admite el paso de parámetros de extensión en la URL (palabra clave: addQueryString). Por ejemplo, el cambio de idioma no funcionaría para los artículos de noticias multilingües, sino que daría lugar a un mensaje de error.

Tan pronto como el problema se haya resuelto (esperemos que en TYPO3 9), cambiaremos esto en consecuencia.

Activar el código de seguimiento Matomo

Con la versión 1.3.0 del proyecto de ejemplo (publicado el 2 de abril de 2019), hemos integrado la opción de integrar fácilmente el código de seguimiento de Matomo.

Si utiliza Matomo para recopilar estadísticas sobre las visitas a su sitio web, ahora se puede insertar fácilmente el código de seguimiento necesario.

Para ello, introduzca la URL de la instalación de Matomo y el ID del sitio web configurado en Matomo en el editor de constantes.


Nota: Introduzca la URL sin http o https y sin una barra al final. Por ejemplo, matomo.dominio.de o dominio.de/matomo sería correcto.

Puede encontrar el ID del sitio web en la configuración de Matomo en la sección "Administración" - > "Sitios web" -> "Gestionar".

Cargar varias configuraciones para el CKEditor

Con la versión 1.5.0 del proyecto de ejemplo, hemos integrado la opción de cargar dos configuraciones personalizadas para el CKEditor.

Estas configuraciones pueden utilizarse para integrar plugins adicionales.

  • Wordcount: muestra el número de párrafos, palabras y caracteres en la parte inferior del área de entrada.

  • Codesnippet: se puede utilizar para mostrar fragmentos de código con resaltado de sintaxis en el frontend. Actualmente se soportan los siguientes lenguajes:
    • Bash
    • HTML
    • JavaScript
    • PHP
    • CSS
    • SCSS
    • TypoScript
    • Yaml
    • XML

La configuración puede cargarse a través de las propiedades de la página en el área "Recursos". Hay 3 variantes disponibles:

  1. Por defecto + fragmento de código
  2. Por defecto + Recuento de palabras
  3. Por defecto + Recuento de palabras + Fragmento de código

Importante: ¡sólo debe cargarse una configuración!

Insertar un fragmento de código

Para insertar un fragmento de código, haga clic en el botón correspondiente de la barra de herramientas del editor.
En la ventana que se abre a continuación, seleccione el idioma deseado mediante el cuadro de selección superior (o simplemente déjelo por defecto) e inserte las líneas de código en el área de entrada grande. Confirme la entrada pulsando el botón "OK".

Para editar un bloque de código existente, basta con hacer doble clic con el ratón en la zona oscura.

Editar CSS

Para algunas personalizaciones, es necesario editar los archivos CSS del proyecto de ejemplo. Por lo tanto, se necesitan conocimientos básicos de CSS.

Estas personalizaciones pueden ser, por ejemplo

  • Cambios en los colores de elementos como fuentes, navegación, fondo de página, etc.
  • Cambios en las fuentes
  • Cambios en el tamaño de las fuentes
  • y similares

Todos los archivos CSS del proyecto de ejemplo están localizados en el directorio typo3conf/ext/jwmusterprojekt9/Resources/Public/Css/

El archivo styles.css contiene todas las definiciones CSS básicas.

Los archivos CSS para las diferentes variantes de navegación están localizados en el directorio typo3conf/ext/jwmusterprojekt9/Resources/Public/Css/Menu/.

Para realizar ajustes en la visualización de la extensión de noticias, debe editarse el archivo typo3conf/ext/jwmusterprojekt9/Resources/Public/Css/Extensions/news-basic.css.

Consejo: antes de editar los archivos CSS, puede ser útil desactivar los parámetros "Comprimir CSS" y "Concatenar CSS" a través del editor de constantes.

En el siguiente vídeo mostramos algunos ejemplos y damos más consejos.

Las páginas de la navegación inferior

En el pie de página de la página verá una llamada "meta navegación" con enlaces a varias páginas (Inicio, Contacto, Pie de imprenta, Privacidad).

En este vídeo puedes ver cómo editar las páginas que aparecen allí.

Instale usted mismo el proyecto de ejemplo

En los siguientes vídeos le mostramos cómo instalar usted mismo el proyecto de ejemplo para TYPO3 9 LTS.

El requisito previo para ello es que inicie sesión en el servidor web a través de SSH. Mostramos cómo hacerlo en tutoriales de vídeo separados para Windows(Putty, MobaXterm), Linux y Mac.

Puesta en marcha del nuevo sitio web

Si ha creado un nuevo sitio web en un dominio de desarrollo gratuito (*.webseiten.cc), por ejemplo, mientras el sitio web antiguo sigue funcionando en el dominio "real", la nueva versión debería aparecer en el dominio principal en algún momento. En realidad, esto sólo requiere 2 pasos:

  1. En el menú del cliente en la configuración del dominio, apunte la ruta de destino a la nueva instalación de TYPO3, ajuste la versión PHP y la edición PHP si es necesario (recomendado para TYPO3 9.5: PHP 7.2 LATEST o 7.3 LATEST, Edición "EXTENDED", Configuración segura: Sí)
  2. En el backend de TYPO3 9.5 en la Configuración del Sitio, ajuste el "Punto de Entrada" al dominio principal

Todos los pasos se explican en el siguiente vídeo.

Registro de cambios

Aquí documentamos todos los cambios que realizamos en la plantilla TYPO3 a lo largo del tiempo. De esta manera, los usuarios pueden mantener siempre al día su propia instalación. Esto hace que las futuras actualizaciones de TYPO3 sean mucho más fáciles.

El 11 de marzo de 2019, cambiamos el nombre de la versión de la extensión sitepackage "jwmusterprojekt9". La designación de la versión es ahora completamente independiente de la versión del núcleo de TYPO3. Esto hará que las futuras versiones de corrección de errores o características del sitepackage sean más fáciles.

Usted puede ver fácilmente qué versión se utiliza en su instalación en el Extension Manager.

Versión 1.11.2

2020-03-27 [BUGFIX] SVG en "Text & Media"-CE no visible

Archivos modificados:
* EXT:jwmusterprojekt9/Resources/Public/Css/style.css

Versión 1.10.1

2019-10-14 [BUGFIX][SEGUIMIENTO] Eliminado el archivo scss que quedaba sin usar de cookieconsent

Eliminado archivo:
* EXT:jwmusterprojekt9/Resources/Private/Sass/Extensions/cookieconsent.scss

2019-10-14 [BUGFIX] Corregida la altura del encabezado, si la búsqueda y el menú de idioma están desactivados ambos.

Archivos modificados:
* EXT:jwmusterprojekt9/Resources/Private/Sass/Modules/_layout.scss
* EXT:jwmusterprojekt9/Resources/Public/Css/style.css

Versión 1.10.0

2019-10-09 [TAREA] Establecer el número de versión a 1.10.0

Archivos modificados:
* EXT:jwmusterprojekt9/composer.json
* EXT:jwmusterprojekt9/ext_emconf.php

2019-10-09 [TAREA] Se ha eliminado el script Cookieconsent

Archivo modificado:
* EXT:jwmusterprojekt9/Configuration/TypoScript/constants.typoscript

Archivos eliminados:
* EXT:jwmusterprojekt9/Configuration/TypoScript/Setup/cookieconsent.typoscript
* EXT:jwmusterprojekt9/Resources/Public/Css/Extensions/cookieconsent.css
* EXT:jwmusterprojekt9/Resources/Public/Css/Extensions/cookieconsent.min.css
* EXT:jwmusterprojekt9/Resources/Public/JavaScript/cookieconsent.min.js

Versión 1.8.0

2019-07-29 [FEATURE] Control del orden de website-title y page-title en la etiqueta title con una constante

TYPO3 imprime por defecto una etiqueta title con el formato "website: page title".
Si pageTitleFirst está activado, el título de la página se imprimirá DELANTE del título de la plantilla. Así que se verá como "título de la página: sitio web".

Archivos modificados:
* EXT:jwmusterprojekt9/Configuration/TypoScript/constants.typoscript
* EXT:jwmusterprojekt9/Configuration/TypoScript/Setup/000_config.typoscript
* EXT:jwmusterprojekt9/Resources/Private/Language/es.locallang.xlf
* EXI:jwmusterprojekt9/Resources/Private/Language/locallang.xlf

Versión 1.7.3

2019-07-12 [SEGURIDAD] Actualización de jQuery a la versión 3.4.1

Debido a una vulnerabilidad conocida de jQuery 3.3.1 lo hemos sustituido por la versión 3.4.1.

Fichero modificado:
* EXT:jwmusterprojekt9/Configuration/TypoScript/Setup/001_page.typoscript

Fichero nuevo:
* EXT:jwmusterprojekt9/Resources/Public/JavaScript/Lib/jquery-3.4.1.min.js

Archivo eliminado:
* EXT:jwmusterprojekt9/Resources/Public/JavaScript/Lib/jquery-3.3.1.min.js

Versión 1.7.2

2019-06-25 [BUGFIX] Eliminado el parpadeo del botón ScrollToTop.

Archivos modificados:
* EXT:jwmusterprojekt9/Resources/Private/Layouts/Standard.html
* EXT:jwmusterprojekt9/Resources/Private/Sass/Modules/_scrolltotop.scss
* EXT:jwmusterprojekt9/Resources/Public/Css/style.css

Versión 1.7.1

2019-06-19 [BUGFIX] Renderizado responsivo de los archivos de vídeos internos

Debido a la falta de una definición CSS, los vídeos alojados internamente no se renderizaban correctamente.

Si utiliza la extensión video_shariff, le recomendamos encarecidamente que actualice esta extensión
al menos a la versión 1.2.1.

Archivos modificados:
* EXT:jwmusterprojekt9/Resources/Private/Sass/Modules/_fluidstyledcontent.scss
* EXT:jwmusterprojekt9/Resources/Public/Css/style.css

Versión 1.7.0

2019-06-06 [TASK] Configuración para el elemento de contenido del formulario de búsqueda uid en constants.typoscript

Antes el uid del elemento de contenido del formulario de búsqueda estaba "hard coded" en lib.search.typoscript.
Ahora se puede definir dentro de una constante.

Archivos modificados:
* EXT:jwmusterprojekt9/Configuration/TypoScript/Setup/lib.search.typoscript
* EXT:jwmusterprojekt9/Configuration/TypoScript/constants.typoscript
* EXT:jwmusterprojekt9/Resources/Private/Language/locallang.xlf
* EXT:jwmusterprojekt9/Resources/Private/Language/en.locallang.xlf

Versión 1.6.2

2019-05-21 [TAREA] Optimizar la carga de fragmentos de código JavaScripts

Si carga una configuración con resaltado de sintaxis para el RTE, varios JavaScripts
también se cargarán.
De forma predeterminada, se cargó otro archivo JavaScript desde el archivo prism.js a través de una CDN de Cloudflare,
también se estableció una cookie. Por razones de protección de datos esta no es la mejor solución.

Con estos cambios, el JavaScript sólo se carga, por un lado, si se selecciona una configuración de
configuración RTE adecuada, por otro lado también el archivo JavaScript adicional
se carga localmente. Ya no se accede a una CDN externa.

Archivos modificados:
* EXT:jwmusterprojekt9/Configuration/TypoScript/Setup/001_page.typoscript
* EXT:jwmusterprojekt9/Resources/Public/JavaScript/prism.js

Archivo nuevo:
* EXT:jwmusterprojekt9/Resources/Public/JavaScript/clipboard.min.js

Versión 1.6.1

2019-05-13 [BUGFIX] Evitar la excepción con la falta de archivo de logotipo

En las constantes del sitepackage se puede especificar la ruta a un archivo de imagen que se utilizará como logotipo.
Si esta ruta no es correcta o este archivo no existe, se muestra un mensaje de error en el
y el sitio web dejará de funcionar.

Con un viewhelper puedes comprobar si un archivo existe en la fluidtemplate y capturar este mensaje de error.
Aquí utilizamos el ExistsViewHelper de EXT:vhs, gracias a Claus Due.

La integración del archivo del logotipo se ha cambiado, en lugar de un TypoScript IMAGE-cObject, la
imagen se crea ahora en el fluidtemplate a través de <f:image>.

Nuevo archivo:
* EXT:jwmusterprojekt9/Classes/ViewHelpers/ExistsViewHelper.php

Ficheros modificados:
* EXT:jwmusterprojekt9/composer.json
* EXT:jwmusterprojekt9/Configuration/TypoScript/Setup/002_page.10.typoscript
* EXT:jwmusterprojekt9/Resources/Private/Partials/Header.html

Archivo eliminado:
* EXT:jwmusterprojekt9/Configuration/TypoScript/Setup/lib.logo.typoscript

Versión 1.6.0

2019-05-06 Publicación de la versión 1.6.0
2019-05-06 [BUGFIX] Margen superior del botón de búsqueda en la vista móvil

Archivos modificados:
* EXT:jwmusterprojekt9/Resources/Private/Sass/Modules/_search.scss
* EXT:jwmusterprojekt9/Resources/Public/Css/style.css

2019-05-06 [FEATURE] Activar/desactivar la visualización del cuadro de búsqueda en la cabecera

Una nueva opción en el editor de constantes controla si el campo de búsqueda se muestra en la zona de cabecera de la página.

Archivos modificados:
* EXT:jwmusterprojekt9/Configuration/TypoScript/constants.typoscript
* EXT:jwmusterprojekt9/Configuration/TypoScript/Setup/002_page.10.typoscript
* EXT:jwmusterprojekt9/Resources/Private/Language/es.locallang.xlf
* EXT:jwmusterprojekt9/Resources/Private/Language/locallang.xlf
* EXT:jwmusterprojekt9/Resources/Private/Partials/Header.html

Versión 1.5.2

2019-04-30 [BUGFIX] El botón "Scroll-to-top" es visible inmediatamente después de cargar la página
El CSS del sitepackage debe cargarse después del CSS de fontawesome.

Archivo modificado:
* EXT:jwmusterprojekt9/Configuration/TypoScript/Setup/001_page.typoscript

Versión 1.5.1

2019-04-25 [TAREA] Lanzamiento de la versión 1.5.1
2019-04-25 [TAREA] Publicación de la versión 1.5.0
2019-04-25 [CARACTERÍSTICA] Seleccionar configuraciones personalizadas para CKEditor a través de PageTSconfig.
Ahora puede cargar diferentes configuraciones para el CKEditor a través de TSconfig en las propiedades de la página.

Se pueden seleccionar los siguientes plugins:
* Codesnippet (resaltado de sintaxis)
* Wordcount (muestra el número de párrafos, palabras y caracteres en el campo RTE)
* Codesnippet + Wordcount (se cargan ambos plugins)

Nuevos archivos:
* EXT:jwmusterprojekt9/Configuration/RTE/codesnippets.yaml
* EXT:jwmusterprojekt9/Configuration/RTE/wordcount-codesnippet.yaml
* EXT:jwmusterprojekt9/Configuration/RTE/wordcount.yaml
* EXT:jwmusterprojekt9/Configuration/TSconfig/RTE/codesnippets.tsconfig
* EXT:jwmusterprojekt9/Configuration/TSconfig/RTE/wordcount-codesnippet.tsconfig
* EXT:jwmusterprojekt9/Configuration/TSconfig/RTE/wordcount.tsconfig

Archivos modificados:
* EXT:jwmusterprojekt9/ext_localconf.php
* EXT:jwmusterprojekt9/Configuration/TCA/Overrides/pages.php
* EXT:jwmusterprojekt9/Configuration/TSconfig/Page.tsconfig
* EXT:jwmusterprojekt9/Resources/Private/Sass/style.scss
* EXT:jwmusterprojekt9/Resources/Public/Css/style.css

Archivos/directorios eliminados:
* EXT:jwmusterprojekt9/Configuration/RTE/individual.yaml
* EXT:jwmusterprojekt9/Resources/Public/JavaScript/Plugins/

2019-04-15 [TAREA] Actualizar los paquetes de idiomas.
2019-04-15 [TAREA] Actualizar EXT:news a la versión 7.2.0

Versión 1.4.1

2019-04-10 [Corrección de errores]Ajustado el relleno de los botones. 
                   Archivos modificados:
                   EXT:jwmusterprojekt9/Resources/Private/Sass/Fontawesome/_core.scss
                   EXT:jwmusterprojekt9/Resources/Private/Sass/Modules/_forms.scss
2019-04-10 [Corrección de errores]Eliminado el exceso de comas.
                   Archivos modificados:
                   EXT:jwmusterprojekt9/Resources/Private/Sass/Modules/_paginator.scss

Versión 1.4.0

2019-04-09 Actualización de la versión de lanzamiento del proyecto de ejemplo a 1.4.0
2019-04-09 [FEATURE] Nueva fuente fontawesome + css
                   eliminado fontawesome fuente versión 4 y añadido fontawesome versión 5.8.1
                   añadido nuevos archivos sass e insertado typoscript para css
                   Nuevos archivos:
                   *EXT:jwmusterprojekt9/Resources/Private/Sass/Fontawesome/
                   *EXT:jwmusterprojekt9/Resources/Public/Css/Fontawesome/
                   *EXT:jwmusterprojekt9/Resources/Public/Fonts/FontawesomeFree/
                   Archivos modificados:
                   EXT:jwmusterprojekt9/Configuration/TypoScript/Setup/001_page.typoscript
2019-04-09 [FEATURE] Ext:News typoscript opcional adicional.
                   Archivos modificados:
                   *EXT:jwmusterprojekt9/Configuration/TypoScript/Setup/ext.news.typoscript
2019-04-09 [TAREA]añadido css que faltaba para _sm-4
                   Archivos modificados:
                   *EXT:jwmusterprojekt9/Resources/Private/Sass/Modules/_grid.scss
2019-04-09 [TAREA]añadido css para btn-primary y btn-secondary
                   Archivos modificados:
                   *EXT:jwmusterprojekt9/Resources/Private/Sass/Modules/_forms.scss

Versión 1.3.0

2019-04-02 [TASK] Publicación de la versión 1.3.0 EXT:jwmusterprojekt9
2019-04-02 [TAREA] Dividir las definiciones de diseño del backend en archivos individuales

                  Esto facilita la adición de más diseños de backend. Cada diseño backend
                  se almacena en su propio archivo en la carpeta
                  EXT:jwmusterprojekt9/Configuration/TSconfig/BackendLayouts/.

                  En el archivo EXT:jwmusterprojekt9/Configuration/TSconfig/BackendLayouts.tsconfig
                  cada archivo se importa mediante un comando @import. Para eliminar un diseño, puede
                  desactivar fácilmente la importación añadiendo un "#" al principio de una línea.

                  Archivo modificado:
                  * EXT:jwmusterprojekt9/Configuration/TSconfig/BackendLayouts.tsconfig

                  Archivos nuevos:
                  * EXT:jwmusterprojekt9/Configuration/TSconfig/BackendLayouts/standard.tsconfig
                  * EXT:jwmusterprojekt9/Configuration/TSconfig/BackendLayouts/1col.tsconfig
                  * EXT:jwmusterprojekt9/Configuration/TSconfig/BackendLayouts/2col.tsconfig
                  * EXT:jwmusterprojekt9/Configuration/TSconfig/BackendLayouts/3col.tsconfig

2019-04-02 [CARACTERÍSTICA] Preparado el código de seguimiento para matomo

                  Si utiliza Matomo para recopilar estadísticas sobre las visitas en su sitio web,
                  ahora se puede insertar fácilmente el código de seguimiento necesario.

                  En el editor de constantes, introduzca la URL de la instalación de Matomo y
                  el ID del sitio web configurado en Matomo.

                  Nota:
                  Introduzca la URL sin http o https y sin barra final.
                  Por ejemplo, matomo.dominio.de o dominio.de/matomo sería correcto.

                  El ID del sitio web se encuentra en la configuración de Matomo en la sección
                  sección "Administración" - > "Sitios web" -> "Gestionar".

                  Archivos modificados:
                  * EXT:jwmusterprojekt9/Configuration/TypoScript/constants.typoscript
                  * EXT:jwmusterprojekt9/Resources/Private/Language/locallang.xlf
                  * EXT:jwmusterprojekt9/Resources/Private/Language/es.locallang.xlf

                  Archivo nuevo:
                  * EXT:jwmusterprojekt9/Configuration/TypoScript/Setup/trackingcodes.typoscript

2019-04-02 [TAREA] Añadidas 2 líneas en .htaccess para habilitar SSL si es necesario.

                  Si usted tiene un certificado SSL para su dominio, puede habilitar automático
                  redirección automática a https habilitando las líneas 371 y 372. Para ello, elimine el símbolo
                  el símbolo # al principio de las siguientes líneas:
                  #RewriteCond %{SERVER_PORT} !^443$
                  #RewriteRule (.*) https://%{HTTP_HOST}/$1 [R=301,L]

                  Archivo modificado:
                  * .htaccess

2019-04-02 [TAREA] Aumentado el ancho de las imágenes en la vista única de noticias, mejorado el renderizado de imágenes responsive. Establecer el diseño de backend de la página de detalles de noticias en "Diseño predeterminado".
                  
                  Archivos modificados:
                  * EXT:jwmusterprojekt9/Configuration/TypoScript/Setup/ext.news.typoscript
                  * EXT:jwmusterprojekt9/Resources/Private/Sass/News/news-basic.scss
                  * EXT:jwmusterprojekt9/Resources/Public/Css/News/news-basic.css

2019-03-28 [TAREA] Añadir scheduler.sh en typo3conf/
2019-03-13 [TAREA] Actualizar EXT:news a la versión 7.1.0

Versión 1.2.1

2019-03-12 [BUGFIX] Las columnas de la cuadrícula se colapsan, si están vacías.
           
           Archivos modificados:
           * EXT:jwmusterprojekt9/Resources/Private/Sass/Modules/_grid.scss
           * EXT:jwmusterprojekt9/Resources/Public/Css/style.css

Versión 1.2.0

2019-03-12 [TAREA] Establecer la versión a 1.2.0
2019-03-12 [CARACTERÍSTICA] Utilizar languageMenuProcessor en lugar de TypoScript.
           Desde TYPO3 9.5.5, el languageMenuProcessor respeta los parámetros de extensión. También es mucho más flexible que el antiguo método TypoScript.

           Nuevo archivo:
           * EXT:jwmusterprojekt9/Configuration/TypoScript/Setup/languageMenuProcessor.typoscript

           Archivos cambiados:
           * EXT:jwmusterprojekt9/Resources/Private/Partials/Header.html
           * EXT:jwmusterprojekt9/Resources/Private/Partials/LanguageMenu.html
           * EXT:jwmusterprojekt9/Resources/Private/Sass/Modules/_menu.scss
           * EXT:jwmusterprojekt9/Resources/Public/Css/style.css

           Archivo eliminado:
           * EXT:jwmusterprojekt9/Configuration/TypoScript/Setup/lib.multilanguage.typoscript

Versión 1.1.0 (anteriormente: 9.5.5)

2019-03-05 Actualización a TYPO3 9.5.5
           Además de otras muchas correcciones de errores, ahora vuelve a funcionar el fallback de idioma
2019-02-15 [TAREA] Lanzamiento de la versión 9.5.5
2019-02-14 [FEATURE] EXT:video_shariff https://extensions.typo3.org/extension/video_shariff/
2019-02-14 [TAREA] Actualización de los paquetes de idiomas
2019-02-13 [BUGFIX] Tamaño de fuente para el texto del teaser en la vista única de noticias
2019-02-13 [TAREA] Añadido EXT:sys_action
2019-02-13 [TAREA] Desactivar RTE para el teaser de noticias
2019-02-13 [BUGFIX] Respetar el recorte de la imagen de cabecera
2019-02-13 [CARACTERÍSTICA] Integrar aviso de cookies
2019-02-12 [TAREA] Migrar todas las condiciones TypoScript restantes a la nueva sintaxis
2019-01-25 [BUGFIX] Añadir configuración para el mapa del sitio XML

Versión 1.0.4 (anteriormente: 9.5.4)

2019-01-22 [TAREA] Actualizar a TYPO3 9.5.4
2019-01-22 [BUGFIX] Establecer el valor correcto para partialRootPaths de indexed_search; Borrar el objeto lib.search en la página de resultados de búsqueda
2019-01-21 [TAREA] Utilizar la configuración predeterminada para RTE

Versión 1.0.3 (antes: 9.5.3)

2018-12-18 [TAREA] Eliminar ruta estática a sitemap.xml debido a un posible error en TYPO3
2018-12-18 [TASK] Revert: No usar .html como sufijo de página
2018-12-17 [TASK] No usar .html como sufijo de página
2018-12-17 [BUGFIX] CKEditor fue desactivado por una razón desconocida
2018-12-14 [BUGFIX] Establecer el idioma de retorno correcto
2018-12-14 [TAREA] Actualizar a 9.5.3
2018-12-12 [TAREA] Actualizar a TYPO3 9.5.2
2018-11-22 [TAREA] Actualizar el nombre del contexto de la aplicación
2018-11-15 [TASK] Establecer unifiedPageTranslationHandling a false (valor por defecto)
2018-11-15 [TAREA] Añadir formulario de contacto básico.
2018-11-15 [TAREA] Establecer URL base a / para mayor flexibilidad.
2018-11-09 [TAREA] Estilo CSS ampliado para facilitar la edición al usuario.
2018-11-08 [TAREA] Modernizar TypoScript para imagen de fondo en cabecera.
2018-11-07 Eliminar el array systemMaintainers
2018-11-07 [TAREA] Vaciar el array systemMaintainers
2018-11-06 [TASK] Cambiado Readme
2018-11-06 [TASK] Establecer versión a 9.5.1
2018-11-06 [TASK] Actualizar noticias a la versión 7.0.8, corregir manejo de idiomas.
2018-10-26 [TAREA] Añadir idioma alemán
Aktualisiert: 02.09.2025