Das neue Twenty Twenty-Theme in WordPress 5.3

Veröffentlicht: 2019-12-20

Vor einigen Wochen wurde die neue Version von WordPress veröffentlicht. WordPress 5.3 zeichnet sich hauptsächlich durch alle UX- und UI-Verbesserungen aus, die es im Blockeditor und durch sein neues Standarddesign enthält.

Twenty Twenty wurde mit Blick auf den WordPress -Blockeditor entwickelt. Im heutigen Beitrag möchte ich das neue Theme kurz vorstellen, einige der Dinge mit euch teilen, die es besonders machen, und euch zeigen, wie ihr es einrichten und an eure Bedürfnisse anpassen könnt.

Zwanzig Zwanzig auf einen Blick

Mit jedem neuen WordPress -Update macht der Blockeditor einen qualitativen Sprung nach vorne (vergessen Sie nicht, dass der Editor selbst sehr aktiv weiterentwickelt wird und als Plugin verfügbar ist). Das ultimative Ziel von Gutenberg ist es, ein vollwertiger, benutzerfreundlicher Seitenersteller zu werden, der es den Benutzern ermöglicht, ihre Websites nach Belieben zu gestalten und zu strukturieren.

Neues Twenty Twenty-Theme in WordPress — Neues Twenty Twenty WordPress-Theme.

Die Verantwortung eines WordPress -Themes besteht darin, der Struktur und dem Design, die vom Benutzer im Blockeditor erstellt wurden, eine gewisse Persönlichkeit zu verleihen. Wie vom Ersteller des Themas definiert:

Twenty Twenty ist im Kern auf Flexibilität ausgelegt. Wenn Sie es für eine Organisation oder ein Unternehmen verwenden möchten, können Sie Spalten, Gruppen und Medien mit breiten und vollständigen Ausrichtungen kombinieren, um dynamische Layouts zu erstellen, um Ihre Dienstleistungen oder Produkte zu präsentieren. Wenn Sie es für einen traditionellen Blog verwenden möchten, eignet es sich dank der zentrierten Inhaltsspalte auch perfekt dafür.

Anders Noren

Eine interessante Tatsache über das neue WordPress -Standarddesign ist, dass es im Gegensatz zu seinen Vorgängern nicht von Grund auf neu erstellt wurde – es basiert auf einem Design, das bereits im WordPress.org-Repository vorhanden war: Chaplin .

Werbebild des Chaplin-Themas. — Werbebild des Chaplin-Themas für WordPress.

Ein weiteres Merkmal, das Twenty Twenty auszeichnet, ist die Typografie, mit der es geliefert wird, Inter, entworfen von Rasmus Andersson. Es ist eine kostenlose und offene Schriftart, die das Lesen von Text erleichtert, insbesondere wenn die Schriftgröße sehr klein ist.

Screenshot der Homepage von Inter (eine offene Schriftart). — Inter ist die Standardtypografie, die mit Twenty Twenty geliefert wird.

So installieren Sie das New Twenty Twenty-Design

Wie ich bereits erwähnt habe, ist dieses Thema das neue Standardthema in WordPress 5.3. Wenn Sie also eine neue WordPress -Installation erstellen und die neueste Version verwenden, ist das Thema bereits vorhanden.

Twenty Twenty-Theme ist das Standard-Theme in WordPress 5.3.

Es ist aber auch möglich, es in früheren Versionen von WordPress zu installieren. Gehen Sie einfach zu Aussehen » Themen » Neu hinzufügen und suchen Sie nach dem Thema „Twenty Twenty“:

Twenty Twenty ist bereits in WordPress 5.3 enthalten — Twenty Twenty ist, wie jedes andere Theme, extrem einfach zu installieren.

Denken Sie daran, dass das Design mit Blick auf Gutenberg entwickelt wurde, daher empfehle ich Ihnen, es nur zu verwenden, wenn Sie Ihre Inhalte mit dem Blockeditor erstellen.

So passen Sie Twenty Twenty an

Das Design kann einfach über den integrierten Design-Customizer von WordPress angepasst werden. Klicken Sie auf Aussehen » Anpassen und Sie sehen alle verfügbaren Optionen:

Anpassen von Twenty Twenty in WordPress.

Ich bin mir sicher, dass Sie bereits mit den meisten verfügbaren Einstellungen vertraut sind, also schauen wir uns die meiner Meinung nach interessantesten genauer an. Eines der ersten Dinge, die ich persönlich in Twenty Twenty optimieren würde, ist die Farbpalette, weil ich den standardmäßig verwendeten Sepia-Ton nicht mag. Stattdessen würde ich etwas Weißeres verwenden:

Post-Auftritt

Standardmäßig ist das Erscheinungsbild von Blogbeiträgen nüchtern und elegant. Wie Sie im folgenden Screenshot sehen können, erscheint der Titel neben einigen Metainformationen (Autor, Veröffentlichungsdatum, Kategorie), die alle prominent und sehr sauber dargestellt werden:

Standardansicht eines Beitrags in Twenty Twenty — Standardansicht eines WordPress-Beitrags in Twenty Twenty.

Und direkt nach dem Titel kommt das vorgestellte Bild, das sich mehr oder weniger in den Inhalt einfügt.

Wenn Sie keine vorgestellten Bilder verwenden (oder Sie sie nur von Zeit zu Zeit verwenden), ist diese Standardansicht wahrscheinlich die beste. Aber wenn Sie in all Ihren Beiträgen ausgewählte Bilder verwenden, empfehle ich Ihnen, die Vorlagen Ihrer Beiträge in Vorlagen mit voller Breite zu ändern:

Seiten- und Beitragsvorlagen, die im Design verfügbar sind.

Mit dieser Vorlage wird das Beitragsbild noch relevanter und mit dem Titel und den Metadaten des Beitrags zusammengeführt. Wie Sie sehen können, nimmt das Bild die erste Falte vollständig ein:

Vorlage mit dem vorgestellten Bild, wobei die erste Falte vollständig verwendet wird.

das ist eine Funktion, die ich ziemlich nett finde (keine Überraschung hier, da es ziemlich nah an dem ist, was wir auf unserer eigenen Seite verwenden, oder? ?)

Menüs

Eine andere Sache, die ich an dem Thema mag, ist, dass Sie mehrere Menüs erstellen können, je nachdem, welchen Stil Sie am meisten mögen. Zum einen können wir für den Desktop zwischen zwei Menüpunkten wählen:

Horizontales Menü . Es ist das Menü, das in allen vorherigen Screenshots gezeigt wird. Optionen sind immer in der oberen Leiste Ihrer Website sichtbar.

Verschiedene Menüs im Thema Twenty Twenty.

Erweitertes Menü . Es ist ein „verstecktes Menü“. Um es anzuzeigen, müssen Sie einfach auf das Ellipsensymbol (neben dem vorherigen Menü) klicken und das erweiterte Menü wird von der rechten Ecke eingeblendet:

Eine weitere nette Leistung ist das soziale Menü. Damit können wir Links zu unseren sozialen Netzwerken hinzufügen und das Thema zeigt automatisch jedes Profil als Schaltfläche mit dem Symbol des betreffenden sozialen Netzwerks an:

Das soziale Menü des Themas Twenty Twenty ermöglicht es Ihnen, Links zu Ihren sozialen Netzwerken hinzuzufügen und automatisch mit den entsprechenden Symbolen angezeigt zu werden.

Das ist nichts Neues für dieses Thema (es ist seit einiger Zeit in allen Twenty-something-Themen verfügbar), aber ich liebe es trotzdem.

Widgets und Suche

Schließlich sind auch die Widget-Bereiche zu erwähnen, die das Thema umfasst. Leider sind die Möglichkeiten, die wir hier haben, sehr begrenzt: Sie können Widgets nur in der Fußzeile hinzufügen. Wenn Sie also eine Seitenleiste in Ihrem Blog oder ähnliches haben möchten, müssen Sie leider ein untergeordnetes Thema erstellen und die Vorlagen an Ihre Bedürfnisse anpassen.

Twenty Twenty verfügt über zwei Widget-Bereiche in der Fußzeile, die den beiden Spalten entsprechen, die Sie in der Aufnahme sehen.

In Bezug auf die integrierten Suchfunktionen von WordPress enthält das Thema ein schnelles Formular zum Suchen von Inhalten in Ihrem Blog. Es gibt eine Schaltfläche im Menü mit einem Suchsymbol. Klicken Sie darauf und das Suchfeld wird über JavaScript oben auf Ihrem Bildschirm angezeigt:

Dynamisches Suchfeld in Twenty Twenty enthalten.

Zusammenfassung

Das Twenty Twenty-Theme ist der nächste Schritt in der Twenty-Serie, die mit jeder neuen Version von WordPress geliefert wird. Ich würde nicht sagen, dass es ein revolutionäres Thema ist, aber meiner Meinung nach ist es ein sehr elegantes Thema, das sich perfekt in die neuen Funktionen und Fähigkeiten von WordPress integriert. Wenn Sie über ein Upgrade auf ein neues Thema nachdenken und nicht wissen, welches Sie verwenden sollen, geben Sie Twenty Twenty eine Chance. Das geht schnell und sieht sehr schön aus.

Vorgestelltes Bild von Ankhesenamun 96 auf Unsplash.