WebSuche

So erstellen Sie eine Seite mit Visual Composer und füllen sie mit Inhalten

Last Updated on 11/10/2021 by MTE Leben

Der Seitenersteller von Visual Composer ist heutzutage aufgrund seiner Einfachheit und Effektivität einer der beliebtesten. Es ermöglicht, eine Seite praktisch von Grund auf neu zu erstellen, ihre Layoutstruktur zu ändern, Widgets und ganze Inhaltsblöcke hinzuzufügen und das Ergebnis in Echtzeit anzuzeigen.Visual Composer LocationCreating Page with Visual Composer

  • Um mit dem Hinzufügen von Inhalten zur Seite zu beginnen, wählen Sie die Registerkarte Elemente links oben auf der Seite und klicken Sie auf die Kachel +Zeile. Die Zeilen sind jedoch die Schlüsselblöcke jeder Seitenstruktur, daher müssen Sie zuerst Zeilen hinzufügen, bevor Sie versuchen, andere Inhalte oder Widgets hinzuzufügen.

    • Wenn Sie eine Zeile hinzugefügt haben, besteht diese standardmäßig nur aus einer Spalte. Um die Anzahl der Spalten zu ändern, müssen Sie auf der Registerkarte Zeileneinstellungen auf die Schaltfläche Layout ändern klicken (sie wird oben in der Zeile angezeigt). Infolgedessen ändert sich das Standardlayout in Ihr benutzerdefiniertes.


    • Ein Fenster, in dem Sie das geeignete Layout auswählen können eine Reihe wird geöffnet. Sie können jedoch das benutzerdefinierte Layout festlegen, indem Sie dem Textfeld die Proportionen für die Spalten hinzufügen, die die Zeile bilden (z. B. ⅓, ⅓, ⅓ oder ¼, ¼, ¼, ¼).

    • Da Sie nun die Spalten zu einer Zeile hinzugefügt haben, können Sie mit dem Hinzufügen von Inhalten und Widgets beginnen. Klicken Sie dazu auf die Plus-Schaltfläche und wählen Sie den Inhaltstyp aus, den Sie einer Spalte aus der erscheinenden Liste hinzufügen möchten. Der Block “Inhaltseinstellungen” wird geöffnet, in dem Sie Inhalte hinzufügen und bearbeiten können. Der Block besteht aus zwei Registerkarten:
  • Allgemein — in dieser Registerkarte können Sie Ihre Inhalte direkt hinzufügen und bearbeiten;

  • Designoptionen — Auf dieser Registerkarte können Sie auf die erweiterten Designeinstellungen zugreifen, wie z. B. Auffüllung, Ränder usw.).
  • Sie können fertige Blöcke als Voreinstellungen speichern, um sie erneut zu verwenden, oder sie als Standard speichern. Eine Voreinstellung kann jedoch leicht gelöscht werden.

  • Geben Sie Zeilen- und Spalteneinstellungen ein, um benutzerdefinierte Auffüllung und Ränder, Rahmen und Hintergrundfarbe für die gesamten Zeilen auszuwählen. Dadurch passen Sie die Einstellungen an das Erscheinungsbild Ihrer allgemeinen Seite an.

  • Es ist auch möglich, innere Zeilen hinzuzufügen und Spalten in bereits vorhandene Zeilen oder Spalten. Wenn Sie beispielsweise einer Spalte zwei Arten von Inhalten hinzufügen müssen, können Sie eine Zeile oder eine Spalte hinzufügen, die vertikal (in zwei Zeilen) oder horizontal (in zwei Spalten) unterteilt wird.

  • Eine weitere merkwürdige Option ist, dass die Spalten und die ganzen Zeilen per Drag & Drop an verschiedene Positionen auf der Seite gezogen werden können, sodass das Ersetzen von Elementen nicht viel Zeit in Anspruch nehmen. Sie benötigen jedoch zusätzliche leere Zeilen, um Inhalte zu platzieren.


  • In der oberen rechten Ecke des Visual Composer-Front- Wenn Sie den Editor beenden, sehen Sie zusätzliche Optionen.
    • Einstellungen — hier können Sie den Titel der Seite, die Sie erstellen, definieren und bei Bedarf benutzerdefiniertes CSS hinzufügen it;
    • Reaktionsfähigkeit — hier können Sie sehen, wie Ihre Seite auf verschiedenen Geräten aussehen wird;
    • Entwurf speichern — es wird eine Seite gespeichert als Entwurf;
    • Veröffentlichen — klicken Sie darauf, um Ihre Seite zu veröffentlichen, wenn sie fertig ist. Als Ergebnis können Sie es auf Ihrer Website anzeigen;
    • Beenden – diese Schaltfläche beendet den Visual Composer-Frontend-Editor. Vergessen Sie nicht, die Änderungen zu speichern, bevor Sie das Programm verlassen!


  • Leave a Reply

    Your email address will not be published. Required fields are marked *

    Back to top button