Was sind WordPress-Blockmuster und wie werden sie verwendet?

Veröffentlicht: 2022-05-20

Vorwort
Warum sollten Sie sich für Blockmuster interessieren?
Was sind Blockmuster in WordPress?
Was sind die Vorteile von Blockmustern?
- Geschwindigkeit der Entwicklung
- Einzigartiges Design
- Zuverlässige Codebasis
- Wiederverwendbarkeit
- Kreative Freiheit
So verwenden Sie Blockmuster
- Verwenden der Blockmusterbibliothek des Gutenberg-Editors
- Verwenden des WordPress-Blockverzeichnisses
- Verwenden von themenbasierten Blockmustern
So erstellen Sie Blockmuster
Fazit

Vor ein paar Jahren führte WordPress eine neue Methode zum Erstellen von Webseiten ein. Diese Innovation ist als Gutenberg bekannt, alternativ als WordPress -Blockeditor oder einfach als WordPress- Editor bekannt . Gutenberg bietet eine einfache Möglichkeit für jedermann, reichhaltige Inhalte auf einfache Weise zu erstellen. Dies geschieht mit WordPress-Blöcken und WordPress-Blockmustern.

Blöcke sind der Eckpfeiler von Gutenbergs Macht. Wie das beliebte Kinderspielzeug können Sie mit WordPress-Blöcken eine Seite erstellen, indem Sie sie beliebig stapeln. Sie können diejenigen entfernen, die Sie nicht möchten, und es ist einfach, wieder von vorne zu beginnen, wenn Ihnen das, was Sie gebaut haben, nicht gefällt.

Sie können Blöcke verwenden, um Videos, Bilder und kreative Designs ohne technische oder Programmierkenntnisse zu Ihrer Website hinzuzufügen. Noch einfacher können Sie eine Sammlung von Blöcken verwenden, die als Blockmuster bekannt sind, um Ihrer Website ein einsatzbereites Layout zu geben. Passen Sie diese Blockmuster mit Ihren Inhalten an und schon sind Sie fertig!

Heute hat sich das Gutenberg-Projekt auf eine ganz neue Ebene entwickelt. Während es sich weiterentwickelt, macht es Platz für den bevorstehenden Full-Site-Editor, der später in diesem Monat mit dem WordPress 6.0-Update kommt und Ihnen die Möglichkeit gibt, Blöcke auf alle Teile Ihrer Website anzuwenden, anstatt nur auf Posts und Seiten. Es wird bald noch einfacher sein, unglaubliche Websites zu erstellen und sie im Laufe der Zeit zu bearbeiten! Wir werden in einem kommenden Beitrag mehr darüber sprechen.

Lassen Sie uns zunächst über WordPress-Blockmuster sprechen, was sie tun und warum sie für Sie wichtig sind …

Warum sollten Sie sich für Blockmuster interessieren?

Selbst die schönsten Websites müssen hin und wieder aktualisiert werden, aber mit den ständig wachsenden Anforderungen des Online-Geschäfts Schritt zu halten, stellt Sie vor ein Problem. Sie müssen die Änderungen schnell vornehmen, auch wenn Sie nicht wissen, wie man codiert.

Wenn Sie bei Null anfangen, landen Sie in einer ähnlichen misslichen Lage. Sie müssen Ihre Website schnell zusammenstellen. Als Websitebesitzer möchten Sie sich darauf konzentrieren, Inhalte zu erstellen und Geld zu verdienen, und Sie möchten definitiv keine Zeit damit verschwenden, mit Code zu ringen. Die Erstellung eines neuen Designs kann jedoch Tage oder sogar Wochen dauern.

Hier kommen Blockmuster ins Spiel: Sie ermöglichen es Ihnen, Ihre Website schnell und schön zu erstellen. Sie können verschiedene Blockkombinationen ausprobieren, um zu sehen, was für Sie am besten funktioniert. Wie Sie feststellen werden, stehen Ihnen Hunderte von Ideen zur Verfügung.

Wenn Sie andererseits keine Blockmuster verwenden, sind Sie möglicherweise gezwungen, das Programmieren zu lernen. Selbst wenn Sie ein Premium-WordPress-Theme verwenden, müssen Sie den Backend-Code an Ihre Bedürfnisse anpassen. Die Zeit, die für Änderungen benötigt wird, kann länger sein, als Sie sich leisten können, und Ihr Budget wird sich erhöhen, wenn Sie einen Fachmann beauftragen, der dies für Sie erledigt.

Blockmuster nehmen viel von diesem Schmerz weg – das Bearbeiten Ihrer Website wird (trauen wir es zu sagen) eine Menge Spaß machen. Sie können mehrere Muster auswählen, verschiedene Kombinationen ausprobieren und schnell eine funktionierende Website haben, die Ihre Besucher begeistert.

Was sind Blockmuster in WordPress?

WordPress-Blockmuster sind vorgefertigte Kombinationen von Blöcken, die Sie nach Belieben ändern können. Sie können ein Muster haben, das eine vollständige Webseite darstellt, oder Sie können eines auswählen, das einen Abschnitt Ihrer Website darstellt, z. B. ein Symbolmenü für soziale Netzwerke. Sie müssen nicht wissen, wie man codiert, um sie zu verwenden, und dank der Bearbeitungsfunktionen von Gutenberg haben Sie die Kontrolle darüber, wie das Muster am Ende aussehen soll.

Was sind die Vorteile von Blockmustern?

Gutenberg- und Blockmuster sind relativ neue Konzepte. Traditionell werden WordPress-Sites mit Site-Buildern oder durch das Erstellen einer Vorlage von Grund auf neu erstellt. Obwohl diese Ansätze hervorragend funktionieren, erfordern sie oft umfangreiche Schulungen oder Programmiererfahrung, um die besten Ergebnisse zu erzielen. Viele WordPress-Benutzer beschweren sich auch darüber, dass Website-Ersteller klobige Seiten erstellen, deren Ladezeit lange dauert.

Blockmuster bieten einen neuen Ansatz und einzigartige Vorteile. Sie sind sowohl für Anfänger als auch für erfahrene Webdesigner eine Bereicherung. Lassen Sie uns die wichtigsten Vorteile untersuchen.

Geschwindigkeit der Entwicklung

Der wichtigste Vorteil ist die Geschwindigkeit, mit der Sie eine Website ohne Programmierkenntnisse erstellen können. Da Blockmuster vorgefertigt sind, müssen Sie nur die gewünschten auswählen. Platzieren Sie sie auf der Seite und ordnen Sie sie neu an, bis Sie mit dem Aussehen Ihrer Website zufrieden sind.

Blockmuster ermöglichen eine einfache Anpassung. Sie können Ihre bevorzugten Bilder verwenden und Farben anwenden, die zu Ihrer Marke passen. Sie werden eine funktionierende Website haben, die Ihr Unternehmen innerhalb weniger Tage, sogar Stunden, antreiben kann!

Einzigartiges Design

Dieser Vorteil ist für jeden Websitebesitzer wichtig, der kein Website-Design von der Stange möchte. Sie können Blockmuster basierend auf Ihren spezifischen Anforderungen neu anordnen. Wählen, mischen und ordnen Sie Blockmuster neu, bis Sie die gewünschte Kombination gefunden haben. Sie werden am Ende leicht eine einzigartige Website haben, die sich von der Konkurrenz abhebt.

Zuverlässige Codebasis

Die Chancen stehen gut, dass Sie Ihre Zeit nicht mit Programmieren verbringen möchten. Dennoch möchten Sie darauf vertrauen, dass Ihre Website robust ist. Ihre Website sollte auf allen Geräten mit unterschiedlichen Bildschirmgrößen gut aussehen. Blockmuster lösen dieses Problem durch Design.

Die meisten Muster stammen von Entwicklern, die sich leidenschaftlich für ihre Arbeit einsetzen. Diese Profis schätzen ihren Ruf. Wenn Sie also ein Blockmuster auswählen, können Sie sich entspannen, da Sie wissen, dass es gut codiert und getestet ist.

Sie werden feststellen, dass die Muster auch Geschwindigkeits- und Leistungsvorteile haben. Die Ladezeit Ihrer Website wirkt sich auf Ihre SEO aus, sodass sich dies auf Ihren Traffic auswirken kann. Insbesondere Blockmuster sind in der Regel leichter und besser optimiert als viele Themen, die mit beliebten Website-Buildern erstellt wurden.

Wiederverwendbarkeit

Ein weiterer lustiger Aspekt bei der Verwendung von Blockmustern ist, dass Sie sie wiederverwenden können. Wenn Sie verschiedene Websites haben, ist diese Funktion sehr praktisch. Sie können Ihre Muster auch auf verschiedenen Seiten Ihrer Website wiederverwenden.

Wenn Sie Websites für andere erstellen, kann die Verwendung von Blockmustern den Unterschied zwischen dem Einhalten einer Frist und dem Verlust eines Kunden ausmachen. Speichern Sie Ihre bevorzugten Muster und passen Sie sie dann für jede Website an, die Sie erstellen.

Kreative Freiheit

Einer der attraktivsten Vorteile von Blockmustern ist die kreative Freiheit, die Sie erhalten. Eine Website, die aus einer Vorlage erstellt wurde, zwingt Sie dazu, innerhalb eines Konzepts zu bleiben. Für Leute, die sich gerne ausdrücken, kann das nervig sein. Aber mit Blockmustern können Sie ganz einfach verschiedene Ideen ausprobieren.

Alles, was Sie tun müssen, ist, durch die vielen reichhaltigen Musterbibliotheken zu scrollen, die Ihnen zur Verfügung stehen. Sie können aus Optionen wählen, die zu jedem Budget passen; Viele Muster sind kostenlos. Das Beste daran ist, dass Sie sich auf keine Kombination festlegen müssen. Wenn Sie Ihre Meinung ändern, können Sie mit nur wenigen Klicks eine neue Idee ausprobieren.

Sie können Blockmuster für jeden Abschnitt Ihrer Website finden; Menüs, hervorgehobene Beiträge, Fußzeilen und Kopfzeilen, Preistabellen und mehr! Sie werden staunen, was Sie ohne technische Vorkenntnisse selbst machen können.

So verwenden Sie Blockmuster

Verwenden der Blockmusterbibliothek des Gutenberg-Editors

Der einfachste Weg ist der Zugriff auf die Blockmusterbibliothek in Ihrem Gutenberg-Editor. Hier sind die grundlegenden Schritte.

  • Klicken Sie auf die blaue „Plus“-Schaltfläche in der oberen rechten Ecke Ihres Editors.
    WordPress-Blockmuster Toggle Block Inserter
  • Klicken Sie dann auf die Registerkarte „Muster“. Sie sehen eine Auswahl an Mustern, aus denen Sie wählen können.
    Wählen Sie die Registerkarte „Muster“.
  • Klicken Sie auf das gewünschte Muster und es wird im Editor angezeigt.
    Blockmuster bearbeiten
  • Sie können das Muster jetzt zu Ihrem eigenen machen, indem Sie es an Ihre Bedürfnisse anpassen.
    Blockmuster bearbeiten

Verwenden des WordPress-Blockverzeichnisses

Sie können auch das WordPress Block Pattern Directory unter wordpress.org/patterns besuchen. Dieses Verzeichnis enthält eine umfangreiche Sammlung von Mustern, die Sie sofort verwenden können.
WordPress Block Pattern-Verzeichnis

Die Muster sind basierend auf der von ihnen bereitgestellten Funktionalität organisiert. Sie finden Seitenlayouts, Galerien, videobasierte Designs und mehr. Sie können sehen, welche die neuesten sind. Wenn Sie möchten, können Sie sie auch nach Beliebtheit sortieren.

Es gibt auch eine kuratierte Liste mit vorgestellten Mustern. Das ist eine Auswahl der besten Designs, die Sie finden können. Alle von ihnen sind kostenlos und können auf kommerziellen Websites verwendet werden.

Nachdem Sie ein Muster in der Bibliothek ausgewählt haben, bewegen Sie den Mauszeiger über das Anzeigebild. Sie sehen eine Schaltfläche mit der Aufschrift „Kopieren“. Klicken Sie darauf und fügen Sie es dann in den Gutenberg-Editor ein. Wenn Sie Erfahrung mit dem Codieren haben, können Sie es auch in Ihren bevorzugten Code-Editor einfügen, um Änderungen vorzunehmen.

Klicken Sie alternativ auf die Miniaturansicht, um eine Vorschau des Musters anzuzeigen. Dies zeigt Ihnen, wie das Design auf einer Webseite aussieht. Sie sehen eine blaue Schaltfläche, mit der Sie das Muster zur Verwendung in Ihrem Design kopieren können. Sobald Sie das Muster kopiert haben, öffnen Sie Ihren Gutenberg-Editor. Klicken Sie, um anzugeben, wo das Muster erscheinen soll. Fügen Sie es ein und Sie können es nach Ihren Wünschen anpassen.

Verwenden von themenbasierten Blockmustern

Einige Themen geben Ihnen Zugriff auf exklusive Sammlungen von Mustern. Diese können kostenlos oder kostenpflichtig sein. Jedes Thema unterscheidet sich geringfügig darin, wie die Muster zu Ihrer Website hinzugefügt werden. Im Allgemeinen sollten Sie eine Option zum Durchsuchen von Designs sehen. Sie können dann das gewünschte Muster in Ihre Seite importieren.

So erstellen Sie Blockmuster

Wenn Sie der Aufgabe gewachsen sind, erstellen Sie ein benutzerdefiniertes Blockmuster. Ein benutzerdefiniertes Layout ist der beste Ansatz, wenn Sie eine einzigartige Idee haben, die in keiner Bibliothek verfügbar ist. Diese Option ist auch sinnvoll, wenn Sie gerne etwas Eigenes kreieren.

Der erste Schritt beim Erstellen eines Blockmusters besteht darin, zu entscheiden, welchem ​​Zweck oder welcher Funktion es dienen soll. Ist dies ein Muster, das Sie auf allen Ihren Seiten verwenden werden? Benötigen Sie ein Layout, mit dem Sie Ihre Produkte auf Ihrer Website präsentieren können? Nehmen Sie sich etwas Zeit, um das herauszufinden, und schreiben Sie Ihre Gedanken auf.

Dann möchten Sie auf einem Blatt Papier eine Skizze dessen haben, was in das Muster einfließt. Mach dir keine Sorgen darüber, wie gut es aussieht. Sie müssen kein künstlerisches Meisterwerk schaffen. Ein einfaches Layout dessen, was Sie wollen, ist mehr als genug. Was zählt, ist, dass Sie sich darüber im Klaren sind, was Sie zu erstellen versuchen. Dieser Schritt wird Ihnen auch Zeit sparen.

WordPress-Support rund um die Uhr

von echten WordPress-Experten

LERN MEHR

Der letzte Schritt besteht darin, den Code für Ihr Blockmuster zu erstellen. Der einfachste Weg, den Prozess durchzuführen, ist die Verwendung eines Plugins. Gehen Sie zum WordPress-Plugin-Repository. Geben Sie als Suchbegriff das Schlüsselwort „Blockmuster“ ein. Sie werden mehrere Plugins sehen, mit denen Sie Muster erstellen können. Probieren Sie einige davon aus, um zu sehen, welche zu Ihrem bevorzugten Arbeitsablauf passt.

Wenn Ihre Idee für ein Plugin zu kompliziert ist, können Sie trotzdem Ihr Blockmuster erstellen. Die Herausforderung besteht darin, dass Sie, wenn Sie mit dem Programmieren nicht vertraut sind, jemanden einstellen müssen, der Ihnen dabei hilft. Aber Sie können trotzdem Ihre eigenen Ideen einbringen und Ihren Entwickler anweisen, was Sie wollen. Der WordPress Codex bietet eine detaillierte Dokumentation zur Vorgehensweise beim Codieren eines Blockmusters.

Sobald Sie mit der Erstellung Ihres Musters fertig sind, können Sie es mit der Community teilen, indem Sie es zu einem Teil der WordPress Block Pattern Library machen. Dies ist eine großartige Möglichkeit, einen Beitrag zu leisten. Melden Sie sich bei Ihrem WorPress.org-Konto an und folgen Sie den Anweisungen, wenn Sie Ihr Blockmuster teilen möchten.

Fazit

Blockmuster in WordPress haben das Erstellen von Websites für Menschen aller Erfahrungsstufen zugänglich gemacht. Sie brauchen nicht viel Geld, um eine Website zu haben, die sich von der Konkurrenz abheben kann. Ihre Website erhält schneller als je zuvor ein einzigartiges Design. Sie werden auch das Vertrauen gewinnen, dass Sie mit Code arbeiten, der speziell für das WordPress-Ökosystem entwickelt wurde. Blockmuster werden sich weiterentwickeln. Wenn Sie sie also verwenden, werden Sie Teil des natürlichen Fortschritts dieser Technologie.

Dank WordPress-Blockmustern können Sie sich auf die Erstellung von Inhalten konzentrieren. Sie müssen sich keine Gedanken mehr darüber machen, wie Sie Ihre Website erstellen werden!

Alles, was Sie tun müssen, ist, einen guten WordPress-Host auszuwählen, Ihre Website einzurichten, das Design auszuwählen und mit Block Patterns schneller als je zuvor mit dem Erstellen der Seiten zu beginnen.

Geben Sie sich als nächsten Schritt etwas Zeit zum Experimentieren. Spielen Sie mit Ideen herum und sehen Sie, was Ihren Vorstellungen entspricht. Wenn Sie noch nicht bereit sind, mit dem Erstellen Ihrer Website zu beginnen, erkunden Sie einige der Blockmusterbibliotheken. Blättern Sie durch die Designs und sehen Sie, was Ihnen zur Verfügung steht. Es ist nur eine Frage der Zeit, bis Sie sich inspiriert fühlen.

Sicher, es kann eine Lernkurve geben, wenn dieses Konzept neu für Sie ist. Das ist völlig normal. Die gute Nachricht ist, dass es keine festen Regeln gibt. Sie entscheiden, wie Sie Blockmuster auf eine Weise verwenden möchten, die Ihren Anforderungen entspricht, und Sie können noch heute loslegen!

Webleistung

Ladezeit zählt! Wissen Sie, wie schnell Ihre Website ist?

LERN MEHR