Ein Überblick über das Standard-WordPress-Theme 2021

Veröffentlicht: 2021-03-12

Jedes Jahr veröffentlicht das WordPress-Team ein neues Standardthema. Dieses Upgrade zeigt normalerweise einige der neuesten Funktionen, die die Plattform zu bieten hat, und das Standard-WordPress-Theme 2021 ist keine Ausnahme.

Das gesamte Ziel des Twenty Twenty-One-Themas besteht darin, den Benutzern des Block-Editors die bestmögliche Erfahrung zu bieten. In diesem Artikel sprechen wir darüber, was es zu bieten hat und zeigen es Ihnen in Aktion. Tauchen wir ein!

Eine Einführung in das Standard-WordPress-Theme 2021

Das Standard-WordPress-Theme 2021

Twenty Twenty-One wurde am 8. Dezember 2020 mit WordPress 5.6 ausgeliefert, also hatten wir ein wenig Zeit, um zu sehen, was es zu bieten hat. Es verwendet eine modifizierte Version des Seedlet-Themas mit verschachtelten CSS-Variablen, lokaler Schriftart mit neutralem Stil und einer begrenzten Farbpalette. Das moderne Design des Themes verfügt über mehrere neue Blockmuster mit geschichteten Bildern, die an ein Pinterest-Board erinnern, was es ideal für Portfolio-Websites macht.

Auf den ersten Blick erscheint das Thema nicht wirklich vom Bildschirm, aber es ist auch nicht beabsichtigt. Sein Hauptzweck besteht darin, Ihnen eine Arbeitsfläche zur Verfügung zu stellen, auf der Sie mit dem Blockeditor einfach aufbauen können. Es enthält jedoch auch einige interessante Funktionen wie:

  • Titel-Tags
  • HTML5-Elemente
  • Benutzerdefinierte Header-Logos und Hintergründe
  • Zwei Navigationsmenüs (eines in der Kopfzeile und ein Sekundärmenü für die Fußzeile)
  • Verlaufsvoreinstellungen für Blöcke
  • Ein benutzerdefinierter Abdeckblock
  • Mehrere benutzerdefinierte Postformate

Unter diesen Postformaten gibt es Links, Galerien, Zitate, Status, Videos und sogar Chat:

Die Twenty Twenty-One Post-Layout-Optionen.

Das Thema unterstützt auch einige der neuesten Funktionen, die der Block-Editor bietet, einschließlich der zuvor erwähnten Blockmuster. Darüber hinaus sind mehrere vorgefertigte Farbpaletten enthalten, auf die Sie über den Customizer zugreifen können.

Da Twenty Twenty-One auf den ersten Blick so bescheiden ist, lassen Sie uns gleich loslegen und sehen, wie es in Aktion funktioniert.

Das einundzwanzigste Thema in Aktion

Twenty Twenty-One wird mit vier vorgefertigten Seiten geliefert, die Sie als Vorlagen für den Kerninhalt Ihrer Website verwenden können. In diesem Abschnitt werden wir jede Seite sowohl vom Front- als auch vom Back-End überprüfen.

Startseite

Wie bereits erwähnt, verwendet die Startseitenvorlage des Standard-WordPress-Themes 2021 Blockmuster, die es sehr wie ein Pinterest-Board aussehen lassen:

Der Twenty Twenty-One Homepage-Header

Das Design der Homepage ist sehr einfach. Sie haben ein minimalistisches Menü mit einem einfachen Unterstrich-Mouseover-Effekt und einem Helden-Header. Der wirklich interessante Teil des Designs ist der Abschnitt, den Sie unten sehen.

Dieser Bereich umfasst zwei Spalten mit einem überlappenden Stil, wodurch das Bild rechts über den beiden links erscheinen kann:

Auswählen des überlappenden Stils für Spalten

Sie können Bilder ganz einfach ersetzen, ihnen Rahmen hinzufügen oder ihren Stil über den Blockeditor ändern:

Ändern des Stils eines Bildes mit dem Blockeditor

Der Editor macht es auch einfach, die Standardhintergrundfarbe der gesamten Seite oder einzelner Abschnitte mit wenigen Klicks zu ändern:

Hintergrundfarbe eines Blocks ändern

Wenn Sie etwas weiter nach unten scrollen, sehen Sie einen dreispaltigen Abschnitt, der einige grundlegende Informationen zum Thema enthält. Diese Spalten erwähnen überlappende Stile und Bildrahmen, über die wir bereits gesprochen haben:

Teil der Homepage von Twenty Twenty-One

In der letzten Spalte geht es um Muster. Wie bereits erwähnt, enthält das Twenty Twenty-One-Theme eine Reihe vorgefertigter Blockmuster. Alle Elemente, die Sie auf der Startseite sehen, sind als Muster verfügbar:

Zwanzig Einundzwanzig Blockmuster.

Mithilfe von Mustern können Sie die Standardabschnitte des Themas erweitern, um ein umfassenderes Portfolio zu erstellen.

Über und Kontaktseiten

Sie können über das Hauptmenü oben auf der Website auf die standardmäßigen Info- und Kontaktseiten von Twenty Twenty-One zugreifen. Standardmäßig sind beide Seiten sehr barebones und enthalten nur ein paar Kopfzeilen:

Über die Seite von Twenty Twenty-One

Die About- Seite ist der perfekte Ort, um einige der Muster zu testen, die das Thema für Sie bereitstellt. Das Titelmuster Medien- und Textartikel ist beispielsweise perfekt, wenn Sie ein Foto von sich und eine kurze Biografie einfügen möchten:

Hinzufügen eines Medienmusters mit dem Blockeditor

Jedes der Blockmuster des Themas enthält mehrere Stile und Layouts. In diesem speziellen Beispiel können Sie die Position des Bildes ändern, die Ränder des Musters ändern und sogar die Grafik so einstellen, dass sie auf mobilen Geräten gestapelt wird, um die Anzeige auf Smartphones und Tablets zu erleichtern:

Konfigurieren eines Musters mit dem Blockeditor

Auf der Seite „ Info “ können Sie auch einige Ihrer besten Arbeiten präsentieren, indem Sie das Showcase „Zwei Bilder“ oder „ Überlappende Bilder und Textmuster“ verwenden, die zum Thema gehören:

Überlappende Bilder und Texte

Wie Sie sehen können, spielen Bilder im Standard-WordPress-Theme 2021 eine Schlüsselrolle. Der Blockeditor macht es einfacher denn je, Medien genau dort zu platzieren, wo sie erscheinen sollen. Jetzt können Sie sogar Elemente überlappen, ohne benutzerdefiniertes CSS manuell hinzufügen zu müssen.

Eine Funktion, die im Twenty Twenty-One-Theme fehlt, ist ein Kontaktformular für die Standard- Kontaktseite :

Kontaktseite von Twenty Twenty-One

Dies ist jedoch keine Funktion, die wir normalerweise in einem Standard-WordPress-Theme erwarten würden. In Anbetracht der vielen verfügbaren kostenlosen Kontaktformular-Plugins werden Sie es wahrscheinlich nicht im Theme vermissen.

Blog

Einer unserer Lieblingsaspekte von Twenty Twenty-One ist der Blog-Stil. Das Thema verwendet sehr dezente Schriftarten, die leicht zu lesen sind, und die Blog- Seite lässt jedes vorgestellte Bild die Aufmerksamkeit auf sich ziehen, die es verdient:

Die Twenty Twenty-One Blog-Seite.

Das Navigieren auf mehreren Seiten mit Blog-Inhalten kann jedoch schwierig sein. Das Design platziert standardmäßig eine Suchleiste am unteren Rand der Website, damit Ihre Benutzer die gesuchten Beiträge finden können. Um die Navigation zu verbessern, können Sie die Suchleiste an den oberen Rand des Bildschirms neben dem Menü verschieben und ein Widget für aktuelle Beiträge in eine Seitenleiste einfügen.

Insgesamt ist Twenty Twenty-One eine Überlegung wert, wenn Sie nach einem Thema suchen, das sich perfekt für eine kreative Portfolio-Website oder einen persönlichen Blog eignet. Ebenso möchten Sie es vielleicht ausprobieren, um mit den neuen blockbezogenen Funktionen herumzuspielen, die es zu bieten hat, um einen Vorgeschmack auf zukünftige WordPress-Versionen zu bekommen.

TT1-Blöcke und Blockexperimente

Obwohl unser Hauptaugenmerk hier auf dem Standard-WordPress-Theme 2021 liegt, dachten wir auch, dass es nützlich sein könnte, auf sein Begleitthema TT1 Blocks hinzuweisen:

Das Thema TT1 Blocks.

Oberflächlich gesehen sehen diese beiden Themen ziemlich gleich aus. Der Unterschied ist, was unter der Haube passiert. TT1 Blocks ist ein experimentelles blockbasiertes Thema. Ähnlich wie beim Gutenberg-Plugin besteht sein Zweck darin, WordPress-Benutzern die Möglichkeit zu geben, an kommenden Funktionen herumzubasteln, bevor sie mit dem Kern zusammengeführt werden.

Durch die Installation von TT1-Blöcken können Sie die vollständige Site-Bearbeitung aktivieren. Dies ist der nächste Schritt in der Entwicklung des Blockeditors. Es ermöglicht Benutzern, Teile ihrer Websites außerhalb des Hauptinhaltsbereichs mit Blöcken zu erstellen. Mit anderen Worten, Sie können versuchen, Ihre eigenen blockbasierten Navigationsmenüs, Kopfzeilen, Fußzeilen und mehr zu erstellen.

Beachten Sie, dass es nicht empfohlen wird, TT1-Blöcke auf einer Live-Site zu verwenden. Wir empfehlen, es auf einer lokalen oder Staging-Site zu installieren, um damit zu experimentieren.

Abschluss

Normalerweise sind WordPress-Standardthemen aus Performance-Sicht ideal und eine gute Grundlage für einfache Websites. Viele Benutzer wechseln jedoch so schnell wie möglich zu anderen Optionen, weil sie auf mehr Funktionen zugreifen oder ein flexibleres Theme verwenden möchten.

Mit dem Standard-WordPress-Theme 2021 könnte sich das ändern. Sein modernes Design und die nahtlose Integration mit dem Block-Editor machen es zu einer fantastischen Lösung, wenn Sie mit diesem Tool vertraut sind. Wenn Sie an einem Portfolio oder Blog arbeiten, empfehlen wir Ihnen, sich Twenty Twenty-One anzusehen.

Sie haben Fragen zum Thema Twenty Twenty-One? Lassen Sie uns im Kommentarbereich unten darüber sprechen!

Ausgewähltes Bild über Soloma / shutterstock.com