Introducción
Con estos vídeos aprenderá a mantener y editar el contenido de su sitio web TYPO3. Utilizamos TYPO3 versión 9 LTS. Las instrucciones también pueden utilizarse para la versión 10.4 de TYPO3. El funcionamiento es prácticamente idéntico para ambas versiones.
Para versiones anteriores de TYPO3, el curso en vídeo está disponible en los siguientes enlaces:versión 8.7versión 7.6,versión 6.2 y versión 6.0 y 4.7
Atención: en los vídeos se utiliza, en la medida de lo posible, una instalación "estándar". No obstante, dado que TYPO3 puede configurarse de forma muy flexible, es posible que en su sitio web TYPO3 no estén disponibles todos los campos de entrada u otros distintos a los mostrados en los vídeos.
Términos básicos importantes del mundo TYPO3
Los términos básicos más importantes (guía de texto)
En primer lugar, explicamos los conceptos básicos de TYPO3. ¿Qué es TYPO3 y qué términos debe conocer cuando trabaje con TYPO3?
TYPO3 es un CMS. CMS a su vez significa sistema de gestión de contenidos y éste a su vez es un software para mantener el contenido de un sitio web.
Esto significa que puede utilizar TYPO3 como cualquier otro programa, como un programa de correo electrónico o un procesador de textos. Por supuesto, tiene que iniciar sesión con sus datos de acceso. A continuación, puede mantener el contenido de su sitio web, escribir textos y cargar imágenes sin tener que preocuparse por la programación o la tecnología detrás de él.
TYPO3 es un CMS de código abierto. Open source significa código abierto, es decir, el código de programación de TYPO3 está a disposición del público y puede ser utilizado y modificado por cualquiera. Lo especial de código abierto: no hay derechos de licencia para su uso.
TYPO3 es gratuito, basta con descargarlo e instalarlo. Puede incurrir en gastos si encarga a alguien la realización de un sitio web con TYPO3 o el mantenimiento del sistema.
Conceptos básicos de TYPO3
El backend es la interfaz de administración de TYPO3. Esta es el área donde usted inicia sesión con sus datos de acceso. Aquí es donde se puede mantener el contenido del sitio web. Puedes escribir textos, subir imágenes, crear páginas y mucho más.
El front end, por otro lado, es el sitio web real al que puede acceder el público. Cuando un visitante escribe su dominio en su navegador web, aterriza en el front-end del sitio web.
Roles en TYPO3: Cada persona que trabaja con TYPO3 tiene un papel determinado. En general, hay usuarios backend, es decir, las personas que tienen acceso a la interfaz de administración. Estos usuarios backend son cada uno asignado a un grupo. Este sería el administrador, por ejemplo, que gestiona y configura todo el sistema. Puede crear otros usuarios o grupos de usuarios, asignarles derechos y mucho más. Esta es la instancia más alta cuando se trata de mantener el sistema TYPO3.
Otro papel es el integrador (a menudo la misma persona que el administrador). El integrador implementa un sitio web con TYPO3. Una nueva instalación de TYPO3 es inicialmente un sistema vacío, sin contenido. Sin páginas, sin diseño, es decir, sin un front-end. El integrador es la persona que crea un sitio web funcional y dinámico a partir de este TYPO3 vacío. Puede, por ejemplo, instalar extensiones, que son pequeños módulos que amplían el alcance funcional de TYPO3.
El editor es también un usuario backend, pero con derechos limitados. No puede configurar el sistema ni instalar extensiones. El editor es responsable de la gestión de los contenidos del sitio. Él (o ella) escribe textos, crea páginas, sube imágenes o vídeos y los integra en las páginas. El trabajo de un editor es el tema de esta serie de videos.
Luego está el desarrollador, un programador que trabaja en el sistema TYPO3 y lo mejora. También crean extensiones para TYPO3, que son módulos adicionales que amplían la gama de funciones.
Cuando se trabaja con TYPO3, el editor también trabaja con archivos multimedia. Se trata de imágenes,vídeos, audio o archivos PDF. En TYPO3, los medios de comunicación se pueden importar directamente en muchos formatos sin necesidad de conversión. Para las imágenes, los formatos de archivo JPEG, PNG, GIF, SVG, AI (Adobe Illustrator) e incluso el antiguo formato BMP son compatibles.
Los vídeos también pueden utilizarse directamente en varios formatos: MP4 es el más común, pero también existen OGG y WEBM. Los vídeos de YouTube o Vimeo también pueden integrarse directamente en una página. Esto ahorra espacio de almacenamiento en su propio servidor y ofrece al visitante el mejor resultado en el dispositivo final correspondiente (teléfono móvil, ordenador, tableta).
Los archivos de audio pueden integrarse utilizando el formato MP3. MP3 es ampliamente utilizado y ofrece archivos pequeños de buena calidad. A continuación, se muestra en la página web un pequeño reproductor, es decir, una zona de reproducción, con la que se puede escuchar el archivo de audio directamente en la página web. Los podcasts son un ejemplo de aplicación.
Inicie sesión en el backend de TYPO3 (instrucciones de texto)
Para acceder al backend de TYPO3, añada una barra oblicua y la palabra "typo3" al nombre del dominio (por ejemplo, www.name-der-domain.de) en la línea de dirección del navegador (por ejemplo, www.name-der-domain.de/typo3). Tras acceder a la dirección, accederá a la pantalla de inicio de sesión de TYPO3. En la pantalla de inicio de sesión, el logotipo, los colores y la imagen de fondo pueden ser diferentes y personalizables.
Aquí se inicia la sesión con su nombre de usuario y contraseña, que distinguen entre mayúsculas y minúsculas. Después de iniciar la sesión, se le llevará a la vista del backend de TYPO3.
Si aparece un mensaje de error al iniciar la sesión, compruebe primero los datos de acceso y, en caso necesario, póngase en contacto con el administrador del sitio.
Visión general del backend (instrucciones de texto)
En este vídeo, echaremos un vistazo a las diferentes áreas del backend. Vamos a entrar en más detalle acerca de las áreas individuales en el curso de este curso de vídeo, pero por ahora vamos a obtener una visión general.
Inmediatamente después de iniciar sesión, llegamos a esta página aquí. En la parte superior izquierda vemos la versión de TYPO3 utilizada, en el momento de la grabación la versión 9.5.8. En la ventana principal vemos una visión general de TYPO3 con explicaciones de los módulos individuales.
Una nota importante: la vista siempre se adapta a los derechos del usuario. Puede ser que su backend TYPO3 se vea un poco diferente de lo que vemos aquí. Los derechos de los usuarios se pueden configurar con gran detalle. La vista también depende de las extensiones que están instaladas en TYPO3. Las extensiones son módulos o plugins que amplían la funcionalidad de TYPO3, algunos de los cuales también tienen sus propios elementos de menú en la columna de la izquierda.
En este ejemplo, vemos el elemento de menú Noticias, que proviene de una extensión TYPO3 llamada Noticias, que se puede utilizar para gestionar las últimas noticias. Esta entrada no está disponible en una instalación estándar de TYPO3, ya que es una función adicional.
La página a la que se accede normalmente después de iniciar sesión (esto también es ajustable) se puede llamar en cualquier momento haciendo clic en el signo de interrogación en la parte superior y luego seleccionando "Acerca de TYPO3".
El sitio web tiene cuatro áreas: una barra en la parte superior, con un botón en el extremo izquierdo que se puede utilizar para ocultar el menú de la izquierda. Por defecto, el menú con iconos y descripción está activo. Pero si estás trabajando en una tableta y tienes poco espacio disponible o en un portátil con una pantalla pequeña, es útil simplemente contraer el menú para tener más espacio.
El botón de al lado sirve para activar y desactivar el árbol de páginas. Puede ocultarse temporalmente para crear más espacio en el escritorio.
En la parte superior izquierda se encuentra el nombre de la página web, que ahora dice TYPO3 9 LTS proyecto de ejemplo. Si no está trabajando con nuestra plantilla de muestra, verá algo más aquí. . También vemos el número de versión aquí, en el ejemplo TYPO3 9.5.8.
Hay algunos iconos en la parte superior derecha, donde puede establecer marcadores, por ejemplo. Puede utilizar marcadores para guardar páginas o contenidos que a menudo necesita editar y acceder a ellos directamente más tarde.
Puedes borrar la llamada caché del front-end utilizando el símbolo del rayo. Hay un vídeo aparte sobre esto en este curso. Otro botón de nuestra plantilla de ejemplo es la llamada acción, que puede ser configurada por el administrador. Se trata de comandos especiales para crear un nuevo artículo de noticias, como se muestra aquí. Normalmente, esto requeriría varios clics en el backend. Con una acción, esto se puede lograr con un solo clic.
En la barra de la parte superior puede ver el nombre de usuario actual y el llamado avatar. Por defecto es una imagen neutra, pero también puedes sustituirla por una foto. Si haces clic en el nombre de usuario, aparece un menú. Puedes cerrar la sesión o acceder a la configuración del usuario. Hay un vídeo aparte para los ajustes.
En la parte superior derecha hay una función de búsqueda para el backend, aquí puedes buscar páginas o contenido, más sobre esto en un vídeo aparte.
El área del menú se encuentra en el lado izquierdo. Aquí están los llamados módulos en los que se puede trabajar en TYPO3. Por ejemplo, si usted va al módulo de página (donde se pueden editar páginas y contenidos), la pantalla cambia y aparece el árbol de páginas. Si selecciona una página haciendo clic en ella, verá el contenido de la página y podrá editarlo.
La opción de menú Lista de archivos permite gestionar, cargar, eliminar y mover archivos o crear carpetas. También hay un vídeo aparte para esto.
Propiedades de la página
Cada página que se crea dentro del sitio web TYPO3 tiene ciertas "propiedades". Por ejemplo, el título de la página se puede cambiar aquí, al igual que el diseño o si una página sólo se publica en un momento determinado.
Utilizando una "página estándar", usted aprenderá acerca de las propiedades más importantes de una página.
Propiedades de la página - Medios sociales
En la sección "Redes sociales" de las propiedades de la página, puede introducir información para Facebook y Twitter para optimizar el título, la descripción y la imagen utilizados. Esto tiene efecto cuando los visitantes comparten la página a través de estas plataformas.
En segundo plano, se crean las llamadas metaetiquetas para Open Graph (Facebook) o TwitterCards, que son analizadas por las plataformas.
Segmentos de URL y redireccionamientos
TYPO3 9 ahora puede generar URL legibles y amigables para los motores de búsqueda de forma predeterminada, es decir, sin extensiones adicionales. Por regla general, los editores no tienen que preocuparse de esto en absoluto. Sin embargo, estos segmentos de URL pueden editarse y personalizarse si es necesario.
Otra novedad es un módulo backend para configurar las redirecciones. Esto es útil si, por ejemplo, la URL de una página cambia, pero se quiere redirigir a los visitantes que llamen a la URL obsoleta a la nueva URL.
Crear, mover y copiar directorios
Desde el principio, debes asegurarte de que los archivos están organizados en una estructura de carpetas razonable. De lo contrario, podrías perder rápidamente la visión de conjunto.
En el módulo "Lista de archivos", puedes organizar fácilmente las carpetas en diferentes jerarquías, y las carpetas también se pueden mover o copiar junto con su contenido.
Trabajar con el editor de texto enriquecido (RTE)
El llamado Editor de Texto Enriquecido es la herramienta más importante para publicar textos en un sitio web. Este RTE se comporta de forma muy similar a los programas normales de tratamiento de textos. Se puede dar formato a los textos, establecer enlaces a otras páginas y mucho más.
En este vídeo mostramos algunas de las funciones básicas del editor.
Editor de imágenes (recorte de imágenes)
El editor de imágenes integrado en TYPO3 se puede utilizar para cambiar la sección de una imagen. Por supuesto, esto no cambia la imagen original, sino que crea una copia de la imagen con la sección seleccionada.
De esta manera, también puede utilizar una sola imagen con diferentes secciones varias veces en el sitio web.
Elemento de contenido "Enlaces de archivos" - Utilizar colecciones de archivos
Elemento de contenido "Insertar registros de datos"
Los elementos de contenido que se van a utilizar varias veces en un sitio web no tienen que crearse varias veces. Con el elemento de contenido "Insertar registros de datos", estos elementos de contenido pueden reutilizarse como enlaces tantas veces como sea necesario.
Gran ventaja: si se modifica el elemento original, todos los enlaces se actualizan automáticamente.
Elemento de contenido "Tabla"
Elemento de contenido "HTML
Elemento de contenido "Enumeración"
Puede utilizarse para crear listas no ordenadas o numeradas. Sin embargo, como el texto de estas listas no puede formatearse ni enlazarse y tampoco es posible crear listas anidadas, este elemento de contenido no se utiliza muy a menudo. Las listas pueden crearse más cómodamente utilizando la ETR en un elemento de contenido de texto normal.
¿Qué son los usuarios backend y los grupos de usuarios backend?
Como editor, por lo general trabaja con derechos limitados en el sistema TYPO3. Esto significa que usted ve muchos menos módulos y tiene menos opciones que el administrador, por ejemplo.
Estos derechos de acceso se controlan a través de los llamados grupos de usuarios backend. En este vídeo, echamos un vistazo a lo que son y cómo las diferentes autorizaciones pueden afectarle.
El vídeo es meramente informativo, como editor normalmente no puedes cambiar la configuración tú mismo.
