Le système d'actualités TYPO3

Instructions

Autoformation TYPO3 pour débutants

Dans la première partie de l'autoformation TYPO3 pour débutants, vous apprenez comment le système de nouvelles de TYPO3 est structuré et comment vous pouvez créer vos propres messages. Dans l'exercice, vous utiliserez pour cela un système préparé pour vous dans le Sandbox, dans lequel vous pourrez ajouter de nouveaux messages.

Dans la troisième partie de l' autoformation TYPO3 pour débutants, vous reviendrez sur ces instructions et en apprendrez plus sur la création de résumés de nouvelles et de pages de détails. Dans l'exercice de la partie 3, vous construisez ensuite vous-même vos pages d'actualités de A à Z.
Nous vous recommandons de revoir la première partie de ce guide lorsque vous travaillez sur la partie 3. Si vous avez encore les contenus en tête, vous pouvez bien sûr passer directement aux thèmes de la partie 3.

À propos de l'extension TYPO3 News

Le système d'actualités TYPO3 vous aide à gérer les actualités de manière centralisée et à les présenter de manière ciblée sur votre site web - avec un système qui peut être facilement entretenu après une configuration unique et qui met même à disposition un flux RSS pour une utilisation externe.
Dans le guide, vous apprendrez pas à pas comment créer correctement la structure des pages et les contenus, afin que vos actualités soient présentées de manière professionnelle, claire et polyvalente.

Utilisation :

  • Pour les informations actuelles qui perdent de leur pertinence avec le temps
    Contrairement aux autres informations de votre site web dont l'intérêt est permanent, les actualités sont des communications actuelles soumises à une dynamique constante. En règle générale, les actualités sont donc listées chronologiquement dans l'ordre décroissant, de sorte que les actualités les plus récentes remplacent peu à peu les anciennes.
  • Avec la date d'archivage et la date d'expiration
    Contrôlez dès la création de vos messages à partir de quand ils ne sont plus "que" accessibles via l'archive des messages plus anciens et à partir de quand ils ne sont plus du tout affichés, car ils ne sont alors tout simplement plus pertinents pour personne. Ainsi, vos messages actuels restent clairs et intéressants pour les lecteurs. Après tout, rien n'est aussi vieux que les nouvelles d'hier !

Voici à quoi cela ressemble

Vue en direct de l'élément de contenu

Liste d'articles d'actualités dans la mise en page standard

Cliquez sur un message pour le voir en détail.


Voici comment cela fonctionne

Le principe

Le principe de base est que chaque message n'est saisi qu'une seule fois - à un endroit central - et peut ensuite être automatiquement édité à plusieurs endroits dans une mise en page appropriée.

Vos actualités sont également mises à disposition au format RSS(Rich Site Summary). Il est ainsi possible d'intégrer votre fil d'actualité (de l'anglais "to feed" - dans le sens de fournir, alimenter, livrer) dans tout autre site web, même en dehors des sites RPTU. En outre, les personnes intéressées peuvent s'abonner au canal RSS et être ainsi toujours informées des nouvelles actualités.

Pour que ce système fonctionne, vous avez besoin de ces composants centraux:

Page d'aperçu (page)

Cette page affiche une collection de messages actuels avec un titre et, le cas échéant, un texte d'accroche. En outre, le flux RSS est automatiquement généré à partir de cette page.
Lorsque l'on clique ici sur une nouvelle de la liste, la nouvelle complète s'ouvre soit directement sur la page d'aperçu (au lieu de la liste des nouvelles), soit dans une nouvelle page spécialement conçue pour la vue détaillée.

Vue détaillée (page)

Si vous souhaitez afficher les différents messages dans une page séparée, créez une page d'affichage détaillé à cet effet. Vous définissez ici la mise en page de base dans laquelle un message individuel doit être affiché.
Le message proprement dit sera inséré automatiquement plus tard. Vous n'avez donc pas besoin de créer une page pour chaque message.

Source de données (dossier système)

Vous enregistrez toutes les actualités de manière centralisée dans ce que l'on appelle un dossier système. Les pages d'aperçu et de détail accèdent à cette source de données via le plug-in d'actualités (voir ci-dessous) et affichent automatiquement les contenus.

Nouvelles (enregistrement)

Les messages (actualités) sont enregistrés dans le dossier actualités (source de données) sous la forme d'un enregistrement unique avec le texte, le titre et, si possible, une image ainsi que d'autres propriétés du message.

Plugin d'actualités (utilisé dans les éléments de contenu)

Le plug-in News fait partie intégrante des éléments de contenu utilisés pour le système d'actualités. Il fait le lien avec les autres composants déjà mentionnés.
Vous placez une liste d'articles de news (ou un autre élément de contenu du système de news) sur votre site web et définissez dans les paramètres du plug-in où les news sont stockées et comment elles doivent être affichées sur la page correspondante.


Pas à pas

Instructions illustrées

Système de news dans TYPO3

Étape 1 : créer une structure de page

Avant de pouvoir créer des contenus, vous devez créer une structure de page judicieuse dans l'arborescence des pages TYPO3. Cette structure constitue la base de la présentation et de la gestion ultérieures des actualités.

  • Page d'aperçu ("Liste des actualités")
    Un élément de contenu de type liste d'articles d'actualités sera inséré ici ultérieurement, présentant un aperçu de toutes les actualités publiées.
    Vous pouvez bien sûr aussi utiliser une page déjà existante, par exemple votre page d'accueil, actualités ou autres.
    Type : Page normale

  • Vue détaillée ("Newsdetail")
    Un élément de contenu de type vue détaillée sera inséré ici ultérieurement, représentant à chaque fois une seule nouvelle dans son intégralité.
    La page est masquée dans le menu. Pour ce faire, désactivez l'option "Page activée dans les menus" dans les propriétés de la page sous "Accès".
    Lors du placement dans l'arborescence des pages, n'oubliez pas que l'URL de cette page est déterminante pour l'URL que recevront les différents messages d'actualité.
    Type : Page normale, masquée dans le menu

  • Dossier de nouvelles ("News")
    Un dossier spécial pour le stockage de tous les enregistrements de nouvelles. Il est préférable de créer des dossiers pour les différentes années sous le dossier de nouvelles. Ainsi, les anciens messages pourront être facilement supprimés à l'avenir.
    Type : Dossier
Configuration simplifiée

Dans une configuration simplifiée, vous pouvez renoncer à une page d'aperçu détaillé séparée. Lorsque vous cliquez sur un message dans l'aperçu des actualités, le message complet s'ouvre directement sur la page d'aperçu au lieu de l'aperçu des actualités affiché précédemment. Cette procédure est particulièrement indiquée si votre page d'aperçu ne contient que peu d'autres contenus que l'aperçu des actualités.

Si vous souhaitez placer un aperçu des actualités sur votre page d'accueil, par exemple, à côté de nombreux autres éléments de contenu, nous vous recommandons d'utiliser une page de détails pour afficher l'actualité complète. Ainsi, la nouvelle individuelle s'ouvre dans une nouvelle page dont vous pouvez concevoir la mise en page de manière ciblée en tant qu'affichage de la nouvelle.

Exemple

La structure de votre page pourrait maintenant ressembler à ceci :

  • Page d'accueil
  • Sous-page 1
  • Sous-page 2
  • Page "Liste des actualités".
    • Page "Détail des actualités" (pas nécessaire dans la configuration simple)
  • Dossier "Stockage
    • Dossier 1
    • Dossier 2
    • Dossier "News
      • 2025
      • 2026

Étape 2 : Créer le contenu des messages

Après avoir créé la structure, vous pouvez créer des contenus de message. Ces contenus seront affichés plus tard dans le frontend.

 

  • Passez dans le module Web > Liste, naviguez vers le dossier News que vous avez créé auparavant.
  • Cliquez sur le symbole + ("Créer un nouvel enregistrement") dans la barre supérieure.

Vous avez maintenant le choix du type d'enregistrement que vous souhaitez créer.

  • Sélectionnez "Articles" sous "Système de nouvelles" pour créer un enregistrement de type "Nouvelles".
  • Attribuez un titre et un court texte d'accroche à votre message.

    Le texte d'accroche apparaît dans l'aperçu de l'actualité et détermine si votre message sera cliqué et lu. Il doit être court, concis et facile à comprendre. Utilisez des mots-clés pertinents et des formulations activantes.

Exemples
  • Étude sur la motivation à apprendre
    Des chercheurs en psychologie étudient comment les outils numériques favorisent l'apprentissage.
  • Course du campus le 15 juin
    Prendre un départ sportif : la course du campus allie fitness et communauté.
  • Délai de candidature pour les programmes de master
    Le délai de candidature pour les masters est fixé au 15 juillet. Découvrez dès maintenant le programme qui vous convient et posez votre candidature.
  • Workshop : Techniques de présentation
    Des présentations convaincantes en 90 minutes - pratique et compact.
  • Sous Archives, indiquez à quel moment le message n'est plus pertinent pour l'actualité et doit donc être archivé. Vous pourrez décider ultérieurement si, ou à quel endroit, les messages actuellement actifs et/ou archivés doivent être affichés sur vos pages Web.
  • Le cas échéant, cochez la case "Est un événement" pour les annonces d'événements afin de pouvoir utiliser des champs supplémentaires tels que "Lieu de l'événement" ou "Catégorie d'événement". Vous pourrez décider ultérieurement si les messages marqués comme événement doivent être affichés ou non, et à quel endroit sur vos pages web.
  • Enfin, saisissez le texte du message.
Indications pour les manifestations

Si vous avez activé l'option "Est un événement", vous pouvez ajouter des informations supplémentaires sur votre événement sous le texte du message.

  • Sous Event location, vous pouvez créer un nouveau lieu de manifestation en cliquant sur le bouton + ("Create new") tout à droite. (Vous devez d'abord sauvegarder votre indication d'événement avant de pouvoir y créer un lieu). L'enregistrement du lieu est ensuite placé dans votre dossier de messages et peut être facilement sélectionné pour d'autres événements sous Objets disponibles.

    Allez dans votre dossier de messages ("News") et passez au module Liste pour afficher et modifier les enregistrements de lieu existants. (Avec + Créer un enregistrement, vous pouvez également créer de nouveaux lieux d'événements dans le dossier d'actualités, indépendamment d'un article d'actualités).

  • Le champ Event category vous permet de classer vos actualités dans différentes catégories d'événements. Les catégories disponibles sont prédéfinies ici.
  • Remplissez les champs : Event type, Event registration link, Event language, Event target group, Event language.
  • Si vous le souhaitez, ajoutez des champs supplémentaires : Event costs, More information
  • Dans l'onglet Éléments de contenu, vous pouvez ajouter des éléments de contenu individuels à votre message, qui seront alors affichés sous le contenu des champs standard (que vous avez définis dans l'onglet Général).

    De tels éléments de contenu supplémentaires ne sont que rarement nécessaires ou utiles. Pour conserver une présentation uniforme de vos messages, vous devriez en général vous contenter des champs standard.
  • Passez à l'onglet Médias pour ajouter une ou plusieurs images à votre message.
  • Déterminez pour quel affichage l'image doit être utilisée, pour l'affichage détaillé et/ou l'affichage par liste.
    Notez que les images ne sont affichées dans un affichage par liste que si une mise en page de modèle correspondante est choisie. (voir étape 3 : Configurer l'aperçu des actualités).
  • Ajoutez un texte alternatif (champ obligatoire).
  • Si votre message ne doit apparaître sur le site qu'à partir d'une certaine date, définissez la date de publication dans l'onglet Accès.
    Définissez également une date d'expiration pour les messages qui ne présentent plus d'intérêt à partir d'une certaine date. Le message sera alors automatiquement désactivé à la date choisie et ne sera plus publié nulle part.
  • Si nécessaire, vous pouvez encore définir d'autres paramètres pour votre message, par exemple dans l'onglet Catégories.
    En utilisant les catégories, vous pouvez par exemple faire en sorte que seuls les messages destinés à ce groupe cible soient affichés sur une page web de groupe cible.
  • Une fois que tous les paramètres sont définis, sélectionnez Enregistrer dans le ruban du haut pour sauvegarder l'enregistrement de message que vous venez de créer.

Auto-apprentissage TYPO3 pour débutants 1ère partie

Exercice

Dans la Sandbox, nous avons déjà mis en place un système de news pour vous.

  1. Dans le dossier "Actualités", créez différentes actualités, avec ou sans image, sous forme d'événement, ...
  2. Ouvrez la page "Nouvelles". Vos nouvelles devraient maintenant s'afficher.

Vers la sandbox

Passez à la suite :

 

Vers l'aperçuSujet suivant

Étape 3 : Configurer l'aperçu des actualités
  • Ouvrez la page Liste de nouvelles dans le module Web > Page.
  • Ajoutez un nouvel élément de contenu. Sélectionnez le type
    • Liste d'articles de news pour la configuration standard,
    • Liste d'articles de news (y compris vue détaillée) pour la configuration simple.
  • Passez à l'onglet Plugin.
  • Indiquez dans les paramètres sous Archives si les messages archivés doivent (également) être listés.

    Pour que votre affichage reste actuel et clair, sélectionnez ici en règle générale Uniquement les messages actifs (non archivés).
    Si nécessaire, vous pouvez créer une autre page d'aperçu uniquement pour les messages archivés.
  • Sous Point de départ, indiquez l'emplacement de vos enregistrements de nouvelles.
    Sélectionnez votre dossier de nouvelles.

Dans le champ de recherche, saisissez de préférence l'ID du dossier d'actualités souhaité. Vous serez ainsi sûr de lier le bon dossier.

  • Si vous avez créé une page séparée pour les détails de l'actualité, passez à l'onglet Autres paramètres.
    ID de la page pour l'affichage individuel: sélectionnez votre page de détails de l'actualité.
  • Si vous souhaitez choisir si aucune nouvelle ou seulement les nouvelles marquées comme événement doivent être affichées dans l'aperçu, passez à l'onglet Eventnews.

    Sélectionnez la restriction d'événement souhaitée.
    • Défini dans TypoScript (par défaut, correspond à "Aucune restriction")
    • Aucune restriction
    • Uniquement les événements
    • Tout sauf les événements
  • Si vous ne souhaitez pas utiliser la mise en page standard pour l'aperçu des actualités, passez à l'onglet Modèle.
    Sélectionnez une mise en page de modèle appropriée pour définir la présentation de l'aperçu selon vos souhaits.

    Pour savoir à quoi ressemblent les différentes présentations et à quoi elles sont adaptées, consultez l'aperçu des présentations de modèles.

    Présentations disponibles pour les aperçus des actualités (état 2025) :

    • Vue de liste standard
    • Vue de liste sans images
    • Liste avec images uniquement (60%-100% de largeur)
    • Pyramide de 3 teasers (largeur 100%)
    • Cartes de teaser à 3 (largeur 100%)
    • 3 teasers événements (largeur 100%)
    • Liste avec cartes Vue mensuelle (largeur 100%)
    • Liste Événements (66%-100% de largeur)
    • Liste classique avec image (66%-100% de largeur)
    • Teaser avec titre (sans image)
  • Enregistrer la liste d'articles de presse.

Étape 4 : Configurer l'affichage des détails

Pour une configuration simplifiée sans page de détail des actualités séparée, sautez cette étape.

  • Ouvrez le module Web > Page et sélectionnez la page Détail des actualités.

  • Ajoutez un nouvel élément de contenu.

    Sélectionnez le type Détail des articles de news.

  • Si vous ne souhaitez pas utiliser la mise en page standard pour la vue détaillée, passez à l'onglet Modèle.
    Sélectionnez une mise en page modèle appropriée pour définir la présentation de la vue selon vos souhaits.

    Pour savoir à quoi ressemblent les différentes mises en page et à quoi elles sont adaptées, consultez l'aperçu des mises en page de modèles.

    Mises en page disponibles pour les vues détaillées (état 2025) :

    • Page de détail de l'événement
    • Page de détail communiqué de presse
    • Page de détail Standard
  • Enregistrez la vue détaillée.

Pour que toutes les pages fonctionnent comme prévu, veillez à ne pas définir dans le plug-in d'actualités que vous utilisez sur la page d'aperçu détaillé des paramètres (par exemple pour le point de départ) qui diffèrent de ceux du plug-in sur la page d'aperçu.

Étape 5 : Vérifier le résultat dans le frontend

Chargez la page Liste de nouvelles dans le frontend. Les nouvelles que vous avez créées devraient maintenant être visibles. Un clic sur le titre d'un message permet d'afficher les détails sur la page Détail des nouvelles.

Auto-apprentissage TYPO3 pour débutants partie 3

Exercice

  1. Créez une page web "Aperçu des nouvelles" et un dossier de nouvelles.
  2. Dans le dossier d'actualités, créez différentes actualités, avec ou sans image, sous forme d'événement, ...
  3. Ajoutez sur la page Web le titre "Aperçu des actualités" ainsi qu'une liste d'articles d'actualités qui répertorie les actualités du dossier d'actualités et peut afficher des actualités individuelles en détail.
  4. Vérifiez le résultat dans le frontend.
  5. Essayez différentes mises en page de modèles.
  6. Ajoutez au moins deux autres éléments de contenu devant la liste d'articles de news existante.
  7. Copiez ensuite votre page web "Aperçu des actualités" et renommez la copie en "Projet XY". Modifiez le titre en conséquence.
  8. Créez une page "Détail des actualités" avec le titre "Nouvelles" ainsi qu'une vue détaillée des articles d'actualités. Utilisez le même dossier de nouvelles que précédemment.
  9. Configurez l'aperçu des actualités sur la page "Projet XY" de manière à ce que les différentes actualités soient affichées sur la page web "Détail des actualités".
  10. Vérifiez le résultat dans le frontend. Reconnaissez-vous la différence entre la configuration avec et sans page de détail (page "Aperçu des actualités" vs. page "Projet XY") ?

Vers la sandbox

Poursuivre la procédure :

 

Vers l'aperçuSujet suivant


En savoir plus

Informations pertinentes

Pour obtenir des informations approfondies sur l'installation, la configuration et l'adaptation du système de news dans TYPO3, il est recommandé de consulter la documentation officielle de l'extension. Vous y trouverez des explications complètes sur les jeux de données, les plugins, le templating et d'autres fonctions :

TYPO3 News Extension - Documentation

Voici à quoi ressemblent les différentes mises en page des templates du système de news Typo3.