--- title: "Tutorials: toujou-Theme-Settings – Hier ist toujou." url: "https://www.toujou.de/service/toujou-setup/theme-bearbeiten/" description: "Der erste Schritt zur indiviuellen TYPO3-Website: Welches Layout darf es sein und wie stellen Sie es für Ihre Zwecke ein?" date: 2018-08-02 modified: 2022-09-27 --- # Tutorials: toujou-Theme-Settings – Hier ist toujou. 1. [Home](https://www.toujou.de/) 2. [Service](https://www.toujou.de/service/) 3. [toujou Setup](https://www.toujou.de/service/toujou-setup/) 4. [Theme bearbeiten](https://www.toujou.de/service/toujou-setup/theme-bearbeiten/) Theme Settings ============== In dieser umfangreichen Sektion steuern Sie das Design sowie grundlegende Einstellungen Ihrer Website. Im Folgenden haben wir die wichtigsten Settings erläutert, die Sie für den Start Ihrer Website brauchen. Reiter: »Theme« Auf dieser Seite Schritt für Schritt --------------------- [ ![](https://www.toujou.de/_assets/processed/gTNxuzZbrE4-p9bv2at32kpi-LRaHPlpOu1OaZG5KTg/q:85/c:1691:950:fp:0.5:0.5/rt:force/w:433/h:243/fn:Y3NtXzAxXzAxX1RoZW1lLVNpdGUtVGl0bGVfYTYwNDhiZGY4NQ:t/cb:de3c57fa724c1d3eb95b98e8ef85af772d8e02ab/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDFfdGhlbWUvMDFfMDFfVGhlbWUtU2l0ZS1UaXRsZS5wbmc) ](https://www.toujou.de/_assets/processed/iKYuoscn3c41sPaOXJi0cJjopH_yHlxYniVvtixmZuc/q:85/w:1024/h:511/fn:Y3NtXzAxXzAxX1RoZW1lLVNpdGUtVGl0bGVfNGRhYjU2NmI0OA:t/cb:de3c57fa724c1d3eb95b98e8ef85af772d8e02ab/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDFfdGhlbWUvMDFfMDFfVGhlbWUtU2l0ZS1UaXRsZS5wbmc) ### Theme auswählen: - Klicken Sie auf den Reiter **Theme**. - Bei *Theme wählen* können Sie im Drop-Down-Balken ein Theme wählen. Dort sind die verfügbaren toujou-Themes hinterlegt. - Geben Sie im Eingabefeld *Seitentitel* einen Titel für Ihre Website ein. (Dieser Titel lässt sich beispielsweise für die Darstellung auf Mobilgeräten einstellen.) - Klicken Sie über der Arbeitsfläche auf den Button **Speichern**. [ ![](https://www.toujou.de/_assets/processed/t0fsbBT-mc0ImFDnZpwRfVeXGh2CG3A6vMmo-4tqb_I/q:85/c:1758.64:988:fp:0.5:0.5/rt:force/w:433/h:243/fn:Y3NtXzAxXzAyX05hdmlnYXRpb25fVG9wQmFyXzEyNmE4ZWVkMjY:t/cb:a0cbf18e478316a7e8323c65be0dc2af08878457/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDFfdGhlbWUvMDFfMDJfTmF2aWdhdGlvbl9Ub3BCYXIucG5n) ](https://www.toujou.de/_assets/processed/VVp2rxute1DLtR66i0-Wr5VQq8LYlAErx3RfSCrviVU/q:85/w:1024/h:530/fn:Y3NtXzAxXzAyX05hdmlnYXRpb25fVG9wQmFyX2MxYzI1NjY5NjE:t/cb:a0cbf18e478316a7e8323c65be0dc2af08878457/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDFfdGhlbWUvMDFfMDJfTmF2aWdhdGlvbl9Ub3BCYXIucG5n) ### Navigation: - Wählen Sie bei *Navigationsfarbe* im **Drop-Down-Menü** die Farbe für Navigationselemente, die sich hauptsächlich auf Navigationslinks und den Navigationsbereich bezieht. Zur Auswahl stehen die Einstellungen Standard, Primärfarbe, Sekundärfarbe und Schriftfarbe. ### Darstellung der Top-Bar bei Mobilgeräten: - Wählen Sie bei *Topbar-Content für mobile Endgeräte* im Drop-Down-Balken **Seitentitel** (siehe oben) oder **TopBar-Logo** ([hier](https://www.toujou.de/service/toujou-setup/logo-hochladen/#c1001552)). - Klicken Sie über der Arbeitsfläche auf den Button **Speichern**. [ ![](https://www.toujou.de/_assets/processed/H7XNitqTCJ_KY-J0Fwzu2h3l9IgT5RDD2l7WbQuOn0w/q:85/c:1691:950:fp:0.5:0.5/rt:force/w:433/h:243/fn:Y3NtXzAxXzAzX0NvbnRhY3RfSW5mb3JtYXRpb25fMjUzYTk0NGMxOQ:t/cb:18b0214e45266eccc45483a3d8bdd30b10283e6c/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDFfdGhlbWUvMDFfMDNfQ29udGFjdF9JbmZvcm1hdGlvbi5wbmc) ](https://www.toujou.de/_assets/processed/eCtN9Ltw0L0yxwAIn8buy40kPz4Jth8q76q1yCXnOiU/q:85/w:1024/h:511/fn:Y3NtXzAxXzAzX0NvbnRhY3RfSW5mb3JtYXRpb25fMjU4NGEzNGIxOQ:t/cb:18b0214e45266eccc45483a3d8bdd30b10283e6c/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDFfdGhlbWUvMDFfMDNfQ29udGFjdF9JbmZvcm1hdGlvbi5wbmc) ### Darstellung der Kontaktinformationen: - Wählen Sie bei *Anzeigen der Kontaktinformationen* im Drop-Down-Balken zwischen den Einstellungen **keine**, **Telefon** oder **alles** (für Telefon und E-Mail) für die Darstellung der Kontaktinformationen – abhängig vom gewählten Theme. - Entscheiden Sie bei *Kontakt anzeigen*, ob Ihre Kontaktinformationen auf allen Seiten (in der Topbar) angezeigt werden (**anzeigen**) oder nicht (**ausblenden**). - Bei *Kontakt-Meldung* können Sie im Eingabefeld einen Text hinterlegen, der unter den Kontaktinformationen angezeigt wird. - Klicken Sie über der Arbeitsfläche auf den Button **Speichern**. [ ![](https://www.toujou.de/_assets/processed/nF09WKzQC7vzejKxHE9A8XUrd0jHtsmJNnYV8wRwZHs/q:85/c:1691:950:fp:0.5:0.5/rt:force/w:433/h:243/fn:Y3NtXzAxXzA0X21lZGlhLWNvcHlyaWdodC12aXNpYmlsaXR5X2MyYWE4ZDQ2Y2Y:t/cb:7472a4b2218ab3a554008bc96947dc8e8d5aba2d/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDFfdGhlbWUvMDFfMDRfbWVkaWEtY29weXJpZ2h0LXZpc2liaWxpdHkucG5n) ](https://www.toujou.de/_assets/processed/13Iwv8eB5pzFkq1KPq1X_aufrPdMEYX2aWVvr1hOJBQ/q:85/w:1024/h:511/fn:Y3NtXzAxXzA0X21lZGlhLWNvcHlyaWdodC12aXNpYmlsaXR5XzU0ODQwZWM1Nzc:t/cb:7472a4b2218ab3a554008bc96947dc8e8d5aba2d/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDFfdGhlbWUvMDFfMDRfbWVkaWEtY29weXJpZ2h0LXZpc2liaWxpdHkucG5n) ### Sichtbarkeit des Medien-Urheberrechts: - Um das im Medienelement hinterlegte Copyright auf Ihrer Website darzustellen, stellen Sie sicher, dass im Bereich *Sichtbarkeit des Urheberrechts für Medien* die Option “Sichtbar” angewählt ist. Klicken Sie auf den Button **Sichtbar** oder **none**, um die gewünschte Einstellung zu treffen. - Beachten Sie, dass für das Ausspielen von Urheberdaten in den Elementen auf der Website auch in den entsprechenden Dateien die Angaben zum Urheber hinterlegt sein müssen. Weitere Informationen zu diesem Thema finden Sie im Tutorial zu den [Metadaten für Bilder](https://www.toujou.de/tutorials/seiteninhalte/bildbearbeitung/bilder-metadaten/#c1011782). Video-Tutorials via jweiland.net -------------------------------- ### Theme Wählen Sie das passende Theme zu Ihrem Corporate Design sowie grundlegende Settings (Laufzeit: 6'20"). Um externe HTML-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung. Weitere Informationen finden Sie in unserer [ Datenschutzerklärung. ](https://www.toujou.de/datenschutz/) Einmal erlauben Immer erlauben Hinweise, Tipps & Tricks ---------------------------- Wer TYPO3 kennt, weiß, dass viele Wege nach Rom führen. toujou ist TYPO3. Wir weisen Sie an dieser Stelle auf wichtige Informationen und den einen oder anderen Kniff hin, den Sie bei der Erstellung und Bearbeitung Ihrer Website beachten sollten. [ ![](https://www.toujou.de/_assets/processed/Jon2Mp1K0f98DJbT_SfIOy2QQKUiIVG_YIWuBDVT7NY/q:85/w:433/h:271/fn:Y3NtXzAzX2VpbnN0ZWxsdW5nZW5fOTU3YTEyMjcwYQ:t/cb:75a05300dddbe33ed30fd7a7b9b019061cb7351b/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzA5X1Jlc3BvbnNpdmVfVmlldy8wM19laW5zdGVsbHVuZ2VuLnBuZw) ](https://www.toujou.de/_assets/processed/8MwlQVqkMThVQ6o2xM63Zix8eO3JHc2Y6KR5sOyQ4mc/q:85/w:1024/h:640/fn:Y3NtXzAzX2VpbnN0ZWxsdW5nZW5fN2RiZDVlOWU3Yg:t/cb:75a05300dddbe33ed30fd7a7b9b019061cb7351b/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzA5X1Jlc3BvbnNpdmVfVmlldy8wM19laW5zdGVsbHVuZ2VuLnBuZw) Im Reiter »Theme« der Theme-Settings legen Sie die Verhaltensbasis Ihrer Navigation und Kontaktdarstellungen fest. Sie können jederzeit zu diesen Grundeinstellungen zurückkehren und Änderungen/Anpassungen vornehmen. Auch Einstellungen zu alternativen Sprachen können zu einem späteren Zeitpunkt an dieser Stelle vorgenommen werden. Mit Klick auf das rote Icon *Anzeigen* in der linken Menüleiste überprüfen Sie Ihre jeweiligen Einstellungen. Hier können Sie Größen verschiedener Endgeräte auswählen. [zum Tutorial: Responsive & View-Modul](https://www.toujou.de/tutorials/responsive-mobile-first/) [zur toujou setup Übersicht](https://www.toujou.de/service/toujou-setup/#c1001621) ##### toujou-Tutorials [Checkliste ❯](https://www.toujou.de/service/#c1001893) [Kontakt/Daten hinterlegen ❯ ](https://www.toujou.de/tutorials/kontakte-anlegen/) [Dateiliste / Fileadmin ❯ ](https://www.toujou.de/tutorials/dateiliste/) [Navigation bearbeiten ❯ ](https://www.toujou.de/tutorials/seiten-anlegen/) [Seiteninhalte ❯](https://www.toujou.de/tutorials/seiteninhalte/) [Seiteneigenschaften ❯](https://www.toujou.de/tutorials/seiteneigenschaften/) [Responsive-Check ❯](https://www.toujou.de/tutorials/responsive-mobile-first/) [Yoast SEO ❯](https://www.toujou.de/tutorials/yoast-seo/) [Redirects ❯](https://www.toujou.de/tutorials/redirects/) / [Blog ❯](https://www.toujou.de/tutorials/blog-administration/) [Seiten übersetzen ❯](https://www.toujou.de/tutorials/seiten-uebersetzen/) [Linkvalidator ❯](https://www.toujou.de/tutorials/linkvalidator/) ##### toujou-Setup [Theme ❯ ](https://www.toujou.de/service/toujou-setup/theme-bearbeiten/) [Logo ❯ ](https://www.toujou.de/service/toujou-setup/logo-hochladen/) [Font ❯ ](https://www.toujou.de/service/toujou-setup/font-bestimmen/) [Color ❯ ](https://www.toujou.de/service/toujou-setup/farben-festlegen/) [Social Media ❯ ](https://www.toujou.de/service/toujou-setup/social-media/) [Analytics ❯](https://www.toujou.de/service/toujou-setup/analytics/) [Data Protection ❯](https://www.toujou.de/service/toujou-setup/datenschutz/) [Website Overlay ❯](https://www.toujou.de/service/toujou-setup/website-overlay/) ##### toujou-Elementbibliothek [Texte ❯ ](https://www.toujou.de/service/elementbibliothek/text-elements/) [Medien ❯ ](https://www.toujou.de/service/elementbibliothek/media-elements/) [Combinations❯ ](https://www.toujou.de/service/elementbibliothek/combined-elements/) [Teaser ❯ ](https://www.toujou.de/service/elementbibliothek/teaser-elements/) [Cards ❯](https://www.toujou.de/service/elementbibliothek/card-elements/) [Blockquotes ❯ ](https://www.toujou.de/service/elementbibliothek/blockquote-elements/) [Collections ❯](https://www.toujou.de/service/elementbibliothek/collections/) [Maps ❯ / ](https://www.toujou.de/service/elementbibliothek/map-elements/)[Blog ❯ ](https://www.toujou.de/service/elementbibliothek/blog-elements/) [Events ❯ ](https://www.toujou.de/service/elementbibliothek/events/)/ [Widgets ❯ ](https://www.toujou.de/service/elementbibliothek/widgets/) [Navigation ❯](https://www.toujou.de/service/elementbibliothek/navigation-elements/) [HTML ❯ ](https://www.toujou.de/service/elementbibliothek/html/)/ [Forms ❯ ](https://www.toujou.de/service/elementbibliothek/forms/) ##### toujou TOURISM [tourism-Modul ❯](https://www.toujou.de/tutorials/tourism-modul/) [Expertise & Konzept ❯](https://www.toujou.de/websites/websites-fuer-reiseveranstalter/) [Alle Features ❯](https://www.toujou.de/loesungen/etourism/) [toujou-Reiseportale ❯](https://www.toujou.de/warum-toujou/unsere-kunden/#c1002004) [Reiseseiten anlegen ❯](https://www.toujou.de/tutorials/reiseseiten/reisen-anlegen/) [Reiseseiteneigenschaften ❯](https://www.toujou.de/tutorials/reiseseiten/reiseseiteneigenschaften/) [Reisekategorien ❯](https://www.toujou.de/tutorials/reiseseiten/reisekategorien-anlegen/) [Termine & Preise ❯](https://www.toujou.de/tutorials/reiseseiten/termine-preise/) [Reisesuchseiten anlegen ❯](https://www.toujou.de/tutorials/reiseseiten/reisesuchseite/) [Trip Elements ❯ ](https://www.toujou.de/service/elementbibliothek/trip-elements/) [Search Elements ❯](https://www.toujou.de/service/elementbibliothek/trip-elements/search-elements/)