Im vorherigen Video haben wir erfolgreich
unsere beiden Header erstellt,
einen für die Homepage
und den anderen für den Rest der Website.
Aber jetzt werden wir unseren Global Footer erstellen.
Und die gute Nachricht hier ist, dass wir nur eine der Footer erstellen müssen
, und
genau das versuchen wir zu erstellen.
Wir werden dieses Bild hier auf der linken Seite haben
und dann ein paar Kontaktinformationen, Social-Media-Symbole.
Und dann ist die Seite grundsätzlich hier unten urheberrechtlich geschützt
.
Lass uns weitermachen und das schnell machen.
Ich klicke auf „Neu hinzufügen“.
Und wir nennen dies die globale Fußzeile.
Wählen Sie die Option hier ist Footer
und natürlich angezeigt , da die gesamte Website.
Und wir ändern die Vorlage auf volle Breite.
Und da sind wir los.
Lass uns weitermachen Veröffentlichen.
Und jetzt lasst uns mit Elementor bearbeiten.
Jetzt möchte ich, dass Sie sehr genau auf einen massiven Unterschied zwischen der Kopf- und Fußzeile und der Kopfzeile achten
auf einen massiven Unterschied
zwischen der Kopf- und Fußzeile und
, die wir hier haben.
Wir haben im Grunde nur zwei Spalten.
Derjenige auf der linken Seite, der das Logo hält,
das auf der rechten Seite mit dem Code, das Hauptmenü.
Beachten Sie jedoch für die Fußzeile,
dass es ein bisschen anders ist.
Ja, wir haben immer noch zwei Spalten,
denen eine dieses Bild enthält,
die andere enthält die Kontaktinformationen.
Aber hier unten
ist dieser Copyright-Text tatsächlich eine dritte Spalte.
Es ist nicht unter dieser ersten Kolumne hier.
Es ist eigentlich eine separate Spalte für sich allein.
Um diese Art von mehrspaltigen Abschnitt zu erstellen,
verwenden wir
ein neues Element, das als E-Mail-Abschnitt in der Umfrage bezeichnet wird.
Es ist eigentlich das allererste Element, das Sie haben,
dieses hier in einem Abschnitt.
Ich klicke auf Drag und lege es dann hinein.
Okay, also zuerst das Wichtigste ist,
dass ich den allerersten Abschnitt bearbeiten werde.
Wenn Sie Probleme haben, auf den Abschnitt der Eltern zu
klicken,
können Sie Ihren Navigator grundsätzlich immer genau hier verwenden und Sie können genau hier
sehen , dass wir diese Abschnittsspalte und dann Kreuzung haben
.
Also klicke ich jetzt auf den Abschnitt.
Wir werden die Inhaltsbreite genau hier auf volle Breite ändern
.
Und dann Spalten Lücke.
Wir werden keine Lücke wählen.
Der Grund dafür ist, dass Sie, wenn Sie genau aufpassen,
jetzt sehen können, wie Sie das Bild haben,
es gibt keinen Platz,
es gibt keinerlei Polsterränder.
Das Bild befindet sich direkt
dort am unteren Rand.
Dort wählen wir hier unsere Knotenlücke.
Wir wollen überhaupt keine Lücken haben.
Dasselbe gilt auch für den inneren Abschnitt.
Aber bevor wir da reinspringen,
fügen wir eine Hintergrundfarbe hinzu.
Ich gehe zum Hintergrundetyp.
Und natürlich werden wir uns entscheiden, dass sie schwarz sind.
Also werde ich einen schwarzen Hintergrund für die Fußzeile haben.
Als nächstes wird jetzt die Ina-Abschnitte sein.
Ich klicke hier von der Navigation nach wieder auf den inneren Bereich
,
wir werden die volle Breite erreichen.
Und dann Spalten, Spalten Lücke hier.
Wir werden auch keine Lücke sagen.
Okay, genial.
Lassen Sie uns nun
die allererste Spalte hier behandeln,
die unser Image haben wird.
Also lasse ich das Bildelement dort drin fallen.
Wähle dieses Bild gleich hier aus.
Und falls Sie sich fragen, dass dies tatsächlich in Peru ist.
Es ist ein Ort namens Horeca Kina oder wer ist Cocina.
Ich bin mir nicht genau sicher, wie es auf Finanzen basiert,
im Grunde wie ein Wüstengebiet.
Sie können Soundboard machen und so weiter.
Ziemlich toller Ort zum Auschecken.
Und ich werde es zum Narren umstellen.
Aber dann ist hier der dünner, oder?
Wir werden die Spaltenbreiten ändern.
Wir machen die erste Kolumne hier drin.
Wir werden es tatsächlich ein bisschen breiter machen.
Wir werden also bis zu 63 Pixel gehen,
eigentlich 63%, also 63% und dann 37% für die zweite Spalte.
Aber wir werden das Bild ändern.
Das Bild ist viel zu groß.
Also lasst uns weitermachen und das Bild bearbeiten.
Und dann werden wir hier rüber gehen, um zu
stylen und sind hier,
ich werde 450 Pixel wählen.
Es ist also fast groß genug und breit genug.
Okay, das ist das Bild genau dort.
Jetzt schließe ich gerade den Navigator.
Für die zweite Spalte
fügen wir eine Reihe verschiedener Elemente hinzu.
Das allererste hier wäre das Überschriftenelement,
und dieses wird unsere Kontakte sein.
Ich gebe alles in Großbuchstaben ein. Kontakt.
Es wird ein H2 sein.
Für den Stil der Weisheit.
Wir gehen zur Textfarbe
und wählen einfach Primär aus.
Jetzt wählen wir eine andere Überschrift aus.
Schon wieder.
Ich werde es direkt unter den Kontakt fallen lassen
.
Dieser wird ein Telefon sein.
Wieder Großbuchstaben an Telefon.
Wir werden diesen jedoch ein Alter von drei Jahren machen.
Eigentlich machen wir es zu einem H4.
Wir werden es zu einem H4 machen
und wir werden einige Informationen hinzufügen.
Was ich hier machen werde, ist, dass ich
einfach mit der rechten Maustaste klicken und dann einfach dupliziere.
Und jetzt machen wir das ein Alter von fünf Jahren.
Die tatsächliche Telefonnummer wird eine h5 sein.
Ändern wir also die Zahl hier auf
090 Leerzeichen 645, Raum 3417.
Das wird die Telefonnummer sein.
Und ich gehe zurück zu Style und Topografie.
Lasst uns tatsächlich Texte wählen.
Ich bevorzuge dieses Textmuster,
also wählen wir dieses aus.
Dann duplizieren wir auch das Telefon.
Ziehen Sie es wieder unter der Telefonnummer hierher
.
Wir werden auch die Telefonnummer selbst duplizieren
.
Okay, und ziehen Sie dann das NIF-Telefon an.
Nun, ups, tut mir leid, das ist den ganzen Weg da oben gegangen.
Bringen wir es wieder hier runter.
Okay, jetzt bearbeiten wir das Telefon,
das zweite Telefon genau hier.
Wir ändern das in E-Mail.