Kostenlos

Twenty Twenty

Twenty Twenty ist das neue WordPress-Standard-Theme. Es ist so konzipiert, dass es die Flexibilität des Block-Editors voll ausschöpft. Wenn du es für eine Organisation oder ein Unternehmen verwenden möchtest, kannst du Spalten, Gruppen und Medien kombinieren, um dynamische Layouts zu erstellen, die deine Dienstleistungen oder Produkte hervorheben. Wenn du es für ein traditionelles Blog verwenden möchtest, ist es dank der zentrierten Inhaltsspalte und der durchdachten Typografie auch dafür perfekt geeignet.

Auf einem Laptopbildschirm mit 1440 Pixel beträgt die Breite der Hauptspalte bis zu 580 Pixel. Die „weite“ Blockbreite beträgt bis zu 1200 Pixel und die „volle“ Blockbreite umfasst die gesamte Breite des Bildschirms.

Umfassende Unterstützung des Block-Editors

Twenty Twenty wurde entworfen und entwickelt, um die Vorteile der kreativen Freiheit voll auszuschöpfen, die der Block-Editor ermöglicht. Besonderes Augenmerk wurde auf die Spalten- und Gruppen-Blöcke gelegt, die zu beeindruckenden Zielseiten mit aufwendigen Block-Layouts kombiniert werden können. Twenty Twenty enthält umfangreiche Editor-Stile für den Block-Editor, sodass das, was du im Editor siehst, quasi dem Endergebnis entspricht.

Website-Logo

Twenty Twenty unterstützt ein Website-Logo, das sich perfekt als Avatar für ein persönliches Blog oder für dein geschäftliches Logo oder Icon eignet. Gehe folgendermaßen vor, um es auf deiner Website zu ändern:

1. Öffne Meine Website → Anpassen und klicke auf den Abschnitt Website-Informationen.
2. Klicke auf den Button Logo hinzufügen, um den Medienmanager zu öffnen.
3. Lade ein neues Bild hoch oder wähle eines aus, das sich bereits in deiner Mediathek befindet.
4. Klicke auf Als Logo festlegen, und dein Logo wird in der Vorschau angezeigt.
5. Klicke oben auf den Button Veröffentlichen, um deine Änderungen zu speichern.

Beitragsbilder

Twenty Twenty lässt deine Beitragsbilder auf Beiträgen und Seiten hervortreten:

Die empfohlene Beitragsbildgröße ist 1980 Pixel breit und 1485 Pixel hoch.

Individuelle Farben

Twenty Twenty umfasst drei Farbeinstellungen, mit denen du deiner Website auf einfache Weise eine persönliche Note verleihen kannst. Um die Farbeinstellungen zu ändern, navigiere zu Customizer → Farben.

In Twenty Twenty sind folgende Farbeinstellungen enthalten:

• Hintergrundfarbe (Standardeinstellung ist hellbeige)
• Hintergrundfarbe für Header und Footer (Standardeinstellung ist weiß)
• Primärfarbe (Standardeinstellung ist rosa)

Die Farben der Elemente auf deiner Website werden anhand der von dir ausgewählten Hintergrundfarben automatisch berechnet. Dadurch wird sichergestellt, dass der Farbkontrast für alle Besucher immer hoch genug ist.

Titelvorlage

Twenty Twenty enthält eine Seitenvorlage, die als Titelvorlage bezeichnet wird und mit welcher der Titel des Beitrags oder der Seite über dem Beitragsbild angezeigt wird.

Du kannst für einen Beitrag oder eine Seite die Verwendung der Titelvorlage festlegen. Bearbeite dazu den Beitrag oder die Seite, wähle in der rechten Seitenleiste den Tab „Dokument“ aus, erweitere den Tab „Seitenattribute“/„Beitragsattribute“ und wähle im Dropdown-Menü „Cover Template“ (Titelvorlage) aus.

Twenty Twenty umfasst eine Reihe unterschiedlicher Optionen für die Titelvorlage, die im Customizer auf dem Tab „Cover Template“ zu finden sind. Hier kannst du die Hintergrundfarbe des Bild-Overlays, die Deckkraft des Bild-Overlays und die Farbe des Texts festlegen, der über dem Overlay angezeigt wird. Du kannst auch auswählen, ob das Hintergrundbild eine feste Position haben soll, wenn der Besucher scrollt, was einen leichten Parallax-Effekt erzeugt.

Widgets

Twenty Twenty enthält unterhalb der Websiteinhalte im Footer zwei Widget-Bereiche. Die maximale Spaltenbreite beträgt 570 Pixel

Auf Bildschirmen, die breiter als 700 Pixel sind, werden diese Widgets automatisch in zwei Spalten angezeigt.

Hinzufügen von Social Media-Icons

Twenty Twenty enthält ein Social-Media-Icons-Menü. Du kannst Links zu deinen Profilen für soziale Medien hinzufügen, die dann in deinem Footer als Logos angezeigt werden.

Dazu musst du zuerst ein Menü für Links zu sozialen Medien erstellen.

Gib dann auf deiner Website an, wo dieses Menü platziert werden soll:

1. Gehe zu Anpassen → Menü.
2. Wähle Menü-Positionen aus.
3. Weise das Menü, das du erstellt hast, der Position für Links zu sozialen Medien zu.
4. Klicke oben auf den Button Veröffentlichen, um deine Änderungen zu speichern.

Das Menü für Social Media-Icons von Twenty Twenty umfasst Icons für:

• Behance
• Codepen
• DeviantArt
• DockerHub
• Digg
• Dribbble
• Dropbox
• Facebook
• Flickr
• Foursquare
• GitHub
• Google+
• Instagram
• LinkedIn
• Meanpath
• Medium
• Pinterest
• Periscope

• Pocket
• Reddit
• Skype
• SlideShare
• Snapchat
• SoundCloud
• Spotify
• StumbleUpon
• Tumblr
• Twitch
• Twitter
• Vimeo
• Vine
• VK
• WordPress
• Yelp
• YouTube