toujou tutorials
Edit pages/navigation
Create TYPO3 pages from scratch or edit toujou’s preconfigured pages. In this tutorial, you will learn about the different page types and the hierarchy levels of your navigation. Click here to learn how to create content elements for your pages.
Step by step guide Video tutorials Pieces of advice
Related topics: How to edit the toujou footer Create product pages
Page module
On the left side of the back end menu you will find the orange icon page. Click on it to start the creation and structure of your TYPO3 website.
Step by step
At this point you will begin to familiarize yourself with the configuration of your TYPO3 installation and learn how it may differ from other systems.
Overview of entries
- By clicking on the page icon, the page tree of your website will be shown in a new menu bar on the left side.
- On the left above the page tree you will find the page icon marked with a plus sign (+) to insert a new page type.
- The page types landing page, content page, portfolio/overview page, product page, event page, blog post, folder, shortcut, and separator for menu will appear.
- You can choose between the various preconfigured page types
Page type icons explained
- Door/Entry = »Landing page«: Content page for superordinate structure
- Black document = »Content Page«: regular content page
- Tile grid = »Portfolio / Overview Page«: preconfigured overview page for your portfolio or products
- Cube = »Product Page«: Content page for a detailed product presentation
- Ticket = »Event Page«: Visualize event details
- Newspaper = »Blog post«: Content page for news articles
- Folder = »Folder«: Structure content pages and other menu objects
- Document with arrow = »Shortcut«: Link pages to other internal or external pages
- Separator = »Menu separator«: Structure content pages within your page tree
Navigation/page tree levels
- In a basic toujou installation, you will find preconfigured landing pages (usually: Who, What, Why, Blog), which represent the first level of your page tree below the home page or front page.
- This first level is displayed in the front end as the navigation menu. Each additional page added to this level below will appear to the right of the existing navigation points.
- You are free to rename, delete, hide, and/or create new first-level pages in preconfigured toujou pages.
- You can add more hierarchically parallel and subordinate sublevels to the first level.
- Regardless of the number of sublevels, toujou displays no more than three levels by a mouseover.
Video tutorials via jweiland.net (German!)
All the video tutorials from jweiland.net are available only in German. Please don’t hesitate to contact the toujou support team if you need us to translate any of the information from the video tutorials or if you need us to further explain any of the topics discussed.
We are constantly looking for detailed tutorial videos in English for our international clients and hope to find video tutorials as detailed as the videos from jweiland.net. Please let us know if you find any so we can add them to our resources.
The page tree
Familiarize with the structure of the page tree, the icons, and the context menu.
Duration: 7'05"
Watch video at jweiland.net ↗
Create new page
There are different ways of creating new pages within the TYPO3 back end.
Duration: 8'25"
Watch video at jweiland.net ↗
Copy & move pages
In this video, you learn how to duplicate and change the position of pages.
Duration: 3'01"
Watch video at jweiland.net ↗
Delete pages
Of course, existing pages can be deleted from your back end.
Duration: 1'32"
Watch video at jweiland.net ↗
Edit page titles
How to change the title of an existing or preconfigured page
Duration: 1'46"
Watch video at jweiland.net ↗
Pieces of advice
All successful websites are characterized by logical structures and an instinctive navigation that suits the needs of the business. When deciding on the editorial concept of your company’s website you should create accurate topics, sections, and/or categories. These editorial decisions will be crawled and interpreted by all the search engines. Accordingly, put additional effort towards the use of helpful and accurate keywords in your navigational pages.
The same rules apply to your service navigation: For example, what information do you think is better in the footer of your website? Mandatory requirements, such as legal note and privacy policy will work best on the footer of your website since the information will end up on every page.
toujou element library
Text elements ❯
Teaser elements ❯
Blockquotes ❯
Teaser cards ❯
Media elements ❯
Map elements ❯
Blog elements ❯