Ich möchte nur noch ein paar Minuten damit verbringen
Sie durch
die allgemeinen Konzepte von Abschnitten,
Spalten sowie Elementen, Mustern und Rändern zu führen.
Wie ich es dir zuvor gezeigt habe.
Wenn Sie ein Element hinzufügen möchten,
können Sie einfach von der linken Seite ziehen
und
es dann einfach in die Folie fallen.
Jetzt ist das Ding automatisch, wenn
Sie Elemente mit Elementor hinzufügen,
ein Abschnitt und eine Wirtschaft
für dieses bestimmte Element erstellt.
Wir haben gerade die Texteditor-Elemente eingeworfen.
Und jetzt würden Sie feststellen,
wir diese blaue Linie hier haben.
Dies wird dieser Abschnitt sein, der die Spalte
enthält, in der die Textbearbeitung enthalten ist. Alles.
Beachten Sie genau hier, dass Sie
diesen braunen Knopf genau hier haben.
Und wenn ich den Mauszeiger darüber fahre,
heißt es „Spalte bearbeiten“.
Jetzt ist dies das eigentliche Element selbst,
das eigentliche Textbearbeitungswerkzeug.
Wieder einmal, so wie Elementarwandern
da ist, haben Sie ein Element,
egal ob Bild, Video oder Button.
Und dann wird eine Spalte gehalten,
die dieses Element enthält.
Sowohl in der Spalte als auch in den Elementen befinden sich
in einem Abschnitt.
Es ist irgendwie wie eine hierarchische Strukturabschnittsspalte
und dann das eigentliche Element.
Nun, genau wie beim Bearbeiten,
das Element, in dem Sie Zugriff auf den Inhaltsstil haben
, erweitert.
Sie können auch die Spalte bearbeiten, die dieses Element enthält.
Sie können sehen, dass ich unten auf der Seite geschoben
bin, es heißt „Spalte bearbeiten“.
Du klickst da rein.
Und dann haben Sie Zugriff auf
Layoutstil und Advanced.
Mit dem Layout können Sie Dinge tun, wie z. B.
die Länge der Spalte reduzieren.
Sie können die Ausrichtung ändern.
Sie können ein HTML-Tag-Fluide hinzufügen.
Sie können die Spalte stylen und wir möchten
einen schwarzen Hintergrund wie in einem roten Hintergrund hinzufügen.
Und du willst ein Bild hinzufügen, solche Dinge.
Damit viele Dinge du alles mit der Kolumne machen kannst.
Wenn Sie jetzt mit der rechten Maustaste auf die Schaltfläche Spalte bearbeiten klicken,
können Sie Dinge wie das Hinzufügen einer neuen Spalte und einer duplizierten Spalte tun
.
Sie könnten den Stil sogar kopieren und einfügen.
Vielleicht haben Sie einen schwarzen Hintergrund hinzugefügt,
Sie ändern den Schriftstil des
Textes und möchten diesen Stil wiederverwenden,
kopieren Sie einfach den Stil und dann können Sie
seinen Stil anderswo durchbohren.
Das Gleiche gilt auch für diesen Abschnitt hier drin.
Wenn ich hier oben auf den Button „ Abschnitt bearbeiten“ klicke.
Jetzt sehen Sie, dass ich Zugriff auf den Layoutstil erweitert habe.
Wie beim Layout kann ich dies auf volle Breite ändern.
Ich kann vielleicht die Größe oder die Länge der Breite nackt ändern
, sehr,
sehr breite Verfügbarkeit jetzt werde ich,
ich kann auch die Höhe ändern, wenn ich wollte.
Ich kann eine Menge Dinge machen.
Das Gleiche gilt für seinen Stil.
Auch hier kann ich eine Hintergrundfarbe hinzufügen. Wenn ich wollte.
Ich kann mehrere Dinge tun, wie Bewegungseffekte hinzufügen
und so weiter.
genau wie bei der Spaltenumgebung
Klicken Sie genau wie bei der Spaltenumgebung auf die Schaltfläche „Abschnitt bearbeiten“.
Sie können sitzen und Dinge wie
Abschnitt bearbeiten und ich kann duplizieren.
Ich kann sogar als Vorlage speichern, über die wir sprechen
werden , wenn wir Elementor Pro verwenden.
Lassen Sie mich jetzt schnell mit Ihnen über das Konzept der Ränder und Muster sprechen
, denn
dies wird sehr, sehr, sehr wichtig sein.
Jetzt habe ich hier einen Abschnitt, der
diesen Texteditor schreibt.
Was ich tun werde, ist, dass ich ein Bild in einen anderen Abschnitt einfüge
.
Lambdas wählen schnell ein Bild aus, mit dem Sie gehen möchten.
Lass mich in meine Mediathek gehen.
Lassen Sie mich dieses Bild genau hier wählen.
Jetzt sieh dir das an.
Lassen Sie mich dem Abschnitt hier eine Hintergrundfarbe hinzufügen.
Keine Sorge, ich zeige dir das alles ein bisschen später.
Alles klar. Was genau sind Margen?
Ränder werden verwendet, um Abstand zwischen Abschnitten hinzuzufügen.
Im Moment haben wir einen Abschnitt
diesen Texteditor mit
rotem Hintergrund enthält, hätte
hier einen weiteren Abschnitt, der das Bild enthält.
Wenn ich zwischen diesen beiden viel Platz schaffen wollte,
könnte ich hier tatsächlich ein Element verwenden
, das als Spacer-Element bezeichnet wird.
Sie können den konjugierten Abstandhalter sagen und ihn dann zwischen diesen beiden Abschnitten fallen lassen
.
Eine andere Möglichkeit, dies zu tun, wäre jedoch
, zu einem dieser Abschnitte zu gehen.
Ich gehe zum ersten Abschnitt hier drin.
Ich gehe zu Advanced und eine Vielzahl von gehobenen Margen.
Beachten Sie nun, dass Sie standardmäßig
Ränder und Muster zu allen vier Seiten eines Abschnitts links, rechts, oben und unten, rechts hinzufügen können
allen vier Seiten eines Abschnitts links, rechts,
.
Wenn ich nun entweder oben oder unten einen Rand hinzufügen wollte, können Sie sehen,
dass sie angekettet sind,
was bedeutet, dass alles, was Sie oben hinzufügen
, auch unten hinzugefügt wird.
Wenn Sie Werte für eine bestimmte Seite hinzufügen möchten
, möchten Sie bei 0 beginnen.
Zuallererst Zero.
Du kommst hier rein und dann kannst du
sehen, dass du die Verknüpfung der Werte aufheben kannst.
Im Moment können Sie also einfach hinzufügen, denn oben sind rechte
und linke Ränder für elementar
standardmäßig auf auto eingestellt,
Sie können dort keinen genialen erstellen.
Beachten Sie jedoch, dass, wenn ich anfange
Ränder am unteren Rand des ersten Abschnitts hinzuzufügen, beachten Sie, dass es sich um
einen Abschnitt handelt, der
das Bild enthält, nicht nach unten geschoben wird.
liegt daran, dass ich zwischen diesem ersten Abschnitt und diesem zweiten Abschnitt Raum schaffe
.
Wenn ich wollte, könnte ich auch
den Rückwärtsgang für den zweiten Abschnitt machen.
Ich kann zum zweiten Abschnitt hier in der Nähe gehen,
gehe zu Advanced. Unlink entwickelt sich.
Und jetzt kann ich anstelle eines vorgestellten unten
oben hinzufügen.
Jetzt können Sie sehen, dass wir diesen Abschnitt drücken und das Bild vom ersten Abschnitt aus nach unten halten
das Bild vom ersten Abschnitt aus nach unten
, der besagt, welche Ränder nützlich sind.
Sie sind nützlich, um Abstände zwischen Abschnitten zu erstellen.
Eines von Mustern, weil sie Muster haben.
Muster werden verwendet, um Abstand zwischen
einem Element und seinem Rand oder seiner Spalte zu schaffen.
Als Beispiel verwende ich den Texteditor hier.
Alles klar, also gehe ich da rein.
Ich gehe nach Advanced.
Und jetzt können Sie sehen,
dass ich das Muster zur Verfügung habe.
Ich werde die Verknüpfung der Werte aufheben.
Und wenn ich jetzt gleich hier mit dem Hinzufügen von Padding beginne,
können Sie sehen, dass ich hier oben Platz zwischen dem Texteditor und seinem eigenen Abschnitt erstelle
dem Texteditor und
.
Ich kann nach unten gehen,
genau das Gleiche machen.
Sie können also jetzt sehen, dass ich im Grunde
Raum für meine Texte schaffe,
ein Tool innerhalb eines eigenen Abschnitts.
Dafür werden Muster verwendet.
Sie verwenden, um Platz für
Elemente innerhalb einer eigenen Spalte oder ihres Abschnitts zu schaffen.
Das ist im Grunde das, was Muster nützlich sind.
Das ist also der Unterschied zwischen Rändern sind Muster.
Ränder werden verwendet, um Abstand zwischen Abschnitten zu schaffen.
Muster werden verwendet, um Abstand zwischen einem Abschnitt
und dem darin enthaltenen Element zu schaffen.
Hoffentlich haben Sie jetzt
ein gutes Verständnis dafür, wie hoch unsere Ränder und Polsterungen sind.
Noch ein schneller Thin,
Sie können Abschnitte auch durch einfaches Klicken und Ziehen neu anordnen
.
Wenn ich den Abschnitt mit dem Rand verschieben wollte,
halte ich das Bild auch nach oben.
Ich klicke einfach auf die Schaltfläche „Abschnitt bearbeiten“ und halte sie gedrückt.
Jetzt kannst du sehen, dass es mir erlaubt, mich zu bewegen.
Ich kann es dir ganz nach oben bewegen.
Warten Sie, bis der blaue Strich oder die BlueLine angezeigt wird,
und lassen Sie dann einfach ein Intro des Bildlichttages los.
Sie haben diese Option hier
mit elementwise, was es Ihnen ermöglicht,
unsere Abschnitte neu anzuordnen.
Sie könnten auch Spalten neu anordnen
und ich dupliziere diese Spalte einfach hier drin.
Lassen Sie mich dieses Bild schnell ändern
, nur um Ihnen eine sehr, sehr schnelle Demonstration zu geben
, lassen Sie mich dieses Bild wählen.
Also kann ich einfach
anklicken, wo Sie die Schaltfläche Spalte bearbeiten haben.
Und dann arrangieren wir es.
Sie können sehen, wo Sie sehen, wo Sie sehen können.
Diese Option steht Ihnen also
auch mit elementar zur Verfügung.
Sie sich also keine Sorgen, wenn wir anfangen, mit Elementen zu
gehen oder Sie beginnen,
es beginnt, viel mehr Funktionen und Funktionalitäten von Elementen zu entdecken
.
Und danke fürs Zuschauen.
Wir sehen uns in der nächsten Klasse.