1
00:00:00,000 --> 00:00:00,750
Willkommen zurück. 

2
00:00:00,750 --> 00:00:02,010
Jetzt, da ich Ihnen
 eine kurze Einführung in die
 Benutzeroberfläche von Elementor gezeigt habe

3
00:00:02,010 --> 00:00:05,480
. 

4
00:00:05,475 --> 00:00:08,915
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

5
00:00:08,910 --> 00:00:12,690
die Arten von
 Schriftfamilien, die Sie verwenden möchten,
 die Farben und so weiter
 festlegen

6
00:00:12,689 --> 00:00:14,759
. 

7
00:00:14,760 --> 00:00:18,050
Jetzt, auf derselben
 Benutzeroberfläche hier,

8
00:00:18,045 --> 00:00:21,815
gehen
 Sie hier oben
 zur Menüschaltfläche

9
00:00:21,810 --> 00:00:25,620
und gehen dann
 zu Ihren Site-Einstellungen. 

10
00:00:25,620 --> 00:00:27,680
Stimmt's? Jetzt hier ist der dünne. 

11
00:00:27,675 --> 00:00:29,825
Wir könnten globale Farben und
 Farben festlegen,

12
00:00:29,820 --> 00:00:31,410
die
 auf unserer gesamten Website verwendet werden können

13
00:00:31,410 --> 00:00:33,360
,

14
00:00:33,360 --> 00:00:34,960
klicken Sie auf globale Farben. 

15
00:00:34,960 --> 00:00:37,280
Nun wäre dies die
 Standardklausel, dass Sie

16
00:00:37,280 --> 00:00:39,770
ein blaues,

17
00:00:39,770 --> 00:00:44,270
dunkelgraues,
 hellgrau und dann Limette hätten. 

18
00:00:44,269 --> 00:00:46,209
Das wäre also
 für Ihren primären

19
00:00:46,205 --> 00:00:48,605
unser Kopf macht Ihre
 sekundären Header,

20
00:00:48,605 --> 00:00:50,815
Ihre Texte, dies wäre
 ein normaler Körper, der
 einen Akzent annimmt

21
00:00:50,810 --> 00:00:54,020
, der normalerweise für
 wie Links oder Schaltflächen verwendet wird. 

22
00:00:54,020 --> 00:00:56,330
Was ich tun werde, ist, dass
 ich
 diese tatsächlich in ein paar Klamotten umwandle

23
00:00:56,330 --> 00:00:59,300
, die
 ich hier habe. 

24
00:00:59,300 --> 00:01:01,970
Um sie zu ändern, klicke
 ich hinein. 

25
00:01:01,970 --> 00:01:04,280
Und wenn eine Primarvereinigung,
 gehe ich mit White. 

26
00:01:04,280 --> 00:01:06,610
Okay, warum es also fff sein
 wird,
 FFF

27
00:01:06,605 --> 00:01:11,405
sechs Fs ist im Grunde für
 White Album mein Primär. 

28
00:01:11,405 --> 00:01:13,205
Und dann werden
 wir das für die Sekundarstufe

29
00:01:13,205 --> 00:01:15,845
tatsächlich
 so behalten, wie es ist. 

30
00:01:15,845 --> 00:01:18,565
Aber dann gehen
 wir für SMS mit Schwarz. 

31
00:01:18,560 --> 00:01:21,530
Schwarz wird sechs Nullen sein. 

32
00:01:21,530 --> 00:01:26,660
Also 123456, das
 nennen wir die Hexadezimalwerte. 

33
00:01:26,660 --> 00:01:28,070
Okay, also sechs Nullen für Schwarz,

34
00:01:28,070 --> 00:01:29,590
sechs Fs für Weiß. 

35
00:01:29,585 --> 00:01:32,065
Und schließlich für die Akzente,

36
00:01:32,060 --> 00:01:33,430
die für die Links wären. 

37
00:01:33,425 --> 00:01:35,845
Ich hab meine Farbe hier drin. 

38
00:01:35,840 --> 00:01:39,200
Lassen Sie mich einfach schnell die
 Farbe für meinen anderen Bildschirm schnappen. 

39
00:01:39,200 --> 00:01:41,780
Komm gleich her und füge das ein. 

40
00:01:41,780 --> 00:01:42,800
Es ist also ein Orangeton,

41
00:01:42,800 --> 00:01:47,570
es ist im Grunde ein DECA 570. 

42
00:01:47,570 --> 00:01:49,040
Jetzt können Sie sich entscheiden,

43
00:01:49,040 --> 00:01:50,600
auch Ihre eigenen benutzerdefinierten
 Farben
 hinzuzufügen. 

44
00:01:50,600 --> 00:01:53,530
Es kann hier reinkommen,
 klicken Sie auf Farbe hinzufügen. 

45
00:01:53,525 --> 00:01:55,175
Man kann diesen so nennen

46
00:01:55,175 --> 00:01:57,005
könnte
 alles
 etwas geben oder sagen wir mal

47
00:01:57,005 --> 00:02:02,975
die spezielle Sonderfarbe. 

48
00:02:03,490 --> 00:02:06,290
Ich zeige dir etwas später, wie das
 funktioniert. 

49
00:02:06,290 --> 00:02:08,110
Nennen wir das
 einen besonderen Colo. 

50
00:02:08,105 --> 00:02:10,265
Und hier drin
 klicke ich auf das Kästchen. 

51
00:02:10,265 --> 00:02:13,145
Und lass uns einfach
 etwas Rötliches wählen. 

52
00:02:13,145 --> 00:02:16,885
Also habe ich meine eigene benutzerdefinierte
 Farbe namens Special Column. 

53
00:02:16,880 --> 00:02:20,260
Ich gehe
 jetzt weiter und aktualisiere einfach. 

54
00:02:20,255 --> 00:02:22,285
Wir haben unsere globale
 Klausel festgelegt,
 die

55
00:02:22,280 --> 00:02:24,190
wir auf der
 gesamten Website verwenden können. 

56
00:02:24,185 --> 00:02:27,625
Aber dann haben wir auch
 Zugriff auf globale Schriften. 

57
00:02:27,620 --> 00:02:29,480
Schriftfamilien sind sehr,
 sehr, sehr wichtig. 

58
00:02:29,480 --> 00:02:30,680
Also sieh dir diesen Artikel an. 

59
00:02:30,680 --> 00:02:32,260
Ich gehe globale Schriften runter. 

60
00:02:32,255 --> 00:02:34,525
Der erste hier
 wird primär sein. 

61
00:02:34,520 --> 00:02:36,020
Dies wäre für
 Ihre primären Header. 

62
00:02:36,020 --> 00:02:38,210
Werfen wir jetzt einfach einen
 Blick auf meinen anderen Bildschirm hier drin,

63
00:02:38,210 --> 00:02:39,440
denn ich habe mich für die Schriftfamilie der
 Bürger entschieden

64
00:02:39,440 --> 00:02:43,750
, die mit Oswald gehen.
 

65
00:02:43,745 --> 00:02:46,555
Oswald ist eine bestimmte
 Google-Schriftart, die mir gefällt. 

66
00:02:46,550 --> 00:02:49,600
Ich entscheide mich für Oswald
 für die Font-Familie. 

67
00:02:49,595 --> 00:02:52,255
Das Gewicht hier
 wird 700s betragen,

68
00:02:52,250 --> 00:02:54,140
es wird ein
 bisschen schwerer. 

69
00:02:54,140 --> 00:02:57,400
Dann werde ich
 diese beiden Großbuchstaben umwandeln. 

70
00:02:57,395 --> 00:02:58,765
Und dann lasse ich
 die anderen

71
00:02:58,760 --> 00:03:00,230
Zeilenhöhe, den Buchstabenabstand,

72
00:03:00,230 --> 00:03:03,190
welchen Abstand und so weiter auf dem
 Schlupf diese, wenn sie oben sind. 

73
00:03:03,185 --> 00:03:05,795
Als nächstes wird die Sekundarstufe
 sein. 

74
00:03:05,795 --> 00:03:08,045
Und dann nochmal zweitrangig

75
00:03:08,045 --> 00:03:11,165
gehe
 ich mit Oswald. 

76
00:03:11,470 --> 00:03:13,850
Auch alles für Sekundär. 

77
00:03:13,850 --> 00:03:15,320
Und dann die Größe hier,

78
00:03:15,320 --> 00:03:17,870
ich werde tatsächlich zu unseren 20 Pixeln
 gehen

79
00:03:17,870 --> 00:03:20,690
weil es ein
 bisschen kleinere Pixel geben wird. 

80
00:03:20,690 --> 00:03:23,420
Und dann wären die Gewichte
 hier unsere 600. 

81
00:03:23,420 --> 00:03:25,450
Und da gehst du. 

82
00:03:25,445 --> 00:03:27,115
Das ist für die Sekundarstufe. 

83
00:03:27,110 --> 00:03:29,810
Und dann Text, dies wird unser regulärer Text
 sein. 

84
00:03:29,810 --> 00:03:31,640
Ich werde tatsächlich von Familien
 unserer beiden neuen D2 Sands
 wechseln

85
00:03:31,640 --> 00:03:35,740
. 

86
00:03:35,735 --> 00:03:41,975
Also lasst uns nach einer neuen Tür suchen. 

87
00:03:41,975 --> 00:03:45,065
Ich sagte, es tut mir leid,
 ist kein neues Veto Nieto. 

88
00:03:45,065 --> 00:03:46,025
Es tut mir leid. 

89
00:03:46,025 --> 00:03:48,805
Trag sogar meine Brille. Ich kann
 immer noch nicht richtig sehen. 

90
00:03:48,800 --> 00:03:51,970
Millionen von Sensoren
 werden Volltext sein. 

91
00:03:51,965 --> 00:03:54,475
Und dann wäre die Größe hier

92
00:03:54,470 --> 00:03:59,390
18 Pixel und die Breite
 wird 500 betragen. 

93
00:03:59,390 --> 00:04:02,180
Und das ist nicht
 zuletzt,

94
00:04:02,180 --> 00:04:04,070
wir haben die Akzente. 

95
00:04:04,070 --> 00:04:06,110
Akzente werden Roboto sein. 

96
00:04:06,110 --> 00:04:07,310
Bleiben wir bei Roboto und warten Sie dann,

97
00:04:07,310 --> 00:04:09,450
bis es 500 ist. 

98
00:04:09,445 --> 00:04:11,405
Also ändern wir hier drin
 nichts. 

99
00:04:11,405 --> 00:04:13,855
Ich werde
 jetzt weitermachen und updaten. 

100
00:04:13,850 --> 00:04:16,040
Der Punkt hier ist
, dass wir diese Schriftfamilien tatsächlich
 verwenden können

101
00:04:16,040 --> 00:04:18,230
,

102
00:04:18,230 --> 00:04:21,620
diese Schriftfarben
 überall auf unserer Website. 

103
00:04:21,620 --> 00:04:23,120
Als Beispiel. 

104
00:04:23,120 --> 00:04:25,220
Lass mich das schließen

105
00:04:25,219 --> 00:04:28,509
und lass mich
 jetzt weitermachen und eine Überschrift hinzufügen. 

106
00:04:28,505 --> 00:04:29,935
Also klicke ich auf Drag,

107
00:04:29,930 --> 00:04:32,350
Drop den Kopf und die
 Elemente hier rein. 

108
00:04:32,345 --> 00:04:34,105
Jetzt sieh dir das mal an. 

109
00:04:34,100 --> 00:04:37,310
Wenn ich zu
 Style gehen wollte, in
 Ordnung, genau

110
00:04:37,310 --> 00:04:41,270
hier können Sie sehen, dass wir die Typografie-Option
 haben, um

111
00:04:41,270 --> 00:04:43,340
auszuwählen, welche Art von
 Topographie mit der gesamten Textfarbe
 arbeiten wollte

112
00:04:43,340 --> 00:04:45,860
. 

113
00:04:45,860 --> 00:04:47,120
Werfen Sie einen Blick auf
 die. Wenn ich

114
00:04:47,120 --> 00:04:48,440
auf dieses Icon hier klicke,

115
00:04:48,440 --> 00:04:51,050
dieses global aussehende
 Icon, klicke ich dort hinein. 

116
00:04:51,050 --> 00:04:54,670
Jetzt sehen wir, dass wir
 aus den fünf Optionen wählen können,

117
00:04:54,665 --> 00:04:56,755
Primär-,
 Sekundärtexten, Akzent

118
00:04:56,750 --> 00:04:59,240
und sogar der speziellen
 Farbe, die wir hinzugefügt haben. 

119
00:04:59,240 --> 00:05:00,700
So können Sie die globale verursachte Oktave nutzen

120
00:05:00,695 --> 00:05:02,395
, indem Sie sich

121
00:05:02,390 --> 00:05:06,670
die gleichen Ziele
 setzen
, indem Sie erneut hier klicken. 

122
00:05:06,665 --> 00:05:10,085
Und jetzt kann ich wählen, ob ich entweder
 zu den Primärtexten,

123
00:05:10,085 --> 00:05:13,835
Sekundärtexten, regulären
 Texten oder dem Akzent passt. 

124
00:05:13,835 --> 00:05:16,885
So würden die funktionieren. 

125
00:05:16,880 --> 00:05:20,490
Aber lass mich dir etwas
 noch Interessanteres zeigen. 

126
00:05:20,494 --> 00:05:24,024
Wenn ich zu
 den Site-Einstellungen
 zurückkehre,

127
00:05:24,020 --> 00:05:26,300
direkt unter
 dem Designsystem,

128
00:05:26,300 --> 00:05:28,730
hast du deinen Themenstil. 

129
00:05:28,730 --> 00:05:32,320
Wenn ich hier auf
 Typografie klicke,

130
00:05:32,315 --> 00:05:34,105
können wir jetzt
 bestimmte Schriftfamilien, Farben und
 Größen für unser H1- oder H2-Tag,
 h3 usw. festlegen

131
00:05:34,100 --> 00:05:36,440
bestimmte Schriftfamilien, Farben

132
00:05:36,440 --> 00:05:40,300
Größen für unser H1- oder H2-Tag,

133
00:05:40,295 --> 00:05:41,935
.