In Ordnung, also lasst uns jetzt
die Blog-Seite erstellen,
auf der wir die Artikelseite im Hauptmenü benannt haben,
aber es ist tatsächlich die Blog-Seite.
Das erste, was wir hier tun werden, ist, dass wir noch nicht direkt mit Elementor bearbeiten können
noch nicht direkt mit Elementor bearbeiten
weil wir die Seite tatsächlich zuerst vom Backend aus bearbeiten müssen
,
von der traditionellen Arbeit ist Back-End.
Genau hier.
Wir können jetzt auf Edit with Elementor klicken.
Dies gibt uns nun Zugriff auf
die elementare Schnittstelle für die Seite.
Das erste, was ich tun werde, ist
dass ich hierher komme, um
Sit-Ins zu machen und einfach den Seitentitel auszublenden.
Dann benutzen wir einfach unsere eigene Überschrift.
Und das nennen wir unseren Blog.
Wir verkaufen es als H1, gehen zum Stil.
Eigentlich richten wir uns zuerst an der Mitte aus und gehen Sie zum Stil.
Und dann werden wir sie für die Typografie
als unsere primäre festlegen.
Wenn Sie nicht mit den globalen Schriftarten arbeiten,
können Sie dies auf etwa 60 Pixel oder ähnliches einstellen
.
Stellen Sie sicher, dass es ziemlich groß ist, oder?
Als Nächstes fügen wir
unseren Teiler für den Blog
und richten ihn an der Mitte aus.
Stellen Sie das auf Passungen ein.
Jetzt sieh dir das an.
Okay, wir werden Beiträge aus verschiedenen Kategorien hinzufügen.
Wir werden unser Posts-Raster aus den wesentlichen Add-Ons hier unten nutzen
.
Jetzt haben Sie eine Post-Timeline,
die eigentlich sehr daran interessiert ist
, was dies tun wird, ist, dass Ihre Beiträge in einer vertikalen Zeitleiste angezeigt werden
Ihre Beiträge in einer vertikalen Zeitleiste angezeigt
und es sich um einen anderen Stil handelt.
Persönlich bin ich kein großer Fan davon,
aber Sie haben diese Option, wenn Sie möchten.
Aber ich werde nicht damit laufen.
Ich benutze einfach das Post-Raster.
Okay, also ziehe ich das Posenraster,
springe Grate unter
den Teiler. Und jetzt sieh dir das an.
Die Quelle wird offensichtlich unsere Beiträge sein,
aber wir können basierend auf dem Autor, der Steuer Fermat und so weiter abfragen
.
Aber wir werden mit Kategorien arbeiten.
Hier.
Ich tippe in Europa ein.
In Ordnung.
Wir werden Posten aus Europa abrufen.
Die Postpaid-Seite wird hier auf drei eingestellt,
und dann wird das Layout eingefügt.
Also gehen wir mit drei Spalten für die Bildgröße.
Wir werden wie gewohnt voll gehen.
Nun würden Sie feststellen, dass es eine Fehlausrichtung in Bezug auf die Höhen gibt, da ich verschiedene Größen meiner Bilder für die Beiträge verwende
die Höhen gibt, da ich verschiedene Größen meiner Bilder für die Beiträge
.
Wie offensichtlich hat die Mode in
Istanbul das größere Image.
Und dann haben Posts für ihre Sünden in Pittsburgh
und Glasgow kürzere Bilder.
Es gibt einen Weg um das herum
und Sie werden es genau hier sehen.
Sie haben Bildhöhe.
Sie können einfach eine feste Höhe für Ihre Bilder festlegen.
Der einzige Nachteil dabei ist, dass
Sie manchmal nicht die besten Blickwinkel erhalten.
Wie zum Beispiel wissen Sie, wenn Sie
diesen größer als gemacht haben,
verpassen Sie möglicherweise den besten Winkel
in Ihren Bildern und so weiter.
Das ist also der einzige Nachteil.
Idealerweise möchten Sie Bilder mit derselben Breite und Höhe verwenden
derselben Breite und
, wenn es um vorgestellte Bilder geht,
aber das ist kein Problem.
Es ist okay.
Okay, also haben wir das.
Was sonst noch einfach tun, ist
eine Überschrift hinzuzufügen, um darauf hinzuweisen, dass
dies unsere Beiträge aus Europa sind.
Also komme ich her und sage Europa.
Okay, jetzt machen wir einige Änderungen an
der eigentlichen Pose Good selbst.
Layout-Einstellungen.
Hier drin.
Die akzeptieren Worte, die wir mit 15 gehen werden.
Zeig mehr lesen. Ja, zeig Metta.
Ja, Bot Loves.
Geh rüber zum Stil.
Was ich hier mache ist, dass ich Stil Nummer zwei auswähle.
Dieser zeigt uns das Datum an, an dem A2 den Avatar oder den Namen des Autors sicherstellt
.
Also bevorzuge ich diesen besonderen Stil.
Jetzt, wenn wir uns selbst verstehen,
werden wir zur Farbtypografie und dem Abstand übergehen.
Hey, nochmal, du hast den Titel Hover-Farbe.
Wir haben das früher gemacht,
ich werde diesen in Orange ändern.
Wenn sie also auf den Beitrags-Link schweben, wird es zu orange.
Dann werden wir für die Typografie
auch hier einige Änderungen vornehmen.
Ich werde das ein bisschen kleiner machen,
nur damit die majestätische Stadt Glasgow
einer einzigen Linie liegen kann.
Der Stil, ich werde mit kursivem Dekor gehen, keine.
Für die Schaltfläche „Mehr lesen“.
Lasst uns auch ändern.
Ich werde es hier unten mit Mo-Button-Style, der Textfarbe, herausfinden
.
Wir werden mit Orange gehen, nur um die Dinge konstant zu halten.
Und dann klicke ich natürlich für die Typografie hier rein,
klicke ich natürlich für die Typografie hier rein,
gehe zur Deklaration und setze mich dann zu keiner hin.
Und das war's.
Wir haben es eingerichtet. Europa, wir haben drei Posts.
Was ich jetzt sonst noch tun möchte, ist
Europa einfach zu duplizieren,
die Postgres genau hier zu duplizieren.
Ich werde Europa, das zweite, ziehen,
es hierher fallen lassen
und dieses dann nach Asien setzen.
Das wird die nächste Kategorie sein.
Jetzt für den eigentlichen Postgres selbst
werden wir die Kategorien hier in Asien ändern.
Also lass mich Gia tippen
da es ist.
Da gehst du. Und dann
lassen Sie uns nicht zuletzt noch einmal genau dasselbe machen, Duplikate,
Duplikate.
Jetzt ziehe ich Asia.
Veränderungen wollten nach Südamerika,
kommen Sie hier zu den Postgres.
Änderungen, eine nach Amerika.
Erinnert euch an Südamerika.
Und da ist es.
Eine weitere Sache, die wir tun könnten, ist, etwas Platz zwischen den Pole Gittern hinzuzufügen
. Also sieh dir das an.
Okay, ich gehe zu meiner Postgraduiertenarbeit,
entweder für Europa, gehe zu fortgeschritten,
um die Werte zu verknüpfen
und dann setze ich das untere Muster.
Sagen wir 25 Pixel.
Nichts zu drastisches,
wird auch für Asien den Satz bewirken.
Liegt unten 25 Pixel.
Und dann tun wir nicht zuletzt
auch für Südamerika, wenn
25 Pixel unten legen.
Lasst uns jetzt weitermachen Updates.
Und lasst uns die Seite ansehen.
Da ist es.
Okay, also fügen wir etwas Abstand
für den selbst gekauften Blog-Titel hinzu. Sieh dir das mal an.
Das sieht ziemlich ordentlich aus und es ist eigentlich ziemlich cool.
Lassen Sie mich schnell diese schnelle Änderung am Blogtitel vornehmen
.
Lassen Sie uns etwas Abstand hinzufügen. Also
werden wir gehen, tatsächlich gehen wir zur Abschnittsschaltfläche hier, wenn der gesamte Inhalt gedrückt
wird , wird auf Link erweitert
und sie werden einfach 50 Pixel für die Oberseite einstellen
und dann 50 Pixel für den unteren Teil als gut.
Ok, ODER Tore.
Jetzt, noch einmal,
schauen wir uns die Seite an.
Und voila Gesetz, los geht's.
Das ist die Blog-Seite, die alle ausgebaut ist.
Ich möchte dich jedoch herausfordern.
Um die Dinge interessanter zu machen.
Ich zeige dir ein Beispiel dafür, wovon ich rede.
Sowohl mit elementaren
mit den wesentlichen Atomen sind Plugin.
Sie haben Zugriff auf so viele Elemente, um
Ihre Seiten spannender und dynamischer aussehen zu lassen.
Zum Beispiel haben die wesentlichen Atome noch
ein anderes Element aktiviert.
Und es ist das Bild-Akkordeon.
Sie finden es auf
den kreativen Elementen genau hier
sehen Sie Bild-Akkordeon.
Los, aktiviere es.
Gehen wir nun zurück zur Seite hier drin
und lass mich dir eins zeigen, was wir tun können.
Ich bearbeite mit Elementor.
Wir werden das Bild-Akkordeon benutzen .
Jetzt sieh dir das noch einmal an. Ich scrolle hier runter.
Sind essentielle Atome.
Wir haben das Bild-Akkordeon-Element genau hier.
Ich klicke auf Drag & Drop es
direkt über dir. Alles klar.
Bevor ich jetzt anfange, dies zu bearbeiten,
füge ich eine weitere
Überschrift direkt über dem Bild-Akkordeon hinzu.
Und wir können diesen einen neuesten Posts nennen.
Als Beispiel füge
ich tatsächlich etwas Polsterung von oben hinzu.
Lass uns 25 Pixel gehen.
Nur um dir etwas Abstand zwischen dem
eigentlichen Blocktitel zu geben und uns Beiträge zu lassen.
Und ich schaue mir das noch mal an.
Ich gehe zu meinem Image-Akkordeon und lade hier ein.
Wir können so viele Dinge zum ersten Mal tun
, hier drin
klicke ich hinein,
ändere das Bild hier, um einer der Beiträge zu sein.
Dieses hier, die Sankt-Petersburger Beiträge,
werde ich das vorgestellte Bild auswählen.
Füge das ein.
Und jetzt wirst du sehen, dass du es aktiv machst.
Ja, wir wollen das machen,
ich konnte nicht aktiv sein, damit es
jetzt tatsächlich mit den Posts hier verlinkt wird,
ich werde diesen Titel ändern.
Zwei Besuche in St. Petersburg.
Das wird der Titel sein.
Und dann wären hier die Auszüge.
Dies wäre der außer dem Text,
wir jetzt hier ändern können
, wo Sie ihr die Verknüpfung ermöglicht haben,
Sie möchten dies zeigen und jetzt genau hier, hier
würden Sie den Link hinzufügen der Beitrag.
Lassen Sie mich das einfach schnell machen.
Lassen Sie mich die Seite ganz schnell ansehen.
Tagelang in St. Petersburg.
Also hier hole ich mir diesen Link genau hier.
Beachten Sie erneut, dass Sie den Domainnamen selbst nicht kopieren müssen
.
Gehe einfach mit dem Schrägstrich und dann dem Namen des
Beitrags oder der URL der Beiträge.
Ich kopiere das.
Geh genau hier, geh zurück zu Bearbeiten.
Klicken Sie hier auf das allererste Bild-Akkordeon.
Und jetzt hier unten, Titellink.
Ich mache jetzt weiter und füge das einfach ein.
Dies wird nun auf die Post oder vier Tage in St. Petersburg verweisen
.
Auch hier könnte ich das Gleiche für die Sekunde tun.
Laut auch hier drin.
Unsere Liste wählt die für den Rainbow Mountain.
Und dann kann ich wieder hier reinkommen und den Titel in den Rainbow Mountain ändern
.
Etwas schnell, Rainbow Mountain und so weiter.
Das ist für das zweite dementsprechend das dritte Quartal.
Und ich werde das einfach zu demjenigen ändern, der Rapa Nui.
Und dann natürlich, nicht zuletzt,
lass uns mit dem für Türkei, Mode und Mode in Istanbul gehen
. Füge das ein.
Das ist es.
Ich werde weitermachen und jetzt Updates.
Und jetzt werfen wir einen Blick auf die verbesserte Blog-Seite.
Jetzt sieh dir das an.
Sie haben zum Beispiel Blogbeiträge
in Pittsburgh, Sie werden diesen Regenbogenberg haben.
Sie können auf dieses für Rapa Nui klicken,
dieses für Mode und Istanbul.
Und wenn sie nicht interessiert sind,
können sie jetzt einfach nach unten scrollen, um sich
die Beiträge aus Europa, Asien, Südamerika usw. anzusehen
.
Dies ist also eine Möglichkeit ,
wie Sie Ihre Seiten interaktiver und dynamischer gestalten können
.
Sie können auch Animationen hinzufügen,
wie Sie sie so einrichten können, dass Sie
vielleicht von links oder von rechts hineinschieben.
Wie das geht, habe ich dir auf der Homepage gezeigt.
Also versuche einfach kreativ zu sein.
Wenn Sie nicht zufrieden sind, wie statisch sich Ihre Seite anfühlt,
können Sie die Dinge immer aufpeppen, indem Sie kreative Elemente verwenden
und Animationen hinzufügen.
Und Sie werden eine massive Verbesserung darin feststellen
, wie dynamisch Ihre Seiten sind.
Das war's zum Ausbauen der Blog-Seite.
Vielen Dank fürs Zuschauen.
Wir sehen uns in der nächsten Klasse.