1
00:00:00,000 --> 00:00:02,610
Okay, jetzt lasst uns weitermachen und

2
00:00:02,610 --> 00:00:05,760
den Header
 für unsere Website
 erstellen. 

3
00:00:05,760 --> 00:00:08,870
Und genau so sieht
 es gerade aus,

4
00:00:08,865 --> 00:00:11,165
und es sieht überhaupt nicht gut
 aus. 

5
00:00:11,160 --> 00:00:13,620
Das ist es, was wir erreichen
 wollen. 

6
00:00:13,620 --> 00:00:14,790
Sie können die
 Kopfzeile hier sehen, wir

7
00:00:14,790 --> 00:00:16,430
haben das Logo auf der linken Seite

8
00:00:16,425 --> 00:00:19,415
und dann haben wir das
 Hauptmenü auf der rechten Seite. 

9
00:00:19,410 --> 00:00:21,140
jedoch

10
00:00:21,135 --> 00:00:23,855
Zeigen Sie Ihnen jedoch etwas wie wenn ich auf eine andere Seite gehen
 würde,

11
00:00:23,850 --> 00:00:26,300
sagen
 wir als Beispiel die
 About-Seite,

12
00:00:26,295 --> 00:00:28,955
genau hier können Sie sehen, dass
 die Kopfzeile anders ist. 

13
00:00:28,950 --> 00:00:31,490
Dieser hat einen schwarzen Hintergrund,

14
00:00:31,485 --> 00:00:33,455
während der Header auf

15
00:00:33,450 --> 00:00:36,210
der Homepage überhaupt
 keinen Hintergrund hat,

16
00:00:36,210 --> 00:00:39,150
fügt
 sich hier einfach in
 das Hintergrundbild ein,

17
00:00:39,150 --> 00:00:44,830
im Grunde müssen wir
 82 verschiedene Header erstellen. 

18
00:00:44,825 --> 00:00:47,605
Eine speziell für die
 Homepage und dann die

19
00:00:47,600 --> 00:00:50,780
andere für den Rest unserer Seiten. 

20
00:00:50,779 --> 00:00:52,359
Wie machen wir das jetzt? 

21
00:00:52,355 --> 00:00:53,845
Bevor ich dir das zeige,

22
00:00:53,840 --> 00:00:57,250
lass mich einfach die
 Demo-Website wegziehen. 

23
00:00:57,245 --> 00:00:58,825
Bevor ich
 dir jetzt zeige, wie das geht,

24
00:00:58,820 --> 00:01:00,130
möchte
 ich dir
 etwas anderes zeigen. 

25
00:01:00,125 --> 00:01:02,815
Wenn ich mit Elementor zu
 Edit gehen sollte,

26
00:01:02,810 --> 00:01:05,050
ging
 ich zu den Site-Einstellungen. 

27
00:01:05,045 --> 00:01:06,715
Neben der Möglichkeit,
 Ihre globalen Telefone und
 Ihre Farben und all das einzustellen

28
00:01:06,710 --> 00:01:09,700
,

29
00:01:09,695 --> 00:01:12,085
können
 Sie auch Änderungen an
 der Site-Identität vornehmen

30
00:01:12,080 --> 00:01:15,770
, genau
 hier haben wir Einstellungen. 

31
00:01:15,770 --> 00:01:17,540
Wenn ich hier auf
 die Dichte klicke,

32
00:01:17,540 --> 00:01:19,520
können
 wir auch den Site-Namen ändern. 

33
00:01:19,520 --> 00:01:21,800
Ich rufe
 meine Reisepassreise an. 

34
00:01:21,800 --> 00:01:23,620
Das ist der Name der Website. 

35
00:01:23,615 --> 00:01:28,865
Und dann wird der Slogan sein
, wenn Reisen auf Abenteuer trifft. 

36
00:01:28,865 --> 00:01:33,655
Für das Logo
 wähle ich genau hier das Logo aus. 

37
00:01:33,650 --> 00:01:35,830
Lasst uns das einfügen. 

38
00:01:35,825 --> 00:01:38,245
Und dann wähle ich für das
 Phi of Icon

39
00:01:38,240 --> 00:01:39,830
das
 Bild der IT
 mit dem

40
00:01:39,830 --> 00:01:41,720
grünen Hintergrund aus. 

41
00:01:41,720 --> 00:01:43,300
füge ich ein. 

42
00:01:43,295 --> 00:01:46,295
Und los geht's, wir
 haben unsere Site-Identität. 

43
00:01:46,295 --> 00:01:48,745
Jetzt können Sie auch hier zur
 Kopfzeile
 kommen

44
00:01:48,740 --> 00:01:51,980
und verschiedene

45
00:01:51,980 --> 00:01:55,250
Änderungen vornehmen, die Sie
 auswählen können, um das Logo
 auszublenden, den

46
00:01:55,250 --> 00:01:58,220
Slogan anzuzeigen,
 die Inhaltsbreite zu erhöhen

47
00:01:58,220 --> 00:01:59,510
oder
 die Inhaltsbreite zu reduzieren

48
00:01:59,510 --> 00:02:01,240
liegt alles an dir. 

49
00:02:01,235 --> 00:02:04,315
Da wir jedoch unsere eigenen benutzerdefinierten Header
 erstellen werden,

50
00:02:04,310 --> 00:02:06,710
müssen
 wir hier
 überhaupt nichts ändern. 

51
00:02:06,710 --> 00:02:07,910
Also werde ich jetzt
 weitermachen und einfach

52
00:02:07,910 --> 00:02:10,010
updaten. Und dann überprüfe
 ich das. 

53
00:02:10,010 --> 00:02:16,330
Okay, ich gehe zurück zum
 Backend Exit to Dashboard. 

54
00:02:16,325 --> 00:02:18,845
Und jetzt erstellen wir unseren Header. 

55
00:02:18,845 --> 00:02:20,795
Ich komme
 hier runter zu unseren Eltern. 

56
00:02:20,795 --> 00:02:23,215
Hier sehen Sie Elemente oder
 Headon-Lebensmittel sind Baumeister. 

57
00:02:23,210 --> 00:02:25,810
Dies ist vom Plugin. 
Ich klicke da rein. 

58
00:02:25,805 --> 00:02:28,265
Und jetzt
 klicke ich auf Neu hinzufügen. 

59
00:02:28,265 --> 00:02:34,175
Und jetzt nennen wir das den Homepage-Header.
 

60
00:02:34,174 --> 00:02:37,404
Dann genau hier, wo Sie
 eine Art von Vorlage haben. 

61
00:02:37,400 --> 00:02:39,100
Wir werden den Header wählen,

62
00:02:39,095 --> 00:02:41,455
und dann können wir wählen, okay,

63
00:02:41,450 --> 00:02:43,840
wo möchten wir diesen Header
 anzeigen? 

64
00:02:43,835 --> 00:02:46,315
Da es sich speziell
 um die Titelseite handelt,

65
00:02:46,310 --> 00:02:49,250
werde
 ich hier unten wählen, dass
 Sie bestimmte Ziele haben. 

66
00:02:49,250 --> 00:02:51,620
Ich wähle
 bestimmte Seiten aus und

67
00:02:51,620 --> 00:02:54,820
lade hier
 einfach nach Hause ein. 

68
00:02:54,815 --> 00:02:56,075
Und da gehst du. 

69
00:02:56,075 --> 00:02:57,665
Jetzt wird bei diesem speziellen
 Header

70
00:02:57,665 --> 00:02:59,945
nur
 auf der Homepage angezeigt. 

71
00:02:59,945 --> 00:03:02,095
Und dann können Sie für Benutzerrollen genau
 hier wählen, okay,

72
00:03:02,090 --> 00:03:05,150
vielleicht möchten Sie
 diese Kopfzeile nur anzeigen, um angemeldete

73
00:03:05,150 --> 00:03:06,920
Benutzer sind ausgeloggte Benutzer

74
00:03:06,920 --> 00:03:09,080
oder Bearbeitungen oder Sie haben
 viel Flexibilität. 

75
00:03:09,080 --> 00:03:11,120
Ich werde
 das einfach leer lassen, weil wir

76
00:03:11,120 --> 00:03:13,250
für alle da sein
 wollten. 

77
00:03:13,250 --> 00:03:15,710
Jetzt haben Sie

78
00:03:15,710 --> 00:03:18,860
diese Option aktiviert
 Layout für uns Vorlage. 

79
00:03:18,860 --> 00:03:21,350
Jetzt
 ist die Sache mit Elementor, dass Sie neben

80
00:03:21,350 --> 00:03:24,160
der Standardvorlage und
 einer von Ihrem Theme bereitgestellten

81
00:03:24,155 --> 00:03:26,575
Elemente auch
 zwei benutzerdefinierte Vorlagen erhalten. 

82
00:03:26,570 --> 00:03:30,140
Einer wird als elementare
 Canvas-Daten bezeichnet, volle Breite,

83
00:03:30,140 --> 00:03:31,400
einfacher in
 voller Breite bedeutet, dass

84
00:03:31,400 --> 00:03:34,850
Ihre Inhalte bis zu
 den Rändern Ihres Bildschirms erstrecken können. 

85
00:03:34,850 --> 00:03:36,410
Also geht im Grunde die
 volle Breite, dass

86
00:03:36,410 --> 00:03:38,230
ich so bin wie keine Ränder Muster
 sind. 

87
00:03:38,225 --> 00:03:40,075
Elemental Canada als
 Implementierungen, dass Sie

88
00:03:40,070 --> 00:03:41,980
keine
 Kopf- oder Fußzeile haben werden. 

89
00:03:41,975 --> 00:03:45,595
Es ist im Grunde ein leeres
 Element oder unsere Vorlagen,

90
00:03:45,590 --> 00:03:47,420
wir gehen nicht
 mit einer Canvas-Vorlage. 

91
00:03:47,420 --> 00:03:50,260
Es ist also wirklich nicht nötig, dieses Layout
 zu aktivieren,

92
00:03:50,255 --> 00:03:51,685
aber ich werde die Elemente
 der Vorlage voller Breite
 auswählen

93
00:03:51,680 --> 00:03:53,740
. 

94
00:03:53,735 --> 00:03:56,315
Lass uns jetzt weitermachen
 und auf „Veröffentlichen“ klicken. 

95
00:03:56,315 --> 00:04:00,865
Jetzt klicke ich
 auf Bearbeiten mit Elementor. 

96
00:04:00,860 --> 00:04:03,440
Was wir hier
 erreichen wollen, ist das,

97
00:04:03,440 --> 00:04:05,500
lassen Sie mich die Demo-Seite zurückbringen. 

98
00:04:05,495 --> 00:04:08,545
Es wird im Grunde
 ein Abschnitt mit zwei Spalten sein. 

99
00:04:08,540 --> 00:04:11,510
Die linke, die linke
 Spalte, wir haben das Logo,

100
00:04:11,510 --> 00:04:13,010
während die Spalte auf der rechten Seite das
 Hauptmenü hat und wir möchten auch,

101
00:04:13,010 --> 00:04:16,160
dass

102
00:04:16,160 --> 00:04:18,230
die Spalte auf der hellen

103
00:04:18,230 --> 00:04:20,990
mit dem Hauptmenü
 mehr Breite hat . 

104
00:04:20,990 --> 00:04:21,740
Also sieh dir das an. 

105
00:04:21,740 --> 00:04:23,420
Okay, genau hier klicke
 ich

106
00:04:23,420 --> 00:04:25,060
hier auf den
 Plus-Button. 

107
00:04:25,055 --> 00:04:27,425
Und jetzt können wir
 unsere Struktur wählen. 

108
00:04:27,425 --> 00:04:29,935
Und ich werde
 diese eine Kluft hier wählen. 

109
00:04:29,930 --> 00:04:31,390
Diese wird haben,

110
00:04:31,385 --> 00:04:35,435
die erste Spalte wird ein
 Drittel des gesamten Abschnitts haben,

111
00:04:35,435 --> 00:04:38,545
während die zweite Spalte zwei Drittel haben
 wird. 

112
00:04:38,540 --> 00:04:42,170
Da wir den Abschnitt,
 wie Sie sehen können, für
 die Inhaltsbreite
 bearbeiten

113
00:04:42,170 --> 00:04:44,830
, könnten
 wir tatsächlich die volle
 Breite erreichen,

114
00:04:44,825 --> 00:04:47,605
wenn Sie möchten. 

115
00:04:47,600 --> 00:04:50,120
Aber ich gehe
 mit Box und ich

116
00:04:50,120 --> 00:04:54,310
wähle 1240 Pixel.
 

117
00:04:54,305 --> 00:04:56,215
Dies ist nur meine
 persönliche Präferenz. 

118
00:04:56,210 --> 00:04:58,510
Ich habe Menschen geliebt 1240 Pixel. 

119
00:04:58,505 --> 00:05:01,825
Jetzt, hier für die
 allererste Spalte,

120
00:05:01,820 --> 00:05:03,160
klicke
 ich hinein. 

121
00:05:03,155 --> 00:05:06,095
Ich scrolle den
 ganzen Weg hier runter. 

122
00:05:06,095 --> 00:05:09,035
Und wir
 versuchen das Logo hinzuzufügen. 

123
00:05:09,035 --> 00:05:12,365
Also füge ich das Website-Logo hinzu. 

124
00:05:12,365 --> 00:05:15,415
Klicken Sie auf, legen Sie es hinein. 

125
00:05:15,410 --> 00:05:18,010
Und jetzt haben wir unser Logo. 

126
00:05:18,005 --> 00:05:20,515
Jetzt können Sie sehen
, weil das Logo
 weißen Text hat

127
00:05:20,510 --> 00:05:22,610
und dies
 ein weißer Hintergrund ist. 

128
00:05:22,610 --> 00:05:23,810
Aber ertrag es einfach mit mir. 

129
00:05:23,810 --> 00:05:25,630
Okay, ich entscheide mich. 

130
00:05:25,625 --> 00:05:29,995
Die Bildgröße hier
 gehe ich vorerst voll aus. 

131
00:05:29,990 --> 00:05:32,360
Dann lasst uns fortfahren und

132
00:05:32,360 --> 00:05:34,940
auf die Schaltfläche Bearbeiten
 für diesen Abschnitt
 klicken. 

133
00:05:34,940 --> 00:05:36,740
Alles klar, also habe ich da
 reingeklickt. 

134
00:05:36,740 --> 00:05:38,550
Ich gehe wieder zum Style. 

135
00:05:38,554 --> 00:05:40,254
Und dann ist er dorthin gegangen, wo
 du angefangen hast zu tippen. 

136
00:05:40,250 --> 00:05:42,380
Ich entscheide mich für Klassiker. 

137
00:05:42,380 --> 00:05:46,150
Jetzt wähle ich
 die Farbe Schwarz. 

138
00:05:46,145 --> 00:05:49,615
Jetzt kannst du das Logo tatsächlich
 sehen, oder? Okay. 

139
00:05:49,610 --> 00:05:52,190
Gehen wir nun zur
 zweiten Spalte. 

140
00:05:52,190 --> 00:05:55,760
Wir werden unsere
 Navigationselemente hinzufügen. 

141
00:05:55,760 --> 00:05:57,200
Schreiben Sie also gegen
 das Navigationsmenü,

142
00:05:57,200 --> 00:05:59,720
klicken Sie auf ziehen, drogen Sie das Innere. 

143
00:05:59,720 --> 00:06:02,660
Und dann können Sie sehen, dass
 das Hauptmenü standardmäßig ausgewählt ist. 

144
00:06:02,660 --> 00:06:06,110
Wenn Sie jedoch eine
 Reihe von Änderungen vornehmen müssen,

145
00:06:06,110 --> 00:06:08,500
beachten Sie genau hier, dass das Hauptmenü
 verbleibt. 

146
00:06:08,495 --> 00:06:11,245
Der Text ist in
 Großbuchstaben, er ist weiß. 

147
00:06:11,240 --> 00:06:14,840
Es ist auch nach
 rechts und auch in der Mitte ausgerichtet. 

148
00:06:14,840 --> 00:06:16,540
Also müssen wir für Verdünner tun. 

149
00:06:16,535 --> 00:06:19,225
Lasst uns wieder hier rein gehen. 
Als erstes werde ich

150
00:06:19,220 --> 00:06:22,190
beim Bearbeiten des
 Navigationsmenüs genau hier

151
00:06:22,190 --> 00:06:24,830
das Layout klicken.
 

152
00:06:24,830 --> 00:06:28,490
Und jetzt
 entscheiden wir uns für „Ausrichten“ nach rechts. 

153
00:06:28,490 --> 00:06:30,980
Wie Sie
 gerade sehen können, ist es auf der rechten Seite. 

154
00:06:30,980 --> 00:06:33,550
Jetzt lasst uns zum Stil übergehen. 

155
00:06:33,545 --> 00:06:36,865
Und wir werden zur Typografie
 herkommen. 

156
00:06:36,860 --> 00:06:38,800
Klicken Sie auf die Schaltfläche „Bearbeiten“. 

157
00:06:38,795 --> 00:06:42,185
Com nicht-haarige Transformation,
 wählen Sie Großbuchstaben. 

158
00:06:42,185 --> 00:06:43,045
Okay? 

159
00:06:43,040 --> 00:06:45,070
Und dann klicken
 wir für die Textfarbe

160
00:06:45,065 --> 00:06:47,425
auf das
 globale Symbol

161
00:06:47,420 --> 00:06:49,990
und wählen dann
 hauptsächlich für Weiß. 

162
00:06:49,985 --> 00:06:50,815
Gut. 

163
00:06:50,810 --> 00:06:52,940
Aber wie richten wir

164
00:06:52,940 --> 00:06:56,240
die Menüpunkte in der
 Mitte vertikal aus? 

165
00:06:56,240 --> 00:06:58,070
Was Sie hier tun möchten, ist, dass
 Sie hier auf
 die Spaltenpotenz bearbeiten klicken

166
00:06:58,070 --> 00:07:00,130
,

167
00:07:00,125 --> 00:07:02,395
diese spezielle Schaltfläche
 hier klicken. 

168
00:07:02,390 --> 00:07:05,240
Und jetzt können Sie sehen, dass
 wir Vertical Align haben. 

169
00:07:05,240 --> 00:07:07,490
Wir entscheiden uns für „Middle“. 

170
00:07:07,490 --> 00:07:08,800
Da gehst du. 

171
00:07:08,795 --> 00:07:10,255
Das ist es. 

172
00:07:10,250 --> 00:07:12,430
Aber wir sind noch nicht fertig. 

173
00:07:12,425 --> 00:07:13,885
Für das Logo. 

174
00:07:13,880 --> 00:07:17,360
Klicken wir auf die
 Schaltfläche Bearbeiten für das Website-Logo. 

175
00:07:17,360 --> 00:07:19,550
Und dann werden
 wir die Ausrichtung hier

176
00:07:19,550 --> 00:07:21,710
nach links gehen. 

177
00:07:21,710 --> 00:07:24,050
Als könntest du
 den Unterschied noch nicht wirklich erkennen,

178
00:07:24,050 --> 00:07:25,580
aber ertrage einfach mit mir. 

179
00:07:25,580 --> 00:07:27,080
Wir werden
 das nach links wählen. 

180
00:07:27,080 --> 00:07:30,780
Okay, lass uns
 jetzt weitermachen und Updates. 

181
00:07:31,180 --> 00:07:34,390
Jetzt
 schauen wir uns einfach an, was wir haben. 

182
00:07:34,385 --> 00:07:36,565
Sehen Sie sich die Seite an. 

183
00:07:36,560 --> 00:07:38,480
Und da gehst du. 

184
00:07:38,480 --> 00:07:39,500
Jetzt können Sie sehen

185
00:07:39,500 --> 00:07:43,130
unsere Homepage genau hier diesen
 speziellen Header hat,

186
00:07:43,130 --> 00:07:44,720
aber dann entwickelt sich weiter, um zu gehen

187
00:07:44,720 --> 00:07:47,110
sagen
 wir als Beispiel die
 About-Seite.
 Sie können sehen,

188
00:07:47,105 --> 00:07:50,545
dass wir diesen Header überhaupt nicht
 haben. 

189
00:07:50,540 --> 00:07:53,930
Wenn es zur
 Kontaktseite gehen möchte. 

190
00:07:53,930 --> 00:07:57,230
Als Beispiel können Sie sehen, dass
 wir diesen Header nicht haben. 

191
00:07:57,230 --> 00:07:58,730
Genau hier

192
00:07:58,730 --> 00:08:01,660
hat
 die Homepage jetzt

193
00:08:01,655 --> 00:08:03,925
dieses spezielle Handout
 mit dem schwarzen Hintergrund,

194
00:08:03,920 --> 00:08:07,960
dem Logo und dann
 den Menüpunkten. 

195
00:08:07,955 --> 00:08:09,625
Um das abzurunden, werde
 ich tatsächlich

196
00:08:09,620 --> 00:08:11,930
ein paar Änderungen vornehmen.
 

197
00:08:11,930 --> 00:08:14,570
Gehen wir zurück zur Rubrik. 

198
00:08:14,570 --> 00:08:15,890
Okay, und ich weiß, dass ich gesagt

199
00:08:15,890 --> 00:08:18,670
dass
 die Inhaltsbreite
 1240 Pixel beträgt,

200
00:08:18,665 --> 00:08:20,315
aber ich habe einige
 weitere Tests gemacht,

201
00:08:20,315 --> 00:08:23,485
und ich denke, es ist am besten, dass wir mit der vollen Breite
 gehen. 

202
00:08:23,480 --> 00:08:25,930
Also lasst uns vorerst mit
 voller Breite gehen. 

203
00:08:25,925 --> 00:08:28,765
Dann werden
 wir diese
 Spalte, die das Logo

204
00:08:28,760 --> 00:08:36,030
trägt, auf 2525% Prozent reduzieren
. 

205
00:08:36,034 --> 00:08:41,554
Während die Spalte, die die
 manuellen Elemente enthält, 75% haben wird. 

206
00:08:41,555 --> 00:08:43,585
Nehmen wir dann auch
 eine Änderung am Logo vor. 

207
00:08:43,580 --> 00:08:45,250
Ich klicke auf Logo bearbeiten. 

208
00:08:45,245 --> 00:08:46,925
Lass uns zum Stil gehen. 

209
00:08:46,925 --> 00:08:48,235
Und dann setzen
 wir dies für die maximale Breite

210
00:08:48,230 --> 00:08:51,460
auf 75%. 

211
00:08:51,455 --> 00:08:54,595
Und eine Frage, die Sie vielleicht haben, ist

212
00:08:54,590 --> 00:08:59,120
warum offensichtlich die maximale Breite
 und nicht die tatsächliche Breite. 

213
00:08:59,120 --> 00:09:00,230
Hier ist das Ding. 

214
00:09:00,230 --> 00:09:02,860
Wenn Sie die
 Breite für das Logo festlegen,

215
00:09:02,855 --> 00:09:05,425
das Logo
 immer diese Breite. 

216
00:09:05,420 --> 00:09:08,190
Wir gottlos, von der Bildschirmgröße. 

217
00:09:08,194 --> 00:09:09,954
Du arbeitest mit Max-Breite. 

218
00:09:09,950 --> 00:09:11,320
Sie sagen im Grunde genommen: Hey,

219
00:09:11,315 --> 00:09:14,725
das Logo sollte diese Breite niemals
 überschreiten. 

220
00:09:14,720 --> 00:09:17,240
Dann in Situationen, in denen
 die Bildschirmgröße nicht

221
00:09:17,240 --> 00:09:19,990
groß genug ist, dokumentiert
 die volle Breite des
 Logos

222
00:09:19,985 --> 00:09:21,145
die Größe der

223
00:09:21,140 --> 00:09:25,670
maximalen Breite ist viel
 besser für reaktionsschnelles Design. 

224
00:09:25,670 --> 00:09:27,890
Und du
 willst immer reaktionsschnell sein. 

225
00:09:27,890 --> 00:09:30,980
Also stellen wir
 das auf 75 Pixel ein. 

226
00:09:30,980 --> 00:09:33,620
Und wenn wir jetzt aktualisieren,

227
00:09:33,620 --> 00:09:37,000
wenn wir uns unseren Header ansehen,

228
00:09:36,995 --> 00:09:38,815
können
 Sie
 jetzt sehen, dass

229
00:09:38,810 --> 00:09:40,490
ähnelt, was wir

230
00:09:40,490 --> 00:09:44,120
hier
 auf der Demo-Website
 haben.
 

231
00:09:44,119 --> 00:09:47,239
Das Letzte, was zu tun
 ist, ist, dass wir

232
00:09:47,240 --> 00:09:51,980
diesen Header
 für den zweiten Header
 duplizieren werden. 

233
00:09:51,980 --> 00:09:53,480
Also hat er im Grunde das,
 was wir tun werden. 

234
00:09:53,480 --> 00:09:56,070
Okay, ich gehe
 zurück ins Backend. 

235
00:09:56,440 --> 00:10:00,350
Anstatt
 den zweiten Header
 für den Rest der Website zu erstellen

236
00:10:00,350 --> 00:10:02,020
,

237
00:10:02,015 --> 00:10:04,355
werden
 wir einfach
 hierher kommen und dann sehen Sie

238
00:10:04,355 --> 00:10:05,995
EA-Duplikate oder das

239
00:10:05,990 --> 00:10:07,820
die wesentlichen
 Atomduplikate. 

240
00:10:07,820 --> 00:10:09,380
Ich mache jetzt
 weiter und
 dupliziere einfach

241
00:10:09,380 --> 00:10:11,630
den Homepage-Header. 

242
00:10:11,630 --> 00:10:14,320
Jetzt sehen Sie
 Entwürfe Elementor. 

243
00:10:14,315 --> 00:10:17,095
Lass uns weitermachen und
 ich klicke auf Bearbeiten. 

244
00:10:17,090 --> 00:10:19,160
Und dann schauen wir uns hier
 ein paar Änderungen an. 

245
00:10:19,160 --> 00:10:22,870
Wir nennen dies
 den globalen Header. 

246
00:10:22,865 --> 00:10:24,835
Sie können ihm einen anderen
 Namen geben, den Sie wollen,

247
00:10:24,830 --> 00:10:26,690
aber ich nenne
 dies einen globalen Header. 

248
00:10:26,690 --> 00:10:28,330
Und dann genau hier,

249
00:10:28,325 --> 00:10:30,725
pep von Vorlagen,
 ja, es ist der Header. 

250
00:10:30,725 --> 00:10:33,475
Dann ist das Display eingeschaltet. 

251
00:10:33,470 --> 00:10:37,400
Wir werden mit der
 ganzen Website gehen. 

252
00:10:37,400 --> 00:10:38,960
Aber um auf der sicheren Seite zu sein,

253
00:10:38,960 --> 00:10:41,590
komme
 ich hierher und
 sage „Ausschlussregel hinzufügen“. 

254
00:10:41,585 --> 00:10:43,975
Wir sagen, Hey, zeige das hier unten
 nicht
 auf der

255
00:10:43,970 --> 00:10:46,490
Homepage an. 

256
00:10:46,490 --> 00:10:47,800
Er hat eine bestimmte Seite. 

257
00:10:47,795 --> 00:10:51,125
Ich komme hierher
 und tippe einfach nach Hause ein, um
 sicherzustellen,

258
00:10:51,125 --> 00:10:53,185
dass
 dieser Header
 niemals
 auf der Homepage angezeigt wird

259
00:10:53,180 --> 00:10:55,180
. 

260
00:10:55,175 --> 00:10:58,985
Es wird nur
 auf der gesamten Website angezeigt. 

261
00:10:58,985 --> 00:11:00,505
Und da gehst du. 

262
00:11:00,500 --> 00:11:02,870
Also Vorlage auch volle Breite. 

263
00:11:02,870 --> 00:11:06,080
Lass uns jetzt weitermachen
 und auf „Veröffentlichen“ klicken. 

264
00:11:06,079 --> 00:11:08,599
Und da gehst du. 

265
00:11:08,600 --> 00:11:10,460
Um also wieder hier reinzugehen,

266
00:11:10,460 --> 00:11:11,970
lasst uns diese Seite aktualisieren. 

267
00:11:11,974 --> 00:11:14,344
Das ist also der Header
 für die Homepage. 

268
00:11:14,345 --> 00:11:15,475
Aber jetzt sieh dir das an. 

269
00:11:15,470 --> 00:11:17,330
Okay, wenn ich
 auf eine andere Seite gehen wollte,

270
00:11:17,330 --> 00:11:19,610
sagen
 wir als Beispiel die
 About-Seite. 

271
00:11:19,609 --> 00:11:21,229
Jetzt werden Sie sehen, dass

272
00:11:21,230 --> 00:11:23,290
der doppelte Header
 nicht angezeigt wird. 

273
00:11:23,285 --> 00:11:25,805
Gehen wir auch zur
 Artikelseite. 

274
00:11:25,805 --> 00:11:29,845
Sie können noch einmal sehen, dass der doppelte
 Header nicht angezeigt wird,

275
00:11:29,840 --> 00:11:31,220
obwohl wir
 gesagt haben, dass

276
00:11:31,220 --> 00:11:32,690
der doppelte
 Header
 auf jeder Seite außer
 der Homepage angezeigt

277
00:11:32,690 --> 00:11:35,740
wird,

278
00:11:35,735 --> 00:11:37,835
was genau hier vor sich geht. 

279
00:11:37,835 --> 00:11:40,145
Und vertrau mir, es hat
 mehrere Stunden gedauert. 

280
00:11:40,145 --> 00:11:41,905
Nur China findet genau heraus

281
00:11:41,900 --> 00:11:44,980
warum das nicht funktioniert hat,
 aber ich habe es herausgefunden. 

282
00:11:44,975 --> 00:11:46,765
Was Sie
 tun möchten, ist einfach hier
 zur doppelten
 Kopfzeile zurückzukehren

283
00:11:46,760 --> 00:11:48,910
. 

284
00:11:48,905 --> 00:11:51,125
Dies ist der doppelte
 Treffer, der jeder erstellt wurde. 

285
00:11:51,124 --> 00:11:53,454
Was du
 tun willst, ist das, okay,

286
00:11:53,450 --> 00:11:55,750
versuche
 einfach zu initiieren,

287
00:11:55,745 --> 00:11:56,755
lass uns
 tatsächlich zurück
 zum Back-End gehen

288
00:11:56,750 --> 00:11:59,120
, damit
 du nicht verwirrt bist. 

289
00:11:59,120 --> 00:12:01,000
Alles klar, von hier

290
00:12:00,995 --> 00:12:04,355
aus klicke einfach
 auf Bearbeiten mit Elementor. 

291
00:12:04,350 --> 00:12:06,650
Bearbeiten Sie mit Elementor. 

292
00:12:06,650 --> 00:12:09,050
Und was Sie dann tun
 werden, ist genau hier,

293
00:12:09,050 --> 00:12:12,560
initiieren Sie
 einfach jede
 Art von Veränderung. 

294
00:12:12,560 --> 00:12:15,020
Angenommen, Sie fügen die
 Überschriftenelemente hier hinzu,

295
00:12:15,020 --> 00:12:17,260
zum Beispiel, okay,
 lassen Sie das dort hinein. 

296
00:12:17,255 --> 00:12:19,835
Siehst du jetzt, dass der
 Update-Button verfügbar ist? 

297
00:12:19,835 --> 00:12:23,545
Okay, ich gehe wieder
 rein und schließe das. 

298
00:12:23,540 --> 00:12:25,550
Der springende Punkt
 hier ist, dass Sie eine Art Änderung an
 der Kopfzeile
 vornehmen möchten

299
00:12:25,550 --> 00:12:27,370
eine Art Änderung an
 der Kopfzeile
 vornehmen

300
00:12:27,365 --> 00:12:29,335
, damit

301
00:12:29,330 --> 00:12:32,410
dieser Update-Button bergab
 ausgelöst wird. 

302
00:12:32,405 --> 00:12:34,735
Jetzt können wir updaten. 

303
00:12:34,730 --> 00:12:36,440
Und jetzt sollte es klappen. 

304
00:12:36,440 --> 00:12:38,390
Wenn Sie also aufgefordert werden,
 hier
 zu meiner Artikelseite zurückzukehren

305
00:12:38,390 --> 00:12:40,640
und jetzt zu aktualisieren. 

306
00:12:40,640 --> 00:12:43,640
Jetzt können Sie sehen, dass
 der doppelte Header

307
00:12:43,640 --> 00:12:46,870
jetzt zeigt, dass ich zurück
 zur Homepage gehe,

308
00:12:46,865 --> 00:12:48,395
genau dieselbe Kopfzeile
 ist. 

309
00:12:48,395 --> 00:12:50,045
Ich gehe auf die About Seite. 

310
00:12:50,045 --> 00:12:53,785
Und natürlich ist es auch
 genau derselbe Header. 

311
00:12:53,780 --> 00:12:55,400
Genau das sollten Sie
 tun

312
00:12:55,400 --> 00:12:56,960
, wenn Sie
 versuchen

313
00:12:56,960 --> 00:13:00,340
Ihre Kopf- und Fußzeilen
 auf den Duplikaten zu duplizieren. 

314
00:13:00,335 --> 00:13:02,995
Gehen Sie einfach mit Elementor in die
 Bearbeitung,

315
00:13:02,990 --> 00:13:05,240
fügen Sie ein Element hinzu, entfernen Sie
 dieses Element,

316
00:13:05,240 --> 00:13:07,910
nur um den Update-Button
 auszulösen. 

317
00:13:07,910 --> 00:13:08,900
Aktualisieren. 

318
00:13:08,899 --> 00:13:12,189
Und jetzt wird die neue
 doppelte Kopf
 - oder Fußzeile

319
00:13:12,185 --> 00:13:15,445
jetzt voll wirksam
 sein. 

320
00:13:15,440 --> 00:13:17,540
Das war's also für das Video, das
 wir unsere beiden Header erstellt haben. 

321
00:13:17,540 --> 00:13:20,160
Danke fürs Zuschauen und
 wir sehen uns in der nächsten Klasse.