First: TYPO3 Basics

To help you quickly find your way around the TYPO3 environment, we would like to give you an overview of the functions and tools the system generally offers editors.

Frontend – Backend

Anyone who deals even briefly with content management systems (CMS) will inevitably come across the terms frontend and backend. The term frontend is easily explained, because it refers to the website accessible to all users.

The backend is not visible to page visitors. This is where editors or administrators can enter directly in their browser and adjust the content of the page. But they can also edit settings and, for example, add further users. With the design configurator of the website base, design adjustments can also be made - without any programming knowledge.

Menu Areas in the Backend

The module bar is located at the extreme left edge of the backend view. The modules are used to change the view for editing the content of a website or to switch between different tools. Depending on which module is selected, the content area also looks different. Certain functions and contents can only be edited in modules that are intended for this purpose.

For a better overview, the modules are grouped together: Web, Site Management, File, Admin Tools and System. An editor works above all with the module groups Web and File. With a click on the group name the modules are folded in or out.

The navigation bar is located to the right of the module menu. The view in the navigation bar changes according to the module that you have selected. With the filelist, for example, a folder structure appears in which all images and other files can be found. Before an image can be integrated on your website, it must first be uploaded there.

The most important view in the navigation bar for every editor will be the page tree, which is displayed in almost all modules of the web module group. The page tree reflects the navigation in the frontend, as it shows all main and sub pages of your website in the same order in the backend. You can expand and collapse the subpages belonging to a page by clicking the arrow symbol to the left of the page name.

In the search bar above the page tree, the pages can be searched for a keyword. At the right edge of the page tree, the area can be flexibly expanded. To do this, simply move the mouse between the page tree and the content area until a double-sided arrow appears. Then the area can be expanded or reduced as desired by holding down the right mouse button and moving the mouse to the left or right.

Please note: If you rename, move, hide or delete pages in the page tree, this will directly affect the frontend of your page.

The content area represents the modular system. Since every page looks different, every content area is also structured differently - the structure of the frontend is reflected in the backend. Together with the page tree, the content area is one of the most important work areas for an editor.

The top bar can be found above the content area and offers additional functions that are useful for managing pages.

Bookmarks

Most people are familiar with the first symbol - a star - from their Internet browser. By clicking on the star, all pages or files marked with a star are displayed in a list. A further click on an element in the list will take you immediately to the selected destination.

Clear Cache

With the lightning icon you can empty the cache in the frontend or the whole cache. The cache is a buffer that the browser creates for a page so that content can be loaded more quickly on a next visit. However, this short-term memory of a browser can sometimes prevent more up-to-date content from being loaded, so that changes from the back end are not immediately visible in the frontend. In such cases it helps to clear the cache and reload the page.

Help

The question mark indicates help with the TYPO3 manual, the user documentation.

Application Information

When you click on the list icon, the most important information about your system and the number of messages in the system log appear.

Username & Avatar

Clicking on the username or avatar next to it will open options. Here you can adjust your own user settings, call the LFEditor (will not be necessary for editorial work) or log out of the backend of your page.

Search

Finally, in the top right-hand corner is the search field, which you can use to search the backend, e.g., to find a file, a page, or another element. This is especially useful for particularly extensive pages. The search can also be called up directly using the key combination Ctrl/Cmd + K. When opened, practical tips on the use and functions of the search are displayed. The results can also be filtered.

Filter Page tree

With a complex page, one can lose the overview. To then quickly get to the desired location, the page tree can be searched. To do this, use the search field above the page tree. You will be shown pages that contain your search term in the name.

Show and hide menus/bars

For a better overview in the backend, you have the option to show and hide the module bar and the page tree/navigation bar. This is handy if, for example, you are only editing one page within the page tree for a while. To hide the module bar, simply click the icon in the upper left corner just above the bar. To hide the page tree, click the arrow next to the search field in the page tree.

Adjust the width of the page tree

A very practical function for the page tree area is the variable width. If required, the width can be adjusted if, for example, there are many sub-page levels or if a page title is very long.

Set Bookmarks

Bookmarking a page in the backend can make sense if you work with a page a lot or easily forget its location. Bookmarking works in a similar way as in the browser - when you are on a page that you want to bookmark, you first click the share icon. This is located in the top right corner above the content area. Then click 'Create a bookmark for this page'. You will then find the bookmarked page in a list when you click on the bookmark icon in the header. In addition to that, you can copy the URL of this page and thus share the backend link to the current page with other backend users.

Would you like to know more?

All information about the available editions can be found on the webpage for our TYPO3 Website-Base. You have the possibility to get a Website at a Fixed Price or you decide for a Website as a Service package, with which no further costs for hosting or security and function updates will come up to you.

Website at a Fixed Price

Website as a Service