Créer des actualités

Centre régional universitaire d'informatique de Kaiserslautern-Landau

Système de messagerie

Lien

Les enregistrements d'actualités sont rassemblés dans le dossier d'actualités et sont automatiquement publiés sur les pages web sur lesquelles le plug-in d'actualités a été configuré.

Représentation des relations entre le dossier d'actualités, le plug-in d'actualités et la page de détail des actualités. — Présentation du contexte des actualités

Perspectives

Voici comment créer une news .

Exemple de vue d'une news. On voit ici un extrait du frontend Typo3. Le titre est Communications actuelles et, en bas, deux actualités sont affichées avec une image et un texte à droite. — Exemple de vue d'une actualité

Instructions

Dossier d'actualités

Ici, les enregistrements d'actualités sont tous rassemblés dans le dossier d'actualités de votre établissement.

1. sélectionner le module de liste (il est également possible de passer par "News Administration")

2. dans l 'arborescence du site, cliquer sur le dossier Storage

3. dans le dossier Storage, sélectionner le sous-dossier News

Exemple d'élément du backend Typo3 : les cases rouges mettent en évidence les étapes de la procédure dans l'arborescence des pages. Dans l'arborescence des pages, une page est encadrée. En dessous de la page, le dossier de stockage est mis en évidence, dans lequel se trouve le dossier News. — Exemple d'élément du backend Typo3 : les cases rouges mettent en évidence les étapes de la procédure dans l'arborescence du site.

4. dans le dossier News, soit créer un nouveau dossier, soit cliquer sur le dossier de stockage souhaité

5. appuyer sur + pour créer un nouvel enregistrement

Exemple d'élément du backend Typo3 : les cases rouges mettent en évidence les étapes de la procédure de création d'un nouvel enregistrement. Sous le dossier News se trouve, encadré en rouge, le dossier cible dans lequel le News doit être créé. En haut, au milieu de l'illustration, le bouton plus est encadré et sert à créer un nouvel enregistrement. — Exemple d'élément du backend Typo3 : les encadrés rouges mettent en évidence les étapes de la procédure de création d'un nouvel enregistrement.

6. choisir le type du nouvel enregistrement sous News system: article

Exemple d'élément du backend Typo3 : l'encadré rouge met en évidence la section News system.

7. attribution d'un titre, d'un texte d'accroche et d'un texte

Exemple d'élément du backend Typo3 : les cases rouges mettent en évidence les champs à remplir. Il s'agit notamment du titre, du texte d'accroche et du texte normal. — Exemple d'élément du backend Typo3 : les cases rouges mettent en évidence les champs à remplir.

8. ajouter une image sous l'onglet Médias (si, par exemple, une image d'aperçu doit être visible dans la vue en liste, il faut la sélectionner sous "Afficher dans les vues").

9. si nécessaire, des indications facultatives (accès, catégorie, traduction, e-mail).

Enregistrer!

Exemple d'élément du backend Typo3 : les cases rouges mettent en évidence l'onglet Médias ainsi que le bouton permettant d'ajouter un fichier média. — Exemple d'élément du backend Typo3 : les cases rouges mettent en évidence l'onglet Médias.

Plus

Si vous souhaitez procéder à d'autres adaptations, vous trouverez une explication sous News - Adaptations optionnelles.

Vous êtes en auto-formation et souhaitez accéder à la page d'accueil de la formation, cliquez sur TYPO3 en auto-formation pour débutants partie 1.

Vous êtes en train de vous auto-former, alors cliquez sur Exercice - Créer des nouvelles pour continuer.

Début : Typo3 en auto-apprentissage pour débutants partie 3

Plug-in d'actualités

Une fois qu'une actualité a été créée dans le module Listes, elle est intégrée dans le module Pages en tant que plug-in. Un plug-in est un élément de contenu qui peut être placé sur une page comme un élément de texte ou une image.

10. passer au module Pages

11. sélectionner/créer la page souhaitée

12. créer un nouvel élément de contenu

Exemple d'élément du backend Typo3 : les cases rouges mettent en évidence les étapes 10 à 12 de la procédure. Le module de pages est mis en évidence à gauche, la page "News-Plug-In" dans l'arborescence des pages et le bouton de création d'un nouvel élément de contenu dans la zone d'édition. — Exemple d'élément du backend Typo3 : étapes 10 à 12 pour la création d'un élément de contenu

13. cliquer sur l'onglet Plug-Ins

14. sélectionner le système de messagerie

Exemple d'élément dans le backend Typo3 : la fenêtre de sélection d'un nouvel élément de contenu s'affiche. Les cases rouges mettent en évidence l'onglet Plug-ins et l'élément Système de messagerie à sélectionner. — Exemple d'élément du backend Typo3 : onglet des plug-ins et l'élément à sélectionner Système de messages

15. sélectionner l'onglet Plug-In

16. saisir l'ID du dossier de news sous Point de départ . Pour cela, passer le curseur sur le dossier de news précédemment créé et l'ID apparaît.

Exemples d'éléments du backend Typo3 : deux parties de l'image sont présentées, celle de devant chevauchant celle de derrière. Dans la partie arrière et plus grande, l'onglet Plug-In est mis en évidence une fois en haut et au centre. Dans le cinquième inférieur de l'image, une autre boîte rouge est placée, qui met en évidence le champ de saisie, intitulé Point de départ. L'ID du dossier de news doit y être saisi. Une flèche rouge renvoie à la deuxième illustration qui montre comment lire l'ID du dossier de news. — Exemples d'éléments du backend Typo3 : étapes 15 et 16 pour la saisie de l'ID

17. sous Apparence, sélectionner la mise en page Standard : fond blanc

Enregistrer et cliquer sur Afficher pour voir les nouvelles dans le frontend.

Exemples d'éléments du backend Typo3 : les cases rouges mettent en évidence l'onglet Apparence dans la barre d'édition. Les options de mise en page sont affichées en dessous. L'encadrement est Standard : fond blanc. En outre, les boutons Enregistrer et Afficher sont mis en évidence par des encadrés. — Exemples d'éléments du backend Typo3 : apparence ; choix de la mise en page

Plus

Si vous souhaitez adapter le plug-in, vous trouverez une explication sous Options d'extension du plug-in.

Page de détail des actualités

Si une page de détails est intégrée, les actualités y sont affichées en détail, ce qui présente quelques avantages. Si l'on dispose d'une page de détails, on peut par exemple y faire référence depuis plusieurs plugins différents, quel que soit leur emplacement. Ou si l'on a intégré une petite liste de news sur la page d'accueil et que l'on ne configure pas de page de détails sur ce plugin, cette page s'ouvrirait à nouveau avec tous les autres contenus lorsque l'on cliquerait sur une news et afficherait les détails de la news uniquement à la place de la liste. La page de détails permet donc d'être plus flexible, car on peut construire beaucoup plus de solutions.

18. créer et activer une nouvelle page de détails

19. créer un élément de système de messages (voir étapes 13 et 14)

Exemple d'élément du backend Typo3 : 3 boîtes rouges sont représentées. La première boîte encadre le module Page en haut, dans le tiers gauche de l'image. La deuxième encadre au centre de l'arborescence de la page la page avec le titre Page de détail. Dans le tiers droit, la troisième boîte met en évidence l'élément + contenu. — Exemple d'élément du backend Typo3 : étapes 18 et 19 pour la création d'une page de détail.

20. cliquer sur l'onglet Plug-In

21. sous Paramètres , sélectionner le mode de sortie : Vue détaillée

Attention : le menu revient automatiquement à l'onglet Généralités.

Exemple d'élément du backend Typo3 : l'illustration montre aussi bien la barre des modules que l'arborescence des pages et la barre d'édition, dans laquelle se trouvent les trois boîtes rouges. Celui du haut encadre l'onglet Plug-In, celui du milieu encadre l'onglet Paramètres. En cliquant sur le bouton Mode de sortie, l'affichage détaillé est encadré en rouge dans la liste de sélection représentée. — Exemple d'élément du backend Typo3 : étapes 20 et 21 pour le mode de sortie Affichage détaillé

22. va sur Options d'extension et l'onglet Autres paramètres

23. sous ID de la page pour le lien "retour" , indique l'ID de la page avec le premier système de messages

Enregistre!

Une page détaillée est maintenant créée, sur laquelle les nouvelles peuvent être affichées en détail.

Exemple d'élément du backend Typo3 : la barre des modules, l'arborescence des pages et la barre d'édition sont représentées. Les trois boîtes se trouvent toutes dans la section de droite, c'est-à-dire dans la barre d'édition. La boîte supérieure encadre l'onglet plug-in. En dessous, une autre met en évidence Autres paramètres. Au bas de l'illustration, le cadre est placé au-dessus du champ de saisie de l'ID de la page pour le lien "Retour". — Exemple d'élément du backend Typo3 : les cases rouges mettent en évidence les étapes 22 et 23.

L'étape suivante consiste à configurer le plug-in d'actualités sur la page de détails afin que seuls les détails correspondants soient affichés lorsque l'on clique sur l'actualité.

24) Revenez maintenant au premier système d'actualités créé à l'étape 10. Sous ID de la page pour l'affichage des actualités individuelles, indique l'ID de la page avec le deuxième système d'actualités.

Enregistrer et afficher !

Exemple d'élément du backend Typo3 : dans la moitié supérieure de l'arborescence des pages, la page News-Plug-In est encadrée en rouge. À droite, dans la barre d'édition, l'onglet Plug-In est encadré par une autre boîte rouge. Un peu plus bas, l'onglet Autres paramètres est également mis en évidence. Juste en dessous, le champ de saisie ID de page pour l'affichage des actualités individuelles est également encadré. — Exemple d'élément du backend Typo3 : les cases rouges mettent en évidence la configuration du plug-in d'actualités sur une page détaillée.

25. ouvrir un article dans le frontend

Exemple d'élément du frontend : Dans la partie supérieure de l'image, la mise en page typique du site web du RHRK est représentée. Dans le tiers inférieur gauche, les nouvelles récemment créées sont placées. Outre un titre, une image de news est également affichée. — Affichage de la page de détails des nouvelles récemment créées.

Vous êtes en auto-formation et souhaitez accéder à la page d'accueil de la formation, cliquez sur TYPO3 en auto-formation pour débutants partie 3.

Vous vous trouvez actuellement dans l'autoformation 3, alors cliquez sur Exercice - News Plug-In & Page de détails pour continuer.

Traduire les actualités

Continuer la lecture

Exercice - Créer des news

Exercice - News Plug-In & Page de détails

News - Données facultatives

Options d'extension du plug-in

Navigation principale

Système de messagerie

Lien

Perspectives

Instructions

Dossier d'actualités

Plus

Début : Typo3 en auto-apprentissage pour débutants partie 3

Plug-in d'actualités

Plus

Page de détail des actualités

Centre de service RZ à Kaiserslautern

Centre de service RZ à Landau

Heures d'ouverture & contact

Support en ligne

Accès rapide

Offre d'information pour

Centre régional de calcul universitaire de Kaiserslautern-Landau