Jour 1 : La fondation

Principes de base pour les rédacteurs de contenu

Chapitre I : Introduction à TYPO3 et mise en route

1. Introduction et gestion des attentes

  • Bienvenue, familiarisation et discussion sur la structure et l'horaire de la formation
  • Comment traiter les questions (groupées ou intermédiaires)

2. Qu'est-ce que TYPO3 CMS ?

  • Définition : puissant système de gestion de contenu open source (CMS)
  • Points forts : Évolutivité, multilinguisme intégré et droits d'utilisateur détaillés.
  • Concepts de base : La différence entre Backend et Frontend
  • L'arborescence des pages : L'épine dorsale hiérarchique de TYPO3

3. Explorer le backend de TYPO3

  • Connexion et interface
  • Visite du tableau de bord et des principaux modules (PAGE, VIEW, LIST, FILELIST)
  • Personnalisation : Définition des paramètres de l'utilisateur (mot de passe, langue du backend, module de démarrage)
  • Travail efficace : Utilisation d'une recherche puissante et des signets (bookmarks)

Chapitre II : Création et gestion des pages

1. Création et gestion de pages

  • Création de pages dans l'arborescence
  • Comprendre les types de pages : * Page standard (page web normale) * Dossier (SysMap) : Stockage des enregistrements de la base de données (par exemple, les nouvelles) * Raccourci (lien vers une autre page interne) * Lien vers une URL externe * Séparation du menu (espace non cliquable) * Page utilisateur du backend * Pages de point de montage
  • Modifier, déplacer, copier et supprimer des pages (Corbeille)
  • Créer plusieurs pages simultanément

2. Propriétés des pages en détail

  • Informations de base : Titre de la page, Type de page, Visibilité/Masque
  • Contrôle du temps : définir la date de publication (Start) et la date d'expiration (Stop)
  • SEO/Métadonnées : Saisie du titre/de la description méta, des mots-clés
  • Médias sociaux : Paramètres pour les cartes Facebook/Twitter (image, titre, description)
  • Mise en page du backend : cadre visuel définissant les colonnes

3. Travailler avec le module LIST

  • Édition de pages et d'éléments de contenu
  • Édition en bloc (principes de base) : Édition simultanée de plusieurs pages

Chapitre III : Éléments de contenu et médias de base

1. Création et gestion des éléments de contenu

  • Les éléments de contenu sont les éléments constitutifs du contenu d'une page.
  • Éléments standard (contenu typique d'une page) : * Titre uniquement * Texte et images / Texte et médias * Images uniquement / Médias uniquement * Liste * Tableau * Liens vers des fichiers
  • Actions de gestion : Déplacer (glisser-déposer), copier, couper et supprimer
  • Corbeille (Recycler) : Récupérer les éléments supprimés
  • Contrôle temporel du contenu : définition des dates de publication et d'expiration

2. Utilisation de l'éditeur de texte enrichi (RTE)

  • WYSIWYG : travailler avec le CKEditor (RTE) pour la mise en forme du texte
  • Meilleure pratique : utilisation correcte des titres (H2, H3) par rapport à H1 (titre de la page)
  • Gestion des liens : Utiliser le navigateur de liens pour les liens (internes, externes, fichiers, courriels)
  • Copier/coller du contenu provenant d'autres sources

3. Gestion des fichiers et des médias (FILELIST)

  • Le module Filelist : l'endroit central pour la gestion des actifs
  • Organisation : Créer et structurer des dossiers
  • Téléchargement : Téléchargement de fichiers à l'aide d'un bouton ou par glisser-déposer
  • Métadonnées des fichiers : Ajout et modification du texte Alt, de la description et du titre
  • Édition d'images (de base) : Ajuster les coupes d'images (recadrage) avec l'éditeur d'images

Chapitre IV : Contenu structuré et vues réactives

1. Diaporamas et blocs de contenu

  • Structure des diaporamas (conteneurs/grilles)
  • Éléments de conteneur : Structurer le contenu en colonnes
  • Différence avec les nouveaux blocs de contenu (tels que les cartes, les accordéons et les onglets)

2. Vue réactive

  • Module VIEW : Utiliser pour contrôler l'aperçu responsive frontend (desktop, tablet, mobile)
  • Gestion du cache : l'importance de vider le cache après les modifications