Schnelles Tutorial zur Verwendung von Blöcken im WPBakery Page Builder

Der WPBakery-Seitenersteller ist ein großartiges Tool, das mithilfe der WordPress-Plattform in die Website integriert ist und Ihnen hilft, den Inhalt der Website zu organisieren und zu präsentieren, indem Sie einfach darauf klicken, ziehen und ablegen. Es hilft auch, die Website mit vielen modernen und „coolen“ Effekten zu verschönern. Lassen Sie uns also in diesem Artikel lernen, wie Sie schnell Blöcke im WPBakery-Seitenersteller verwenden können. Und hier ist die Anleitung.

Warum den WPBakery-Seitenersteller verwenden?

Erstellen Sie eine flexible Seite, erstellen Sie relativ einfach eine Zielseite nach Ihren Wünschen. Viele reaktionsschnelle Funktionen für eine moderne und schöne Website-Oberfläche Viele Funktionen von YouTube, Google Maps und die Anzeige von Artikellisten sind integriert, um Ihnen beim Präsentieren zu helfen, ohne viel Codierung zu verstehen.

Viele Bauteile mit Effekten treffen auf viele Designstile

Der WPBakery-Seitenersteller enthält mehr als 98 Inhaltselemente (grob übersetzt als Inhaltsblöcke) mit äußerst modernen, hinreißenden Effekten. Selbst diejenigen, die sich gut mit CSS auskennen, Effekte erstellen, diese Inhaltsblöcke erstellen, ist nicht einfach. Aber hier müssen Sie diese Inhaltsblöcke nur auswählen und ziehen und ablegen, um sie Ihrem Zweck anzupassen, denn eine Webseite nur mit Text und Bildern ist langweilig. Es braucht mehr Effekte und andere Komponenten. Besonders die Möglichkeit, Spalten zu teilen, Zeilen zu teilen und für superschnelle Websites im WPBakery-Seitenersteller immer mobil zu reagieren, wird Ihnen das Gefühl geben, äußerst bequem zu sein.

Drag-Drop zum Erstellen einer Website (Drag-Drop)

Alles, was Sie tun müssen, ist Drag-Drop, um die Website zu erstellen. Wenn Sie einen Inhaltsblock hinzufügen möchten, müssen Sie nur auf die Schaltfläche klicken, um ihn hinzuzufügen. Wenn Sie sie anordnen müssen, müssen Sie sie nur per Drag-and-Drop verschieben. Wenn Sie den WPBakery-Seitenersteller verwenden, müssen Sie sich daher nicht mit Code vertraut machen, nicht einmal mit CSS oder HTML.

Praktische Backend- und Frontend-Editoren

Mit dem WPBakery-Seitenersteller können Sie Website-Inhalte mit 2 raffinierten Editoren erstellen:

• Frontend Editor : Dies ist der Editor, in dem Sie die Inhaltsänderungen live sehen. Besucher sehen, wie Sie sehen, aber natürlich haben Sie das Recht, den Inhalt zu bearbeiten.
• Backend-Editor : Im Gegensatz zum Frontend ist es derselbe Editor wie der Standard-Editor, und die Blockelemente sind übersichtlicher beschrieben.

Kompatibel mit jedem Theme, bereit für Responsive Design

Fast jedes Theme kann den WPBakery Page Builder verwenden. Und der Seitenersteller von WPBakery wurde nach Responsive Design-Standards entwickelt – einem Standard, der dazu beiträgt, dass Websites auf jedem Gerät und jeder Bildschirmgröße gut aussehen. Dies ist ein wichtiger Faktor, den Google beim SEO Ihrer Website bewerten muss.

Viele Addons unterstützen den WPBakery Page Builder

Da dies eine sehr leistungsstarke Komponente ist, wurde sie von der Community geschrieben, um viele Addons hinzuzufügen, die das Erweitern von mehr Funktionen, das Hinzufügen von mehr Inhaltsblöcken und Effekten unterstützen.

Anweisungen zur Verwendung von Inhaltsblöcken im WPBakery Page Builder

Alle Inhaltsblöcke sind Boxen. Wir werden den Zeilenblock und den Spaltenblock verwenden, um die Webseite in Zeilen und Spalten zu unterteilen (wie Microsoft Excel). Platzieren Sie dann andere Inhaltsblöcke in diesen Zeilen – Spalten.

Jeder Inhaltsblock kann bearbeitet werden durch: Eingabe eines Werts, Auswahl aus den verfügbaren Werten oder Drücken einer Schaltfläche. Sie müssen kaum etwas über Codierung wissen, da die Anpassungen recht intuitiv sind. Ein Inhaltsblock kann Eigenschaften wie Rahmen, Ausrichtung, Hintergrundbild, Anzeigeeffekt usw. anpassen.

Im Folgenden werde ich Inhaltsblöcke vorstellen.

Zeile – Zeile Dies ist die grundlegendste Komponente von WPBakery Page Builder. Wenn Sie der Website eine Zeile hinzufügen, können Sie die Anzahl der Spalten in dieser Zeile anpassen. Klicken Sie in der WPBakery Page Builder-Oberfläche auf Element hinzufügen und wählen Sie dann Zeile in der Liste aus, um Zeilen hinzuzufügen. Column – Column Das Konzept der Spaltenaufteilung für diejenigen unter Ihnen, die mit der Arbeit mit Code oder CSS (Bootstrap) nicht vertraut sind, können Sie einfach verstehen, eine Zeile kann in höchstens 12 Spalten unterteilt werden, Sie können sie in ebenso viele Spalten unterteilen wie du magst. . Bitte denken Sie beim Teilen von Spalten daran, dass Sie, wenn die Anzahl der Spalten mehr als 1 beträgt, die Responsive-Funktion der Spalte überprüfen und anpassen sollten, um die mobile Schnittstelle zu erfüllen Textblock – Textblock-Inhaltseditor, Textblock-WYSIWYG-Editor – eine Art der Textbearbeitung Tools wie Microsoft Word. Das Format des Textblocks ist identisch mit dem Editor-Tool auf der Seite oder dem Artikel, daher ist es sehr einfach zu verwenden. Wenn Sie sich immer noch fragen, wie Sie das Editor-Tool verwenden, können Sie mein Tutorial lesen: Anweisungen zur Verwendung des Editor-Tools zum Schreiben von Artikeln Symbol Mit WPBakery Page Builder können Sie spezielle Symbole aus der Font Awesome-Symbolbibliothek verwenden. Diese Symbole haben nicht das übliche Bildformat, aber sie ähneln normalen Schriftarten. Sie können die Farbe und Größe des Symbols ähnlich wie beim Eingeben von Text anpassen. Separator – Horizontaler Separator In diesem Abschnitt gibt es viele verschiedene Typen für Sie, wie zum Beispiel: durchgezogen – durchgezogene Linie, gepunktet – gepunktete Linie, gestrichelte – gestrichelte Linie… Sie können die Dicke der Trennlinie auch manuell anpassen. Trennzeichen mit Texttrennzeichen In diesem Abschnitt können Sie ein Stück Text in der Mitte des Trennzeichens hinzufügen. Sie können auch ein benutzerdefiniertes Symbol verwenden, wenn Sie dies für erforderlich halten. Nachrichtenfeld Dies ist ein Nachrichtenfeld, das die Funktion hat, Informationen von Ihrer Website an Ihre Website zu senden sich als Mitglieder auf der Website zu registrieren. Sie können das Nachrichtenfeld verwenden, um einen Nachrichtenblock mit einer Hintergrundfarbe und passenden Texten und Symbolen zu erstellen. FAQ FAQ ist ein Abschnitt, der Fragen erstellt, den von Ihnen eingegebenen Inhalt erweitern oder einschränken kann, um Platz auf der Website zu sparen und Benutzern zu helfen, die benötigten Informationen leicht zu finden. Einzelbild-Bildeditor , dies ist eine Einzelbild-Blocker-Funktion mit schönen Anzeigeeffekten. Bildergalerie Sie können eine Galerie mit verschiedenen Arten von Bildern erstellen, Seite an Seite mit Responsive Design, um Ihre Website schöner zu machen. Bildkarussell Dies ist ein Block mit vielen verschiedenen Bildern, aber Sie können jedes Bild nur der Reihe nach betrachten, Sie verwenden den Schiebeeffekt, um zwischen den Bildern zu wechseln. Registerkarten Sie sollten horizontale Inhaltsregisterkarten erstellen, um Anzeigeplatz zu sparen. Sie können auch andere Blöcke, die Sie in der Inhaltsliste benötigen, in diese Registerkarten einfügen, um eine vollständigere, einheitlichere Website zu erstellen. Tour Ähnlich wie Tabs, aber hier werden vertikale Inhalts-Tabs erstellt, die den Zuschauern helfen, einen Überblick über Ihre Website zu erhalten. Akkordeon In diesem Abschnitt können Sie Blöcke erstellen, die die Details eingrenzen oder erweitern können. Die Implementierung ist ähnlich wie bei den FAQ wie oben. Benutzerdefinierte Überschrift Sie können Titel mit verschiedenen benutzerdefinierten Schriftarten erstellen, indem Sie Schriftarten von Google Fonts verwenden, um ein auffälligeres Gefühl zu erzeugen. Schaltfläche Sie können Schaltflächen mit verschiedenen Links, Aktionsschaltflächen usw. erstellen. Sie können je nach Ihren Vorlieben Symbole, 3D-Schaltflächenstile, Flach usw. hinzufügen. Call-to-Action Ein Call-to-Action-Block hat die Funktion, die Aufmerksamkeit zu lenken und Website-Besucher dazu aufzurufen, in Ihrem Sinne zu handeln. Fügen Sie Symbole und Text mit dem integrierten Editor hinzu. Video Player Betten Sie Videos von Youtube mit benutzerdefinierten Breiten, Effekten usw. nach Ihren Wünschen in Ihre Website ein. Diagramm – Diagramm Sie können Kreisdiagramme, Kreisdiagramme, Säulen… gemäß den Anweisungen von WPBakery Page Builder erstellen. Oben finden Sie die notwendige Funktionseinführung, die Sie verwenden können. Wenn Sie ein urheberrechtlich geschütztes Design verwenden oder einen Webdesign-Service verwenden oder ein Design von tech888 kaufen, erhalten Sie außerdem eine Reihe von WP Bakery Builder -Add-Ons. Praktisch oder? Wenn Sie Fragen haben, lassen Sie sie hier, wir werden Ihre Fragen beantworten!