TYPO3Buddy is on FacebookTYPO3Buddy is on Twitter

Templavoila: Add content to the home page

Templavoila is set up, and it's time to add some content to the home page! If you want to edit some Templavoila stuff from the previous pages, check out the next page.

Here we go. Click on "Page". Click on the "Home" page. On the right side you see a box called "Content right". This corresponds with the Templavoila data element with the same name. The Element Preset was set to "Page-Content Elements [Pos.: 0]". And now you can add content to this data element in the "Page" mode. Click on the green plus icon to add content to the home page:

TYPO3 Templavoila add content - TYPO3 template tutorial

A list of content elements shows up. Choose the first option, the Regular text element:

TYPO3 Regular Text Element - TYPO3Buddy website tutorial

Click on the General tab (it should be selected). Enter a header, like "Welcome". This will be an H1 header on the website, if the "Type" pull down menu is set to "Normal" (which is default). When the header is only used for referencing within TYPO3, set the type to "Hidden". Also enter some text in the Text box. You also might want to check the "Show secondary options (palettes)" checkbox to see all options:

Regular Text Element - TYPO3 website tutorial

When you add new content elements, they sometimes are disabled by default. One way to make them visible again, is to click on the "Access" tab and uncheck the "Disable Content element" checkbox:

Content visibility - TYPO3 website tutorial

You might notice a light bulb icon (old TYPO3) or a switch icon (recent TYPO3) when you see records on a page in list-mode. You can also click on this icon to disable or enable the corresponding content element.

Click the "Save and close" icon. You'll see that the content element has appeared in the "Content main" box. Since TYPO3 caches a lot for optimal performance, you'll probably have to clear the cache to update it with our latest changes, and make these changes visible on your website. Click on the lightning bolt and choose "Clear all caches":

TYPO3 Clear cache - TYPO3Buddy website tutorial

If your developing a website in TYPO3, clearing the cache all the time is quite tiresome, so you might want to turn off caching. You do this by editing your main typoscript template and adding 1 line of typoscript in the top of the setup part of your main typoscript template:

config.no_cache = 1

TYPO3 Typoscript no_cache - TYPO3 website tutorial

Save it. Check out the website! It should look like this:

TYPO3Buddy Templavoila first result

That's damned neat. Rather empty, true, but you're going to provide all other parts with content with some lines of typoscript in the typoscript chapter.

Next step: create an additional template object (without side menu) ->

The TYPO3Buddy website is a tutorial to rebuild the TYPO3Buddy website from scratch. You can choose from a TYPO3 Fluid tutorial and a TYPO3 Templavoila tutorial. You'll build TYPO3 websites like you've done so for years!

Kind reminder! This tutorial has been tested with and updated for TYPO3 v10. Please keep in mind that the tutorial has once been set up for TYPO3 v6. It follows some deprecated conventions. If so, this will be mentioned in the tutorial.