Create news - Regionales Hochschulrechenzentrum Kaiserslautern-Landau (RHRZ) an der RPTU

Regional University Computing Center Kaiserslautern-Landau

News system

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

Context

News records are collected in the News folder and automatically output to the web pages where the News plug-in has been configured.

Example view of a news. Shown is a section of the Typo3 frontend. The title is current news and below are 2 news, each with an image and a text to the right. — Example view of a news

Prospects

Here you can see how to create a news.

Instruction

News folder

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

Example element from the Typo3 backend: Red boxes highlight the procedure steps in the page tree. In the page tree, a page is framed. Below the page, the storage folder is highlighted, where the news folder is located. — Example element from the Typo3 backend: Red boxes highlight the procedure steps in the page tree.

1. select list module (there is also an 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 procedure steps for creating a new record. Below the news folder, framed in red, is the target folder in which the news should be created. At the top center of the image, the plus button is framed, which is used to create a new record. — Example element from the Typo3 backend: Red boxes highlight the procedure steps for creating a new record.

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

5. press + to create a new record

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

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

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

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

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.

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

9. Optional information if needed (access, category, translation, e-mail).

Save.

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

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

You are currently in self-training, then click 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 included in the Page module as a plug-in. A plug-in is a content element that can be placed on a page like a text element or an image.

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

10. switch to the page module

11. select/create the desired page

12. Create new content element

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 News System element to be selected. — Example element from Typo3 backend: plug-ins tab and the element to be selected message system

13. click on the tab Plug-Ins

14. select message system

Example elements from the Typo3 backend: 2 image sections are shown, the front one overlapping the back one. In the back and larger section, the Plug-In tab is highlighted once at the top center. In the bottom fifth of the image, another red box is placed highlighting the input field, titled Starting Point. The ID of the news folder is to be entered there. A red arrow points to the second figure that shows how to read the ID of the news folder. — Example elements from the Typo3 backend: Procedure steps 15 and 16 for ID input

15. select the Plug-In tab

16. Enter the ID of the news folder under Starting point. Move the cursor over the previously created news folder and the ID will appear.

Example elements from the Typo3 backend: Red boxes highlight the Appearance tab in the edit bar. Below are shown the layout option. Framed was Standard: White background. Also, the Save and Show buttons are highlighted by boxes. — Example elements from Typo3 backend: appearance; layout selection

17. Under Appearance, select the Standard: White Background layout.

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

If you want to customize the plug-in, see Plug-in extension options for an explanation.

News detail page

If a detail page is included, the news are displayed there in detail, which has some advantages. If you have a detail page, you can e.g. refer to it from several different plugins, no matter 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, when you click on a news, exactly this page would open again with all other content and only show the details of the news at the place of the list. So by the detail page you are more flexible because you can build much more solutions.