Typo3 Onboarding

Learn the basics of Typo3 and get started.

In this exercise, you’ll have the chance to familiarize yourself with Typo3. Take a look at the exercise page in Miro and try to populate it with the elements shown there. You’ll find the necessary text and images in the “Download” section on this page.

Your benefits at a glance:

Avoid text-based errors

Be more independent

Reach your goal faster

This headline must be an H2.

Working directly in Typo3 offers clear advantages:
You retain full control over your processes, can edit texts without going through intermediaries, and save time thanks to streamlined coordination. Changes can be implemented immediately, errors identified more quickly, and workflows optimized more efficiently. This increases transparency, flexibility, and productivity in your day-to-day work.

An example?
New job postings can be created and customized on your own – no long waits, no dependencies.

The Cards Panel can be used in a variety of ways.

Of course, we shouldn't use a mix like this in a real-world example. But let's feel free to experiment and learn here.

Crop it like its hot!

If only 2 cards are displayed, the visible area of the image is very narrow. Use the editor in the backend to adjust the image.

Technologies are displayed in this style.

Which image should be used here? Choose wisely ;)

Could I have your attention, please?

Always include a short, attention-grabbing headline in your CTA to pique the user’s curiosity and generate leads.

Learn more

The text panel can be used in various ways.

Want to present a list concisely but still make it stand out? No problem – here’s the Text Panel element.

check

Group items using check icons or numbering.
check

Always keep character limits in mind. The maximum character count here is 255 characters.
check

Just one of many wonderful ways to summarize information in a concise manner.

Learn the basics of Typo3 and get started.