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,
.