Alles klar, also wenn all das langweilige Zeug
aus dem Weg ist, Lemon,
zeige ich Ihnen die Benutzeroberfläche für
Elementar der Benutzeroberfläche und
wie Elemente tatsächlich funktionieren.
Jetzt bin ich auf meinen Seiten genau hier und
ich werde die Homepage bearbeiten.
Was du tun wirst, ist das, was du hier oben leuchten sehen wirst.
Du siehst „Bearbeiten mit Elementor“.
Es wird genau hier dieser große blaue Knopf sein.
Also lasst uns weitermachen und darauf klicken.
Und was hier passieren wird, ist, dass Elementar gestartet wird
, um auf dieser speziellen Seite zu laufen.
Okay, das ist die Homepage.
Auf der linken Seite sehen Sie offensichtlich
die Box für Elementar, die Benutzeroberfläche.
Das allererste, was ich dir hier zeigen möchte
die drei Schaltflächen hier,
das Menü, das du da hineinklickst.
Sie haben Zugriff auf Dinge wie die Site-Einstellungen,
FIM-Aufbau, über die wir später sprechen werden.
Aber sehr schnell, kommen wir hierher
, um Referenzen zu verbrauchen.
Und ich weiß nicht, wie es dir geht.
Vielleicht gefällt dir das Lichtthema.
Ich mag das dunkle Thema.
Was ich hier machen werde, ist für das UI-Thema,
ich werde das Formular wechseln, automatisch erkennen.
Zu dunkel.
Ich bevorzuge nur einen schwarzen Hintergrund
und weißer Text ist einfach so viel cooler.
Meiner Meinung nach ist das wieder
völlig subjektiv,
aber ich werde es so dunkel halten.
Lass uns zurückgehen.
Hier drin. Sie können
etwas innerhalb von Element zu überall finden.
Wie auch immer, Elemente, wenn Sie möchten,
können Sie die Seite anzeigen
und dann das Dashboard verlassen .
Aber lass uns zurückgehen.
Jetzt.
Genau hier haben Sie Elemente und dann haben Sie global.
Global funktioniert nur mit der kostenpflichtigen Version des Elements.
Und dann möchten Sie Ihren speziellen Inhaltsblock speichern
und denselben Block auf einer anderen Seite irgendwo auf Ihrer Website verwenden
.
Darauf bezieht sich global im Grunde genommen.
Aber keine Sorge, wir reden später weiter.
Aber das sind Ihre Elemente.
Sie haben Grundelemente wie Ihre Kreuzung.
Sie gehen in den Bildtexteditor.
Nehmen wir zum Beispiel an,
Sie wollten Ihrer Seite ein Bild hinzufügen.
Sie würden einfach auf das Bildelement klicken und es dann
einfach in die Box legen.
Und dann können Sie von hier aus
das Bild auswählen, mit dem Sie arbeiten möchten.
Lassen Sie mich also als Beispiel das Bild dieses Mädchens wählen
mich also als Beispiel
die brasilianische Flagge hält.
Und da ist es.
Die Sache ist die meisten Elemente, die es mit typischerweise 3,5 Hauptfächern willkommen heißen wird
.
Wenn ich fertig bin, überwiegen Sie,
haben Sie den Inhaltsbereich.
In diesem Fall können Sie hier entweder Texte, Bilder, Videodateien, Audio usw. hinzufügen
.
Dann haben Sie einen Stil, in dem
Sie Dinge tun können, wie vielleicht das Kohlegesetz geändert,
die Größe ändern, ein Hintergrundbild seit der Höhe hinzufügen
und so weiter.
Und dann haben Sie die Registerkarte „Erweitert“.
Aber Sie können Dinge wie Ränder, Muster und keinen Abstand hinzufügen
.
Sie könnten auch einige Bewegungseffekte hinzufügen,
sind einige Grenzen und so weiter.
Normalerweise haben die meisten Elemente,
mit denen Sie gearbeitet
haben, diese drei verschiedenen Registerkarten oder Fächer.
Gehen Sie also zurück
und klicken Sie hier oben auf den Button,
damit Sie auf alle Elemente zugreifen können.
Sie können also sehen, dass wir die Grundelemente hier haben,
Videotaste, Abstandshalter und so weiter.
Jetzt können Sie diejenigen auf Bewährung unter der
kostenpflichtigen Version der
Portfolio-Galerie für Elementarbeiträge sehen.
So viele von ihnen.
Sie können also jetzt sehen, da wir die kostenpflichtige Version von elemental nicht
verwenden,
haben wir keinen Zugriff auf all diese Elemente.
Da wir jedoch mit dem wesentlichen Add-On-Plug-In arbeiten
, haben wir zum Glück
,
kostenlos Zugriff auf
ziemlich viele zusätzliche Elemente.
Sie können genau hier die wesentlichen Atome sehen.
Sie haben Dinge wie das fortschrittliche Akkordeon,
Call to Action, den unteren kreativen Knopf und so weiter.
Also werden wir mit einigen
dieser Elemente reinkommen.
Aber wenn wir zu Elementen oder unter Allgemein zurückkehren,
haben wir auch Zugriff auf mehr Blöcke.
Ich bin nur nah an dieser Koordinate.
Also der General mit
der kostenlosen Version von Elementen , auf die wir Zugriff haben,
mehr Elemente wie die Symbolbox,
Testimonial, soziale Icons und so weiter.
Lass mich das schließen.
Und dann hast du eine Seite.
Leider sind diese Elemente
nur mit der kostenpflichtigen Version von elemental verfügbar.
Sie haben WooCommerce wieder
nur mit der kostenpflichtigen Version von elemental verfügbar.
Wir haben über die wesentlichen Atome gesprochen.
Das ist also das andere Plug-In.
Wir haben die Kopf- und Fußzeile installiert.
Dieses Plugin ermöglicht es uns, eine benutzerdefinierte Kopfzeile zu erstellen
, und die benutzerdefinierte Fußzeile
für unsere Website hat Zugriff auf
Elemente wie die Elemente des Navigationsmenüs, den
Seitentitel, den Seitentitel,
Website-Logo und so weiter.
Und nicht zuletzt
haben wir Zugriff auf
die WordPress-Widgets wie Ihre Seiten,
Callender-Audio hat unsere Suche durchgeführt und so weiter.
Okay, das ist das für die Elemente.
Jetzt, hier unten, haben Sie Zugriff auf ein paar weitere Einstellungen.
Es mag irgendwie überwältigend klingen, aber keine Sorge,
sobald Sie mit Elementar willkommen sind,
ist es eigentlich nicht so überwältigend.
Es ist eigentlich sehr, sehr einfach zu arbeiten.
Hier unter Einstellungen.
Hier können Sie Dinge tun,
wie den Titel der Seite ändern, den
Status von veröffentlicht in Penn ändern und überprüfen,
Sie können Ihr vorgestelltes Bild hinzufügen.
Sie können auch den Titel ausblenden,
was wir tatsächlich tun.
Okay, ich verstecke den Titel.
Ich meine, wie oft gehst du auf eine Website und dann auf
der Homepage heißt es zu Hause dreiwertig, mach das.
Lassen Sie uns also einfach den Titel und dann das Seitenlayout ausblenden
.
Ich erkläre das etwas später
während wir im Kurs vorankommen.
Dann hast du den Alarm,
Entschuldigung, du hast den Lesefortschrittsbalken.
Dies wird durch das wesentliche Add-Ons Plug-In bereitgestellt.
Grundsätzlich ist der Punkt hier, dass Sie vielleicht in einigen Episoden gesehen haben
, wo
es beginnt, auf der Seite nach unten zu scrollen,
sehen Sie wie eine Leiste
sich horizontal oder vertikal bewegt
angibt, wie viel von
der tatsächlich gelesenen Menge und wie
viel mehr Inhalt Sie noch essen müssen.
Sie haben also diese zukünftige Einatmung.
Wir schauen uns das etwas später an.
Und dann gehe das Inhaltsverzeichnis nach oben.
Keine Sorge, wir reden später darüber.
Und dann können Sie unter Stil genau hier
den Körpertyp ändern.
Sie können eine Hintergrundfarbe hinzufügen, wenn Sie möchten.
Du kommst gerade hier rein,
wähle wie die Grundfarbe von Blau und so weiter.
Aber im Moment werde ich einfach weitermachen
und das Häkchen abschalten.
Und schließlich haben Sie die Fortgeschrittenen,
wo Sie Ihr eigenes Kostüm, unseren JavaScript-Code oder einen benutzerdefinierten CSS-Code hinzufügen können
Ihr eigenes Kostüm, unseren JavaScript-Code
,
der leider nur mit der kostenpflichtigen Version verfügbar ist
von elementar.
Okay, lass uns weitermachen.
Neben dem Satz.
Du, du hast den Navigator.
Nun navigieren Sie zu, dass Sie, sobald Sie beginnen, Elemente und Inhalte zu
Ihrer Seite hinzuzufügen,
können Sie mit dem Navigatorboden die gesamte Struktur im Wesentlichen in einem hierarchischen Format sehen
die gesamte Struktur im Wesentlichen in
Ihrer gesamten Seite.
Es kann also sehr, sehr einfach für uns sein, schnell nach einem bestimmten Element oder Buch zu suchen
, mit dem Sie arbeiten möchten.
Das ist es, was die Navigation oder Navigation wichtig ist.
Deshalb ist Next die Geschichte.
Wenn Sie also Dinge wie
die Farbe ändern oder im Grunde genommen etwas tun, befindet sich dies auf
der Registerkarte Verlauf
und Sie können es direkt hier sehen, von Anfang an,
als wir mit der Bearbeitung begonnen haben
Wenn wir die Benutzereinstellung für das UI-Thema von hell, von unserem Auto zu dunkel geändert
für das UI-Thema von hell,
haben,
können Sie sehen, dass es genau dort ist.
Wir haben ein Bild hinzugefügt,
wir haben den Seitentitel erreicht
damit Sie sofort hier reinkommen und eine dieser Aktionen rückgängig machen können
.
Und dann hast du Revisionen.
Revisionen sind ein bisschen mehr,
was ist jetzt? Ein bisschen robuster.
der Regel werden bei den Revisionen diese
Änderungen an Ihrer Vision beendet, sobald Sie Ihre Seite aktualisiert und gespeichert haben.
Ihrer Vision beendet, sobald Sie Ihre Seite aktualisiert und gespeichert haben
Er ist also ein bisschen robuster und handhabt.
Das ist also das Fett.
Und dann hier drin
hast du den Responsive-Modus.
Du klickst hier rein.
Jetzt können Sie entweder die Desktop-Ansicht,
Tablet-Ansicht oder die mobile Ansicht wählen.
Und das dünne ist, dass Sie sogar sehr, sehr, sehr spezifisch mit der Breite Ihres Bildschirms werden
können.
Sagen Sie zum Beispiel, wenn ich die Tabelle hier gewählt habe
, sehen Sie diese Griffe links und rechts.
Sie können tatsächlich zu einer bestimmten Dimension wechseln.
Und natürlich haben Sie OPIA
die Breite und die Höhe.
Wenn Sie eine bestimmte Art von Gerät haben, das Sie sehen möchten
, wie Sie
eingestellt haben, wird es auf dem jeweiligen Gerät aussehen.
Wir haben ganz konkrete Dimensionen.
Sie können hier reinkommen und die Maße sowohl für die Breite als auch die Höhe ändern
die Maße sowohl für die Breite
.
Aber ich gehe zurück, wechsle zum
Desktop und teile dann hier.
Sie können eine Vorschau Ihrer Änderungen anzeigen, sobald Sie sie vorgenommen haben.
Und schließlich können Sie unter Speicheroptionen alles Licht aktualisieren
.
Sie können als Entwurf speichern
oder als Vorlagenstrang speichern.
Als Vorlage bedeutet , dass Sie genau denselben Inhalt auf einer anderen Seite wiederverwenden
können.
Dies ist also im Grunde eine Aufschlüsselung
darüber, wie Elementar hinter den Kulissen geht,
die Benutzeroberfläche, wie Elemente hinzugefügt werden.
Auch hier, mach dir keine Sorgen, wenn es sehr, sehr überwältigend erscheint
, Azure beginnt mit Elementar zu laufen.
Es wird sehr einfach für dich, mit dir zu arbeiten.
Das war im Grunde ein Crashkurs
auf der elementaren Benutzeroberfläche. Danke fürs Zuschauen.
Begleite mich in der nächsten Klasse,
wir werden nun anfangen, unsere globalen Variablen zu setzen
. Wir sehen uns dann.