In der letzten Ausgabe wurden vorgestelltGrundlegende Einführung in den Elementor-EditorIn Verbindung mit dem WoodMart-Theme werden wir uns heute mit der Verwendung derElementor-EditorFühren Sie mit dem WoodMart-Theme fortgeschrittene Anpassungen am Website-Design durch. Ganz gleich, ob Sie neu im Design sind oder Erfahrung mit einem raffinierteren Layout haben, in diesem Beitrag finden Sie praktische Schritte und Tipps.
Schritte: Front-End der Website → Bearbeiten mit Elementor → Schieben Sie die Fußzeile nach vorne.(oder die Hinzufügung eines Moduls könnte sein)
Wie oben gezeigt, gibt es vier Schaltflächen, nämlich Hinzufügen, Vorlagendatei, ai Build, Themenvorlagenoptionen
Im Allgemeinen verwenden die meisten ist die erste, die zweite Vorlage-Datei, es sei denn, Sie ein Modul zu speichern, und dann wollen an einem bestimmten Ort hinzufügen, aber das gehört zu den High-Level-Einstellungen, die allgemeine Anfänger kann nicht verwendet werden, die dritte ai bauen wird nicht empfohlen, zu verwenden, das vierte Thema Vorlagen, nach dem Thema ist nicht das gleiche, natürlich, den Inhalt der verschiedenen, die oben zeigt die WoodMart Theme
Wenn wir auf Hinzufügen klicken, erhalten wir die folgenden Optionen
Die Form des oben gezeigten Containers kann je nach Situation gewählt werden.
Sie haben einen offensichtlichen Unterschied ist, dass Grid (Grid) erforderlich ist, um die erste, um das zweite Raster gesetzt, Flexbox (flexible Box) nicht brauchen, aber es wird ein Unterschied sein, ist, dass, wenn Sie eine flexible Box hinzufügen begann, nur die ganze, nicht getrennt, wählen Sie zwei oder drei, kann er nicht wählen, es sei denn, wieder hinzugefügt, aber wenn das Raster kann zwischen mehreren Formaten auf ihre eigenen wechseln. Menschen nach der tatsächlichen Situation zu wählen
Nach dem Hinzufügen eines Containers befinden sich oben auf dem Container drei Schaltflächen: Hinzufügen, Bearbeiten und Schließen.
Weiter oben in diesem Artikel wurde darauf hingewiesen, dass alle hinzugefügten Container auch in der Lage sind, Container hinzuzufügen, mit Ausnahme der Fußzeile am Ende der Seite, die hinzugefügt werden kann.
Der zweite Bereich ist der Editor, der einige Optionen für Container-Einstellungen bietet.
Die dritte ist geschlossen, mehr braucht man nicht zu sagen
Konzentrieren wir uns auf die zweite Bearbeitung, die wie folgt aussieht
Die anderen sind inPrevious Previous post.Haben auf nicht zu sagen, wie oben gezeigt, ist diese Funktion in der Regel nicht von Anfängern verwendet werden, aber wenn Sie Container schöner oder passen Sie die Vielfalt sein muss, in der Tat, die Übersetzung ist sehr deutlich geschrieben, so ist es leicht zu verstehen, das rote Feld hat ein Projekt, gibt es eine Richtung unten, zeigt das obige Bild nach unten, weil Sie den Container hinzufügen ausgewählt ist unten die anderen sind einige der Ausrichtung der Anzeige, gehen wir nach der tatsächlichen Situation zu justieren!
Der Stil ist auch inVorheriger ArtikelVorgestellt, und mehr gibt es hier nicht zu sagen
Eines der unausgesprochenen Merkmale der heutigen Erzählung ist die
Wie oben gezeigt, um besser zu verstehen, verwende ich das chinesische Bild zu sagen, sollte es besser sein, einige der grundlegenden Chinesen zu verstehen, haben die Optionen erklärt, sollten wir "klebrig" mehr verwirrt, weil die Übersetzung ist ungenau, in der Tat, auf dem Container können Sie wählen, um die oben oder unten, oder die Bedeutung der nicht festgelegt!
Transform: Container (Container) von einigen speziellen Effekten, gehen wir nach der Übersetzung zu wählen, in der Regel nicht zu bewegen haben!
Container Punkt hinzuzufügen, können Sie das Modul wählen, die linke Seite wird den Container (Layout), und die grundlegende Funktion (Basic), und dieElementor Merkmale der PRO-Version (Pro)
Die Grundfunktionen jedes Themas sind unterschiedlich, wenn Ihre Website andere Plug-ins hat, wird es auch in der Grundfunktion der Anzeige sein
Aber die grundlegenden Funktionen, um Ihre grundlegenden Bau einer Website gerecht zu werden, kann nicht genug schön sein, und bunte Effekte, dann müssen Sie Pro kostenpflichtige Version zu erreichen, müssen, was Modul hinzufügen, klicken Sie auf das Modul, das Sie benötigen, um den Container auf der Innenseite ziehen!
Beschreibung des Moduls:
Schritte: Website-Frontend → Bearbeiten mit Elementor → Container (Container) → Überschrift
Überschrift: Titel, verstanden als ein großer Titel, die folgende Tabelle, können Sie den Titel des Textes (Titel), sowie den Link (Link) und die Größe des Titels (HTML-Tag) sowie die Richtung des Titels (Alignment), der Titel der Farbe (Text Color), die Schriftart Layout (Typografie) Größe oder Schriftart, Größe und so weiter!
Schritte: Frontend der Website → Bearbeiten mit Elementor → Container (Container) → Texteditor
Text-Editor: Text-Editor (wenn der Text ist mehr empfohlen, diese zu verwenden, wie einige der Produkteinführung, die Einführung des Unternehmens, etc.) die folgende Tabelle, die Text-Inhalte, Text-Distribution (Spalten), kann als der Text in den gesamten Container, wie viel, Spalte Lücke (wenn Sie nicht die Text-Distribution, müssen Sie nicht anpassen) verstanden werden
Wie oben gezeigt, gibt es auch einen Texteditor-Stil, mit dem Sie das Farbschema, die Textausrichtung, die Farbe des Texttitels, das Textlayout, die Ausrichtung des Inhalts, die Breite des Inhalts und so weiter anpassen können.
Schritte: Frontend der Website → Bearbeiten mit Elementor → Container (Container) → Texteditor
image:Fotogalerie
Choose lmage: Wählen Sie ein Bild aus, das Sie aus der Mediathek der Website oder lokal hochladen können.
Bildauflösung: die Größe der Auflösung des Bildes, Sie können aus einer sehr breiten Palette von Auflösungen wählen.
Beschriftung: der Titel, kann angezeigt oder nicht angezeigt werden
Link: Link, kann benutzerdefinierten Link oder Medienlink anzeigen
Wie oben gezeigt, können Alignment (Bildposition), Width (Bildbreite), Max width (maximale Breite des Bildes), Height (Bildhöhe), Normal (Standardzustand), Hover (Hover-Zustand, Mausklick-Zustand) zwei verschiedene Zustände eingestellt werden, und der andere je nach der Übersetzung des Verständnisses auf der Linie!
Schritte: Container (Container) → Auswahl des zweispaltigen Layouts → Bildauswahlraster in Form der Auswahl von zwei Spalten
Wenn Sie den oben gezeigten Effekt erzielen möchten, müssen Sie die Funktion "Erweitert" des Bildes verwenden.Bitte beachten Sie, dass es sich um das Bild und nicht um den Container handelt.Wenn Sie brauchen, um den Wert Offset in der Margin (äußeren Rahmen) in der folgenden Abbildung, aber bitte trennen Sie die Symbole der Verbindung, wenn Sie nicht trennen, dann die vier Richtungen geändert werden zusammen, wie die obige Abbildung, eine Vorspannung links nach unten, eine Vorspannung rechts nach oben, in die entsprechende Richtung, um den Wert auf der Linie!
Natürlich gibt es eine einfache Möglichkeit, ein Bild von dieser Art der direkten Einfügung zu machen, wird einfacher als meine Methode, wählen wir nach Bedarf
Schritte: Frontend der Website → Bearbeiten mit Elementor → Container (Container) → Schaltfläche
Schaltfläche: Schaltfläche, können Sie den Link-Taste zu springen, ist ein wesentliches Merkmal, und schön!
Typ, in der Regel der Standard, Sie können auch andere
Text (Name der Schaltfläche), ggf. schreiben
Link-Schaltfläche zum Springen zu einem Link
Icon (Symbol), können Sie das Symbol oder kein Symbol, je nach der tatsächlichen Situation, um die Anpassung der
Taste lD (Button ID), müssen Sie in der Regel nicht die
Position: die Richtung der Schaltfläche
Typografie: Anordnung der Schaltflächen
Textfarbe: Textfarbe
Hintergrund Typ
Farbe: Farbe
Normal: Standard
Schweben: Schweben
Zwei verschiedene Zustände werden getrennt eingestellt
Schritte: Website-Frontend → Bearbeiten mit Elementor → Container (Container) → Spacer
Abstandshalter. Sie können es als die Lücke zwischen dem oberen und unteren Fleck oder Container verstehen
Schritte: Website-Frontend → Bearbeiten mit Elementor → Container (Behälter) → Teiler
Teiler.
Sie können die Breite und die Farbe sowie die Höhe einstellen, der Unterschied zwischen ihm und dem Abstandshalter (Spacer) ist, dass die Funktion ein wenig leistungsfähiger sein wird, die Funktion des Abstandshalters (Spacer) ist nur eine Lücke, wie unten gezeigt, die Wirkung der Teilung der Linie (Divider) wird nicht die gleiche sein!
Weitere Module
Video: Videoeinblendung
Google Maps: Karte einfügen
Symbol: Symbol
Diese Einstellungen sind relativ einfach einzurichten, so dass Sie sie entsprechend der Übersetzung einrichten können
In dieser Ausgabe haben wir über die grundlegenden Funktionen des Elementor-Editors und den Austausch von Erfahrungen gesprochen. Wir hoffen, dass Sie mit dem heutigen Tutorial die fortgeschrittene Anwendung des Elementor-Editors mit dem WoodMart-Theme meistern können, um eine schöne und funktionsreiche Website zu erstellen. In der nächsten Folge werden wir die Funktionen der kostenpflichtigen Version von Elementor vorstellen, also bleiben Sie dran für weitere professionelle Tipps und ausführliche Anleitungen!