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

Module Area

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 only works with the module groups Web and File. With a click on the group name the modules are folded in or out.

Navigation Bar/Page Tree

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.

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

Content Area

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.

Top Bar

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

In the upper right-hand corner is the search field, which you can use to search the backend to find a file, page or other elements.

Order functions

Filter Page tree

With a page becoming more and more complex, it is sometimes possible to lose the overall view. To get to where you need to go quickly, there is the option of filtering the page tree. To do this, click on the funnel symbol above the page tree and enter the search term in the input field that appears. You will then only be shown those pages that contain your search term in their name.

Show and hide menus/bars

For a better overview in the backend you have the possibility to show and hide the module bar and the page tree/navigation bar. This is useful, for example, if you only use the page module for a while or only edit one page within the page tree. To hide the module bar, simply click on the icon in the upper left corner directly above the bar. To the right of it is the button to hide the page tree.

Set Bookmarks

Setting a bookmark for a page in the backend can make a difference if a page is worked on a lot or if its location is easily forgotten. Setting a bookmark works the same way as in the browser - when you are on a page you want to bookmark, you click on the star icon. This is located in the upper right corner above the content area. You will then find the bookmarked page in a list when you click on the bookmark icon in the header bar.

You would like to know more?

All information about the available offers can be found on the pages of our website base. You have the option of having a website created at a fixed price or opt for a Website as a Service package with which no further hosting costs or security and function updates will be due to you.