Willkommen zurück.
Jetzt, da ich Ihnen eine kurze Einführung in die Benutzeroberfläche von Elementor gezeigt habe
.
Werfen wir einen Blick auf die globalen Variablen und wie Sie die Arten von Schriftfamilien, die Sie verwenden möchten, die Farben und so weiter festlegen können
die Arten von Schriftfamilien, die Sie verwenden möchten, die Farben und so weiter festlegen
.
Jetzt, auf derselben Benutzeroberfläche hier,
gehen Sie hier oben zur Menüschaltfläche
und gehen dann zu Ihren Site-Einstellungen.
Stimmt's? Jetzt hier ist der dünne.
Wir könnten globale Farben und Farben festlegen,
die auf unserer gesamten Website verwendet werden können
,
klicken Sie auf globale Farben.
Nun wäre dies die Standardklausel, dass Sie
ein blaues,
dunkelgraues, hellgrau und dann Limette hätten.
Das wäre also für Ihren primären
unser Kopf macht Ihre sekundären Header,
Ihre Texte, dies wäre ein normaler Körper, der einen Akzent annimmt
, der normalerweise für wie Links oder Schaltflächen verwendet wird.
Was ich tun werde, ist, dass ich diese tatsächlich in ein paar Klamotten umwandle
, die ich hier habe.
Um sie zu ändern, klicke ich hinein.
Und wenn eine Primarvereinigung, gehe ich mit White.
Okay, warum es also fff sein wird, FFF
sechs Fs ist im Grunde für White Album mein Primär.
Und dann werden wir das für die Sekundarstufe
tatsächlich so behalten, wie es ist.
Aber dann gehen wir für SMS mit Schwarz.
Schwarz wird sechs Nullen sein.
Also 123456, das nennen wir die Hexadezimalwerte.
Okay, also sechs Nullen für Schwarz,
sechs Fs für Weiß.
Und schließlich für die Akzente,
die für die Links wären.
Ich hab meine Farbe hier drin.
Lassen Sie mich einfach schnell die Farbe für meinen anderen Bildschirm schnappen.
Komm gleich her und füge das ein.
Es ist also ein Orangeton,
es ist im Grunde ein DECA 570.
Jetzt können Sie sich entscheiden,
auch Ihre eigenen benutzerdefinierten Farben hinzuzufügen.
Es kann hier reinkommen, klicken Sie auf Farbe hinzufügen.
Man kann diesen so nennen
könnte alles etwas geben oder sagen wir mal
die spezielle Sonderfarbe.
Ich zeige dir etwas später, wie das funktioniert.
Nennen wir das einen besonderen Colo.
Und hier drin klicke ich auf das Kästchen.
Und lass uns einfach etwas Rötliches wählen.
Also habe ich meine eigene benutzerdefinierte Farbe namens Special Column.
Ich gehe jetzt weiter und aktualisiere einfach.
Wir haben unsere globale Klausel festgelegt, die
wir auf der gesamten Website verwenden können.
Aber dann haben wir auch Zugriff auf globale Schriften.
Schriftfamilien sind sehr, sehr, sehr wichtig.
Also sieh dir diesen Artikel an.
Ich gehe globale Schriften runter.
Der erste hier wird primär sein.
Dies wäre für Ihre primären Header.
Werfen wir jetzt einfach einen Blick auf meinen anderen Bildschirm hier drin,
denn ich habe mich für die Schriftfamilie der Bürger entschieden
, die mit Oswald gehen.
Oswald ist eine bestimmte Google-Schriftart, die mir gefällt.
Ich entscheide mich für Oswald für die Font-Familie.
Das Gewicht hier wird 700s betragen,
es wird ein bisschen schwerer.
Dann werde ich diese beiden Großbuchstaben umwandeln.
Und dann lasse ich die anderen
Zeilenhöhe, den Buchstabenabstand,
welchen Abstand und so weiter auf dem Schlupf diese, wenn sie oben sind.
Als nächstes wird die Sekundarstufe sein.
Und dann nochmal zweitrangig
gehe ich mit Oswald.
Auch alles für Sekundär.
Und dann die Größe hier,
ich werde tatsächlich zu unseren 20 Pixeln gehen
weil es ein bisschen kleinere Pixel geben wird.
Und dann wären die Gewichte hier unsere 600.
Und da gehst du.
Das ist für die Sekundarstufe.
Und dann Text, dies wird unser regulärer Text sein.
Ich werde tatsächlich von Familien unserer beiden neuen D2 Sands wechseln
.
Also lasst uns nach einer neuen Tür suchen.
Ich sagte, es tut mir leid, ist kein neues Veto Nieto.
Es tut mir leid.
Trag sogar meine Brille. Ich kann immer noch nicht richtig sehen.
Millionen von Sensoren werden Volltext sein.
Und dann wäre die Größe hier
18 Pixel und die Breite wird 500 betragen.
Und das ist nicht zuletzt,
wir haben die Akzente.
Akzente werden Roboto sein.
Bleiben wir bei Roboto und warten Sie dann,
bis es 500 ist.
Also ändern wir hier drin nichts.
Ich werde jetzt weitermachen und updaten.
Der Punkt hier ist , dass wir diese Schriftfamilien tatsächlich verwenden können
,
diese Schriftfarben überall auf unserer Website.
Als Beispiel.
Lass mich das schließen
und lass mich jetzt weitermachen und eine Überschrift hinzufügen.
Also klicke ich auf Drag,
Drop den Kopf und die Elemente hier rein.
Jetzt sieh dir das mal an.
Wenn ich zu Style gehen wollte, in Ordnung, genau
hier können Sie sehen, dass wir die Typografie-Option haben, um
auszuwählen, welche Art von Topographie mit der gesamten Textfarbe arbeiten wollte
.
Werfen Sie einen Blick auf die. Wenn ich
auf dieses Icon hier klicke,
dieses global aussehende Icon, klicke ich dort hinein.
Jetzt sehen wir, dass wir aus den fünf Optionen wählen können,
Primär-, Sekundärtexten, Akzent
und sogar der speziellen Farbe, die wir hinzugefügt haben.
So können Sie die globale verursachte Oktave nutzen
, indem Sie sich
die gleichen Ziele setzen , indem Sie erneut hier klicken.
Und jetzt kann ich wählen, ob ich entweder zu den Primärtexten,
Sekundärtexten, regulären Texten oder dem Akzent passt.
So würden die funktionieren.
Aber lass mich dir etwas noch Interessanteres zeigen.
Wenn ich zu den Site-Einstellungen zurückkehre,
direkt unter dem Designsystem,
hast du deinen Themenstil.
Wenn ich hier auf Typografie klicke,
können wir jetzt bestimmte Schriftfamilien, Farben und Größen für unser H1- oder H2-Tag, h3 usw. festlegen
bestimmte Schriftfamilien, Farben
Größen für unser H1- oder H2-Tag,
.
Damit wir dieses spezielle System nutzen können
,
müssen wir die Standardfarben und -schriften auf der Einstellungsseite deaktivieren
.
Denken Sie daran, lassen Sie mich das einfach schnell aktualisieren.
Ich zeige, wovon ich rede.
Wenn wir zurück zum Backend gehen,
lassen Sie mich gleich hierher kommen
gehen Sie zu Exit to Dashboard.
Wenn Sie in den Elementor-Einstellungen zu Ihren Elementor-Sets zurückkehren
,
müssen wir genau hier die Standardfarben und -schriften deaktivieren
genau hier
, um diesen neuen Designstil-Editor nutzen zu
können.
Also überprüfe ich diese beiden Kästchen.
Speichern Sie diese Änderungen.
Und jetzt lass mich das schließen.
Lassen Sie mich diese Seite noch einmal aktualisieren.
Jetzt sieh dir das mal an.
Wenn ich hier wieder reingehe, gehe zu
Site-Einstellungen und begleite die native Topographie.
Jetzt kann ich eine bestimmte Textfarbe für den Körper,
technische Größe, für die Links usw. festlegen.
Auch wenn ich zurückgehe, wenn ich zurück
zum normalen Labor-Back-End gehe und dann einfach
schließe und dann meine Überschrift hier wieder hinzufüge.
Wenn ich zum Stil gehe ,
bist du nicht zur Textfarbe gegangen.
Ich habe immer noch Zugang zu den Farben, die Alia verärgert haben.
Und dann habe ich auch für die Typografie
immer noch Zugriff auf
die Sekundärtexte. Grundsätzlich dieselben Optionen.
Ich sagte, wir haben Zugang zu ihnen.
So grundlegend streitig.
Geh noch einmal zum Set zurück
und dann wollte ich es nur behandeln.
Ich habe immer noch Zugriff auf diese Optionen.
Gehen wir zurück zur Typografie des Themenstils.
Ich habe meine Optionen hier, die ich bereits eingestellt habe.
Also was ich hier machen werde, ist das.
Okay, lasst uns zuerst die Typografie für unseren Körper wählen
.
Also hier wegen der Leiche
gehe ich hier rüber zur Textspalte.
Wir werden unser Schwarz wählen , das für den Text sein wird.
Für die Typografie.
Ich gehe einfach mit SMS.
Denken Sie daran, dass wir sagten, dass Texte Newton zu Sand sind,
Größe von 18 Pixeln und dann das Gewicht von 500.
Das wird für die Leiche sein.
Gut.
Jetzt zum Link.
Und überprüfe einfach, was ich hier habe für den Link.
Ich gehe mit Farbe,
der Akzentfarben-Typografie.
Ich gehe auch mit Akzent.
Nun, für das Alter warnt, okay,
das wird für die F1's ein bisschen anders sein.
Was ich hier gemacht habe, ist für
die Familienaufregung, die ich in Verzug bringen möchte.
Aber die Größe wird hier 100 Pixel betragen.
Sehr, sehr, sehr, sehr, sehr massiv.
Und dann wird das Gewicht hier 600 betragen.
Wir werden kaum H auf unserer Website verwenden,
also machen Sie sich keine Sorgen um die enorme Größe.
Ich behalte das bei 100.
Lasst uns jetzt zur H2 gehen.
Für H2 habe ich die Größe hier.
Ich klicke auf Typografie.
Die Größe hier habe ich auf 32 Pixel eingestellt .
32 Pixel, und dann habe ich das Gewicht hier auf 700.
Im Grunde ist dies der Haupt-Header
mit dem wir arbeiten werden.
Eigentlich entschuldigte ich mich, ich habe es zu 36 gesagt,
tut mir leid, sechs mal sechs Pixel für H2.
Dann schau dir das für das Alter von drei Jahren an.
Im Alter von drei Jahren
wird die Farbe hier die Akzentfarbe sein
, die orange Farbe.
Dann wird die Größe hier 22 Pixel betragen.
Dann wird die Familie hier primär sein,
was auch alt sein würde, sagte auch,
die primäre Schriftfamilie hier
unser Oswald sein werde. Ich werde für die H12 sein.
Also im Grunde zwei,
wir wären 36 Größe und Pixel,
die Familie von Oswald.
Es wird Großbuchstaben geben und dann 708 und wartet.
Und schließlich habe ich auch für den H4 gesagt, dass die
gleiche Farbe die Axonfarbe sein würde.
Und dann wird die Größe hier unsere 18 Pixel betragen.
Okay, also lasst uns nochmal Oswald wählen.
Dann wäre die Größe hier unsere 18 Pixel,
die gleiche Größe wie unsere Körpertexte haben.
Und dann noch eins.
Der allerletzte wird das fünfte Lebensjahr sein,
dem ich glaube nicht wirklich, dass
wir mit diesem mehrfachen gesetzlichen H5 gehen
werden, und dann wäre die Topographie
dieselbe sekundäre oder primäre, wenn Sie wollen.
Und dann wäre die Größe hier 16 Pixel.
Da gehst du.
Also werde ich jetzt weitermachen und das einfach aktualisieren.
Und das war's jetzt, ich weiß, dass dies ein sehr, sehr langes Video war
, in dem ich nur
über Autokredite und so sprach.
Aber es deutet darauf hin, dass auf unserer Website,
wenn überall ein H2 automatisch hinzugefügt wird,
die Werte von hier erben wird.
So ist unser H2 gerade,
hätte die Schriftfamilie Oswald,
Größe von 36 Pixel und dann ein Gewicht von 700.
Und dann gilt das Gleiche mit den Dreiern,
Vieren und so weiter.
Mou hat im Grunde genommen den globalen Wertefall eingerichtet
oder ich traf uns sowie unsere Körpertexte.
Aber wir haben auch gesagt , dass globale Farben,
die wir immer wieder verwenden können.
Wir haben gesagt, dass fünf von ihnen primäre,
sekundäre Texte Akzent,
besonders wenn ich keinen speziellen Ökologen In verwende, Ihnen zeigen wollten,
wie Sie zusätzliche benutzerdefinierte Farben hören können
, wenn Sie möchten.
Aber im Grunde genommen richten wir
unsere globalen Schriftfamilien, Farben und Größen ein.
Deutschland, das nächste Video, in dem wir
jetzt anfangen werden, den Header voller Website aufzubauen
.