WordPress-Block-Themes – Der vollständige Leitfaden

WordPress-Block-Themen

WordPress ist zwanzig Jahre alt und es gibt Anzeichen dafür, dass es noch viele Jahre hier bleiben wird. Dieses Zeitalter ist in der Welt der Software unglaublich. Es ist wie eine Kreatur aus prähistorischen Zeiten, die heute lebt. Die Dominanz von WordPress basiert auf der ständigen Sorge der Benutzer, es auf dem neuesten Stand zu halten. Beispielsweise gibt es einen komplexen Vier-Schritte-Plan zur Modernisierung von WordPress . Wir befinden uns derzeit in der zweiten Phase dieses Plans – der vollständigen Bearbeitung der Website durch Inhaltsblöcke.

Blockthemen sind das Ergebnis der zweiten Phase des Plans und Sie werden sie früher oder später übernehmen. Seien Sie besser der Konkurrenz einen Schritt voraus und erfahren Sie jetzt mehr über Blockthemen und deren Verwendung.

Eine Einführung in Blockthemen

Blockthemen

Es wäre falsch, Blockthemen nur als Modeerscheinung zu betrachten und sie zu ignorieren! Umgekehrt können Sie von nun an viele Jahre lang klassische WordPress-Themes verwenden. Alles in allem sind Blockthemen dank einer benutzerfreundlicheren Art der Website-Erstellung die Zukunft.

Ein Block-Theme ist ein WordPress-Theme, das vollständig aus Blöcken besteht. Sie können auf der gesamten Website Blöcke einfügen, anpassen und löschen: Seiten, Beiträge, Kopfzeilen, Fußzeilen oder Seitenleisten. Beim Erstellen einer Website kommt es im Wesentlichen darauf an, Blöcke auf einer Leinwand abzulegen.

Sie müssen keine einzige Codezeile schreiben, um eine hochkomplexe WordPress-Website zu erstellen. Darüber hinaus sind Block-Themes schneller als ihre klassischen Gegenstücke. 

Blockthemen befinden sich noch in einem frühen Stadium und es gibt eindeutig Raum für Verbesserungen.

Klassische vs. Blockthemen

Es ist gut, die Unterschiede zwischen klassischen und Blockthemen zu kennen. Als Website-Besucher werden Sie nicht erkennen, ob eine Website einen Block oder ein klassisches Theme verwendet. Aber unter der Haube gibt es ziemlich große Unterschiede. Hier sind die Hauptaspekte, die Blockthemen unterscheiden.

Weniger PHP, mehr HTML

WordPress-Themes und -Plugins basieren auf PHP-Skripten zum Ausführen von Aktionen. Das Anzeigen der letzten fünf Beiträge, das Hinzufügen eines neuen Benutzers oder das Einfügen eines Widgets hängt vom Schreiben von PHP-Code ab. Blockthemen basieren auf HTML und verwenden PHP-Dateien nur als Fallback. Anstatt PHP-Bedingungen zu verwenden, ermöglichen die Blockeinstellungen unterschiedliche Ergebnisse.

Keine Widgets mehr

Diejenigen, die in den letzten Jahren im WordPress-Bereich tätig waren, verwendeten sicherlich Widgets. Blockthemen ersetzen die Widgets durch Blöcke. Jede Widget-Funktionalität kann auch mit Blöcken erreicht werden. Menschen, die Widgets viele Jahre lang verwendet haben, zögern möglicherweise, sie zu ersetzen. Neue Benutzer schätzen jedoch die einheitliche Methode zum Erstellen von Layouts. 

Navigationsmenü

Während das Navigationsmenü in den Block- und klassischen Themes gleichermaßen wichtig bleibt, gibt es einen regulären Block zum Erstellen von Menüs. Machen Sie sich keine Sorgen, Sie haben eine große Auswahl an Optionen, um Ihr Site-Menü anzupassen.

Customizer steckt in den Kinderschuhen

Customizer im Blockthema

Als Webmaster verbringen Sie viel Zeit im Customizer-Bereich mit der Feinabstimmung Ihrer Website. Es ist eine große Änderung, den Customizer aufzugeben, aber für Blockthemen ist er nutzlos. In gewisser Weise ist der Site Editor der neue Customizer, aber er ist einfacher und schneller zu verwenden. 

Site-Editor

Haben die oben genannten Funktionen Ihr Interesse geweckt? Es ist einfach, sich mit Blockthemen die Hände schmutzig zu machen. Installieren Sie Ihr bevorzugtes WordPress-Block-Theme. Wählen Sie eine unserer Empfehlungen, wenn Sie keine Favoriten haben. Installieren und aktivieren Sie das Design und gehen Sie in Ihrem Admin-Dashboard zu „Darstellung“ > „Editor (Beta)“ .

Erscheinungsbild > Editor (Beta) in Ihrem Admin-Dashboard

Abhängig von Ihrem Thema können Sie einige Vorlagen anpassen. Das WordPress-Standardthema Twenty Twenty-Three verfügt beispielsweise über die folgenden Vorlagen:

  • Suchen
  • Einzel
  • Leer
  • Index
  • Archiv
  • 404
  • Blog
  • Startseite
  • Seite.

Ihr Theme verfügt möglicherweise über leicht unterschiedliche Vorlagen, die Namen sind jedoch normalerweise selbsterklärend. Gehen Sie nun zu einer dieser Vorlagen und starten Sie den Anpassungsprozess. Von hier aus fügen Sie Muster und Blöcke in die Vorlage ein.

Muster in Blockthemen

Bei den Mustern handelt es sich um Site-Komponenten wie Schaltflächen, Kopfzeilen, Spalten oder Text. Praktisch handelt es sich dabei um Gruppen von Blöcken mit funktionalem Zweck. Die Blöcke sind einfache Designkonstruktionen, die typisch für WordPress-Websites sind.

Blöcke im WordPress-Theme

Absatz, Überschrift, Tabelle, Galerie, Bild, Schaltflächen, benutzerdefiniertes HTML, Tag Cloud oder Suche sind einige der häufigsten Blöcke. Ziehen Sie sie auf Ihr Layout, passen Sie sie an, und Ihre Seite ist bereit zu glänzen. 

Globale Stile

Die niedrige Einstiegshürde von Blockthemen bringt einen unerwarteten Nachteil mit sich. Jeder kann eine Website erstellen. Doch entsprechen diese Websites den Regeln guten Designs?

Beispielsweise mangelt es unerfahrenen Website-Erstellern an Konsistenz. Daher besteht eine hohe Wahrscheinlichkeit, dass das Hinzufügen verschiedener Blöcke auf einer Leinwand zu einem inkonsistenten Layout führt. Glücklicherweise lösen globale Stile dieses Problem und helfen Benutzern, ansprechende und konsistente Layouts zu erstellen.

Gehen Sie zu Ihrem WordPress-Admin-Dashboard und greifen Sie auf den Editor zu ( Darstellung > Editor ). In der oberen rechten Ecke sehen Sie das Symbol für globale Stile neben der „Speichern“ und „Einstellungen“ .

Admin-Dashboard -> Erscheinungsbild -> Editor

Sie können die Designstile auswählen und die Farben, Schriftarten und Layouts einrichten. Die globalen Stile sorgen für Konsistenz, diese werden jedoch durch die Blockeinstellungen überschrieben. Sie wählen beispielsweise die Schriftart Roboto für H2-Überschriften in den globalen Stilen. Sie können die Schriftart für jede gewünschte Überschrift jedoch problemlos ändern, indem Sie einen Überschriftenblock einfügen und eine neue Schriftart einrichten.

Im selben Abschnitt können Sie die Blöcke anpassen. Klicken Sie auf die Dropdown-Schaltfläche „Blöcke“ und wählen Sie den Block aus, den Sie anpassen möchten. Als Nächstes können Sie den Block formatieren, zur Blockliste zurückkehren und einen anderen Block auswählen usw.

Der Site Editor befindet sich noch im Anfangsstadium und weist möglicherweise Fehler auf oder einige nützliche Funktionen fehlen. Derzeit testen WordPress-Entwickler das Wasser mit Bausteinthemen. Diesbezüglich gibt es viele hitzige Debatten, Kontroversen und Unsicherheiten. Was heute akzeptabel und zuverlässig ist, könnte morgen nutzlos sein. Allerdings sollten Sie bedenken, dass WordPress-Block-Themes die Zukunft sind! Bereiten Sie sich daher besser auf die Zukunft vor, bevor Ihre Konkurrenten es tun.

10 coole WordPress-Block-Themes für Ihre nächste Website

Früher oder später werden Sie sicherlich WordPress-Block-Themes für Ihre Websites verwenden. Bedenken Sie, dass es sich hierbei um die Beta-Version handelt, sodass erhebliches Verbesserungspotenzial besteht. Es ist möglich, dass mehr Fehler als üblich auftreten, aber das ist für Early Adopters die Norm. Die Erstellung von Websites durch Blöcke befindet sich noch in einem sehr frühen Stadium. Dank einer aktiven Community, die bereit ist, WordPress zu verbessern, verbessern sich die Dinge schnell. 

Site Editor ist der neueste Begriff, der den Prozess der Erstellung von WordPress-Websites mit Blöcken beschreibt. Es ist in Ordnung, wenn Sie sich mit der vollständigen Bearbeitung von Websites besser auskennen – die Begriffe sind Synonyme.

Insgesamt ist Site Editor die bevorzugte Wahl für WordPress-Enthusiasten, da es für Gelegenheitsbenutzer ansprechender ist. Installieren Sie ein Blockdesign, um den Site Editor zu erkunden. Sie sind sich nicht sicher, welches Blockthema Sie auswählen sollen? Hier sind zehn hervorragende WordPress-Block-Themes zum Ausprobieren!

Zwanzig zweiundzwanzig

Twenty-Twenty-Two-WordPress-Block-Theme

Twenty-Twenty-Two ist das erste offizielle WordPress-Block-Theme und wurde über eine Million Mal installiert. Es wurde gleichzeitig mit WordPress 5.9 gestartet und ist ein ziemlich einfaches Theme. Nutzen Sie es selbstbewusst für Ihre Websites. Es ist das ideale Thema, um zu lernen, wie man Websites mit Blöcken gestaltet. Zwanzig

Twenty-Two ist aufgrund seiner Einfachheit die beste Lösung, wenn Sie Site Editor noch nicht kennen. Dank des einfachen Designs und des Blockformats lädt das Theme rasend schnell. Es hat also einen Wettbewerbsvorteil gegenüber den Standard-WordPress-Themes.

Blockbasis

Blockbase-Block-Theme

Automattic, das Unternehmen hinter WordPress.com, WooCommerce, Jetpack und Tumblr, weiß ein oder zwei Dinge über WordPress. Jedes von Automattic veröffentlichte Thema sollte auf Ihrem Radar sein. Blockbase ist Automattics Konzept eines blockbasierten Themes.

Ähnlich wie Twenty Twenty-Two verfügt dieses Theme über grundlegende Funktionen. Minimalistische Liebhaber schätzen sein Design. Dennoch stehen Ihnen zahlreiche Blöcke zur Verfügung, um dem Layout Elemente hinzuzufügen.

Das Theme enthält grundlegende Vorlagen wie „Index“, „Seite“, „Einzeln“, „Nur Fußzeile“, „Fußzeile und Kopfzeile“, „Suche“, „Archiv“ und „404“. Darüber hinaus verfügt es über einige einfache Vorlagenteile wie Fußzeile, Kopfzeile, Kopfzeile zentriert, Post- Meta- oder Post-Meta-Symbole. 

Wabi

Wabi-minimalistische Blockthemen

Wabi ist ein Thema für Geschichtenerzähler, die eine authentische Botschaft vermitteln möchten. Es handelt sich um eine Lösung für Blogs und Zeitschriftennachrichten, bei der Qualität und Ausdruckskraft im Vordergrund stehen. Verwenden Sie es eher für künstlerische als für kommerzielle Zwecke.

Beginnen Sie mit der Erstellung Ihrer Website, indem Sie sich die Wabi-Vorlagen ansehen. Passen Sie sie anschließend an Ihren Stil an. Vergessen Sie nicht, sich die Vorlagenteile anzusehen und sie schließlich in die Seiten Ihrer Website einzufügen. Fügen Sie Blöcke zum Layout hinzu und testen Sie alle Einstellungen, um die gewünschten Ergebnisse zu erzielen. Es ist eine einfache und angenehme Arbeit, die jedoch Zeit und Geduld erfordert.

Blockpresse

Blockpress-WordPress-Theme

Blockpress ist eines der komplexesten WordPress-Blockthemen. Dennoch werden auch weniger erfahrene Benutzer Freude daran haben. Das Thema eignet sich für eine Vielzahl von Zwecken – vom Bloggen bis zum E-Commerce.

Laut den Entwicklern des Themes verwendet Blockpress das bedingte Laden von Assets, was die Größe der Styling-Datei erheblich reduziert. Laienhaft ausgedrückt: Das Theme lädt genau das, was Sie verlangen. In diesem Zusammenhang lädt das Thema trotz seiner Komplexität rasend schnell.

Ein weiterer Vorteil von Blockpress ist die globale Kontrolle über die Typografie und die dynamischen Optionen wie die Aktivierung eines Preloaders oder eines Fortschrittsbalkens für Beiträge. 

Fang FSE

Catch-FSE-Thema

Dies ist ein weiteres blockbasiertes WordPress-Theme, das für eine Vielzahl von Zwecken geeignet ist. Es besticht durch die erweiterte Anzahl an Vorlagen. Zusätzlich zu den Standardvorlagen wie Index, Archiv, Seite, Einzeln und 404 enthält es einige eigenständige Elemente wie:

  • Produkt archivieren
  • Blog-Seite (Seitenleiste links)
  • Blog-Seite (Seitenleiste rechts)
  • Einzelne Seite (keine Seitenleiste in voller Breite)
  • Einzelne Seite (Seitenleiste rechts)
  • Einzelner Beitrag (keine Seitenleiste in voller Breite)
  • Einzelner Beitrag (Seitenleiste rechts)
  • Einzelprodukt.

Sie haben alles, was Sie zum Erstellen einer herausragenden Website benötigen, können aber auch das FSE Pro-Plugin erwerben, um die Funktionalität des Themes zu erweitern.  

Ona

Ona-WordPress-Block-Theme

Ona steht sowohl im WordPress-Repository als auch auf der Entwickler-Website DeoThemes zum kostenlosen Download zur Verfügung. Die Premium-Version des Themes, Ona Pro, bietet WooCommerce-Unterstützung und einige zusätzliche Vorlagen und Muster. Insgesamt bietet sogar die kostenlose Version hervorragende Vorlagen und Muster für die Gestaltung einer gut aussehenden Website.

Erstellen Sie Ihre Website entweder mit einer Vorlage oder indem Sie ganz von vorne beginnen und Blöcke hinzufügen. Inhaber eines Premium-Abonnements erhalten Zugriff auf professionelle Vorlagen, die für verschiedene Zwecke geeignet sind, darunter Café, Mode, Online-Shop, Gesundheit, Zeitschrift und Agentur. Es beweist, dass Ona ein echtes Mehrzweck-WordPress-Block-Theme ist.

BlockMag 

BlockMag-WordPress

Sie müssen alles tun, um die Ladegeschwindigkeit zu erhöhen, wenn Sie einen Blog oder ein News-Magazin betreiben. Der Wettbewerb in dieser Branche ist hart und die Erwartungen der Leser sind hoch. Normalerweise sind WordPress-Block-Themes schneller, enthalten aber weniger Funktionen. Dies ist bei BlockMag nicht der Fall, das gleichzeitig reich an Funktionen ist und schnell lädt. Für das Theme gibt es auch eine Premium-Version mit mehr Vorlagen und Mustern.

Sie werden von der Anzahl und Qualität der Vorlagen beeindruckt sein. Das Erstellen Ihrer Website ist mit BlockMag eine unterhaltsame Aktivität, da Sie die volle Kontrolle über jedes Pixel jeder Webseite haben.

Frost

Frost-Block-Theme

Frost ist ein Block-Theme, das von WPEngine verwaltet wird – einem der bekanntesten WordPress-Hosting-Unternehmen. Daher stehen die Codequalität und Zuverlässigkeit des Themas außer Frage. Laden Sie es also kostenlos herunter und verwenden Sie es für Ihr Projekt. Schauen Sie sich die Abschnitte zu Mustern und Styleguides auf der Frost-Website an, wenn Sie mit diesem Thema noch nicht vertraut sind. Sie zeigen, wie man Frost einfach und prägnant nutzt. Die Muster sehen toll aus und Sie haben alle nötigen Zutaten für eine hochwertige Website.

GeneratePress

GeneratePress WordPress-Block-Theme

GeneratePress zeichnet sich durch die Kompatibilität mit Seitenerstellern wie Beaver Builder und Elementor aus. Darüber hinaus ist es eines der funktionsreichsten WordPress-Block-Themes auf dem Markt.

Erwägen Sie die Verwendung der kostenlosen Version des Themas, um sein Potenzial zu testen. Kaufen Sie die Premium-Version, wenn Sie mit der kostenlosen Version zufrieden sind, aber mehr Vorlagen wünschen. Die Website-Bibliothek umfasst Dutzende professionell gestalteter Vorlagen, die in die Kategorien Business, E-Commerce und Blog fallen.

Obwohl dies per se kein Grund ist, dieses Thema zu verwenden, ist es bemerkenswert, dass die kostenlose Version aus dem WordPress-Repository 500.000 aktive Installationen und eine perfekte Bewertung hat – 5 von 5 Sternen.

Ziegelig

Bricsky WordPress-Block-Theme

Wenn Sie möchten, dass Ihre Website Positivität und Glück ausdrückt, sollten Sie sich für Bricksy entscheiden. Es handelt sich um ein einfaches Blockthema, das für Projekte mit Schwerpunkt auf Visuals geeignet ist. Hochzeit, Reisen und persönliche Weiterentwicklung sind nur einige Bereiche, die für Bricksy geeignet sind.

Dank der Blockstruktur ist die Anpassung des Themas durch einfaches Ziehen und Ablegen von Elementen auf der Leinwand möglich. Wie die meisten WordPress-Blockthemen gibt es eine Pro-Version mit erweiterter Funktionalität.

Über zu Dir

Der Site Editor befindet sich noch im Anfangsstadium und wird mit der Zeit sicherlich verbessert. Das Gleiche gilt für WordPress-Block-Themes – sie werden mit der Zeit verbessert. Die oben genannten Themen sehen jedoch vielversprechend aus und verdienen Ihre Aufmerksamkeit. Ein Early Adopter zu sein ist nicht einfach, aber es kann Ihnen einen wertvollen Vorteil gegenüber Ihren Mitbewerbern verschaffen. Achten Sie daher auf Blockthemen und verwenden Sie diese eventuell in Ihren Projekten.

Kommentare

Hinterlasse eine Antwort.

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit *

Englisch