Plantilla TYPO3 gratuita (proyecto de ejemplo) para TYPO3 12 LTS

En la parte superior izquierda de cada página encontrará un logotipo que siempre está vinculado automáticamente a la página de inicio. Para sustituir nuestro logotipo de ejemplo, proceda del siguiente modo:

1. Cargue el archivo de su logotipo a través del módulo de archivos en "Lista de archivos" (se recomienda el formato de archivo JPG, PNG o SVG). Si es necesario, cree una carpeta adecuada para organizar sus archivos.
2. Haga clic en "TypoScript" en el módulo de gestión del sitio.
3. Haga clic en la página "Inicio" del árbol de páginas.
4. Seleccione "Editor de constantes" y "jweiland.net TYPO3 Sitepackage" en la selección de categorías.
5. Desplácese hasta la sección "Diseño".
6. Haga clic en el icono del lápiz situado junto al campo "Logotipo" para activar la edición.
7. Introduzca aquí la ruta a su archivo de logotipo (por ejemplo, fileadmin/logos/mi_logo.png).
8. Haz clic en el botón "Guardar" de la parte superior.

Uno de los primeros pasos para personalizar la plantilla TYPO3 debería ser cambiar el nombre de la empresa. Esto se puede ver en la parte inferior de cada página, por ejemplo. Por supuesto, también puede introducir aquí su nombre personal o cualquier otro texto en lugar del nombre de la empresa.

Realice los siguientes pasos:

1. Haga clic en "TypoScript" en el módulo de Gestión del Sitio.
2. Haga clic en la página "Inicio" en el árbol de páginas.
3. Seleccione "Editor de constantes" y "jweiland.net TYPO3 Sitepackage" en la selección de categorías.
4. Haga clic en el icono del lápiz situado junto al campo "Nombre de la empresa" para editar el contenido del campo.
5. Por último, haga clic en el botón "Guardar" de la parte superior.

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

La plantilla TYPO3 está preparada para el uso de favicons individuales. También se crean iconos táctiles (iconos de aplicaciones) para smartphones y tablets.

Ambos tipos de iconos se pueden intercambiar fácilmente utilizando 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 Windows Phone, requiere una relación de aspecto de 31:15, por ejemplo: ancho 310 px, alto 150 px.
• Utilice un archivo de imagen en formato PNG o JPG. Se recomienda PNG. Como las diferentes variantes se crean dinámicamente en la plantilla TYPO3, los clásicos archivos ICO no funcionan aquí. Sin embargo, hoy en día ya no son necesarios.

Para personalizar los archivos, proceda del siguiente modo:

1. Haga clic en "TypoScript" en el módulo Gestión del sitio.
2. Haga clic en la página "Inicio" en el árbol de páginas.
3. Seleccione "Editor de constantes" y "jweiland.net TYPO3 Sitepackage" en la selección de categorías.
4. Desplácese hacia abajo hasta el área "Diseño".
5. Haga clic en el símbolo del lápiz junto a "App-/Favicon Square" o "App-/Favicon Wide" para activar el campo de entrada.
6. 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
7. Por último, haga clic en "Guardar" en la parte superior.
8. Si el cambio no es visible inmediatamente, debe borrar la caché del frontend y también la caché de su navegador.

También hemos integrado una función de búsqueda para el sitio web en la plantilla TYPO3. Utilizamos la extensión estándar "indexed_search". (Existen otras extensiones de búsqueda, a veces más potentes, como "ke_search" o"solr").

Realice los siguientes pasos para ocultar la función de búsqueda:

1. Haga clic en "TypoScript" en el módulo Gestión del sitio.
2. Haga clic en la página "Inicio" en el árbol de páginas.
3. Seleccione "Editor de constantes" y "jweiland.net TYPO3 Sitepackage" en la selección de categorías.
4. En "Ajustes para la navegación", desactive el campo "Mostrar campo de búsqueda".
5. Por último, haga clic en el botón "Guardar" en la parte superior

La plantilla TYPO3 tiene un área de cabecera fija. Esto significa que siempre permanece visible al desplazarse por la página web. Si no lo desea, puede desactivarla.

Realice los siguientes pasos para desactivar la cabecera fija:

1. Haga clic en "TypoScript" en el módulo Gestión del sitio.
2. Haga clic en la página "Inicio" en el árbol de páginas.
3. Seleccione el "Editor de constantes" y en la selección de categorías "jweiland.net TYPO3 Sitepackage".
4. En "Diseño", desactive el campo "Área de cabecera fija".
5. Por último, haga clic en el botón "Guardar" en la parte superior

Al desplazarse por una página, los elementos de contenido se desvanecen lentamente. Si no lo desea, puede desactivarlo.

Realice los siguientes pasos para desactivar el desvanecimiento del contenido:

1. Haga clic en "TypoScript" en el módulo Gestión del sitio.
2. Haga clic en la página "Inicio" en el árbol de páginas.
3. Seleccione "Editor de constantes" y "jweiland.net TYPO3 Sitepackage" en la selección de categorías.
4. En "Diseño", desactive el campo "Mostrar elementos de contenido".
5. Por último, haga clic en el botón "Guardar" en la parte superior

La plantilla TYPO3 proporciona un canal RSS para los artículos de noticias. Los visitantes pueden suscribirse a este feed para estar al día de los nuevos artículos.

Si desea utilizar este feed para sus artículos de noticias, debe configurarlo mediante el editor de constantes. También puede desactivar o activar el feed mediante una constante.

Debe personalizarse:

• El título del flujo RSS
• La descripción
• El nombre de dominio del sitio web, incluido el protocolo (http o https)

Si el icono RSS con los iconos de redes sociales debe mostrarse como elemento de contenido (menú de las subpáginas con diseño "Enlaces de redes sociales de las páginas"), active "Icono RSS en elemento de contenido de iconos de redes sociales" en el editor de constantes.

En TYPO3 12 LTS, ya no necesita una extensión adicional para las funciones básicas de SEO. El ajuste 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 se encuentran entre las 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)

Hemos añadido la extensión "yoast_seo" a la plantilla TYPO3 para ayudar a la optimización "on page" de los motores de búsqueda. "On page" significa: medidas que puede llevar a cabo usted mismo en su sitio. Esto permite al editor ver inmediatamente lo que hay que hacer para optimizar el sitio web para los motores de búsqueda.

Por ejemplo, la extensión analiza la legibilidad del texto de una página y 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.

La optimización para motores de búsqueda y la accesibilidad también incluyen la cumplimentación de los metadatos para cada archivo que se integre en el sitio web.
Estos metadatos se pueden gestionar para cada archivo que se utilice en el backend. Los metadatos pueden ser, por ejemplo, un "texto alternativo" para las imágenes o información sobre derechos de autor. En algunos casos, estos metadatos también aparecen automáticamente en el frontend si están disponibles.

Hay dos formas de mantener estos metadatos:

1. por elemento de contenido en los archivos utilizados
2. globalmente a través del módulo backend de lista de archivos

La forma global tiene la ventaja de que sólo tiene que mantener estos datos una vez por archivo. Si luego utiliza el archivo en un elemento de contenido (incluso varias veces en diferentes páginas), los metadatos mantenidos globalmente se utilizan automáticamente.

No obstante, sigue teniendo la opción de sobrescribir los metadatos globales localmente para cada elemento de contenido si es necesario.

Los artículos de noticias, blogs o similares pueden actualizarse con la extensión "Noticias" suministrada.

Un artículo de noticias consta, como mínimo, de un titular, normalmente un texto teaser y el texto de la noticia propiamente dicha. Además, se pueden añadir a los artículos imágenes, archivos, enlaces relevantes, etc.

Los artículos de noticias se diferencian de los elementos de contenido normales en que suelen recopilarse de forma centralizada en un directorio. La salida de los artículos en el sitio web se controla mediante el elemento de contenido de noticias con varios tipos.

Diferentes vistas de lista para los artículos de noticias

La extensión de noticias proporciona por defecto una vista de lista para los artículos de noticias. Además, hemos configurado otros dos tipos de visualización en la plantilla TYPO3:

• una vista de lista reducida que puede utilizarse, por ejemplo, en la página de inicio del sitio web para las últimas noticias
• una vista de mapa, que puede utilizarse como alternativa a la vista estándar.

En cada plugin de noticias se puede seleccionar el tipo de visualización deseado en la pestaña "Plug-in", en "Opciones de ampliación" "Plantilla" "Diseño de plantilla".

Nota sobre la extensión news_administration: No integramos ninguna extensión de pago en nuestro SitePackage. Por lo tanto, esta función no está disponible.

Aunque TYPO3 no establece ninguna cookie en el frontend en la configuración estándar, hemos integrado una herramienta que muestra un llamado "banner de cookies" a los visitantes del sitio web. Si las cookies van a ser establecidas por el sitio, los visitantes tienen la opción de aceptar el uso de cookies individuales o todas las cookies, o en general rechazar las cookies.

En una plantilla TYPO3 recién instalada, se solicita el consentimiento para las cookies de Youtube o Vimeo, ya que también incluimos un vídeo de Vimeo en una página de demostración.

Puede controlar el comportamiento del banner de cookies a través del editor de constantes. También puede desactivarlo completamente si su sitio web no instala cookies de terceros.

Nota: Las cookies para iniciar sesión en el backend o frontend son cookies técnicamente necesarias que no es necesario señalar por separado.

También hemos preconfigurado el Gestor de Cookies para herramientas comunes. Sólo tiene que añadir la información pertinente a las constantes para poder utilizar las siguientes herramientas:

• Matomo
• Google Analytics
• Píxel de Facebook
• Twitter
• Youtube / Vimeo

Traducir el gestor de consentimiento de cookies

Por supuesto, puede añadir cualquier otro idioma. Sin embargo, los textos en el Gestor de Consentimiento también deben ser traducidos si es necesario. Para ello, debe utilizar SSH o FTP para descargar el archivo

typo3conf/ext/jwsitepackage12/Resources/Private/Page/Partials/Klaro.html

editar.

TYPO3 utiliza varios mecanismos de caché para acelerar la entrega de un sitio web. La caché es un tipo de almacenamiento temporal para que TYPO3 no tenga que regenerar la página solicitada cada vez que se llama al frontend.

La caché de una página se elimina automáticamente cuando un editor guarda un nuevo elemento de contenido en una página.

En el backend, los editores pueden eliminar la caché de la página haciendo clic en el icono del rayo.

Si ha utilizado previamente el proyecto de ejemplo 11, por supuesto puede actualizar a la versión 12 de TYPO3.

Después de la actualización con éxito, hay dos opciones:

1. seguir utilizando la extensión del proyecto de ejemplo, versión 11 (jwmusterprojekt11), en TYPO3 V12

Ventajas:

• Usted tiene una versión actual de TYPO3
• Si ha realizado sus propias personalizaciones en los archivos del proyecto de ejemplo 11 (CSS, TypoScript, plantillas fluidas, etc.), estas personalizaciones siguen estando disponibles y el sitio web simplemente sigue funcionando en el frontend como antes.

Desventajas:

• No se pueden utilizar las nuevas funciones del sitepackage para la versión 12 (jwsitepackage12).

2. cambia la extensión sitepackage versión 11 (jwmusterprojekt11) por la versión 12 (jwsitepackage12).

Ventajas:

• Usted también tiene una versión actual de TYPO3
• Usted tiene todas las nuevas funciones de Sitepackage V12

Desventajas:

• Si ha realizado sus propias personalizaciones en los archivos del proyecto de ejemplo V11 (CSS, TypoScript, Fluidtemplates, etc.), deberá transferir manualmente estas personalizaciones a los archivos correspondientes en Sitepackage V12. La migración automática no es posible.

Por lo tanto, ambas variantes tienen ventajas e inconvenientes, y usted debe decidir por sí mismo qué variante elige. Por supuesto, podemos ayudarle con esto.

Dado que nuestro SitePackage se encuentra en un servidor no público, actualmente no puede descargarse a través de packagist.org o de un repositorio individual. Puede seguir los siguientes pasos para crear una versión del SitePackage compatible con Composer:

1.) Descargue el SitePackage tar.gz o utilice el tar.gz que ya está en su servidor.

2) Dado que TYPO3 12 requiere al menos PHP 8.1, ajuste la versión de PHP para la consola en consecuencia.

3) Instale TYPO3 12.4

composer create-project typo3/cms-base-distribution:"^12" site-package

4) Cambie al directorio site-package:

cd site-package

5) Añada el paquete indexed-search:

composer req typo3/cms-indexed-search:^12.4

6) Cree la estructura de directorios para las extensiones no basadas en composer:

mkdir -p fuente/extensiones

7) Descomprima el SitePackage:

tar -xzf sitepackage-12.4.8.tar.gz

8) Copie el directorio sitepackage-12lts/typo3conf/ext/jwsitepackage12 del SitePackage desempaquetado en el directorio Source/Extensions que acaba de crear.

9) Copie el directorio sitepackage-12lts/typo3conf/sites del SitePackage desempaquetado en el directorio typo3cms/site-package/config.

10) Edite el archivo typo3cms/site-package/config/sites/main/config.yaml y adapte la primera línea a su nombre de dominio.

11) Copie el directorio sitepackage-12lts/typo3conf/system del SitePackage desempaquetado en el directorio typo3cms/site-package/config.

12) Edite el archivo typo3cms/site-package/config/system/settings.php y ajuste los parámetros de la base de datos.

13) Copie el directorio sitepackage-12lts/fileadmin del SitePackage desempaquetado en el directorio typo3cms/site-package/public.

14) Copie el directorio sitepackage-12lts/uploads del SitePackage desempaquetado al directorio typo3cms/site-package/public

15) Añada el directorio Source/Extensions como repositorio a typo3cms/site-package/composer.json:

"repositorios": {
	"0": {
		"type": "path",
		"url": "./Fuente/Extensiones/*",
		"options": {
			"reference": "none",
			"versiones": {
				"jweiland/sitepackage": "1.0.6"
			}
		}
	}
},

16.) Ahora instala el SitePackage con Composer en el directorio typo3cms/site-package:

composer req jweiland/sitepackage:^1.0

17) El SitePackage desempaquetado contiene un archivo sql en sitepackage-12-lts/typo3conf, que puede importar a su base de datos usando el shell o PhpMyAdmin.

18) Ajuste la ruta del dominio en el menú del cliente al directorio. Asegúrese de que se refiere a la subcarpeta typo3cms/site-package/public.

19) Abra ahora la URL [dominio]/typo3/install.php e inicie sesión en el TYPO3 InstallTool

19a.) Si no conoce la contraseña, simplemente introduzca cualquier contraseña. Después de iniciar sesión, aparecerá un valor hash que comienza con "$". Por favor, cópielo

19b.) Cree el archivo additional.php en el directorio typo3cms/site-package/config/system

19c.) Inserte lo siguiente en additional.php:

<?php

$GLOBALS['TYPO3_CONF_VARS']['BE']['installToolPassword'] = 'HierKommtDerHashWertRein';

19d.) Ahora puede iniciar sesión en el InstallTool con la contraseña que acaba de introducir

20) Haga click en Entorno

21) Haga clic en "Comprobar el estado del directorio

22) Desplácese hacia abajo y haga clic en el botón "Arreglar".

23) En el área de Mantenimiento, haga clic en Vaciar Caché

El SitePackage está ahora instalado como un paquete de Composer. Ahora puede cargar su sitio web y trabajar con el SitePackage.