So erstellen Sie eine Website oder ein Blog im Jahr 2020 - Kostenlose und einfache Anleitung zum Erstellen einer Website

Getwid – Anpassbare WordPress-Blöcke für Gutenberg

Gutenberg Die bloße Erwähnung dieses Wortes kann das Eis schmelzen. Normalerweise hört man eine Stecknadel in die Stille fallen, die folgt, nachdem man "GUTENBERG!" an einigen Orten. Vielleicht solltest du nicht schreien, aber das ist nicht der Punkt. Es ist ein kalter Tag für den Gutenberg-Redakteur, nicht wahr?

Als Gutenberg zum Standard-Inhaltseditor für WordPress wurde, waren viele Benutzer, sowohl Anfänger als auch Entwickler, skeptisch. Es war ein qualvoller Übergang, weil – Veränderung. Der neue Editor bedeutete, dass Benutzer lernen und sich an eine neue Art der Erstellung von Inhalten in WordPress anpassen mussten.

Es ist wahr, dass es schwierig ist, alte Wege zu ändern, weshalb Gutenberg möglicherweise zunächst auf starken Widerstand stieß. Aber die Dinge haben sich im Laufe der Zeit enorm verändert. Während viele Benutzer anfangs ratlos waren, lieben die Leute den neuen Editor, besonders wenn er so einfach zu bedienen ist und vor allem mit Plugins erweitert wird.

Dank Plugins wie Getwid, dem Thema der heutigen Rezension, können Sie Gutenberg auf eine Weise überladen, die Sie sich noch nie vorgestellt haben. Und wenn die Dynamik anhält (und wird), hat Gutenberg eine sehr gute Zukunft. Meiner Meinung nach werden immer mehr Benutzer kaum WordPress-Seitenersteller benötigen, um beeindruckende Seiten und Beiträge zu erstellen.

Im heutigen Test werfen wir einen Blick auf alle Funktionen, die Getwid zu einem der besten Gutenberg-Plugins im Web machen. Um Ihnen zu zeigen, was Sie erwartet, haben wir das Plugin getestet und über 30 Blöcke kurz überprüft, die Getwid einem bereits leistungsstarken Gutenberg-Editor zur Verfügung stellt.

Mit dieser Präambel gibt es viel zu besprechen, also sollten wir sie besser überschreiben. Sehen Sie, was ich dort getan habe? Haha Okay, lass uns anfangen.

Was ist Getwid?

Getwid - Gutenberg-Blöcke

Das Wichtigste zuerst, was zum Teufel ist Getwid? Nun, Getwid ist ein cleveres Plugin, mit dem Sie den Gutenberg-Editor erheblich erweitern können. Einfach viel? Mit anderen Worten, es ist eine wunderschöne Sammlung von 34 Blöcken, mit denen Sie brillante Inhalte in Gutenberg erstellen können.

Laut Motopress, dem Entwickler, stellt Getwid problemlos eine Verbindung zu Gutenberg her, "… was seinen allgemeinen Übergang zu Gutenberg weniger stressig macht." Ein reibungsloser Übergang ist besonders wichtig für neue Benutzer. Das Beste daran ist, dass das Plugin kostenlos auf WordPress.org heruntergeladen werden kann, was bedeutet, dass Sie es sofort ausführen können.

Getwid folgt den besten WordPress-Codierungsstandards und bietet Ihnen die perfekte Lösung, um Ihre Inhalte zu bereichern, ohne sich in den Code zu vertiefen. Außerdem ist es vollständig kompatibel mit allen Gutenberg-fähigen WordPress-Themes, sodass Sie keine Inkompatibilitätsprobleme haben.

Außerdem ist Getwid mit anderen Gutenberg-Plugins von Drittanbietern kompatibel und bietet Ihnen mehr Funktionen zum Erstellen der gewünschten ansprechenden Inhalte. Außerdem bietet Getwid eine Vielzahl von Optionen, mit denen Sie jeden Block so gestalten können, dass er Ihrer Marke und Ihren Vorlieben entspricht.

Einfach zu bedienende Gutenberg-Blöcke

Außerdem ist das Plugin unglaublich einfach einzurichten und zu verwenden, sodass Sie keinen Entwickler benötigen, der Ihre Hand hält. Sie benötigen auch keine Programmierkenntnisse. Darüber hinaus bietet Getwid die neuesten Leistungstricks wie die CSS-Minimierung, sodass Sie großartige Inhalte erstellen können, ohne sich um die Geschwindigkeit Ihrer WordPress-Site sorgen zu müssen.

Getwid spricht von fantastischen Inhalten und hilft Ihnen dabei, "… effiziente Zielseiten zu erstellen, lebendige Serviceseiten anzuzeigen, auffällige Portfolios zu erstellen", schöne Schieberegler hinzuzufügen, fantastische Überschriften zu implementieren, Preistabellen anzuzeigen und vieles mehr! Es bietet Ihnen alle Blöcke, die Sie benötigen, um "… kommerzielle Websites, Startups, kreative Projekte und eine Vielzahl anderer Nischen" zu überladen.

Gutenberg Getwid Block List

Getwid enthält eine ganze Reihe von Gutenberg-Blöcken. Denken Sie daran, dass es auch mit Gutenberg-Kernblöcken funktioniert, was bedeutet, dass Sie nichts daran hindern sollte, erstaunliche Inhalte zu erstellen, die für Ihre Website funktionieren. Hier ist die Liste der Gutenberg-Blöcke, die auf Getwid verfügbar sind (Warnung: Es ist SEHR LANG).::

  • Abschnitt
  • Schieberegler für Medien und Text
  • Bildschieberegler
  • Ikone
  • Symbolbox
  • Banner (ja, komplett mit Animationen – woo hoo!)
  • Akkordeons
  • Wimpern
  • Hebel
  • Bilderstapel-Galerie
  • Google Maps
  • Letzte Beiträge
  • Erweiterte Überschrift
  • Bilderbox
  • Erweiterter Abstandshalter
  • soziale Bindungen
  • Tastengruppe
  • Zeugnis
  • Personenbox
  • Instagram
  • Fortschrittsbalken
  • Kreisförmiger Fortschrittsbalken
  • Zähler
  • Preisbox
  • Kontaktformular
  • Postkarussell
  • Post-Schieberegler
  • Benutzerdefinierter Nachrichtentyp
  • Preisliste
  • MailChimp
  • Video-Popup
  • Bildzugriffspunkt
  • Countdown
  • Inhaltszeitleiste

Ugh, welche Liste? Und zu denken, dass jeder der oben genannten Blöcke viele Einstellungen, Stile und Optionen enthält, sodass Sie Ihre Inhalte so gestalten können, wie Sie es möchten.

So weit so gut, das Getwid Gutenberg Block Plugin sieht sehr vielversprechend aus.

Nachdem Sie nun wissen, womit wir arbeiten, lassen Sie uns Getwid installieren und die verschiedenen Blöcke durchgehen. Ich hoffe, Ihnen gefällt der folgende Abschnitt genauso gut wie mir, als ich das Plugin ausprobiert habe.

So installieren Sie das Getwid Gutenberg Blocks Plugin

Da Getwid im offiziellen WordPress-Plugin-Repository verfügbar ist, verschwenden wir keine Zeit damit, das Plugin auf Ihren Computer herunterzuladen. Stattdessen installieren wir das Plugin direkt über das WordPress-Admin-Panel.

Melden Sie sich ohne weiteres in Ihrem WordPress-Admin-Bereich an und navigieren Sie zu Plugins> Neu hinzufügen wie ich im Screenshot unten hervorhole.

So installieren Sie ein neues WordPress-Plugin

Über die Plugins hinzufügen Geben Sie auf der Seite "Getwid" in das Keyword-Suchfeld ein und klicken Sie auf Auf dem PC installieren Jetzt Schaltfläche, wie unten gezeigt.

Wie installiere ich getwid gutenberg blockiert Plugin für WordPress

Klicken Sie auf, ohne eine Sekunde zu verschwenden Aktivieren Schaltfläche, wie unten hervorgehoben, um die Installation abzuschließen.

wie man das getwid WordPress Plugin aktiviert

Und das ist; Ich habe nicht gelogen, als ich Ihnen sagte, dass das Einrichten von Getwid einfach ist 🙂

Lassen Sie uns nun sehen, was Getwid im Gutenberg-Editor bietet. Um herauszufinden, was sich im Geschäft befindet, müssen wir eine neue Seite oder einen neuen Beitrag erstellen. Arbeiten Sie mit dem, was Sie wollen.

Fügen Sie eine neue Seite hinzu

Ich werde nur zur Veranschaulichung mit einer Seite arbeiten. Und auch, weil ich das verehrte Total WordPress-Theme verwende, das mit einer Landingpage-Vorlage geliefert wird 🙂

Inzwischen wissen Sie wahrscheinlich bereits, wie man eine neue Seite in WordPress hinzufügt, aber wenn Sie ein absoluter Anfänger sind, navigieren Sie zu Seiten> Neu hinzufügen, wie unten gesehen.

Fügen Sie eine neue Seite in WordPress hinzu

Fügen Sie Ihren Seitentitel hinzu und wählen Sie die erforderlichen Einstellungen. Wenn Sie beispielsweise eine Zielseite in voller Breite wie Ihre erstellen möchten, wählen Sie die Option zu Seitenattribute Abschnitt, wie unten gezeigt.

Seitenattribute in gutenberb

Bitte beachten Sie, dass Sie in möglicherweise andere Optionen haben Seitenattribute Abschnitt abhängig von Ihrem Thema.

Fügen Sie Getwid Gutenberg-Blöcke hinzu

Das Hinzufügen von Getwid-Blöcken entspricht dem Hinzufügen typischer Gutenberg-Blöcke. Klicken Sie auf die mehr (+) Taste nach unten scrollen Getwid Blöcke, und wählen Sie den gewünschten Block.

Abschnittsblock

Um beispielsweise einen Getwid-Abschnitt hinzuzufügen, fügen Sie einfach den hinzu Abschnitt Block, wie unten gezeigt.

getwid Abschnittsblock

So einfach wie A, B, C. Danach müssen Sie Ihren Abschnitt nach Belieben entwerfen / gestalten. Mit dem Abschnittsblock können Sie abschnittsweise schöne Seitenlayouts ohne Codierung erstellen. Sie können Schieberegler, Hintergrundbilder, Videos, Parallaxe, Animationen, Formen, mehrere Farben usw. hinzufügen. zu Ihrem Abschnitt leicht. Informationen zum Anzeigen einer mit Abschnittsblöcken erstellten Seite finden Sie in der folgenden Abschnittsdemo.

Wie in der Abbildung unten gezeigt, können Sie einen beliebigen Block innerhalb des Abschnittsblocks hinzufügen. Sie können den Abschnitt auch nach Ihren Wünschen anpassen.

Konfiguration des getwid-Abschnittsblocks

Auf der rechten Seite der Seite haben Sie viele Möglichkeiten, den Abschnitt anzupassen. Wir werden kurz die Optionen von oben nach unten überprüfen.

  • Größe – Stellen Sie hier Ihre Abschnittsabmessungen ein. Zum Zeitpunkt des Schreibens haben Sie drei Breitenoptionen, nämlich Boxed, volle Breite, und Benutzerdefiniert. Darüber hinaus können Sie unterschiedliche Abschnittshöhen für Desktops, Tablets und mobile Geräte festlegen. Schließlich haben Sie die Möglichkeit, die Leerzeichen zwischen den Inhaltsblöcken innerhalb des Abschnittsblocks anzugeben.
  • Befüllen – Mit dieser Option können Sie das Auffüllen Ihres Abschnitts für Desktops, Tablets und mobile Geräte konfigurieren.
  • Margin – Fügen Sie für verschiedene Geräte Ränder um Ihren Abschnittsblock hinzu.
  • Ausrichtung – Hier können Sie die Vertikale und Horizontale Ihres Abschnitts für verschiedene Geräte festlegen.
  • Hintergrundfarbe – Sie können den Abschnitten eine beliebige Hintergrundfarbe hinzufügen.
  • Verlaufshintergrund – Mit dieser Option können Sie Hintergrundverläufe für Ihren Abschnitt erstellen. Diese Option ist nützlich, wenn Sie keine einfarbigen Hintergründe verwenden möchten.
  • Hintergrundbild – Hier können Sie Ihrem Abschnitt ein Hintergrundbild hinzufügen, anstatt Farben zu verwenden.
  • Hintergrundschieberegler – Jetzt können Sie Abschnitten Ihrer Seite Hintergrundschieberegler hinzufügen. Wie süß?
  • Hintergrundvideo – Möchten Sie Ihren Bereich mit einem Hintergrundvideo bereichern? Wenn ja, unterstützt Sie Getwid.
  • Vordergrund – Fügen Sie Ihrem Abschnitt Vordergrundeffekte hinzu.
  • Teiler – Fügen Sie Trennlinien zwischen Ihren Abschnitten hinzu
  • Eingangsanimation – Dank Getwid können Sie verschiedene Abschnitte nach Belieben animieren.
  • Erweitert – Hier können Sie HTML-Anker und CSS-Klasse hinzufügen

Medien- und Textschiebereglerblock

Klicken Sie auf, um einen Medien- und Textschiebereglerblock hinzuzufügen mehr (+) Symbol, scrollen Sie zu Getwid-Blöcke und klicken Sie auf Medien- und Textschieberegler, Wie unten gezeigt.

Media Slider Block und getwid Text

Sobald Sie den Block hinzugefügt haben, können Sie Ihre Medien hochladen und Text hinzufügen. Darüber hinaus können Sie den Block in der rechten Seitenleiste anpassen (siehe Abbildung unten).

Blockeinstellung für getwid media text slider

Hier einige Hinweise zu den Medien- und Textblockierungsoptionen in der rechten Seitenleiste, wie oben gezeigt:

  • Konfigurationen – Auf der Registerkarte Einstellungen können Sie die Anzahl der Folien, die Bildgröße, die Höhe des Schiebereglers, die Inhaltsbreite und die vertikale / horizontale Ausrichtung festlegen.
  • Textfarbe – Mit dieser Option können Sie die Farbe des Texts auf Ihrem Schieberegler anpassen
  • Überlappende Farbe – Sie können die Farbe der Überlagerung festlegen und die Deckkraft der Überlagerung festlegen
  • Befüllen – Verwenden Sie diese Option, um Ihre Medien- und Textschieberegler einfach aufzufüllen
  • Slider-Einstellungen – Hier können Sie Ihrem Schieberegler eine Animation hinzufügen und die Diashow aktivieren
  • Textanimation – Animieren Sie Text auf Ihren Schiebereglern
  • Erweitert – Fügen Sie eine benutzerdefinierte CSS-Klasse hinzu, damit Sie Ihre Schieberegler weiter entwerfen können

Hier ist ein großartiges Beispiel für den aktiven Text- und Medienschieberegler.

Bildschieberegler

Zusätzlich zum Medien- und Textschieberegler bietet Ihnen Getwid die Bildschieberegler Block auch. Navigieren Sie dazu zu Getwid-Blöcke und klicken Sie auf Bildschieberegler Sperren Sie wie im folgenden Screenshot beschrieben.

getwid image slider

Sobald Sie Bilder aus der Medienbibliothek hochgeladen oder hinzugefügt haben, können Sie den Schieberegler in der rechten Seitenleiste wie unten gezeigt anpassen.

Einstellungen für den getwid-Bildschieberegler

In der rechten Seitenleiste haben Sie folgende Möglichkeiten:

  • Bildeinstellungen – Auf dieser Registerkarte können Sie die Größe des Bildes auswählen, die Bilder automatisch zuschneiden und jedes Bild mit der Mediendatei oder der angehängten Seite verknüpfen. Dies ist besonders nützlich, wenn Sie Fotograf sind und Bildschieberegler verwenden, um Ihre Arbeit anzuzeigen.
  • Slider-Einstellungen – Hier können Sie die Anzahl der Folien angeben, die auf verschiedenen Geräten angezeigt werden können, z. B. Desktop, Laptop, Tablet und Mobilgerät.
  • Steuerungseinstellungen – Auf dieser Registerkarte können Sie angeben, wo Pfeile und Navigationspunkte angezeigt werden sollen.
  • Erweitert – Fügen Sie hier eine benutzerdefinierte CSS-Klasse hinzu

Für ein besseres Bild finden Sie hier eine Demo mit Bildschiebereglern für Ihr Sehvergnügen.

Bannerblock

Mit einem Bannerblock können Sie als Chef auf Ihrer WordPress-Website werben. Das Hinzufügen eines Bannerblocks ist ebenso einfach. Navigieren Sie zu Getwid-Blöcke im Gutenberg-Editor und klicken Sie auf Flagge Block, wie unten gezeigt.

getwid Bannerblock

Sobald Sie Ihre Banner-Mediendatei hinzugefügt haben, erhalten Sie einige Optionen, wie in der Abbildung unten gezeigt.

getwid Banner Blockeinstellungen

Wie Sie im obigen Bild sehen können, können Sie Ihrem Banner ganz einfach einen Link hinzufügen und den Link in einem neuen Tab öffnen. In der rechten Seitenleiste haben Sie weitere Optionen zum Anpassen Ihrer Banner. Hier können Sie die Bannergröße, Ausrichtung, Farben und Animationen anpassen.

Sie haben viele Möglichkeiten, attraktive Banner für Ihre Website zu erstellen. Schauen Sie sich diese Banner-Demos an, um eine Vorstellung davon zu bekommen, was Sie erstellen können.

Andere Blöcke von Getwid Gutenberg

Egal wie verlockend Sie auch sein mögen, Sie sind möglicherweise nicht in der Lage, 30 weitere Getwid-Blöcke in der heutigen Überprüfung abzudecken. Wenn wir das tun, wird es den ganzen Tag hier sein, da der Artikel zu lang zum Lesen sein wird.

Wie auch immer, ich hoffe, Sie können jetzt jeden gewünschten Getwid Gutenberg-Block hinzufügen und anpassen. Alles was Sie tun müssen, ist zu navigieren Getwid-Blöcke und klicken Sie auf den gewünschten Block. Fügen Sie danach Ihren Inhalt hinzu und passen Sie den Block in der rechten Seitenleiste an, wie wir es für die anderen Blöcke getan haben.

Weitere Beispiele für Getwid Gutenberg-Blöcke in Aktion finden Sie auf der Getwid-Plugin-Seite in MotoPress. Hier ist auch ein Meet Getwid-Beitrag, der sich mit den Angeboten des Plugins befasst.

Getwid ist ein leistungsstarkes Gutenberg-Plugin mit einer Reihe charmanter Blöcke. Darüber hinaus verfügt jeder Block über eine Reihe einzigartiger Optionen, mit denen Sie in kürzester Zeit ansprechende Inhalte erstellen können.

Darüber hinaus ist das Plugin unglaublich einfach einzurichten und zu verwenden. Sie benötigen keine Programmierkenntnisse oder Vorkenntnisse, um die Leistungsfähigkeit von Getwid zu nutzen und das Engagement auf Ihrer Website zu fördern.

Das Plugin ist 100% kostenlos und Open Source, was bedeutet, dass Sie es umfassend verwenden und anpassen können, ohne sich um Ihre Brieftasche oder Lizenz kümmern zu müssen. Es ist das perfekte Tool für Ihr professionelles WordPress-Toolkit.

Ich hoffe, Sie können jetzt Getwid verwenden, um Ihre WordPress-Seiten und -Postings zum Leben zu erwecken, ohne ins Schwitzen zu geraten. Wenn nicht, äußern Sie bitte Ihre Bedenken und Vorschläge im Kommentarbereich.

Was ist dein Lieblings-Gutenberg-Block-Plugin?