Create news - RHRZ (RPTU)

Regional University Computing Center Kaiserslautern-Landau

Message system

Context

News records are collected in the news folder and automatically displayed on the websites on which the news plug-in has been configured.

Illustration of the relationships between the news folder, news plug-in and news detail page. — Presentation of the context of news

Outlook

This shows how to create a news item .

Example view of a news item. An excerpt from the Typo3 frontend is shown. The title is current news and below it are 2 news items, each with an image and a text to the right. — Example view of a news item

Instructions

News folder

Here the news records are all collected in the news folder of your institution.

1. select the list module (there is also the option to go via "News Administration")

2. click on the Storage folder in the page tree

3. select the News subfolder in the Storage folder

Example element from the Typo3 backend: Red boxes highlight the steps in the page tree. A page is framed in the page tree. Below the page, the storage folder containing the news folder is highlighted. — Example element from the Typo3 backend: Red boxes highlight the steps in the page tree.

4. in the News folder, either create a new folder or click on the desired storage folder

5. press + to create a new data record

Example element from the Typo3 backend: Red boxes highlight the steps for creating a new data record. Below the news folder, framed in red, is the target folder in which the news should be created. The plus button, which is used to create a new data record, is framed at the top center of the illustration. — Example element from the Typo3 backend: Red boxes highlight the steps for creating a new data record.

6. select the type of the new data record under News system: Article

Example element from the Typo3 backend: Red box highlights the News system area.

7. assignment of a headline, a teaser text and a text

Example element from the Typo3 backend: Red boxes highlight the fields to be filled in. These include the headline, the teaser text and the normal text. — Example element from the Typo3 backend: Red boxes highlight the fields to be filled in.

8. add an image under the Media tab (if, for example, a preview image is to be shown in the list view, this must be selected under "Show in views").

9. optional information if required (access, category, translation, e-mail)

Save!

Example element from the Typo3 backend: Red boxes highlight the Media tab and the button for adding a media file. — Example element from the Typo3 backend: Red boxes highlight the Media tab.

If you would like to make further adjustments, you will find an explanation under News - Optional adjustments.

You are in self-study and would like to go to the training start page, then click on TYPO3 self-study for beginners part 1.

You are currently in self-training, then click on Exercise - Create news to continue.

Start: Typo3 self-study for beginners part 3

News plug-in

After a news item has been created in the list module, it is integrated as a plug-in in the page module . A plug-in is a content element that can be placed on a page like a text element or an image.

10. switch to the Pages module

11. select/create the desired page

12. create a new content element

Example element from the Typo3 backend: Red boxes highlight steps 10 to 12. The page module is highlighted on the left, the "News plug-in" page in the page tree and the button for creating a new content element in the editing area. — Example element from the Typo3 backend: Procedure steps 10 to 12 for creating a content element

13. click on the Plug-ins tab

14. select message system

Example element from the Typo3 backend: The window for selecting a new content element is displayed. Red boxes highlight the Plug-ins tab and the message system element to be selected. — Example element from the Typo3 backend: Plug-ins tab and the message system element to be selected

15. select the Plug-In tab

16. enter the ID of the news folder under Starting point . To do this, move the cursor over the previously created news folder and the ID will appear.

Example elements from the Typo3 backend: 2 image sections are shown, whereby the front one overlaps the back one. In the rear and larger section, the Plug-In tab is highlighted once at the top center. Another red box is placed in the bottom fifth of the image, highlighting the input field entitled Starting point. The ID of the news folder should be entered there. A red arrow points to the second illustration which shows how the ID of the news folder can be read. — Example elements from the Typo3 backend: Procedure steps 15 and 16 for ID entry

17. select the layout Standard: White background under Appearance

Save and click on Show to see the news in the frontend.

Example elements from the Typo3 backend: Red boxes highlight the Appearance tab in the editing bar. The layout options are shown underneath. Framed was Standard: White background. The Save and Show buttons are also highlighted by boxes. — Example elements from the Typo3 backend: Appearance; layout selection

If you would like to customize the plug-in, you will find an explanation under Plug-in extension options.

News detail page

If a detail page is integrated, the news is displayed there in detail, which has several advantages. If you have a detail page, you can, for example, link to it from several different plugins, regardless of where they are located. Or if you have embedded a small news list on the start page and would not configure a detail page on this plugin, clicking on a news item would open exactly this page with all other content and only display the details of the news item in the place of the list. The detail page makes you more flexible because you can build many more solutions.

18. create and activate new detail page

19. create message system element (see steps 13 and 14)

Example element from the Typo3 backend: 3 red boxes are shown. The first box frames the Page module at the top left third of the image. The second one frames the page with the title Detail page in the middle of the page tree. In the right third, the third box emphasizes the element + content. — Example element from the Typo3 backend: Procedure steps 18 and 19 for creating a detail page.

20. on the Plug-In tab

21. select the output mode under Settings : Detailed view

Attention: Menu automatically jumps back to the General tab

Example element from the Typo3 backend: The illustration shows the module bar as well as the page tree and the editing bar, in which the three red boxes are located. The upper box frames the Plug-In tab, the box in the middle frames the Settings tab. When the Output mode button is expanded, the detail view is framed in red in the selection list shown. — Example element from the Typo3 backend: Procedure steps 20 and 21 for the detail view output mode

22. go to Extension options and the More settings tab

23. enter the ID of the page with the first message system under Page ID for "Back" link

Save!

A detail page has now been created on which the news can be displayed in detail.

Example element from the Typo3 backend: The module bar, the page tree and the edit bar are shown. The three boxes are all located in the right-hand section, i.e. in the editing bar. The top box frames the plug-in tab. Below it is another one that highlights Other settings. At the bottom of the illustration, the frame is placed above the input field of the page ID for the "Back" link. — Example element from the Typo3 backend: Red boxes highlight steps 22 and 23.

In the next step, the news plug-in is configured on the details page so that only the associated details are displayed when the news is clicked.

24 Now back to the first news system that was created in step 10. Under Page ID for single news view, enter the ID of the page with the second news system.

Save and display!

Example element from the Typo3 backend: In the upper half of the page tree, the News plug-in page is framed in red. To the right of it in the editing bar, the Plug-In tab is framed by another red box. The Other settings tab is also highlighted slightly below this. The input field Page ID for single news view is also framed directly below it. — Example element from the Typo3 backend: Red boxes highlight the configuration of the news plug-in on a detail page.

25. open article in frontend

Example element from the front end: The typical RHRK website layout is shown at the top of the screen. The newly created news is placed in the lower left third. In addition to a headline, a news image is also displayed. — View the detail page of the newly created news.

You are in self-study and would like to go to the training start page, then click on TYPO3 self-study for beginners part 3.

You are currently in self-training 3, then click on Exercise - News Plug-In & Detail Page to continue.

Translate news

Exercise - Create news

Exercise - News plug-in & detail page

News - Optional information

Plug-in extension options

Main navigation

Message system

Context

Outlook

Instructions

News folder

More

Start: Typo3 self-study for beginners part 3

News plug-in

More

News detail page

Servicepoint Kaiserslautern

Servicepoint Landau

Support online

Opening hours & contact

Schnellzugriff

Informationsangebot für

Regionales Hochschulrechenzentrum Kaiserslautern-Landau