TYPO3Buddy is on FacebookTYPO3Buddy is on Twitter

TYPO3 Fluid: Create a backend layout

By default, you start with a one column backend layout; only the normal column is visible. In older versions of TYPO3, there were 4 columns: left, normal, right, border. When you click on Page and then on the home page, you'll see the column(s):

TYPO3 Fluid tutorial: default backend layout - TYPO3Buddy website tutorial

You need to make sure that you can add content in the backend for the content_main part and for that part only. So you'll need to create a custom backend layout. To do this, click on list, click on the "storage folder" and click on the green plus at the top of the content window to add a new content element and choose "backend layout":

TYPO3 Create a backend layout record - TYPO3Buddy website tutorial

You'll name this backend layout "Main 1 column with menu" and put the following code in the "Config" box:

backend_layout {
    colCount = 1
    rowCount = 1
    rows {
        1 {
            columns {
                1 {
                    name = Content main (with menu)
                    colPos = 0

You'll end up with:

TYPO3 Edit backend layout - TYPO3Buddy website tutorial

Please note: for recent versions of TYPO3 (from v10 and up), you can only enter the column name and the column number by clicking the pencil in the config window. In this example, the name will be Content main (with menu) and the column number will be 0.

Save by clicking one of the save icons.

Next step: make sure all page of your website use this backend layout ->

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.