Gutenberg, veröffentlicht als neuer Standardeditor für WordPress in Dezember 2018Mit dieser Option können Sie mithilfe von Inhaltsblöcken schöne Inhalte erstellen, mit Optionen für Überschriften, Galerien, Spalten, Schaltflächen, Videos und mehr.
Millionen von WordPress-Benutzern haben das installiert Klassischer Editor So können sie weiterhin den alten Editor zum Erstellen von Inhalten verwenden. Viele Website-Besitzer beginnen jedoch zu schätzen, was Gutenberg tun kann. Ein Grund dafür ist die zunehmende Anzahl von Gutenberg-Sammlungs-Plugins, die es erweitern, indem sie zusätzliche Inhaltsblöcke und mehr Optionen anbieten.
In diesem Artikel werden wir sehen Atomblöcke – eines der besten Gutenberg-Sammlungs-Plugins, die auf WordPress.org verfügbar sind.
Was bieten Atomblöcke?
Ursprünglich entwickelt von Mike McAlisterAtomic Blocks wurde von der WordPress-Themenfirma StudioPress übernommen und von der WordPress-Hostingfirma WP Engine (zusammen mit Mikes Array Themes Store) verwaltet. WordPress-Entwickler Marcos Schratzenstaller und John Parris Sie haben auch zum Plugin beigetragen.
Atomblöcke können sein kostenlos von WordPress.org heruntergeladen, oder Sie können es direkt in Ihrem WordPress-Administrationsbereich installieren.
Nach dem Aktivieren des Plugins wird eine Homepage angezeigt. Unten finden Sie eine Liste der verfügbaren Blöcke.
Diese Seite listet 11 Blöcke auf: Post-Grid, Container, Handlungsaufforderung, Testimonial, Online-Benachrichtigung, Freigabesymbole, Autorenprofil, Akkordeon, anpassbare Schaltfläche, Drop-Cap sowie Trennzeichen und Trennzeichen.
Bei Gutenberg stehen vier zusätzliche Blöcke zur Verfügung, die nicht auf der Startseite aufgeführt sind: Layouts, erweiterte Spalten, Preise und Newsletter.
Der Entwurfsblock kann auch über eine spezielle Entwurfsschaltfläche oben auf der Seite ausgewählt werden.
Der Startbereich listet auch häufig gestellte Fragen und Antworten zu Gutenberg und Atomic Blocks auf.
Ihr MailChimp-API-Schlüssel kann auf der Konfigurationsseite von Atomic Blocks eingegeben werden. Dies ist erforderlich, wenn Sie den Newsletter-Block verwenden möchten.
Interessanterweise ist Atomic Blocks mit Google kompatibel Beschleunigte mobile Seiten (AMP) Projekt, das erstellt wurde, um Websites für mobile Benutzer zu verbessern.
Atomblöcke ist gerade erscheint als Plugin auf der AMP-Seite für WordPressDa Atomic Blocks AMP-Unterstützung in jeden Block eingebaut hat.
Erstellen Sie Designs mit Atomblöcken
Atomic Blocks enthält vordefinierte Abschnitte und Layouts, mit denen Sie Ihre Seiten gestalten können.
Die Layoutauswahl kann über die Schaltfläche Blockliste oder Layout oben auf jeder Seite ausgewählt werden. Derzeit gibt es acht Abschnitte und vier Layouts.
Es gibt Abschnitte für eine Überschrift, Dienste (drei und vier Spalten), Medien und Text, Text- und Bildliste, Teammitglieder, Testimonials und Kontaktinformationen mit der Karte.
Zwei Produkteinführungslayouts stehen als Layouts zur Verfügung, und es gibt auch ein Layout für Unternehmen und eines für Freiberufler.
Mit dem Containerblock können mehrere einzelne Blöcke in einem Container platziert werden, mit denen Abschnitte auf Ihrer Site erstellt werden können. Anschließend können Sie die Füllung, die Ränder, die Hintergrundfarben und die Bilder für diesen Abschnitt definieren.
Ich fand den Standard-Gutenberg-Spaltenblock immer frustrierend, da standardmäßig automatisch zwei Spalten benötigt werden und Sie dann den Block optimieren müssen, um zusätzliche Spalten hinzuzufügen.
Atomic Blocks handhabt die Dinge besser: Wenn Sie den Spaltenblock auswählen, können Sie zwischen einer und sechs Spalten auswählen. Wenn Sie zwei, drei oder vier auswählen, wird Ihnen eine Auswahl von Layouts angeboten, die sie in unterschiedlichen Breiten anzeigen.
Mit Atomic Blocks haben Sie viel mehr Kontrolle über Layouts als mit dem Standard-Gutenberg-Editor. Ich würde jedoch gerne sehen, wie Entwickler auf ihrem Layoutsystem aufbauen und mehr Abschnitte, mehr Layouts sowie zusätzliche Spalten- und Zeilenstrukturen einführen.
Inhaltsblöcke
Layout-, Container- und Spaltenblöcke werden in Ihrem Inhaltsbereich angezeigt, wenn Sie einen neuen Block hinzufügen.
Die verbleibenden 12 Blöcke können verwendet werden, um Ihren Inhalt zu verbessern.
Im folgenden Screenshot sehen Sie ein Beispiel für Drop Caps, Testimonials, Spacer und Anzeigenblöcke. Sie sind alle einfach zu bedienen und es gibt eine gute Auswahl an Optionen für jeden Block, mit denen Sie Text und Farben ändern können.
Der Rasterblock für Beiträge und Seiten ist nützlich und ermöglicht es Ihnen, die Anzahl der Spalten für die Anzeige der Beiträge, die angezeigten Beitragskategorien und die Länge des Auszugs auszuwählen. Metainformationen können auch ein- und ausgeschaltet werden.
Der Preistabellenblock ist eine schöne Ergänzung. Für jedes Produkt können Sie Titel, Beschreibung, Preis, mehrere Funktionen und eine Schaltfläche Jetzt kaufen definieren. Sie müssen lediglich auf das Teil klicken, das Sie bearbeiten möchten.
Für jeden Teil der Tabelle stehen Farb- und Füllabschnitte zur Verfügung.
Ein weiterer nützlicher Block ist der Aufruf zum Handeln. Sie können dies verwenden, um einen Newsletter oder ein neues Produkt zu bewerben, das Sie verkaufen.
Es nimmt ein einfaches Design an: Titel, Beschreibung und Schaltfläche. Die Schaltfläche kann verknüpft werden, und Sie können Farben anpassen und sogar ein Hintergrundbild zuweisen, wenn Sie möchten.
Insgesamt bin ich von den angebotenen Blöcken beeindruckt.
Die Blocklayouts sehen gut aus, sind einfach zu bedienen und bieten zahlreiche Gestaltungsmöglichkeiten.
Das Thema der Atomblöcke
Die Entwickler von Atomic Blocks haben auch ein kostenloses WordPress-Theme veröffentlicht mit dem gleichen Namen, entwickelt für Gutenberg und das Atomic Blocks-Plugin.
Das Atomic Blocks-Thema hat ein minimalistisches Design. Es gibt einige Optionen für das Thema im WordPress-Theme-Customizer, aber im Vergleich zu den meisten anderen WordPress-Themes ist es ziemlich begrenzt.
Über den Customizer können Sie die Breite des Inhaltsbereichs anpassen, Ihrem Navigationsmenü eine Suchleiste hinzufügen, die Schriftgröße und den Stil auswählen und das Fußzeilenmotto ändern.
Atomic Blocks Thema Es ist möglicherweise für diejenigen unter Ihnen geeignet, die ein minimales Blog-Design wünschen, aber nicht genug tun, um sich von der Masse abzuheben.
Abschließende Gedanken
Auf WordPress.org finden Sie viele Plugins aus der Gutenberg-Sammlung, aber Atomic Blocks gilt als eines der besten.
Seine vordefinierten Abschnitte und Layouts sowie sein vielseitiges Säulensystem bereichern einen Bereich, in dem Gutenberg fehlt. Es gibt auch eine gute Auswahl an inhaltsbezogenen Blöcken, mit denen Sie den Stil steuern können.
Ich ermutige Sie dazu Schauen Sie sich die Atomblöcke an Damit Sie eine vollständige Einschätzung dessen erhalten, was Sie tun können.
