--- title: "Tutorials: toujou-Setup für individuelles Webdesign – Hier ist toujou." url: "https://www.toujou.de/service/toujou-setup/" description: Machen Sie toujou zu »Ihrer« individuellen TYPO3-Website. Ein Überblick über die verfügbaren Settings und ihre empfohlene Reihenfolge. date: 2018-04-03 modified: 2022-09-27 --- # Tutorials: toujou-Setup für individuelles Webdesign – 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/) toujou-Setup ============ Theme-Settings für individuelles Design --------------------------------------- Sieben große Schritte für Ihre Website: Theme, Logo, Schriftart, Farbe, Social Media, Analytics und Datenschutz. Hier legen Sie die Grundlagen für das Erscheinungsbild und das Verhalten Ihrer Homepage. Optional: CSS-Anpassungen und Seiteneinblendungen für Ihre individuellen Bedürfnisse. In diesem Tutorial steuern Sie das jeweilige Setup-Thema in der Reihenfolge an, die bereits in Ihrem toujou-Backend vorgegeben ist und folgen den schriftlichen Anleitungen und den begleitenden Video-Tutorials. ![Ein rotes Quadrat mit einem weißen Fingerabdrucksymbol in der Mitte, das Sicherheit und Identifikation symbolisiert.](https://www.toujou.de/_assets/processed/VW7ESyikHVmaSDMI3J56P9W8g_AMm9gSvf3u2UB_gGQ/q:85/w:400/h:100/fn:Y3NtX3RvdWpvdV9UaGVtZV9iNTczOWRlZDA2:t/cb:3b517377e2aa3cf0a2088196f9a2889fc79a98f7/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvSWNvbnMvdG91am91X1RoZW1lLnBuZw) ### Ihr Design Links in der Menüleiste des Backends finden Sie das rote Icon *toujou Theme*. Mit einem Klick darauf öffnet sich ein Setup-Menü mit verschiedenen Reitern, die zu bearbeiten sind, um Ihre Seite zu gestalten. Auf dieser Seite Alle Settings im Überblick ---------------------------- [ ![Grafische Darstellung von einem Website Theme mit verschiedenen Farben und Layouts im Vordergrund.](https://www.toujou.de/_assets/processed/d9ugBUJAb_ZUwIJGxi8VH835ZrYyMH2hZhO1IIJiQlE/q:85/w:432/h:252/fn:Y3NtX1RvdWpvdV90aGVtZV9mbGFjaF8wMV81NzgyYTdmNjJk:t/cb:306fb809ad286942a4ca4f79e1904b1801103e53/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvSWNvbnMvVGhlbWUtU2V0dXAvVG91am91X3RoZW1lX2ZsYWNoXzAxLnBuZw) ](https://www.toujou.de/service/toujou-setup/theme-bearbeiten/) #### [Theme Settings](https://www.toujou.de/service/toujou-setup/theme-bearbeiten/) Welches Layout darf es sein und wie stellen Sie es für Ihre Zwecke ein? [zum Setup](https://www.toujou.de/service/toujou-setup/theme-bearbeiten/) [ ![Ein stilisiertes Bild zeigt das orangefarbene TYPO3 Logo](https://www.toujou.de/_assets/processed/9OZieAJ8vx5vQAmyh4hLoEn4-zK-91Sfb5nbrz5iDiQ/q:85/w:432/h:252/fn:Y3NtX1RvdWpvdV9sb2dvX2ZsYWNoXzAxX2I4ZmI2NjA3YmE:t/cb:e6add02905b491d48ca988b9a57e19678cf4a019/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvSWNvbnMvVGhlbWUtU2V0dXAvVG91am91X2xvZ29fZmxhY2hfMDEucG5n) ](https://www.toujou.de/service/toujou-setup/logo-hochladen/) #### [Logo Settings](https://www.toujou.de/service/toujou-setup/logo-hochladen/) Hier legen Sie verschiedene Logos für verschiedene Funktionen ab. [zum Setup](https://www.toujou.de/service/toujou-setup/logo-hochladen/) [ ![Ein stilisiertes Bild, das Schriftart in einem modernen, digitalen Layout darstellt.](https://www.toujou.de/_assets/processed/GoA6BdzzE7E8x6HzLW4UW8GMSXEGzfWn-zWfT_DNpNs/q:85/w:432/h:252/fn:Y3NtX1RvdWpvdV9mb250X2ZsYWNoXzAxXzdjNWZhYWViZWE:t/cb:239efab7f6c2f70438952d6caf2f7b70cc07a2d8/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvSWNvbnMvVGhlbWUtU2V0dXAvVG91am91X2ZvbnRfZmxhY2hfMDEucG5n) ](https://www.toujou.de/service/toujou-setup/font-bestimmen/) #### [Font Settings](https://www.toujou.de/service/toujou-setup/font-bestimmen/) Eine sorgfältige Auswahl an Schriftpaaren oder benutzerdefinierte Google-Fonts. [zum Setup](https://www.toujou.de/service/toujou-setup/font-bestimmen/) [ ![Ein bunter Farbpalette mit verschiedenen Farbtönen, die auf einem weißen Hintergrund angeordnet sind, zeigt kreative Möglichkeiten.](https://www.toujou.de/_assets/processed/vlI4nU7VLhFfgb0kwFFjD6QIOTZfXPEdQwOwMoiyEh8/q:85/c:480:270:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX1RvdWpvdV9jb2xvcl9mbGFjaF8wMV8xM2RkYTA1ZTcw:t/cb:6e5e0f605e8699928c911959b5f0981b611af1bb/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvSWNvbnMvVGhlbWUtU2V0dXAvVG91am91X2NvbG9yX2ZsYWNoXzAxLnBuZw) ](https://www.toujou.de/service/toujou-setup/farben-festlegen/) #### [Color Settings](https://www.toujou.de/service/toujou-setup/farben-festlegen/) Corporate Design liegt bereit? Wir übersetzen Ihre individuelle Farbwelt. [zum Setup](https://www.toujou.de/service/toujou-setup/farben-festlegen/) [ ![Ein stilisiertes Bild zeigt eine Box mit einem Symbol, das einen Social Media Bild darstellen soll.](https://www.toujou.de/_assets/processed/rZNOaG02X30KVHnAF0nZ7-dD-QBd04hSSNMoRfcqnaw/q:85/c:480:270:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX1RvdWpvdV9zb2NpYWxfZmxhY2hfYTI4NDMzOTllZA:t/cb:dc6d8551545e6f0c2d3dbd7e6f181193b8f91f70/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvSWNvbnMvVGhlbWUtU2V0dXAvVG91am91X3NvY2lhbF9mbGFjaC5wbmc) ](https://www.toujou.de/service/toujou-setup/social-media/) #### [Social Media Settings](https://www.toujou.de/service/toujou-setup/social-media/) Ihre Content-Strategie findet auch anderswo statt? Her mit allen Kanälen! [zum Setup](https://www.toujou.de/service/toujou-setup/social-media/) [ ![Ein stilisiertes Papier, auf dem eine Grafik zu sehen ist auf der ein Chart nach oben zeigt. ](https://www.toujou.de/_assets/processed/SnjAWvnkY18b2kQPKh6PqZSnmapUIXkZhW2kuw-Fryw/q:85/c:480:270:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX1RvdWpvdV9hbmFseXRpY3NfZmxhY2hfMDFfMmY4MDMxZjM0Nw:t/cb:4e746c7370f69f2b67b1cdb63279a8bd449c6114/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvSWNvbnMvVGhlbWUtU2V0dXAvVG91am91X2FuYWx5dGljc19mbGFjaF8wMS5wbmc) ](https://www.toujou.de/service/toujou-setup/analytics/) #### [Analytics Settings](https://www.toujou.de/service/toujou-setup/analytics/) Nicht nur für Kenner und Fortgeschrittene: Wie Sie von Google & Co. gefunden werden. [zum Setup](https://www.toujou.de/service/toujou-setup/analytics/) [ ![Abstrakte Illustration von IT-Infrastruktur, die verschiedene Geräte und Verbindungen in einem klaren, minimalistischen Stil darstellt.](https://www.toujou.de/_assets/processed/f6NgXwFCdM3hhwJg4LaRuF5n-DtKRg0cCWQgV9ObQBE/q:85/c:480:270:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX1RvdWpvdV9kYXRhcHJvdGVjdGlvbl9mbGFjaF8wMV81ODk4NmFmYTY1:t/cb:f83ef59bbaa8b9d9748987715b4e839eae435ef7/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvSWNvbnMvVGhlbWUtU2V0dXAvVG91am91X2RhdGFwcm90ZWN0aW9uX2ZsYWNoXzAxLnBuZw) ](https://www.toujou.de/service/toujou-setup/datenschutz/) #### [Data Protection Settings](https://www.toujou.de/service/toujou-setup/datenschutz/) DSGVO macht auch hier nicht Halt: Mit ein paar Klicks auf der sicheren Seite. [zum Setup](https://www.toujou.de/service/toujou-setup/datenschutz/) ![Zwei stilisierte Logos, eines in Rot mit 'CSS' und das andere in Blau mit 'M', auf einem weißen Hintergrund angeordnet.](https://www.toujou.de/_assets/processed/9MooyzyQ4jukCR7GOHqABMQfPJrXmMIj4kqlgD22j2g/q:85/c:480:270:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX1RvdWpvdV9jc3NfZmxhY2hfNDc4NDE4Y2NjMg:t/cb:6bc23f88cf9fb481ca4484323519860a42ddfe20/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvSWNvbnMvVGhlbWUtU2V0dXAvVG91am91X2Nzc19mbGFjaC5wbmc) #### Customize Template Nur für Profis! Geben Sie Ihrem toujou einen persönlichen Touch mit individuellen CSS-Anpassungen. [Kontaktieren Sie uns!](mailto:service@toujou.de) [ ![Ein kreatives Design-Setup mit zwei aufeinanderliegenden Quadraten die eine Overlay Funktion auf einer Website darstellen](https://www.toujou.de/_assets/processed/e4k6cAh2mG2S0PNHJsaR8H8KlyusSicqk14V2IMfP_c/q:85/c:480:270:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX1RvdWpvdV9vdmVybGF5X2ZsYWNoXzU4NzFlOTdlZDg:t/cb:42696c6d90693c1f57050840a0f70da716627b91/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvSWNvbnMvVGhlbWUtU2V0dXAvVG91am91X292ZXJsYXlfZmxhY2gucG5n) ](https://www.toujou.de/service/toujou-setup/website-overlay/) #### [Website Overlay Settings](https://www.toujou.de/service/toujou-setup/website-overlay/) Steuern Sie Seiteneinblendungen für Aktionszeiträume und/oder Websites mit Altersbeschränkung. [zum Setup](https://www.toujou.de/service/toujou-setup/website-overlay/) Das toujou-Theme im Schnelldurchlauf -------------------------------------- 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 ![In einem modernen Büro stehen mehrere Personen um einen Tisch, während ein Hund zwischen ihnen spielt und Pflanzen im Hintergrund stehen.](https://www.toujou.de/_assets/processed/cVb5rMEefnEh1i3x9U27CZRQ107d07gSL7M4hU5YnRY/q:85/c:626.94:387:fp:0.5:0.5/rt:force/w:592/h:365/fn:Y3NtXzY4OHgzODdfb2ZmaWNlLXBlb3BsZV80NzI0NzRhOGQ5:t/cb:8a0f1c766110eaefd54222b5af0f39c8f3015fd9/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvaXRlbXMvNjg4eDM4N19pdGVtcy82ODh4Mzg3X29mZmljZS1wZW9wbGUucG5n) Website-Livegang ---------------- Alle wichtigen Infos rund um die Freischaltung Ihrer toujou-Website finden Sie auf unserer Tutorialseite zum Website-Livegang. Für die Zeit **vor dem Livegang** finden Sie eine **Checkliste** für die relevanten Punkte wie Kontaktinformationen, Datenschutz, versteckter Content, Redirects uvm. Rund um den **Livegang** steht vor allem der **Umzug Ihrer Domain** und ggfs. das Einrichten einer Subdomain an. Zudem ist die Unterscheidung zwischen interner und externer Domain-Registrierung relevant. Auch für die Zeit **nach dem Go-Live Ihrer Website** haben wir **hilfreiche Tipps** zusammengetragen. Im [**Glossar**](https://www.toujou.de/service/toujou-setup/website-livegang/glossar/) sind zudem alle wichtigen Begriffe detailliert erläutert. [Website-Livegang](https://www.toujou.de/service/toujou-setup/website-livegang/) ##### 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/)