Erstellen Sie eine professionelle Website mit Elementor und dem Hello Thema! | David Utke | Skillshare

Playback-Geschwindigkeit


1.0x


  • 0.5x
  • 0.75x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Erstellen Sie eine professionelle Website mit Elementor und dem Hello Thema!

teacher avatar David Utke, Web Pro and YouTuber

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

    • 1.

      Einführung

      1:10

    • 2.

      Website-Übersicht - Was wir machen

      0:49

    • 3.

      Holen Sie sich deine Domain und Hosting

      4:29

    • 4.

      Wordpress installieren

      4:27

    • 5.

      Backend-Einstellungen und Designvorbereitung

      14:48

    • 6.

      Manuelles Header

      13:03

    • 7.

      Ein Logo entwerfen

      9:13

    • 8.

      Envato Elements Header

      6:59

    • 9.

      Favicon erstellen

      2:09

    • 10.

      10 Heldenbild und dein Aufruf zur Aktion

      12:23

    • 11.

      Willkommensnachricht

      4:02

    • 12.

      Visuelles Menü mit Elementor Essentials

      12:38

    • 13.

      Verwendung von Anker-Links

      6:40

    • 14.

      Footer Design

      10:46

    • 15.

      Wesentliche Seiten

      7:38

    • 16.

      Feinschliff

      5:32

    • 17.

      Bloggen mit der kostenlosen Version von Elementor

      1:47

    • 18.

      Schlussbemerkung

      0:15

  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Jedes Niveau

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

307

Teilnehmer:innen

--

Projekte

Über diesen Kurs

Erfahren Sie, wie du eine professionelle, responsive Website mit dem FREE Hello Theme und dem Elementor page erstellen kannst. Elementor ist ein branchenführender page In Kombination mit ihrem eigenen Hello Theme kannst du jede Art von Website erstellen und gestalten, die dir gefallen ist, ohne dass du keine Codierungsfähigkeiten brauchst.

Elementor stellt mit WordPress die Drag-and-Drop-Funktionalität in deinem Workflow zur Verfügung. Das bedeutet, dass du Elementarblöcke einfach in einer einfach verständlichen, visuellen Weise ziehen und ablegen kannst, wie du es für richtig siehst. Das Hello Theme funktioniert perfekt und ist vom Team hinter Elementor als "leeres Schiefer" Thema entworfen, um die Vorteile des Elementor in vollem Umfang zu nutzen.

In diesem Kurs decken wir von Schritt 1 bis Schritt ab, wie du einen persönlichen oder professionellen Blog mit diesem erstaunlichen Thema erstellen kannst:

  • Verschaffen Sie sich einen Domainnamen von einem Domainnamen Registrar (Namecheap)
  • So erhältst du ein Shared-Hosting-Konto mit Bluehost.
  • So installiere ich WordPress richtig.
  • Ein komplettes design zur Erstellung einer beeindruckenden aussehenden Website mit Elementor.
  • Pro back Permalink und Sicherheitstipps.
  • Erweiterte Anpassungsfunktionen für das Hello Thema.
  • So optimieren Sie deine Website für das Handy.
  • Zusätzliche Tools und Plugins zur Verbesserung deiner Designs.

Das Hello Theme ist perfekt für alle, die eine professionell aussehende Website starten möchten, die mit Elementor in hohem Maße anpassen kann. Mehrere Designoptionen für Seiten, die auch für mehrere Geräte ansprechen. Dieses Thema ist perfekt für alle, die ein leeres slate zum Erstellen aufstellen möchten.

Dieser Kurs ist ein kompletter Leitfaden, wie du eine professionelle Website mit WordPress auf einem selbst gehosteten Webhost erstellen kannst. Es ist perfekt für alle, die lernen und verstehen möchten, wie du das Elementor und das Hello Thema verwenden kannst.

Triff deine:n Kursleiter:in

Teacher Profile Image

David Utke

Web Pro and YouTuber

Kursleiter:in

Hi there,

My name is David and I'm professional blogger, web designer and a highly rated user experience consultant.

Starting in 2009, I first began learning web development and WordPress for my own online projects and now translate technical skills in an easy to understand way for beginners with my helpful courses.

Currently, I live abroad, travel, and I run my online business from cafes and workspaces. If you would like to find out more, follow my Skillshare profile and drop a message/email with any questions. I'm here to help.

Vollständiges Profil ansehen

Level: Beginner

Kursbewertung

Erwartungen erfüllt?
    Voll und ganz!
  • 0%
  • Ja
  • 0%
  • Teils teils
  • 0%
  • Eher nicht
  • 0%

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen auf Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

Transkripte

1. Einführung: Willkommen auf dem Kurs und mein Name ist David und ich werde Sie durch Schritt eins zu Schritt getan, wie man eine Website mit elementaren erstellen. Dieser Kurs ist perfekt für alle, die nach einem Crashkurs suchen , wie Elemente funktionieren. So können Sie lernen und verstehen und gehen Sie voran und erstellen Sie jede Art von Website, die Sie wollen. Wir werden die kostenlose Version von Elementen oder sowie das hallo Thema verwenden. Und diese beiden Dinge funktionieren wirklich gut zusammen, um das Erstellen einer Website schnell und einfach zu machen. Das einzige Design eine Einschränkung in diesem Kurs ist, dass, weil wir die kostenlose Version von Elementen verwenden oder Sie können nicht anpassen und bearbeiten Sie den Blog wachsen Abschnitt sowie einzelne Blogbeiträge Ihrer Website. Also, wenn Bloggen für Sie wichtig ist, empfehle ich definitiv, ein Upgrade auf Elemente sind pro, aber wenn Sie ein kreativer Mensch sind, der ein Online-Portfolio erstellen möchte, oder vielleicht sind Sie ein kleines Unternehmen und Sie sind cool mit der Gestaltung einer kleinen zehn zu sagen, 30 Seite Website. Und Sie sind in Ordnung, jede Seite individuell zu gestalten. Dieser Kurs ist für Sie. Die Ressourcen und Tools, die in diesem Kurs verwendet werden , heißen Schafe als unsere Domain-Name-Registrar, blue host als unser Shared Hosting Konto. Dann werden wir WordPress im Design oder Website zu installieren. Also, wenn Sie gesucht haben, um mit elementaren beginnen, Dieser Kurs ist für Sie. Klicken Sie auf das nächste Video und ich sehe Sie auf der Innenseite. 2. Website-Übersicht – Was wir erstellen: Okay, also in diesem Tutorial, werde ich Sie anweisen, wie Elemente zu verwenden oder jeden der drei Abschnitte Ihrer Website zu entwerfen. So Elemente oder Ziegel oder Website bis in die heterosexuelle als der Körper und die Fußzeile. Und ich werde Ihnen zeigen, wie Sie jedes mit nur Elementen oder der kostenlosen Version bearbeiten können. Dafür gibt es nichts zusätzliches Geld. Ich werde Ihnen zeigen, wie man diese schöne Kopfzeile hinzufügt, wie man Schaltflächen hinzufügt, wie man die Schaltfläche und Ankerlinks macht, Sie klicken darauf, es nimmt Sie irgendwo auf der Website. Wie fügen Sie diese schöne Helden Bild im Hintergrund mit einem Text Overlay und, und wie es zu machen, so dass das Bild bleibt setzen, wie die Website bewegt. Wie man verschiedene Blöcke und verschiedene Designideen hinzufügt. Ich musste unten ein emo Opt-in-Formular hinzufügen. Wie Sie Ihre Fußzeile anpassen und bearbeiten, wie Social Media Links hinzufügen, Google Analytics, und einige Gedanken zu einem Blogging, wie es sich auf Mentoren bezieht. Also jedenfalls, fangen wir an. 3. Hole deine Domain und dein Hosting: Willkommen bei name2.com. So genannt billig ist ein Domain-Namen-Register. Das bedeutet, dass dies ein Ort ist, an dem Sie Domain-Namen registrieren können. Um loszulegen, geben Sie einfach den Domainnamen ein, den Sie registrieren möchten und klicken Sie auf das Suchsymbol. Nun ist der Grund, warum ich benannte billig empfehlen ist, weil sie die niedrigsten Preise für die Registrierung eines Domain-Namens haben . Also gehen Sie einfach voran und setzen Sie den Domain-Namen, den Sie wollen. Klicken Sie auf das Suchsymbol. Und dann auf der nächsten Seite wird es Ihnen sagen, ob der Domain-Name zur Registrierung verfügbar ist oder nicht. Und so ist das hier, also lasst uns einfach voran gehen und es in unseren Warenkorb legen. Nun, wenn die Domain nicht verfügbar ist, müssen Sie sich etwas anderes einfallen lassen. Jetzt gehen wir weiter und schauen uns an. Und da gehen wir hin. So jetzt Randy Checkout Seite hier in so die Domain-Namen-Registrierung, können Sie für ein Jahr bis zu zehn Jahre im Voraus registrieren. Sie können die automatische Verlängerung einstellen, wenn Sie möchten. Also danach, wie wenn der Domain-Name bereit ist, erneuert zu werden und wenn Sie Auto Nuance haben, wird es einfach Ihre Kreditkarte wieder belasten. Es liegt also ganz an Ihnen und Sie bekommen, wer kostenlos Wache ist und dies hält Ihre Kontaktinformationen privat da ein Teil der ICANN-Regeln bei der Registrierung eines Domainnamens ist, dass Sie genaue Kontaktinformationen angeben müssen. Und so, wer Gott ist, hält all diese Informationen privat und Sie bekommen eine völlig kostenlos. So wie auch immer, gehen Sie einfach voran und bestätigen Sie Ihre Bestellung und Sie müssen ein Name Cheap Konto erstellen. Und das war's. Nachdem Sie Ihren Domain-Namen erhalten haben, benötigen Sie ein freigegebenes Hosting-Konto. Also, was ein Hosting-Konto ist, es ist nur ein Server, der auf 24-7 ist. So ist Ihre Website 247 verfügbar. Es ist nur eine Voraussetzung, eine Website zu haben. Und so empfehle ich persönlich Schläge. Blows ist die Nummer eins empfohlene Web-Host von WordPress. Also, um loszulegen ist sehr einfach hier kommen und klicken Sie auf diese Schaltfläche, die Get Started sagt, super-duper einfach. Ok, jetzt haben sie hier ein paar verschiedene Pflanzen. So haben sie grundlegende Plus Choice post impro. Pro ist also für große etablierte Websites, die AY-Datenverkehr erhalten, die Sie nicht benötigen Sonde. Basic ist ziemlich gut, aber Sie können nur eine Website auf dem Konto haben, die sehr, sehr einschränkend ist. Also die, die ich mag und in der Empfehlung mag, wären das Plus und die Wahl plus Plan. Ich persönlich mochte jede Wahl plus Flugzeug, weil dieser Plan mächtig genug ist, um Ihnen zu ermöglichen, eine Website mit hohem Verkehr wachsen. Aber auch hier hängt es von Ihren Bedürfnissen ab. Also, wenn Sie wie ein kleines Unternehmen sind und nur eine Website zum Laufen bringen müssen. Ich würde sagen, das Plus oder Basic, oder finden Sie eine Person, die wahrscheinlich das Plus ist, weil Sie mehrere Websites zu bekommen, aber es ist völlig bis zu, wissen Sie, wenn Sie jemand, der mag vielleicht bauen einen Blog mit hohem Verkehr, dann bin ich würde es vorziehen, dass Sie mit der Wahl plus gehen , aber wieder, es ist Ihre Entscheidung. Also werde ich mit Wahl plus gehen, und alles, was Sie tun müssen, ist auf Auswählen klicken. Ok, jetzt können Sie in dieser Rede einen neuen Domainnamen erstellen oder einen Domainnamen verwenden, den Sie besitzen. Also, wenn Sie mit erstellen Sie einen neuen Domain-Namen gehen, wird dies einen Domain-Namen durch Schläge registrieren, die ich nicht empfehlen, weil benannte Blatt 888 Jahre Schläge Gebühren 1799 pro Jahr für Domain-Namen. Deshalb verwenden wir Name Cheat, weil es einfach billiger ist. Also werden wir einen Domainnamen verwenden, den Sie besitzen, okay, also setzen Sie in die Domain ein, bei der Sie sich gerade registriert haben, namens Schaf hier drin. Okay, wenn du das machst, geh weiter und klicke auf Weiter. Und los geht's. Das ist also nur eine Kontoinformation, okay, also werde ich Ihre Intelligenz nicht beleidigen und Sie durch, wie man online für etwas bezahlen kann. Geben Sie einfach Ihre Kontoinformationen ein, OK, gehen Sie weg und geben Sie Ihre Kontoinformationen und die Paketinformationen direkt hier ein. So können Sie 12 Monate, 24 oder 36 Monate wählen . Persönlich aus gehen wahrscheinlich mit dem 2024 Monat Preisplan. Wenn Sie sind, wenn Sie wollen, um einen Blog zu bauen, weil in der Regel dauert zwei Jahre, um einen Blog mit hohem Traffic aufzubauen. Und dann können Sie eine Entscheidung treffen, ob Sie Glukose sagen wollen oder nicht. Wieder, das liegt ganz bei Ihnen. Jetzt kommen wir hier runter, Paketextras, Standortmangel. Wir brauchen keine Sichtsperre. Und dann hier unten haben wir Zahlungsinformationen, und das war's. Und so gehen Sie weiter und klicken Sie auf dieses kleine Häkchen, dass Sie vereinbart Schläuche Begriffe und klicken Sie dann auf die grüne Schaltfläche Senden und Sie sind gut zu gehen. Willkommen bei blues.com. Also, nachdem Sie die Zahlung eingereicht haben, werden Sie mit einer Art wie Onboarding-Prozess präsentiert werden. Sie können einfach alles durchspringen und das wird Ihr Dashboard sein. Jetzt oben hier ist Ihre Website. Möglicherweise bemerken Sie etwas wie temporäre Box 1234. Der Grund, der auftaucht, ist, weil Sie Nameserver einrichten müssen, die billig sind, um auf Ihr blaues Schlauchkonto zu zeigen. Es klingt viel komplizierter, aber ich werde Ihnen zeigen, wie Sie alles einrichten können. 4. Wordpress installieren: Jetzt haben Sie Ihren Domain-Namen bei einem Domain-Namen-Registrar und Sie haben ein gemeinsames Hosting-Konto mit blau ist. Also, wie verbinden Sie die beiden? Es ist ein sehr einfacher Prozess. Sie müssen nur die Nameserver bei Named sheep ändern , um auf Ihr Hosting-Konto bei Blue Host zu zeigen. Nun, das klingt viel komplizierter als es ist, aber es ist eine sehr schnelle und einfache Sache zu tun. Es dauert ungefähr fünf Minuten und ich werde Ihnen zeigen, wie es jetzt geht. Lassen Sie uns Namenserver einrichten. Also jeder einzelne Web-Hosts wird Ihnen eine Willkommens-E-Mail senden , wenn Sie ein Hosting-Paket kaufen und Schläge ist nicht anders. Also sollten Sie etwas haben, das Sie sagen würden, gut zu Schlägen kommen und dann Ihren Domain-Namen, den Sie als primären Domain-Namen auf dem Konto verwenden. Und so geht's los. Also habe ich plus Web-Hosting gewählt. wir hier nach unten scrollen, genau hier, du bist in deinem Dashboard, sollte ich sagen, dass dies eine temporäre Box ist, was auch immer wir haben, um die Nameserver einzurichten. Also für Blues, die Namensserver sind sehr einfach zu MS1 Schläge in NF2 Glukose. Und so alles, was Sie tun müssen, ist nur markieren Sie dies und dann kopieren und fügen Sie es in Ihren Namen billiges Konto. So müssen Sie sich anmelden, um billig zu benennen und gehen Sie in Ihre Domain-Namen-Liste und klicken Sie auf die Schaltfläche Verwalten für den Domain-Namen, den Sie bearbeiten möchten. Dann wollen Sie einfach hier runterkommen, wo es heißt Nameserver. Jetzt, im Moment, sollten Sie Name Cheap von grundlegenden DNS sagen, was Sie tun müssen, ist hier unten und wählen Sie benutzerdefinierte DNS. Dann müssen Sie nur eintippen und S1 Schläge und NST blues.com, und das war's. Und dann stellen Sie sicher, dass Sie auf dieses kleine kleine grüne Häkchen klicken. Und so, wenn Sie klicken, dass kleine grüne Häkchen wird kommen sagen Effekte kann 40 Stunden dauern. Persönlich habe ich noch nie gesehen, eine nehmen 48 Stunden. Normalerweise sind es zehn Minuten. Also machen Sie vielleicht eine Pause, holen Sie sich eine Tasse Kaffee, kommen Sie in fünf oder zehn Minuten zurück, und alles sollte sich richtig ausbreiten. Also sollten Sie Ihren Domain-Namen hier sehen. Aber jedenfalls, so passen Sie Namenserver an. Jetzt senden, um WordPress zu starten. Wenn Sie also Nameserver sitzen und es wie fünf, vielleicht zehn Minuten maximal geben , sollte dies sich wie angemessen verbreiten und Sie sollten in der Lage sein, Ihre Domain hier zu sehen. Also muss ich tun, ist eine Art wie nur ein Start Ihrer Website und Blues WordPress für Sie und alles installieren. Aber ich empfehle nicht, das zu tun, weil ich die Kontrolle über meinen Benutzernamen, mein Passwort, Wiederherstellungs-E-Mail, all die kleinen Details haben mein Passwort, Wiederherstellungs-E-Mail, möchte, über die ich Kontrolle haben möchte. Also werde ich voran gehen und klicken Sie auf diese und ich werde die Website löschen. Ja, löschen Sie, um zu sagen, dass es in Ordnung ist, weil wir alles von Grund auf neu installieren werden. also mit dem Boom meiner Website auf Website hinzufügen. Okay, also jetzt haben wir WordPress und wir haben blau, wessen Erbauer? Also habe ich ein weiteres Tutorial-Video auf der BU, die gebaut ist, wenn Sie auschecken wollen, aber wir werden WordPress verwenden. So schnell, verwenden Sie WordPress. In Ordnung, also jetzt müssen wir eine neue WordPress-Website erstellen. Also ST-Name, der ST-Name sollte der Name der Website sein. Also werde ich meinen Namen benutzen, also werde ich das hier reinbringen. Nun, Website-Slogan, Sie können einfach alles einfügen. Also hallo Welt. Jetzt können Sie diese Dinge jederzeit später ändern, wenn Sie in WordPress eingeloggt sind. Mach dir nicht zu viel Sorgen. Jetzt ist es wichtig, die fortgeschrittene Deborah hier zu klicken. Jetzt E-Mail-Adresse, wird dies die Wiederherstellungs-E-Mail sein. Also, wenn Sie jemals Ihr Passwort vergessen, wissen Sie was, IMO, es wird zu Ihnen gehen. Und dann deinen Wordpress-Admin-Benutzernamen und dein Admin-Passwort, das ich persönlich gerne selbst setze. Ich möchte nicht, dass Blows mich nur automatisch einen Benutzernamen und ein Passwort generieren. Jedenfalls werde ich nur meine E-Mail eintragen. Ok, da gehen wir. Und Admin-Benutzername, okay, und WordPress-Passwort. Okay, und jetzt sind wir gut zu gehen, gehen Sie weiter und klicken Sie auf Weiter. Okay, so jetzt können Sie blau installieren oder Sie können auf WordPress in einem Verzeichnis starten. Ich empfehle das nicht. Wir möchten es auf dem, was als Stammdomänenname bekannt ist installieren. Also Wordpress auf dem gesamten Domain-Namen installiert, nicht nur anders als sagen Schrägstrich Blog zum Beispiel. Wie auch immer, also lassen Sie das leer. Jetzt hilfreiche kostenlose Plugins. Wir können diese einfach deaktivieren, weil wir sie nicht brauchen. Als nächstes, Ziegen, klicken Sie auf Weiter. Und WordPress wurde erfolgreich installiert. Ja, das ist wirklich so einfach. Also gehen Sie vor und klicken Sie auf Login in WordPress. Willkommen bei WordPress. Dies ist also Ihr WordPress-Dashboard und Sie sind jetzt in Ihrer Website angemeldet. Also lassen Sie mich voran und melden Sie sich ab. Jetzt, wann immer Sie sich bei Ihrer Website anmelden möchten, müssen Sie nur auf den Domainnamen Schrägstrich WP Admin gehen, und das war's. Und dann wird Ihnen der Bildschirm präsentiert. Und alles, was Sie tun müssen, ist den Benutzernamen einzugeben, den Sie gerade erstellt haben, in das Passwort, das Sie gerade erstellt haben. Und so loggen Sie sich jedes Mal in Ihre Website ein. 5. Backend-Einstellungen, die: Perma Links in den Einstellungen. Nun, da wir ein Wordpress auf unserer Website installiert haben, gibt es nur ein paar langweilige technische Dinge, die wir auf dem Backend tun. Also mache ich, ich werde das kurz halten und wir kommen sofort auf den Punkt. Also das erste, was ich will, dass Sie tun, ist, zu Ihrem Permalink-Abschnitt zu navigieren, okay? Und so dauerhaft finden Sie unter Einstellungen und dann Permalink, okay? Und so bedeutet permanente nx wie der permanente Link für Ihre Webseiten. Also, und das ist besonders wichtig, wenn Sie bloggen werden. Und so können Sie, hier ist, wo Sie die URL-Struktur Ihres Blogs ändern können. So haben Sie Plein, Tag und Name, Monat und Name, numerische, etc. Jetzt ist die beste Struktur wirklich hängt davon ab, was Sie tun. Und so wie Monat im Namen oder Datum, das ist gut. Wenn Sie eine Nachrichten-orientierte Website haben, wenn Sie nicht über eine Nachrichten-orientierte Website mit Daten zu schrecklichen Idee. Als nächstes haben wir postnatal. Post-Name ist gut zu. Ich meine, das ist ideal, wenn du etwa 50 Blogposts haben willst. Aber im Allgemeinen empfehle ich etwas wie Schrägstrich Blog Slash Post Name, wenn Sie werden bloggen, weil dies eine schöne Website-Architektur gibt, aber es ist völlig an Ihnen entweder gute Post Name oder benutzerdefinierte Struktur. Jetzt können Sie auch Kategorien darin einschließen. Zum Beispiel könnte ich einfach weiter mit dem Hinzufügen von Kategorie fortfahren, okay? Und so haben wir Blog-Kategorie, Post-Name. Das ist ideal, wenn Sie sich wie eine wirklich massive Website aufbauen werden , die wie Tausende von Seiten haben wird und Sie mehrere Kategorien greifen. Für die meisten Menschen ist das ziemlich übertrieben. Also würde ich nur etwas tun, wo es wie Postname, benutzerdefinierte Struktur ist. Klicken Sie hier Schrägstrich Blog Schrägstrich Post Name, und lassen Sie es einfach an, dass. Okay, jetzt ist das nächste, was ich möchte, dass Sie tun, zu navigieren, wo Benutzer in allen Benutzern jetzt genau hier sind, wo Sie Ihre verschiedenen Benutzer für Ihre Website haben. Also im Moment haben wir ein Konto, das der Administrator ist. Aber wenn Sie jemals neue Benutzer hinzufügen möchten, können Sie einfach auf diese Schaltfläche klicken und dies ist Add New. Und so genau hier in WordPress, haben Sie eine Reihe von verschiedenen Rollen, die Sie Menschen abonnieren können. So zum Beispiel, wie sagen Sie bringen auf jemanden, der gerade wird ein Autor und alle ihre, ihre Jobs nur um Inhalte zu veröffentlichen. Sie können einfach eine neue Route erstellen, neue Rolle im Anrufautor, okay? Und das war's. Das ist etwas wie das, was du tun willst, wenn du Schriftsteller und andere Autoren mitbringen willst. Jetzt möchte ich auch noch ein kleines Ding erwähnen. Also, wenn wir hier bemerken, ist dies der Benutzername. Gehen wir weiter und klicken Sie auf Bearbeiten. Und so genau hier drin, hier können Sie einen Anzeigenamen öffentlich als etwas anderes festlegen. Also zum Beispiel, wenn ich diesen David 99 nicht will, will ich nur sagen, dass ich nur David sein will. Ich brauche die 99 nicht, einfach den Spitznamen dort und dann können Sie dort Namen auswählen. Und so zeigen Sie den Namen öffentlich als Ihr Name, zum Beispiel. Also würden Sie dies tun wollen, weil Sie wie auf Blog-Posts an den ganz unten Posen von David geschriebengesehen haben Blog-Posts an den ganz unten Posen von David geschrieben oder was auch immer Sie nicht sagen wollen admin oder so etwas lief, Sie wollen es wie tatsächlich ein Name sein. Genau hier haben wir die biographischen Informationen. Dies ist der Absatz, der in Ihrem Blogbeitrag erscheinen wird. Also zum Beispiel, wenn David ist ein Web-Designer und SEO-Experte, bla bla bla desert. dort hat sich das bevölkert. Und dann haben Sie hier Ihr Profilbild. Und so können Sie Ihr Profilbild auf die Schwerkraft ändern. Und so lassen Sie uns einfach die Schwerkraft öffnen. Und was Schwerkraft ist, es ist nur ein Service, bei dem Sie ein Bild mit einer E-Mail verknüpfen können. Das ist also, wo das bevölkert wird. Und dann hier unten ist, wo Sie ein neues Passwort für Ihr Konto festlegen können , damit Sie Ihr WordPress-Login-Passwort kennen. Wenn Sie es ändern möchten, können Sie es einfach hier ändern. Und das ist es. Die Elite-Themen und Plug-Ins. Also mit jeder WordPress-Installation, erhalten Sie nur eine Reihe von Themes und Plug-Ins bereits vorinstalliert. Also werden wir einfach ein paar Sachen löschen, die wir auf unserer Website nicht brauchen. Wie auch immer, die erste Registerkarte, zu der Sie navigieren möchten, ist Ihre Theme-Registerkarte. Also wieder, Sie müssen zum Aussehen und dann Themen gehen. Nun, das sind Ihre WordPress-Themes oben hier oben können Sie für verschiedene Überlegungen suchen oder Sie können neue Themen hinzufügen, wie Sie wollen. Und so zum Beispiel kommen wir hier zu WordPress.org Themen. Dies ist, wo wir kommen und installieren Sie eine brandneue Themen. Also komm einfach her und suche nach Deem. Also die Sache, die wir verwenden werden, ist das Hallo Thema von Elementen oder so einfach Hallo eingeben, buchstäblich nur, nur Hallo genannt. Und genau hier, so ist es hallo Elemente sind. Gehen wir also weiter und klicken Sie auf Installieren. Also, jetzt ist es offiziell installiert und wir können einfach weitermachen und auf Aktivieren klicken. In Ordnung, fantastisch. Jetzt ist das Luthien aktiviert und wir können fortfahren und alle diese anderen Standardthemen löschen. Okay, also wieder, wir haben das 2017201820-Thema. Ich habe zwei Touren tatsächlich auf jedem dieser Teams beitreten, überprüfen Sie sie, wenn Sie lernen möchten, wie man mit ihnen zu entwerfen. Aber für dieses Tutorial werden wir Element oder in der hallo Thema verwenden. Also, lassen Sie uns fortfahren und das löschen. Also klicken wir darauf, dann klicken wir hier unten auf die rote Schaltfläche, die Löschen sagt, klicken Sie auf OK. Und da gehst du. Tun Sie das für jedes dieser Themen. Und da gehen wir. Also jetzt haben wir unser Thema installiert. Jetzt navigieren wir rüber zum Plug in. So gehen Sie zu Plugins, installierten Plugins. Einmal ein Plugin. Plugin ist wie ein zusätzliches kleines Stück Software, die ich auf WordPress hinzufügen kann eine Art von Funktionalität hinzufügen. Also werden wir definitiv einige Plugins mit Elementen oder Buch installieren. Im Moment haben wir einen Haufen von mir nur Standard-Plugins, die wir nicht brauchen. Also Kismet ist kein Anti-Spam-Plugin. Ich empfehle, dies zu aktivieren und zu verwenden. Wenn Sie bloggen, wenn Sie nicht bloggen werden, dann können Sie einfach voran gehen und löschen Sie dies. Als nächstes haben wir blau, also brauchen wir dieses blaue Plugin nicht installiert, wir können einfach auf deaktivieren klicken. Und wir wollen weitermachen und auf Löschen klicken. Als nächstes ist Creative Mail durch konstante Kontexte, also brauchen wir diese nicht installiert. Gehen Sie weiter und klicken Sie auf Löschen. Und ach ist hallo dollies ein hallo dolly nur lässt ich Zitate in Ihrem WordPress-Dashboard. Es ist nicht besonders hilfreich war, einfach voran zu gehen und das zu löschen. Okay, und zuletzt ist Jetpack hat, so bringt jetpack eine Menge wie WordPress.com Funktionen auf Ihre WordPress.org-Installation mit Ihrem Blue Host-Konto. Also, was ich am meisten an Jetpack in Bezug auf Bloggen mag, ist, dass wie Sie verwandte Beiträge hinzufügen können oder Sie wissen, was ich meine? Wie Sie an den Boden eines Blog-Beitrags kommen und Sie sehen wie Quadrate beziehen sich auf andere Blog-Posts. Das ist eine Sache, die ich an Jetpack mag und sie werden Analytik überwachen, et cetera. Ganz bei Ihnen, ob Sie es behalten wollen oder nicht. Ich werde es vorerst behalten, weil ich Jetpack wirklich hilfreich finde, aber es liegt ganz an dir. Aber jedenfalls, das ist alles, was Sie in Bezug auf die Dinge, die Sie haben, um zu löschen , was Standard-Plugins, die mit Ihrer WordPress-Installation kam , die ich möchte, dass Sie löschen, und das ist es. Jetzt ist es Zeit, die Elemente, Ihr Plug-in sowie ein paar andere essentielle Plugins zu installieren , die ich empfehle. Also lasst uns dazu kommen. So Plugins zu installieren ist sehr einfach mit WordPress, Sie navigieren einfach hier, wo es sagt Plugins und wir gehen einfach, um neue hinzuzufügen, okay. Und, und jetzt unten wollen wir nach Plugins suchen und wir gingen in Lehman eingeben, und da gehen wir. Und so können Sie Elemente herunterladen und installieren oder auf Ihrer WordPress-Installation komplett kostenlos hier. Oh, Mentoren-Website-Builder. Klicken Sie auf Jetzt installieren. Und klicken Sie dann auf Aktivieren. Ok. So, jetzt werden Sie mit diesem Willkommensbildschirm präsentiert werden, weil Sie gerade Elemente installiert haben oder jetzt ist dies das erste wesentliche Plugin, das wir brauchen. Wir werden zwei weitere installieren, die wirklich hilfreich sind. Also wieder, wir wollen zurück zu Plugins navigieren und Sie wollen gehen, um neue hinzufügen. Also klicken wir oben auf das Symbol „Neues hinzufügen“. Jetzt, erste Plug in, ich möchte, dass Sie installieren ist das Yost SEO Plugin. Also, was ein CEO tut, es erlaubt Ihnen nur, ein wenig mehr Kontrolle über Ihre On-Page-SEO-Beschreibung zu haben. Okay, also mach weiter und installiere und klicke auf Aktivieren. Also, was ich damit meine, lassen Sie uns einfach eine schnelle Suche machen, würde Creative Pro sagen. So machen wir das zum Beispiel, wir sehen wie diese eine kleine Beschreibung direkt dort und wie dieser Titel genau dort, all dies wird von Yost angetrieben. Wie bei Yost, Sie haben die kleine spezifische Kontrolle über Ihre Website , wo Sie Dinge wie diese einrichten können, wird Ihre Meta-Beschreibung genannt. Dies ist Ihr Titel für die Seite SEO war Sie haben all die kleinen Details Kontrolle über die On-Page-SEO, so ist es sehr hilfreich, nützliches Plug-in, auf jeden Fall empfehlen, es zu installieren, wie wir immer bereit zu bekommen alles Setup für das Tutorial sowieso, lassen Sie uns fortfahren. Also noch ein Plugin. Also wieder, gehen Sie, um neue hinzuzufügen. Und das nächste Plugin heißt Smush it. Da gehen wir. Ok, jetzt geh weiter und suche. Okay, genau hier, das hier ist faul laden Bilder, die komprimieren Bilder optimieren. Lass uns weitermachen und das installieren. Nun, dieses Plugin ist sehr wichtig, weil es jede Art von Bild nach oben Ihre WordPress-Installation optimiert. Und du bist wie, nun, warum ist das wichtig? Nun, es liegt daran, dass du viele Bilder haben wirst, okay? Und so wie wenn Sie klicken und eine Website öffnen, was der Server tut, lädt er all diese Bilder. Also muss es dieses Bild und dieses Bild und sein Hintergrundbild laden, was auch immer wir zu unserer Website hinzufügen, damit Sie sicherstellen wollen, dass alles optimiert ist , so dass alles schnell geladen wird und das ist, was smoosh es tut, hilft, Ihre Website zu optimieren für Geschwindigkeit, so dass Ihre Website schneller geladen wird. Nun, ein zusätzliches Plugin empfehle ich auch Installation nach dem Tutorial heißt Total Cash. Ok, um Geld zu zahlen, da gehen wir. Okay, so dass dieses Plugin ist wichtig, weil es ein Cash W3 Total Cache setzt ein Cash heroisch. Was ist das? Nun, es bedeutet nur, wie Ihr Web, es wird eine Version Ihrer Website auf jemandes Web-Browser wach speichern , wenn sie Ihre Website erneut besuchen, lädt viel schneller und bietet eine bessere Benutzererfahrung. Google mag es, weil Ihre Lasten schneller. Jetzt empfehle ich, dies nach dem Tutorial zu installieren, weil es ein wenig ärgerlich sein wird , die Website ständig mit einer zwischengespeicherten Version zu bearbeiten und dann müssen Sie die Seite neu laden, et cetera. Es ist also am besten, es nur auf Ihrer Website zu installieren, um es zu erledigen. Und dann, wenn es wie meist gemacht Dengue, gehen Sie voran, installieren Sie es W3 Total Cash. Aber seltsamerweise, dies für jetzt deinstalliert. Da wir gerade in den Prozess der Gestaltung unserer Website sind, aber ich möchte nur dieses B. erwähnen Sie also wissen, dass dies ein weiteres wesentliches Plugin, das Sie auf Ihrem WordPress-Installation haben sollten. Ich würde senden, um eine Homepage in einer Blog-Beitrag-Seite zu setzen. Also, wovon rede ich? Also, wenn Sie eine WordPress-powered Website besuchen, Website große pro.com, dies ist eine Seite, das ist nur eine Seite, die ein benutzerdefiniertes Design hat. Und dann, weil WordPress ist eher ein Blogging-Tool, sie erfordern auch, dass Sie eine Seite, um die Blog-Beitrag-Seite sein. Das ist also ein tolles Produkt, ruhig Schrägstrich Blog. Dies ist wie das Blog-Post-Layout. Ok? Und wenn wir also einen Blick auf unsere Website mit dem Hallo Thema von Elementen werfen oder sieht fantastisch aus. Okay, das braucht viel Arbeit, aber das ist unsere Archivseite, damit Ihre Archivseite diese ist. Ok. Also Elemente oder aus irgendeinem Grund nennen sie es eine Blog-Rolle, sie nennen es die Archivseite. Also wollen wir die Archivseite nicht bearbeiten und eine Homepage erstellen. Ok? Um das zu tun, müssen wir zwei Seiten erstellen. So wie auch immer, lassen Sie uns auf Einstellungen kommen, wird auf das Lesen kommen. Lass es uns öffnen. In Ordnung, also hier zeigt Ihre Homepage eine statische Seite an. Okay, und so die Homepage jetzt haben wir die Beispielseite. Also müssen wir tatsächlich hineingehen und eine dedizierte Homepage und eine dedizierte Blog-Post-Seite erstellen . Okay, und dann setze es hier ein. Also wie auch immer, gehen wir weiter und tun das. Klicken Sie auf die Seiten. In Ordnung, also gehen Sie weiter und klicken Sie auf Neu hinzufügen. Und jetzt werde ich eine Seite erstellen und sie als Homepage nennen. Na gut, so Homepage. Da gehst du. Okay, in der nächsten Sache, was Sie tun, ist hier runter kommen , okay, und weil wir die USA als CEO hier installieren, können Sie eine Seitenbeschreibung geben, okay, also zum Beispiel, die Homepage, es sollte der Website-Titel sein, Seitentrennzeichen, dann eine Schlüsselwortbeschreibung. Okay, also werde ich das einfach löschen. Ok, also sollte es die Website sein. Ich sage nur Website-Name, Seitentrennzeichen, Schlüssel, Wort, Beschreibung. Ok. Das hängt also davon ab, was immer du sagst, du baust. Ok? Und das war's. Und so ist die Meta-Beschreibung wieder, wie ich bereits sagte, das wie der kleine Absatz, der hier unten erscheint. Setzen Sie hier definitiv etwas ein, das erklärt, worum es bei Ihrer Website geht. Und dann gehen Sie weiter und klicken Sie auf Veröffentlichen und dann wieder veröffentlichen. Und da gehst du. Jetzt haben Sie gerade Ihre erste Seite erstellt. Klicken Sie also auf das WordPress-Symbol. Okay, jetzt füge neue hinzu. Jetzt müssen wir das nur noch einmal tun und wir müssen eine Blog-Beitrag-Seite erstellen. Und ich werde diesen Block einfach anrufen, okay? Nun, wenn wir hier runter kommen und stellen Sie sicher, die Euro-Beschreibung zu überprüfen , so ist es Domain name.com slash Blog. Also nochmal, Sie hätten Ihren Genehmigungsflügel schon einrichten sollen. So sollte es wie die Seite Titelblog sagen. Wenn es wie Nummer etwas sagt, stellen Sie sicher, dass Sie Ihren Permalink setzen. Und ich möchte, dass du dasselbe nochmal machst, komm her, weil wir Joes SEO installiert haben. Jetzt haben Sie ein wenig mehr Kontrolle über die Suchbeschreibung für Ihre Blog-Seite. Also, wenn Sie nur einen kurzen Blick wie mit Lipset erstellen bro, Ich nenne es die Website erstellen, Sonde laute Fallstudien, Tutorials, und Geld verdienen auf der Linie. Also kannst du hier einfach etwas einstellen. Also das, was auch immer ich nenne es einfach den Reise-Blog. Ok. Was auch immer es ist. Ok. Geben Sie ihm also ein Beschreibungsseiten-Trennzeichen, und dann Ihren Website-Titel, was auch immer, und dann gehen Sie direkt hier hinein, Meta-Beschreibung, schreiben Sie Ihren Blog in ein paar Sätzen. Gehen Sie weiter und klicken Sie erneut auf Veröffentlichen und veröffentlichen. Also, jetzt haben wir diese beiden Seiten. Klicken Sie auf das WordPress-Symbol, gehen Sie zu den Einstellungen, gehen Sie zum Lesen. Ich schreibe eine statische Seite, Homepage. Ich möchte die Homepage sein, Beitrag-Seite. Ich wollte die Blog-Seite sein. In Ordnung, hier zeigen Blog-Seiten höchstens zehn Beiträge, Wälder, von denen reden, das heißt genau hier. Okay, also wie viele Blog-Beiträge soll es zeigen? Ok. So können Sie es genau dort einstellen. Ich gehe normalerweise mit neun, weil die Art und Weise, wie ich einen Blog entwerfen mag, wie durch dieses drei mal drei Gitter. Es liegt also ganz an dir, aber das ist es, worüber es hier spricht. Und dann enthält jeder Beitrag und jeder Feed eine Volltextübersicht. Das ist also RSS, das ist eine Art Datentechnologie, die niemand mehr wirklich benutzt und Suchmaschinen-Sichtbarkeit. Stellen Sie also sicher, dass dies nicht angeklickt wird, weil wir möchten, dass unsere Website indiziert wird. Wie auch immer, gehen Sie voran und klicken Sie auf Änderungen speichern. Und das war's. Ok, jetzt hast du gerade Homepage gesagt. Also lassen Sie uns einfach voran und werfen einen Blick auf unsere Website jetzt. Oh, wow, so schön. Also jetzt sind wir, jetzt sind wir endlich bereit, den Prozess der Gestaltung unserer Website mit Elementen zu beginnen oder das Hallo Thema beenden. 6. Header: Okay, also haben wir endlich unsere Websites eingerichtet. Wir haben die Hallo Elemente oder Thema installiert, wir haben das Element oder Seite Golding Plugin installiert. Jetzt sind wir bereit, unsere Websites zu entwerfen. Also möchte ich nur eine kurze Einführung erstellen. Gerade erklärt Ihnen, wie Elemente funktionieren, so können Sie konzeptionell verstehen, was wir tun, weil es funktioniert ein wenig anders als andere WordPress-Themes. Jetzt Elemente oder zerlegt Ihre Website in drei Abschnitte. Sie haben Ihre Kopfzeile, Ihren Körper in der Fußzeile. So Ihre Kopfzeile ist, wo die Logos im Menü. Dann haben Sie Ihren Körper, wo Sie Elemente oder Blöcke einfügen können , wie auch immer Sie es nennen wollen. Und dann ist die Fußzeile, wo Sie möchten Ihre Datenschutzrichtlinie Nutzungsbedingungen, Disclaimer Offenlegungen, alles, was legal Zeug geht. Also werden wir jeden Abschnitt eins nach dem anderen entwerfen. Wir werden bei der Kopfzeile beginnen. Dann ziehen wir in die Leiche. Dann werde ich Ihnen zeigen, wie Sie die Fußzeile entwerfen. Also, wenn Sie bereit sind, lassen Sie uns weiterhin den Seitentitel mit Elementen oder so verstecken. Das allererste, was wir tun müssen, ist, dass wir den Seitentitel loswerden müssen. Warum? Nun, wenn Sie einen Blick auf wie eine Homepage werfen, sehen Sie irgendwo, wo es heißt Homepage? Nein. Nun, ich kann Ihnen sagen, dass, weil ich diese Website wie die Homepage für Website große bro tatsächlich Homepage genannt wird, okay. Aber ich habe es von der eigentlichen Seite selbst versteckt , so dass es meine eigenen Titel hinzufügen kann, wie ich es für richtig halte. Und Sie können genau dasselbe mit Elementen oder so tun. Wie auch immer, Sie wollen nur auf Seite bearbeiten klicken, kommen Sie hierher. Jetzt ist es Zeit, mit Elementen zu bearbeiten oder so ist das WordPress Editor, okay, das heißt der Gutenberg-Editor. Nun, wenn Sie auf diese Schaltfläche klicken, wo es sagt, dass die Bearbeitung mit Elementen oder was jetzt passiert , Element ist oder übernimmt das komplette Design der Website. Okay, jetzt können wir anfangen, mit Elementar zu entwerfen, aber Sie ziehen einfach Dinge an Ort und Stelle, wie wir es für richtig halten. Aber genau hier steht immer noch Homepage und sagen, wie kannst du das loswerden? Wie du löschst? Nein, Sie müssen einen Seitentitel haben. Sie können es nicht löschen. Wenn Sie, wenn Sie gelöscht es wird nur sagen, lassen Sie uns einfach sagen, wie keine Seite oder so. Die Idee ist also sehr einfach, aber es ist wieder irgendwie verwirrend. Also innerhalb von Elementen oder Sie wollen hier runterkommen, wo es dieses kleine Zahnradsymbol hier steht, das sind Ihre Einstellungen. Okay, willst du darauf klicken? Der Titel ist Homepage, der Status wird veröffentlicht. Wir wollen den Titel verbergen. Okay. Wir wollen den Titel verbergen. Da gehen wir. Und da gehst du. Es ist buchstäblich so einfach. Okay? Und dann geh weiter und klicke auf Update, okay, und das war's. Das ist alles, was Sie tun müssen, um Seitentitel auszublenden. Lassen Sie uns den Header unserer Website bearbeiten. Der Header ist also dieser obere Abschnitt, ganz oben hier. Und so gibt es zwei Möglichkeiten, es zu tun. Es gibt den manuellen Weg und dann gibt es den Weg, wo Sie einfach eine Vorlage herunterladen können schnell und einfach. Ich werde Ihnen zeigen, wie beide funktionieren. Jetzt erstelle ich nur diesen Abschnitt, weil ich weiß, dass die Leute wie Klicken auf das Anpassen sein werden und sie wären wie wher, wo ist der Header? Ich verstehe es nicht wie okay, du musst ein Plugin installieren, okay, es ist X davon. Okay, also wollen wir hier rüber kommen und Sie wollen zu navigieren, wo es Plugins sagt, und dann wollen Sie ein neues Plugin hinzufügen. Und was wir hinzufügen möchten, ist wie Elemente sind Kopf- und Fußzeilen blockieren so etwas. Jedenfalls ist es gut für Männer. Tour-Header wurde das in. Jetzt sollten die richtigen Plugins auftauchen. Ok, Boom, genau da. Elemente sind Kopf-, Fußzeilen- und Blockvorlagen. So. Was dieses Plug-in tut, insbesondere mit dem hallo Thema, ist es uns erlaubt, die Kopf- und Fußzeile unserer Website zu bearbeiten. Gehen Sie also voran und klicken Sie auf Aktivieren. In Ordnung, fantastisch. So können wir jetzt zum Erscheinungsbild navigieren, und jetzt haben wir eine Option namens Header, Header, Fußzeile und Blöcke. Alles klar, da gehen wir. Also hier drüben ist, wo wir jetzt einen Header setzen können. Also gehen wir einfach weiter und Müll. Das ist okay. Also, um einen Header zu entwerfen, gehen Sie einfach hier und klicken Sie auf Neu hinzufügen, okay? Und jetzt können Sie hier eine Kopfzeile mit Elementen bearbeiten oder so können wir den Typ der Vorlage auswählen, die wir erstellen. Also haben wir Header vor der Kopfzeile, Fußzeile benutzerdefinierten Block. Okay, so wie würden sie wie vor der Fußzeile meinen? Also lass mich das hier aufmachen. Vor bis vor der Fußzeile. Es würde nicht bedeuten, dass dieser Abschnitt hier oben ist. Der Grund, warum Sie wie vor der Fußzeile bearbeiten möchten , liegt darin, dass Sie manchmal eine Nachricht wie diese mögen möchten oder Sie ein E-Mail-Opt-In-Formular haben möchten, was auch immer. Das ist irgendwie wie der Abschnitt, den du dort benutzen würdest. Jetzt entwerfen wir den Header, okay? Und jetzt wollen wir auf. Also hier haben Sie eine Menge Optionen mit Element zwei. Elemente sind, ist fantastisch in dem Sinne, dass es Ihnen diese Art von wie wirklich spezifische Kontrolle gibt. So können Sie es haben, Sie können Ihre Kopfzeile auf Ihrer gesamten Website anzeigen, auf, nur auf der 404-Seite, auf bestimmten Beitrag, was auch immer. Für die meisten Leute, die sich das ansehen, wie Sie wollen, dass alles auf der gesamten Website angezeigt wird, okay? Und das war's. Und so ist user_roles hier oben. Das, was das tut, ist, dass festlegt, wer den Header bearbeiten kann. Okay, also wissen Sie, wenn Sie ein Team von Leuten haben, die sich bei Ihrer Website anmelden, möchten Sie diese Einstellung haben, um Personen zu beschränken, die Zugriff auf bestimmte Dinge haben. Für die meisten Leute, die dies sehen, sind Sie wahrscheinlich nur ein Kerl oder Mädchen Bearbeitung oder Website. So wichtig ist es also nicht. Jetzt, um den eigentlichen Header zu bearbeiten, wird ihm nur das Cyto tatsächlich geben. Wir nennen es einfach dieses Header-Handbuch. Okay, was auch immer. Klicken Sie einfach auf Header bearbeiten oder bearbeiten. Welche Elemente sind unsere Rate. Also jetzt Elemente oder sollten laden. Und das ist ein, okay, jetzt, was Sie gerade hier suchen, ist keine Seite auf Ihrer Website. Was Sie hier entwerfen, ist Ihr Entwerfen eines Header-Abschnitts für Ihre Website, okay? Und so können Sie es manuell tun. Also, weißt du, wenn wir einen Blick auf einen Header werfen, wie sollte ein Header sein? Warte, oh, du weißt schon, du hast dein Logo hier drüben und dann hast du die Speisekarte hier drüben, richtig? So ist es irgendwie, wie Sie völlig bis zu Ihnen wollen , wie immer Sie Ihren Header entwerfen wollen. Aber so etwas würde ich tun. Also möchten wir auf das Pluszeichen klicken, fügen Sie neuen Abschnitt hinzu. Was für ein Ausweg, um einer zu sein? Nun, ich möchte diese Art von Wal genau dort, wo das Logo-Konto kleiner sein wird und die linken und die Menüs auf der rechten Seite gefunden werden. Gehen Sie einfach voran und tun Sie das. Okay, jetzt oben ist hier oben, wo unser Logo ist, okay, oder wo ein Menü ist. Also oben oben wollen wir ein Logo hinzufügen, damit wir so etwas wie Logo eingeben können, okay? Und dann haben wir diese Seiten Logo. Wir können das einfach ziehen, ablegen, ziehen und ablegen. Okay, jetzt wirst du nur diese generische Box haben. Warum? Nun, das liegt daran, dass wir tatsächlich einen Header erstellen und ihn auf die Seiten hochladen müssen. Okay, also wollen wir nur ein Bild bearbeiten und hochladen. Müssen Sie auf dieses kleine Bleistift-Symbol direkt dort klicken. Hab es. Okay, lasst uns darauf klicken. Okay, jetzt wollen wir hier drüben stylen. Und unter diesem oder sorry, wir wollten unter Inhalt bleiben. Okay, jetzt haben wir ein benutzerdefiniertes Bild. Ja, da gehen wir. Das ist, was ich meine, dieses Element, das viele Kontrollen hat. Da gehen wir. So können wir jetzt das Bild auswählen, das wir hochladen möchten. Also müssen wir tatsächlich ein Logo erstellen. Ich werde Ihnen das in ein bisschen später im Tutorial zeigen. Aber wenn Sie eine lokale bereit haben, alles, was Sie tun müssen, ist klicken Sie auf Bild wählen. Sie können es per Drag & Drop in den Raum ziehen und es sollte das Logo entsprechend füllen. Und Sie können die Bildgröße, die Ausrichtungsbeschriftung einstellen , wahrscheinlich, dass aus, et cetera. Alles klar, jetzt wollen wir hier ein Element hinzufügen, also klicken wir darauf. Also, was wollen wir hinzufügen? Wir möchten in einem Menü hinzufügen, so dass Sie einfach wie Menü eingeben können. Okay, also weißt du, du hast hier eine Menge verschiedener Dinge. Ich empfehle das Navigationsmenü. Ziehen Sie das direkt dort ab. Okay, also sollte hier nichts sein, weil wir keine Menüs auf unseren Seiten haben. Und so gibt es keine Menüs auf Ihrer Website. Also müssen wir zum Menübildschirm gehen und einen erstellen. Also lasst uns weitermachen und das tun. So erstellen Sie ein Menü für Ihre Website, es ist sehr einfach. Sie müssen zum Aussehen gehen und dann möchten Sie zu Menüs gehen. Lasst uns das aufmachen. Okay, also schauen wir uns mal kurz an. In der Regel haben die meisten Websites zwei Menüs. Sie haben Ihr Hauptnavigationsmenü oben und dann unten können Sie in der Regel ein Fußzeilenmenü haben. Also werden wir das tun. Also gerade jetzt bearbeiten wir das Header-Menü. Und so müssen wir jetzt ein neues Menü erstellen. Und so haben wir jetzt die Homepage, Musterseite, et cetera. Und so möchte ich irgendwie haben, dass ich das löschen möchte, okay, also brauche ich nicht wirklich den Homepage-Link im Menü, also könnten wir vielleicht einfach zu Hause anrufen, ihn umbenennen. Okay, also sagt es zu Hause. Und wir haben den Blog. Okay, das sieht schön aus. Und dann haben wir Beispielseite, die genau wie ein Standard-pj im Spiel mit WordPress-Installation. Also können wir weitermachen und das entfernen. Und wir lassen es einfach da. Also werden wir das anstelle von vielen nennen, wir nennen dieses Hauptmenü. Du kannst es nennen, wie immer du willst. Und so jedenfalls, lasst uns voran gehen und Menü erstellen. Okay, sehr gut. Und so Anzeigeort, dies wird unser primäres Menü sein, so gehen wir weiter und klicken Sie auf Speichern. Ok, so jetzt in diesem Menü haben Bearbeitungsmenüs und Sie haben verwaltet Standorte. Okay? Und so im Moment haben wir eine primäre ihn, weil wir nur eine haben wir nur eine Menü-Lage so weit auf unserer Website entworfen, die ist diese, die wir gerade erstellt haben. Okay, und jetzt haben wir das Hauptmenü, das da oben ist. Okay, lass mich weitermachen und das neu laden. Und wir fangen von vorne an. In Ordnung, also nochmal, lasst uns auf das Pluszeichen klicken. Boom, genau da. Jetzt geht es hierher. Lassen Sie uns das Logo erneut eingeben, Site-Logo, Drag & Drop, dass direkt dort. Alles klar, jetzt werden wir darauf klicken und wir gehen zum Menü und Navigationsmenü direkt dort. Okay, jetzt haben wir unser Menü, das diesen Abschnitt ganz oben auffüllt. Okay? Und es ist wirklich so einfach. Okay, so jedenfalls, um mit der Bearbeitung zu beginnen, Sie wollen immer sicherstellen, dass Sie auf das kleine Bleistift-Symbol klicken, weil dies an es ist die, was ist die Elemente in diesem Abschnitt rechts oben dort. Okay, jetzt schauen wir uns mal an. Wir haben Inhalt Stil und fortgeschritten, so kommen wir über Stil, zum Beispiel, wir haben horizontale Polsterung, so dass wir die Breite ändern können, okay, in Raum dazwischen. Wir haben vertikale Polsterung, wenn wir das Menü nach unten verschieben wollen. Sagen Sie also, wenn Sie wie ein größeres Logo hatten und Sie das Menü nur ein wenig nach unten verschieben wollten. Sie können diesen Raum zwischen, okay, kann irgendwie mit diesem auf eigene Faust rumspielen. Textfarbe ist hier drüben. Jetzt wollen wir das schwarz machen. Wir können weitermachen und das tun. Lass es uns ein bisschen mehr herausstechen. Und das ist es. Und so haben Sie eine Reihe von verschiedenen Optionen. Also Wink Hover Effekt und so zum Beispiel, wie Link Hover zum Beispiel, wenn ich mit der Maus über den Link, ja, sollte es etwas tun. Typischerweise können wir eine zugrunde liegende Doppellinie über Land umrahmt haben, was auch immer. Also, weißt du, vielleicht werden wir zugrunde liegen. Okay. Und so wie, wenn ich mit der Maus über sie, unterstreicht etwas, um einen Hinweis zu geben , dass es angeklickt werden kann, et cetera. Okay, das war's wirklich. Also können wir hier runterkommen und dann ein Symbol auslösen. So oben oben hier können wir zusätzliche Elemente für das Menü ändern. Na gut, so jedenfalls, gehen wir zum Fortgeschrittenen. Also hier drüben haben wir unterschiedliche Ränder. Also Ränder wie, du weißt schon, du kannst einfach so rumspielen, wie du es für richtig hältst. Also macht es dasselbe, wo, weißt du, es gibt Raum zwischen oben oder unten. Also, wissen Sie, und anderswo haben Polsterung rechts oben, oben dort. Was Padding also tut, ist, dass es diesem ganzen, ganzen Element ein wenig mehr Platz gibt . Das ergibt irgendeinen Sinn. In Ordnung, also Bewegungseffekte sind wirklich hilfreich weil Bewegungseffekte Sie Eingangsanimation haben können. Also, wenn wir wollen, dass es verblassen, zum Beispiel, die Website lädt, das Menü verblasst so, et cetera. Ok, so jedenfalls, navigieren Sie einfach zurück zum Inhalt. Okay, jetzt kommen wir hier rüber, Hauptmenü. Na gut, woo, woo. Okay, jetzt kommen wir runter zu, nun, da gehen wir. Jetzt. In Ordnung. Unter Content-Layout können Sie hier den Wal ändern. Und so ist es zum Beispiel horizontal. Wir wollen eine Horizontale, aber vielleicht wollen wir es auf der rechten Seite so abschalten. Okay, vielleicht wollen wir es nicht auf der linken Seite, was immer wir wollen, dass es so zentriert ist. Das ist irgendwie so, wo man Dinge wie diese ändern kann. Okay? Und dann wie der Haltepunkt, wie was ist der Bruchpunkt? Breakpoint bedeutet also, wann wird dies zu einem mobilen Menü? Okay. So können Sie das ändern, was auch immer Sie für richtig halten. Ich persönlich würde es einfach so lassen, wie es ist. Also lassen Sie mich einfach öffnen Lake Website erstellen pro.com, nur um Ihnen dies zu zeigen. So wie zum Beispiel, wenn das das Menü ist, richtig? Und wenn ich zu Inspect gehe und das jetzt anschaue, dann ist es ein Hamburgermenü. Okay, warum macht es das? Das liegt daran, dass alles komprimiert ist und das sind die Haltepunkte. Das bedeutet also genau hier, dieser Haltepunkt. Also, wenn jemand auf einem Tablet tut, wird das ein Hamburger-Menü oder eine solche Anzeige sein? Das wird Ihnen helfen, diese Entscheidung zu treffen. Okay? Und das ist wirklich, es ist wirklich so einfach. Okay, es ist also, könnte ein bisschen verwirrend sein, aber es ist nicht zu, es ist nicht zu kompliziert. Okay, also musst du nur ein Menü in deinem WordPress-Dashboard hier erstellen. Stellen Sie sicher, dass dies das gewünschte Menü ist. Also nenne ich dieses Hauptmenü. Ich habe dieses Hauptmenü buchstäblich genannt. Sie können es nennen, was Sie wollen, Sie wollen Nina, ABC123 Menü. Gehen Sie direkt vor und nennen Sie es einfach, was Sie wollen. Jetzt unter dem Inhalt möchten Sie auf Layout achten, denn Layout ist, wo Sie das Layout der Menüelemente ändern können, egal ob links oder rechts. Typischerweise geben Sie alles auf der Rate aus. Und wir kommen zu Stil. Und Stil ist, wo Sie bestimmte Elemente des Menüs ändern können, wie die Farbe, jede Art von Animationen, Unterstreichungen, et cetera. Und es ist wirklich so einfach. Also wie auch immer, lassen Sie uns weitermachen und ein Logo erstellen. 7. Ein Logo entwerfen: Lassen Sie uns ein Logo entwerfen, also empfehle ich Ihnen, sich an einfache, elegant aussehende Logos zu halten. Du brauchst keine großen komplizierten, schwer zu lesenden Vogue. Ich meine, wir können einfach einen Blick auf eine Website werfen. Tolles Protokoll. Es ist, es ist so ein einfaches Logo. Es ist buchstäblich Steuer mit den kapitalisierten Pro-Wörtern. Also ist es nicht so, dass Sie es nicht tun, machen Sie sich keine Sorgen über einige übermäßig komplizierte und sogar Blick auf die globale für Canva, es ist buchstäblich ein Kreis mit dem Wort Canva. Logos sollten heute einfach sein. So haben Sie viele verschiedene Optionen mit der Bearbeitung eines Logos. Ich habe andere Videos, wie man diese Website Logo-Maker zu verwenden. Aber sobald ich wirklich mag, ist eigentlich Canvas, also lasst uns einfach voran gehen und loslegen. Also möchte ich, dass du YouTube-Miniaturbild eingibst, okay? Und das wird unsere leere Leinwand sein, um ein Logo für o zu kreieren, richtig? Also gehen wir hin. Also jetzt navigieren wir einfach zu Texten und ich möchte nur Texte erstellen. Okay, also werde ich das nur meinen Namen nennen, weil der Name der Website. Ok. Und das machen wir in einer Sekunde. Ok. Und wir bringen das da rüber. Da gehen wir. Das muss repariert werden. Ok. Also lass mich weitermachen und das reparieren. Also werde ich nur machen, dass wir diese 150 machen. Da gehen wir. Legen Sie das da hin. Und ich möchte das auch 150 machen. Also achte ich auf diese Nummer oben, also skalieren wir das einfach auf 150. In Ordnung, jetzt hilft dir der Canva alles schnell und einfach auszurichten. Da gehst du. Also lassen Sie mich das hier rüber bewegen, geben Sie dem etwas Raum. Okay, jetzt müssen wir das nur entwerfen. Also lass mich hier voran gehen, ich denke, ich werde diesen Poppins spät machen. Und ich denke, ich werde das hier machen. Ich werde nur Pop im Sport machen, ganz nach dir, was auch immer du hinzufügen willst. Und so behalten Sie es so. Ich denke, das sieht schön und einfach und elegant aus, aber Sie können mehr hinzufügen, wenn Sie wollen. Wenn Sie zum Beispiel ein Element hinzufügen möchten, OK, und ich wollte, möchte ich vielleicht einen Globus aus irgendeinem Grund mögen. Ich kann hier einen Globus setzen. Und ich könnte machen, dass diese Position hinter allem rückwärts ist. Okay, Sie können also einfach hier reinkommen und Elemente hinzufügen, wie Sie wollen. Ich werde gehen, es ist einfach, aber wieder, um Elemente hinzuzufügen, kommen Sie vorbei, um hier zu positionieren. Du kannst Dinge vorwärts und rückwärts bewegen, okay? Und so können Sie mit Dingen in einer Anzeige herumspielen, Dinge, wie Sie wollen, wie Sie denken, dass sie gut aussehen. Also lassen Sie mich einfach weitermachen und das löschen. Aber es ist wirklich so einfach. Jetzt in Bezug auf die Bearbeitung der eigentlichen Texte, haben Sie eine Menge, Sie haben tatsächlich viele verschiedene Optionen. Also ist es wirklich schön. So können Sie hier rüber zu Effekten kommen. Und so Effekte, die Sie hinzufügen können, wie ein Schlagsahne oder Schlagschatten oder keine, oder eine Panne und lassen Sie es so seltsam aussehen. Sie können auch hierher kommen. Genau hier, diese Drop-down-Liste hier, können wir die Nässe und die Strichhöhe haben. Also zum Beispiel, wenn ich will, dass der Abstand der Buchstaben etwas größer ist, kann ich hierher kommen und vielleicht machen wir diese fünf. Ok? Und was uns das gefällt, kommt jetzt hier rüber. Wir können das Gleiche tun und wir sind nur Augapfel, wo immer Sie denken, sieht gut aus. Vielleicht ist das zu viel Stimmung. Möchtest du nur ein bisschen wie vielleicht wieder, dann machen wir fünf. Da gehen wir. Ich finde, das sieht gut aus. Okay, jetzt haben wir unser Logo-Setup. Also gehen Sie einfach voran und laden Sie es herunter. Nun, in der Regel für Websites, empfehle ich Ihnen auf jeden Fall, Dinge als PNG herunterzuladen. Aber weil dies unser Logo ist, wollen wir, dass es qualitativ hochwertig und scharf und scharf ist. Und es wird auch nicht so groß von einem Bild sein. Pngs. Okay, also los und lade die Datei herunter. Okay, jetzt sollte die Datei erfolgreich heruntergeladen werden. Das kriege ich aus dem Weg. In Ordnung, also ziehen Sie das direkt dort ab. Okay, also jetzt müssen wir bearbeiten, diese offen ist und ich werde mit Office Bild-Manager öffnen. Und Sie können verwenden, was Foto-Editor Sie wollen. Das Einzige, was wir tun müssen. Das einzige, was wir tun müssen, ist nur älteste Leerzeichen zu beschneiden. Wir brauchen nicht den ganzen Schwankungsraum, Knochen so. Bringen Sie es von unten rechts hoch. Ok. und von rechts ein bisschen rein. Da gehen wir. Und von links hinein, da gehen wir. Okay, als nächstes können Bilder bearbeiten und dann wollen Sie nur die Größe des Bildes ändern. Also brauchen wir dieses große, massive Bild nicht. Wir können die Größe auf so etwas wie fünfhundertvierhundertfünfzig, dreihundert, so etwas wie das ändern. Nicht zu groß, nicht zu klein. Also bringen wir das runter, um 50, fünf zu übertreffen. Ok. Okay, das sieht also gut aus. Und wir werden auf Ja klicken, ich sehe, dass wie es ist. Ordnung. Nun, das hat, jetzt, wie Sie sehen können, wie es auf meinem Desktop aussieht, das hat einen weißen Hintergrund, aber schauen Sie, dieser nicht. Also, wie machst du das? Nun, es gibt viele Tutorial-Videos, wie man Hintergründe von Bildern entfernt. Aber ehrlich gesagt, können Sie einfach eine Website verwenden, die super einfach ist. Es heißt move dot jpg. Und Sie kommen einfach hierher und Sie können ein Bild hochladen und es verwendet automatisch maschinelles Lernen, um den weißen Hintergrund von jedem Bild zu entfernen , das Sie hochladen oder tatsächlich nur den Hintergrund von jedem Bild entfernt. So können Sie dies einfach verwenden, Sie können diese Website verwenden, wenn das Entfernen des Hintergrunds für Sie wichtig ist. Also, warum sollten Sie ein transparentes Logo wollen? Das einzige Mal, dass Sie wollen, um Logo transplantieren, ist, wenn Sie denken, dass Ihre Kopfzeile wird ein überdachter Hintergrund sein, werden Sie mit verschiedenen Farben herumspielen. Du willst es ändern, was auch immer. Aber wenn du es nicht machst, habe ich, du weißt schon, sicher, dass Armour geschickt hat, dass dein Header weiß wird und es einfach weiß lässt. Okay, jedenfalls, jetzt haben wir unser Image. Also wollen wir weitermachen und unser Bild etwas logisches nennen, See wie Logo, weißt du, so etwas wie das. Also wissen wir, was es ist. Okay, also jetzt sind wir wieder in unsere Elemente sind, und jetzt können wir unser Bild hochladen. Okay, also wieder, wir müssen zum Website-Logo gehen. Wieder müssen Sie auf benutzerdefinierte Bild klicken, und dann wieder, Sie müssen auf Bild auswählen klicken. Ok? Und so können wir jetzt einfach Drag & Drop oder Bild an Ort und Stelle. In Ordnung, und so gehen wir. Also, jetzt kommen wir hier runter, wir haben den Alt-Text. Und so der Alt-Text sollten wir in Logo setzen. Okay, das beschreibt also das Bild. Jetzt hier können wir weitermachen und Medien einfügen. In Ordnung, und so sieht unser Logo gut aus. Also hier unten können wir auch die Größe ändern. So zum Beispiel, es ist 300 mal 300, aber Sie bemerken, dass es nicht so scharf und scharf ist und Sie wollen es definitiv nur persönlich voll lassen, okay? Denn voll wird das Bild am besten aussehen lassen. Und so ehrlich gesagt, müssen Sie wahrscheinlich mit der Größe des Logos herumspielen. Was ich meine ist, ich komme hier offen mit, dann bearbeite buchstäblich die Größe des Logos auf die Größe , von der du denkst, dass es ausdrücken wird, wo es scharf und scharf ist, usw. Ok, das ist es, was Sie spielen müssen, denn wenn Sie hierher kommen und die Bildgröße entsprechend anpassen, wird es einfach so aussehen lassen wie nicht scharf und scharf. Okay, das ist der einzige Weg, wie ich es so beschreiben kann. Das sieht nur ein bisschen verschwommen aus. Also ich mag es, alles voll zu lassen. Ok. So ist alles schön und scharf und sieht fantastisch aus. Okay, und so im Allgemeinen, das ist alles, was Sie tun müssen, um das Logo mit Elementen zu bearbeiten , so dass Sie die Kopf-, Kopf- und Fußzeilen Plug-in installieren müssen . Und jetzt haben Sie Zugriff, um einfach Blöcke hinzuzufügen, wie Sie es sehen passen, um Ihr Logo zu erstellen. Okay, und eine letzte Sache ist, ich immer gefragt werde, wie kann ich die Schriftgröße des Menüs ändern? So kann es sehr frustrierend mit Elementen sein oder weil Sie auf das Symbol hier klicken, kommen Sie in Content-Stil Fortschritt. Ich sehe nichts, das Chunk die Größe ändert. Nun, der Grund ist, dass Sie das bearbeiten möchten, ist die Topographie. Ok. Und die Topografie-Option ist es nicht. Hier. Wir müssen tun, ist auf das Hamburger-Menü klicken. Jetzt sind hier Ihre Website-Einstellungen Themen ältere Benutzereinstellungen. Sie möchten also in die Site-Einstellungen gehen. Sobald sie dankbar sind, musst du zur Topographie gehen. Nun, was Sie bearbeiten möchten, ist, dass Sie Links bearbeiten möchten, okay, also müssen wir jetzt hier runterkommen. Und so sehe ich keine Größe. Nun, das liegt daran, dass Sie auf das Bleistift-Symbol klicken müssen. Jetzt kommen wir runter zur Topographie. Jetzt können wir es in etwas anderes ändern. So zum Beispiel, mein Logo ist Pop-in, so vielleicht machen Sie das Menü Poppins. Okay, da gehen wir. Und als nächstes möchte ich vielleicht die Schriftgröße etwas größer machen. Okay, also vielleicht, um dem Logo ein bisschen mehr zu entsprechen, können wir das tun, wir können wie ein großes, kühnes Design wie das machen. Vielleicht, vielleicht, als ob das okay ist. Komm hier runter und verteile ihn nur ein bisschen. Okay, also gehen wir weiter und klicken Sie auf Update. Okay, und so gehen wir zurück zum Brief, und los gehst du. Okay, wenn du also wissen willst, wie man die Menüpunkte oben anpasst, wird dir das helfen. Sie müssen in die Typografie gehen und dort können Sie die Größe, den Buchstabenraum und die Schriftfamilie mit 0s anpassen . Okay, sobald Ihr Menü fertig ist, überprüfen Sie einfach und stellen Sie sicher, dass Sie es oben aktiviert haben. Okay, also gerade jetzt im Menü ist nicht aktiviert. Also lasst uns hier runterkommen. Dies ist also der Header, den wir gerade erstellt haben. Stellen Sie also sicher, dass Sie hier nach unten kommen, wählen Sie die Option Header, Anzeige auf der gesamten Website. Dort gehen wir weiter und klicken Sie auf Update. Und so speichert das den Header, den wir gerade erstellt haben, als der Header unserer Websites wird den Sate neu laden. Und da gehst du. Da ist also unser Header, okay? Und das Erstellen eines Headers ist mit elementar so einfach. 8. Envato Header: Also entwerfen wir den Header-Abschnitt einfach manuell, aber gibt es eine Möglichkeit, dass wir es einfach schnell und einfach tun können, indem wir einfach eine Vorlage hochladen. Und die Antwort ist ja, absolut. Also eines der coolen Dinge über elementary ist, dass es eine Menge von Drittanbieter-Entwicklern gibt, die viele wirklich nützliche Plugins machen , mit denen Sie wie Ihre Kopf- und Fußzeile schnell und einfach mit einem Klick auf eine Schaltfläche erstellen können. Ein Header-Designer, den ich wirklich mag, ist ein Plugin namens Vitalelemente. Also lasst uns weitermachen und es installieren. Also gehen wir zurück zu Plugins und lassen Sie uns gehen, um neue hinzuzufügen. Okay, also willst du eintippen und Vo2? Die immensen. Da gehst du. Also lade ein, Oh, wenn du es nicht weißt, sind sie die Firma hinter dem Themenwald. So Strahl Kraft ist diese Webs Bereich hier, dort, einer der beliebtesten WordPress-Theme Entwickler der Welt, tatsächlich sind sie nicht Thema von Oprah, aber ihren Marktplatz für WordPress-Themes und sie bieten eine Menge andere zufällige Dinge sind wirklich hilfreich wie Audio, Video, Grafiken, etc. Also dann U ist sie ein Plugin, das wirklich groß und lebenswichtige Elemente Foto und Elemente sind bei Templates. Fahren Sie fort und installieren Sie das. Und klicken Sie auf aktivieren. Ok, jetzt, da es bereit ist zu gehen, also gehen wir zurück zu unserer Homepage und lassen Sie uns voran gehen und klicken Sie auf Bearbeiten mit Elementen, die sind. Jetzt wirst du eine Sache bemerken, die hinzugefügt wurde, ist „Einladung“. Oh, oh, da gehen wir. Es gibt also kleine grüne Ikone, die blättet. Sehen Sie dies ist, wie Elemente sind normalerweise sieht jetzt, dass wir die Elemente Plugin haben, dass wir diese geladen haben, jetzt wollen wir den Header anpassen, so dass wir in und gehen zurück zu unserem Abschnitt, wo wir den Header bearbeiten können. Also, was ist wieder da raus und wieder raus, und wieder da raus. Okay, also wieder, gehen Sie zu Erscheinungsbild und gehen Sie zur Kopf- und Fußzeile. Da gehen wir. Also Kopf- und Fußzeile lassen Sie mich einfach voran und löschen Sie diese. Okay, also lasst uns weitermachen und neue hinzufügen. In Ordnung, also werde ich nur diesen und Vaso-Header nennen. Da gehen wir. Und jetzt, was wir mit Elementen bearbeiten werden oder so lassen Sie uns voran gehen und klicken Sie darauf. Ok. Also alles, was wir tun müssen, ist auf dieses Symbol hier zu klicken, und erscheint in Vadose. Wir wollen also dahin navigieren, wo es freie Blöcke sagt. Jetzt, was blockiert wir wollen? Nun, wir installieren einen Header, also wollen wir den Header-Block. Und genau hier haben Sie eine Reihe von freien Header-Blöcken. Sie können einfach klicken und installieren Sie direkt hier. Und so einfach ist es. Es ist wirklich schön. Und so haben sie viele verschiedene Optionen für eine wirklich gab Sie wie ein schwarzes Logo genau dort wollen , blau. Sie können, offensichtlich können Sie diese einfach hochladen und anpassen, wie Sie wollen. Ich werde mit diesem hier gehen, der einen schönen Knopf hat. Also lassen Sie uns voran gehen und Vorlage einfügen. Und jetzt wird es die Vorlage importieren. Und wunderbar. Also, jetzt haben wir ein paar verschiedene Elemente hier, wir haben einen Knopf da drüben. Wir haben einen Abschnitt für das Menü. Wir haben den Website-Namen und wir haben dieses Symbol. Also, wenn Sie nur ein textbasiertes Logo haben wollen, hier geht's los. So können Sie einfach hier springen und sich nach Bedarf anpassen. Wenn Sie dieses Bild aktualisieren und es zu Ihrem eigenen Bild machen möchten, können Sie das tun. Persönlich werde ich nur diesen gesamten Abschnitt löschen. Und die Sache, die ich hinzufügen möchte, wäre wie ein Logo. Okay, so Logo, Website, Logo, Drag & Drop das da drin. Und wir wollen ein benutzerdefiniertes Bild. Jep. Und ich möchte das Bild wählen. Großartig. Und so werde ich eine Version meines Logos hochladen, die ich etwas kleiner gemacht habe. Das hier ist also 350 Pixel. Lasst uns weitermachen und Medien einfügen. Und das sieht fantastisch aus. Okay, also wollen wir es nicht mittel, wir wollen es voll. Und da gehen wir. Okay, das ist also das für das Logo. Jetzt gehen wir weiter und klicken Sie auf das Pluszeichen hier. Und was wir hinzufügen möchten, ist das Menü. Und so Navigationsmenü, Drag & Drop, dass dort. Ok, großartig. Und so lassen Sie uns zu Layouts gehen. Und ich will das auf der rechten Seite. Jetzt noch einmal, ich habe gerade gezeigt, dass Sie Link, wie Sie die Größe anpassen. Also, ich denke, das sieht ein bisschen groß aus. Ich würde das lieber etwas kleiner machen. Also nochmal, wir werden uns darum kümmern. Also jedenfalls, lasst uns gehen, um zu veröffentlichen. Und da gehen wir. Okay, also schauen wir uns mal an. Unser Recht, das sieht gut aus, also sieht es gut aus. Aber ich hätte lieber die, diese Menüpunkte stimmen irgendwie mit der Syntax ein bisschen besser überein. Also lassen Sie uns voran und bearbeiten mit Elementen oder. Und wieder, ich habe euch gerade gezeigt, wie man das Menü anpasst , damit wir wieder in die Typografie springen müssen. Also lasst uns weitermachen und das tun. Okay, also lass mich auf das Hamburger-Menü klicken und zu den S8-Einstellungen gehen. Und wir gehen zur Typografie. Da gehen wir. Kommen wir runter zum Link. Das ist wieder eine schnelle Topographie. Lassen Sie uns die Schriftgröße ein wenig kleiner machen, so etwas. Ja, das sieht aus, das sieht toll aus. Also passt es irgendwie zu dem Knopf ein bisschen besser. Und das gefällt mir wirklich, damit wir das einfach so lassen können. Ich finde, es sieht wirklich schön aus. Und so werde ich fortfahren und auf Update klicken. Und da gehst du. So können Sie diesen Abschnitt einfach aktualisieren, indem Sie ein VO2-Elemente verwenden. Also jetzt haben wir hier oben eine Reihe von verschiedenen Elementen. Also lassen Sie mich einfach wieder da raus. Okay, also jetzt für diese spezielle Schaltfläche, wenn Sie sie wie immer wieder anpassen möchten, klicken Sie auf das Bleistift-Symbol. Wir klicken auf das Bleistift-Symbol. Hier sind Ihre Optionen für die Schaltfläche. Und so können Sie hier den Typ ändern, okay, Standard-Intro-Erfolgswarnung, Gefahr. Also wollen wir nur Standard, den Text, Sie ändern einfach den Text. Also ist es ein Klick hier, ok, wie oder wie was auch immer. Kurse, in denen man einfach so etwas sagt, ein Augenzwinkern. Wir können diesen Link zu einer Seite haben oder wir können einen On-Page-Ankerlink erstellen , auf den ich später im Video komme. Sie können die Ausrichtung direkt hier ändern und Sie können dies ändern, wie die Größe der Schaltfläche. Also, wenn Sie wollen klein, extra klein, was immer Sie können einfach schnell und ändern Sie es dort. Ich kann Abstand nehmen. Ok. Wie groß willst du es? Und so, weißt du, du kannst genau das dort. Lassen Sie uns in Styling gegen eine Änderungen springen, wie die Schaltfläche tatsächlich aussieht. Persönlich, Ich mochte die Art und Weise, die aussieht, wie ich Maus über es schwarz wird, aber wieder, Sie können es einfach ändern, wie Sie wollen. So haben wir die Textfarbe, so dass ändert sich der Text. Rahmentyp ist durchgehend, d. h. der Rahmen der Bindung ist eine schwarze Linie. Auch wenn Sie dies in Double ändern möchten, können Sie einfach auswählen, wo immer Sie wollen. Und dann war's das. Und dann haben Sie Kastenschatten und Sie können Polsterung hinzufügen, was auch immer Sie wollen. Und so aktualisieren Sie den Header-Abschnitt. 9. Erstelle einen Favicon: So fügen Sie Ihrer Website ein Favicon bei hinzu, das von Elementen oder so unterstützt wird. Sie fragen sich vielleicht, was ist ein Favicon der Gewohnheit Nachteile ein kleines Symbol in der Registerkarte oben dort. Sie möchten also auf jeden Fall etwas kreieren, das Marke doppelt für Ihre Website ist. Denn wie wenn Leute besuchen Ihre Website auf sagen wie ihr iPhone und zuletzt besuchte Website, Sie wollen Symbol mit Ihrer Website verbunden. Es ist auch nur eine Hygiene-Sache, wo nur ein kleines kleines Detail, das man nicht bemerkt, aber wenn es nicht da ist, merkt man es. Und so gerade jetzt ist unser Favicon nur das WordPress-Symbol. Also lasst uns weitermachen und das ändern. Sie möchten also auf das Hamburger-Menü klicken. Und dann ging er, um zu navigieren, wo es Site-Einstellungen steht. Ok? Jetzt wollen wir etwas finden, das wie die Identität der Website direkt unter diesen Einstellungen sagt . Also lassen Sie uns voran und klicken Sie darauf. In Ordnung, also hier haben Sie Ihren Website-Namen in Ihrer Website-Beschreibung. Also können Sie das ändern, wie Sie wollen, von hier aus, aber ich werde es einfach verlassen. Und so haben wir das Website-Logo, aber wir haben das bereits oben, so dass Sie hier nichts anpassen müssen. Das einzige, was wir anpassen müssen, sind diese Seiten, Favicon. Und so, wie erstellen Sie ein Favicon? Jetzt? Es liegt an dir. Sie müssen Ihr eigenes Bild erstellen. Sie müssen Ihr eigenes Image erstellen, das mit Ihrer Marke verknüpft ist. Und so persönlich, was ich habe, ist, dass ich dieses kleine Bild habe, das ich verwenden werde. Ich habe es eine Gewohnheit als PNG mit einem transparenten Hintergrund hat. Auch hier können Sie einfach entfernen Beat verwenden, um dieses Bg zu entfernen, um den Hintergrund von einem beliebigen Bild zu entfernen. Also verwenden wir einfach Ihren Lieblings-Bild-Editor, vielleicht machen Sie einen Kreis, haben eine Art von Design. Es muss nichts Kompliziertes sein und einfach etwas erschaffen. Okay, also gehen wir voran und wählen Bild. Und ich werde das einfach per Drag & Drop an Ort und Stelle. Okay, das sieht gut aus. Und wir gehen, um Medien einzufügen. Und lasst uns auf Update klicken. Okay, und gehen wir zurück zum Redakteur. Okay, also lasst uns, gehen wir zurück zum Verlassen des Armaturenbretts. Und mal sehen. Ah, sehr gut, so perfekt. Wie Sie sehen können, wurde unser Favicon auf etwas etwas zerbrechlicheres aktualisiert, und es ist so einfach. 10. 10 Hero-Bild und dein Aufruf: Jetzt ist es an der Zeit, ein großes, wunderschönes Heldenbild mit einem Call to Action auf unserer Website hinzuzufügen . Also gehe ich bereits davon aus, dass Sie irgendwie mit Ihrem Header-Abschnitt herumgespielt haben. Okay, also ging ich weiter und machte mein Logo etwas kleiner, ändere die Farbe hier drüben. Sie passen sich nicht nur so an, wie Sie es für richtig halten, wenn Sie bereit sind. Jetzt möchten Sie einfach ein Heldenbild hinzufügen. Worüber reden wir hier? Bilder wie so etwas. Okay, ein großes oder einfach nur Bild, das den oberen Bereich der Website nimmt, ein Aufruf zum Handeln, der den Menschen sagt, worum es auf der Website geht, et cetera. Also, wie machen wir das? Sehr, sehr einfach. Also das erste, was Sie brauchen, um in Bild zu Quelle. Also würde ich auf jeden Fall empfehlen, vielleicht schauen Sie sich wie so etwas wie auf Splash.com. Und Sie möchten eine Reihe von Bildern finden, von denen Sie denken, dass sie fantastisch aussehen würden. Diese sind völlig kostenlos zu verwenden. Sie müssen sich keine Sorgen um irgendeine Art von Zuordnung oder was auch immer machen. Und so, aber nur eine Einschränkung besteht darin, sicherzustellen, dass Sie die Größe des Bildes entsprechend ändern. So zum Beispiel ist das wie ein 1500 mal 1500 Bild. Schneller herunterladen, wäre es wie 6 Tausend mal 6 Tausend Pixel, was ein riesiges Bild ist. Und Sie vernünftigerweise, Sie wollen das kleinste mögliche ist, weil Sie wollen , dass die Leute die Website öffnen und alles wirklich schnell laden. Und so kannst du das nicht tun, wenn du ein massives Bild hast. Also wie auch immer, lassen Sie uns gehen, um mit Elementen zu bearbeiten oder weil wir die Homepage bearbeiten werden. Okay, jetzt ist das, da gehen wir. Also k, Also lasst uns anfangen, unsere Seite zu bearbeiten. Das erste, was wir brauchen, ist, dass wir eine Überschrift brauchen. Ok. Warum geht es? Nun, genau das sind diese Sätze hier. Wie dieses Flugzeug wird Profit Websites leicht gemacht fördern. Das sind Überschriften, okay? Dann ist das wie Textkörper. Und so lassen Sie uns eine Überschrift hinzufügen. Boom, da geht's. Okay, hier oben kannst du deinen Call to Action hinzufügen. Also sollte diese Satzstruktur hier so etwas wie ein Aufruf zum Handeln sein , der den Leuten sagt, wo sie sind, was los ist, was die Websites über es nicht lange und wortwörtlich machen, vielleicht eine Unterüberschrift Wenn Sie wollen, et cetera. Also werde ich einfach etwas reinlegen. Finde dein Randkomma und Joey, Leben. Da gehen wir. Okay, jetzt ist das nächste, was ich will, dass Sie tun, zu navigieren, wo es HTML-Tag steht, Sie wollen Änderungen von H2, H1, H1. Während man bedeutet, dass dies der Seitentitel ist. Ok? Und so zum Beispiel, wie dieser, der Blog-Post, das ist Ihr H1-Tag. Das H1-Tag ist der Titel Ihres Blogbeitrags. Hier ist H2. H2 ist eine Unterposition von H1, et cetera. Und deshalb wollen wir, dass dies derjenige ist, weil es der Titel der Seite ist. Jetzt möchte ich nicht nach links abschalten, ich wollte Sensoren, also gehen Sie hier zur Ausrichtung und klicken Sie in die Mitte. Da gehst du. So einfach ist es. Jetzt können Sie auf Stil klicken. Und wieder ist die Stil-Registerkarte genau, die denken, dass Sie den Stil des Textes ändern. Also klicken wir auf diese und wir navigieren, dass zu schwarz oder was auch immer, unabhängig von der Farbe, die Sie wollen. Und jetzt hier drüben können Sie die Topographie ändern , wie Sie wollen, okay, es ist, was Sie wollen. So wie zum Beispiel, ich werde Poppins verwenden. Wir werden es einfach ändern, um das ist okay. Wir können die Art und Weise transformiert Stil Deklaration ändern. Du kannst hier reinkommen und damit herumspielen. Wenn Sie etwas zurücksetzen möchten, können Sie einfach auf den Standardwert zurückklicken, um von vorne zu beginnen. Wenn Sie einen Fehler gemacht haben. Es ist wirklich so einfach. Wieder, dann Textschatten, okay? Wenn Sie einen Textschatten haben möchten, möchten Sie keinen Textschatten haben, so etwas. Wenn wir darauf klicken, kehren Sie zur Standardeinstellung zurück. Ich lasse es einfach so. Ok? Und so denke ich, dass das wirklich schön aussieht. Nun, wie fügen wir ein Bild hinzu und sagen, ich sehe keine Option, um ein Bild irgendwo hinzuzufügen. Es ist ein Inhalt und Stil, kein Advance Tab, oder? Jep. Nein. Na gut, das Ding ist mit Elementen oder ist, als ob du die Überschrift bearbeitest, deine Bearbeitung mit dem Element in diesem blauen Feld. Aber jetzt müssen wir tatsächlich die blaue Box bearbeiten. Also müssen wir diesen kleinen Abschnitt direkt dort klicken und sehen, wie sich dies ändert, um den Abschnitt zu bearbeiten, wenn ich auf das Bleistift-Symbol klicke. Nun, die Überschrift zu bearbeiten, wollen wir den Abschnitt bearbeiten, einfach so. Okay, also jetzt müssen wir haben, was wir haben, sind Waloption in unserer Strukturoption. Und so ändert das Layout die Art und Weise, wie alles in diesem Abschnitt angeordnet ist. Aber wir müssen Stil hinzufügen, was unser Bild ist. Klicken Sie darauf. Jetzt haben wir Hintergrund, okay, also haben wir Hintergrund, Overlay, Rand geformt, Teiler, et cetera. Klicken Sie auf Hintergrund normal. Ok, dann haben Sie ein klassisches Gradientenvideo in der Diashow. Wenn Sie also ein Video hinzufügen möchten, können Sie das von hier aus tun. Aber persönlich würde ich auf jeden Fall empfehlen, mit Klassik zu gehen. In Ordnung, das ist also klassisch. Ich wähle ein Bild aus. Jetzt wähle ich ein Bild aus, das ich bereits hochgeladen habe. Also, hier geht's. Das ist mein Hintergrundbild. Auch hier können Sie etwas wie auf Spritzer verwenden, Ihr eigenes Bild beziehen, was auch immer. Ändern Sie einfach die Größe. Okay, das ist wie eintausend, achthunderteintausend zweihundert. Es ist groß, aber es ist nicht zu groß. Ok, jetzt haben wir gerade ein Bild hinzugefügt. Ok? Und das sieht schrecklich aus. Warum ist es so klein? Sie müssen Polsterung hinzufügen, okay. Sie müssen also Platz hinzufügen. Padding ist also der Ausdruck, den Sie verwendet haben, um den Abstand zwischen den Elementen zu beschreiben. So zum Beispiel ist dies ein Textsatz hier. Dies hat viel Polsterung über diesem Text und ein wenig darunter. Also schiebt irgendwie alles weg, trennt alles aus. Wenn Sie keine Polsterung haben, wird alles zusammen komprimiert. Das ist, wo Sie zum Layout gehen wollen. Ok. So gehen Sie nicht zum Layout. Jetzt willst du in die Höhe kommen. Und wir wollen etwas, das vielleicht auf den Bildschirm passen kann, okay, das schön aussieht, oder vielleicht minimale Höhen. Und wenn Sie hier auf minimale Höhen klicken, erhalten Sie dieses kleine Zifferblatt genau hier. Und so mag ich das wirklich, weil es für Anfänger einfach und intuitiv ist. Wir können einfach mit der Art herumspielen, wie das in Ordnung aussieht. Es liegt also ganz an dir. Was ich an Mentoren mag, sagte das, er sagt Fit zum Screen. Und so wird das auf den Bildschirm passen, egal welches Gerät die Person dort auf einem mobilen Gerät ist, wird es automatisch auf ihr Telefon passen , et cetera. Ich werde nur das tun und minimale Höhe, weil offensichtlich, weißt du, so wie ich Websites designe, ich will nicht, dass dieses Bild ihn supermassiv ist. Ich will nicht nur ein bisschen, ein bisschen wie Mittagessen, ein bisschen weißer Raum darunter. Und da gehst du. Also mochte ich die Art und Weise, die aussieht. Ok. Und so kommen wir zurück zu den Texten, Okay, und so werde ich hierher zurückkommen, um diese x num Bearbeitung des Überschriftenstils zu kommen. Also, jetzt kann ich hier rüber kommen und wir können zum Inhalt kommen. Und so haben wir Standardgröße. Vielleicht möchte ich das noch größer machen. Wir werden gerne extra groß machen. Ja, das sieht viel besser aus. Also, jetzt ist es ein bisschen schwer zu lesen, so Stil und so schwarz. Lass uns weiß machen oder so, lass uns eine andere Farbe machen. Okay, also muss ich möglicherweise ein Overlay für dieses Bild hinzufügen, okay? Denn wie, oh, nun, ich kann den Text nicht wirklich sehen. Also lassen Sie mich hier zurück. Gehen wir zurück zum Stil. Okay, jetzt können wir mit dem Hintergrundbild herumspielen. Also haben Sie Ihre Position dort. Nun, Ihre Position dort, müssen Sie dies minimieren und sicherstellen, dass das Bild richtig passt. Ok? Und so können wir verschiedene Dinge wie Zentrum ändern, Zentrum OKC. Ich mag das irgendwie, weil der Text vielleicht ein bisschen klarer und leichter zu lesen aussehen würde , wenn ich ihn über diesen Abschnitt des Bildes weiß gemacht habe. Weißt du, wenn du einen oberen Sensor hast, sieht das schön aus. Okay, damit ich es so behalten kann, wenn ich will. Alles klar, jetzt haben wir den Eigensinn. Also hier können wir Scroll oder fixiert haben, okay? Und wenn du also nur damit herumspielst, so scrollen, okay, das bedeutet, dass das Bild bleibt. Wenn wir zu fixieren kommen, bedeutet das, dass das Bild fixiert bleibt, es dahinter und dann gibt, weißt du, irgendwie das nette kleine Merkmal des Bildes, das sich hinter sich bewegt. Und ich mag die Art und Weise, wie das funktioniert. Also denke ich, ich werde es so fixiert halten. Also, jetzt wollen wir hier runterkommen, wo es Hintergrund-Overlay sagt. Also, was ist ein Overlay? Eins? Überlagerungen wie das Hinzufügen von Farbe zu einem Bild. Warum würdest du das tun wollen? Nun, zum Beispiel möchte ich weißen Text auf diesem Bild verwenden. Kannst du White lesen? Kannst du Weiß auf dem spezifischen Bild lesen? Nicht wirklich, weil es sich um ein Schwarz-Weiß-Bild handelt. Also musste ich es dunkle Blues des Textes knallen und sticht hervor. Also wollen wir nicht, wenn du willst, wenn du das tun musst, kannst du hier rüber kommen und das tun. Also Hintergrund-Overlay, klicken Sie auf Klassische Periode Opazität, okay? So können Sie die Dinge nach Bedarf ändern. Okay, also komm rüber zum Hintergrund. Also, jetzt haben wir eine Reihe von anderen, okay, eigentlich, gehen wir zurück zum Hintergrund-Overlay. In Ordnung. Also haben wir Farbe. Ich klicke auf Farbe. Da gehen wir. Also jetzt, wenn ich das in etwas anderes ändern will, wie vielleicht schwarz ein bisschen wie da, gehen wir. Genau wie es vielleicht etwas dunkler macht, ganz nach dir. Also werde ich keine Art von OEM hinzufügen, irgendwie lassen Sie es so, wie es ist. Ok, das nächste, was wir hinzufügen können, ist wie ein geformter Teiler. Also werden Sie hier drüben es ist zwei geformte Trennwände. Und jetzt hier haben wir oben und unten, also kommen wir hierher, um zu tippen. Und dann haben Sie eine Reihe von verschiedenen Arten von Formen, die Sie hinzufügen können. So zum Beispiel Dreieck. Jetzt ist dies für die Spitze ausgewählt. Das sieht irgendwie seltsam aus. Also werden wir das loswerden. Kit wird auf keine klicken. Gehen wir nach unten. Okay, jetzt kann ich hier runterkommen und zum Dreieck gehen. Ok? Das sieht also ziemlich gut aus. Also können wir das hier invertieren, okay, klicken Sie einfach auf diesen, um es zu invertieren, wie Sie wollen. Und so finde ich, dass das irgendwie nett aussieht. Wieder, Sie können einfach irgendwie mit diesem rumspielen, wie Sie es für richtig halten, ok, also können Sie einfach hier reinkommen, ein paar verschiedene auswählen. Und so wie meine, einer meiner Lieblingsstücke ist, wie ich persönlich die Deckkraft mag, und ich persönlich mag das Dreieck, okay? Da das Dreieck nach unten zeigt, verweist der Benutzer auf einen neuen Abschnitt direkt hier. Also werde ich es irgendwie so lassen. Ok? Und so ist das im Grunde alles, was Sie tun müssen, um bestimmte Elemente in hinzugefügtem Heldenbild mit Text hinzuzufügen, mit dem Text-Overlay. Und es ist wirklich so einfach. Wie man eine Schaltfläche zu unserem Aufruf zur Aktion an der Spitze hinzufügt. Okay, ich weiß, dass viele von Ihnen einen Knopf hinzufügen wollen. Ich persönlich werde nicht auf Buch addieren. Lassen Sie mich Ihnen zeigen, wie es geht. In Ordnung, jetzt bearbeite ich die Überschrift und du meinst, wie komme ich zurück zu den Blöcken? Wie Was klicke ich darauf? Ja, klicken Sie auf die Quadrate. Da gehst du. Jetzt magst du wieder, wo all deine Blöcke sind. Ok? Und so wollen wir jetzt eine Schaltfläche hinzufügen und das war's. Es ist nur tippen Schaltfläche ziehen Drop, und es ist so einfach. Da gehst du. Also, jetzt können wir hier rüber kommen und wir können die Ausrichtung ändern, wir können die Größe ändern, also mache ich das extra klein. Es sieht gut aus, genau da. Und so können wir hierher kommen, um die Tastentypen zu ändern. Also haben wir wie Info, wir haben Erfolg. Ok, wir haben eine Warnung. Wenn wir kommen wollen, überlasse ich das einfach als Info. Nun, wenn wir hierher kommen, um zu stylen, hier ist, wo wir irgendwie die Textfarbe ändern können, wenn ich di andere Farbe, Hintergrundfarbe, wir können auch ändern. Ok? Und so ist das irgendwie einfach, weißt du, wirklich einfach. So können Sie die Textfarbe, ihren Typ Hintergrund ändern. Sie können den Typ Biografie hier ändern. Sie können einen Textschatten hinzufügen. Sie können die verschiedenen Elemente für das ändern, was passiert, wenn Menschen mit der Maus über die Schaltfläche, et cetera. Ok, und es ist jetzt wirklich so einfach, wenn du willst, nun, wie trenne ich es? Wie vielleicht denkst du, oh, na ja, die Knöpfe ein wenig in der Nähe des Steuersatzes, gibt es eine Möglichkeit, dass ich ihm ein bisschen mehr Platz geben kann und absolut mag. Und so jetzt, während diese spezifische Option der Mischung keine Möglichkeit hat, Padding direkt darüber hinzuzufügen. Sie können nur Elemente oder kommt mit etwas namens Abstandshalter. Und so ist es im Grunde nur dieses Drag & Drop es hier. Und jetzt kannst du es so weit auseinander schieben. Also denke ich, nur ein Abstandshalter bei zehn sieht schon gut aus. Wörter wie OK, haben ein bisschen Atemraum. Das sieht wirklich schön aus und du kannst es einfach so lassen. Wenn Sie also eine Schaltfläche hinzufügen möchten, ist das alles, was Sie sich Sorgen machen müssen. Ok? Und so kommen wir hierher zum Inhalt und dann zum Link direkt dort. Hier können Sie gerne Links zu anderen Websites, wenn Sie möchten, und Sie können es ändern, um ein neues Fenster zu öffnen oder nofollow hinzuzufügen. Daher sollten nur Links, die von Ihrer Website zu einer anderen Seite sind, ein neues Fenster geöffnet werden. Aber wenn Sie auf eine Seite auf Ihrer Website verlinken, lassen Sie sie nicht in einem neuen Fenster öffnen, wenn das sinnvoll ist. Aber das ist es im Grunde. Das ist alles, was wir tun müssen, um einen Button hinzuzufügen. 11. Welcome: Okay, jetzt ist es an der Zeit, weiterhin Blöcke zu unserer Website hinzuzufügen. Also, jetzt kommt es wirklich zusammen. Wir haben dieses Menü an der Spitze. Wir haben einen netten kleinen Aufruf zum Handeln. Und so können Sie jetzt in Blöcken hinzufügen. Und das ist, wo Ihr eigenes Design und Kreativität ins Spiel kommen mit Elementen sind, so dass Sie ein paar verschiedene Möglichkeiten haben. Also zuerst können Sie entweder dieses Pluszeichen beenden, und dann können Sie hier die Websitestruktur oder die Struktur dieses spezifischen Abschnitts ändern . Und so ist es irgendwie offensichtlich, wenn man das macht, wird man wie zwei Blöcke sein. Okay, hier kann ich hier rüber kommen und auf das Pluszeichen klicken. Ich kann jeden Block hinzufügen, den ich hier rüber gegangen bin, und dann auf dieses Pluszeichen klicken und jeden Block hinzufügen, den ich möchte, wenn das Sinn macht. Ok? Und so ist das irgendwie wie Elemente oder funktioniert und das ist die Art und Weise, warum ich mag wenn man das Techie-Zeug entweder so wie den Kopf oder in diesem Ding hier bekommt, dann ist es wie, okay, cool, jetzt kann ich es über eine Eins machen. Und so, was ich empfehle, ist entweder Sie benutzerdefinierte Dinge selbst mit einem Pluszeichen oder Sie können einfach in einem Abschnitt hinzufügen schnell und einfach. Und so, wenn wir auf dieses kleine Ordner-Symbol klicken, wird das Element oder Plug-in-Pop-up haben. Und es kommt mit einer Reihe verschiedener Block, Blockbibliotheken, die hier reinkommen. Nun der Grund, warum ich Sie das End Vaso Elements Plugin hier installieren musste , ist, weil die, die Bibliothek für diese elementare bietet, Nun leider bieten sie nicht den Header und den Fußzeilenabschnitt kostenlos. Aber in Fido tut dies, es ist wirklich die einzige Möglichkeit, den Kopf schnell und einfach einen schön aussehenden Header zu bekommen. Also jedenfalls, wenn ich hierher komme und auf dieses Ordnersymbol klicke, haben wir eine Reihe von verschiedenen Optionen. Also ich mag, das ist fantastisch. Das sieht so gut aus. Also klicke ich auf, füge so ein. Lassen Sie uns auf „Erste Schritte“ klicken. Jetzt heißt es, verbinden Sie sich mit der Vorlagenbibliothek auf diese Vorlagenbibliothek zugreifen, okay? Und so muss ich meine E-Mail genehmigen und verbinden und nur, wissen Sie, Sie müssen ein kostenloses Konto erstellen, damit Sie keine Option haben. Aber Sie können es nicht einfach kostenlos bei einem tun müssen Sie ein Konto mit Elementen erstellen oder nicht eine große Sache? Denn dann kannst du einfach boom, da ist es. Fertig. Wunderbar. Und wie würde ich diesen Abschnitt direkt hier verwenden? Diese Abschnitte sollten also Ihr Einführungsabschnitt sein, okay? Und so sollte das mögen, Hey, willkommen Leute zu sagen, Sie wissen schon, hey, willkommen auf coffee maniacs.com oder Websites, dedizierte Website über Kaffee, was auch immer Ihre Websites über. Ok. Und so für mich, das war wie ein persönlicher Blog zum Beispiel, oder persönliche Website. Sag wie, hey mein Knie, ich bin ein professioneller Blogger, YouTubers, hoch bewertete uns Berater und Fiber bla, bla, bla. Ich benutze einfach den ganzen Abschnitt da. Ok. Und so wollen Sie auf diese klicken und stellen Sie sicher, dass dies cnn sagt H4. Wir wollen, dass das eigentlich H2 ist, ok. Warum willst du, dass das wieder H2 ist? Weil es sich hierbei um eine Unterposition handelt. Also wollen wir, dass das H2 ist. Nun ist dieser Text da, es liegt ganz an Ihnen, ob Sie es als dieses hellgrau lassen wollen oder nicht. Eigentlich mag ich das. Eigentlich denke ich, es sieht ziemlich schön aus, aber wenn du das ändern willst, kannst du einfach rüber kommen, um es zu stylen und zu ändern und es etwas vielleicht ein bisschen lesbarer zu machen. Bewegen Sie sich nur leicht, etwas besser lesbar. Da gehst du. Und dann haben wir hier einen Read More Link. Und so klicken wir darauf. Und was ich persönlich damit machen würde, ist, dass dies entweder auf eine dedizierte About Seite oder was auch immer verlinken sollte . Und ich denke, es ist fantastisch. Ich meine, ich mache das buchstäblich auf der Website sehnen sich pro.com, weil die Leute hierher kommen. Das ist es, worum es bei dieser Website geht. Wir sind mehr, Boom, klicken Sie hier. Und dann bist du auf der über Seite, wo du mehr über Web erfahren kannst, sagen Korea pro, Wie sagst du über mich? Ok? Und das ist, warum ich wirklich mag diesen Abschnitt Weg nur, nur um Drag & Drop, Ich einfach Boyd Klick auf eine Schaltfläche und da gehst du. Und ich denke, es sieht wirklich schön aus, denn jetzt haben wir diesen Heldenbereich oben. Wir haben die Dreieckspartie genau da, die irgendwie nach unten zeigt. Boom, irgendwie übergewichtig, irgendwie überlagert das Bild ein wenig. Und dann kommen wir direkt in die Begrüßungsbotschaft. So wie auch immer, das ist, wie Sie mit dem Hinzufügen bestimmter Abschnitte beginnen, vor allem die Willkommensnachricht. 12. Visuelles Menü mit Elementor Essentials: Elemente sind unverzichtbar. Also möchte ich nur kurz erwähnen, dass es einen Stecker gibt und ich mag es, einen Mentor hinzuzufügen, weil als eine Reihe von verschiedenen Blöcken. Also möchten Sie hierher kommen und Sie gehen, um neue hinzuzufügen, dann möchten Sie Elemente eingeben, sind essentials. Und dann wird es essentials sein, wesentliche Add-ons für Elemente. Oder jetzt, was das tut, gibt es Ihnen nur eine Reihe brandneuer Elemente, die Sie zu Ihrem Wort hinzufügen können, OK. So gibt es Ihnen Optionen zu See an einem kreativen Button und Testimonials, Info-Box Voraus Akkordeon, erweiterte Tabs. Also haben Sie sie haben beide Versionen. Sie haben ihre Pro-Versionen, wo Sie für Gasrohr bezahlen müssen. Und dann haben sie eine Reihe hilfreicher kostenloser Versionen wie Postraster, ausgefallener Text, all das gute Zeug. Okay, wenn Sie also mehr Blöcke in spezifischeren Erweiterungen hinzufügen möchten, ist das, was wesentliche Add-ons tun und ob Sie es verwenden oder nicht, es liegt ganz an Ihnen, aber ich möchte nur, dass Sie sich dessen bewusst sind. Und so lassen Sie mich einfach zurück zu meinen Plugins. Weil ich es mit Elementen weiß oder Sie haben am Ende einige Plugins. Also, bisher haben wir Elemente oder Kopfzeile, Fußzeile und Blöcke, die uns helfen, die Kopf- und Fußzeile, Uber-Website und wichtige Elemente anzupassen , die uns hilfreiche Blöcke gibt , um in sehr schön aussehende Fußzeile hinzuzufügen, es ist in Ordnung. Die Element- oder Kopf- und Fußzeilenblöcke gibt uns nur die Möglichkeit, den Kopf- und Fußzeilenabschnitt zu steuern. Okay, es gibt uns keine Blöcke, weil es die Fähigkeit ist, diese Abschnitte und wichtige Elemente zu kontrollieren, die ich mag weil tatsächlich gibt uns eine vorgefertigte Fotos von vorgefertigten Kopfzeilen, die wir einfach in wirklich schnell werfen können. Und essentielle Atome fügen nur hilfreichere Blöcke in Elementen hinzu, um Ihre Website schnell und ordentlich zu gestalten. So können Sie dieses Plugin auf eigene Faust erkunden, um zu sehen, welche Elemente Sie am Ende verwenden. Vielleicht verwenden Sie nichts, er kann voran gehen und es deinstallieren, aber nur etwas, das Sie sich bewusst sein sollten. Was ist weiter Gestaltung unserer Websites. Also möchte ich hinzufügen, in wie eine Bildergalerie und vielleicht eine kleine Einführung in die Bildergalerie. Also, wie haben wir angefangen? Also wieder, jetzt, Sie haben irgendwie wieder, wie ich sagte, Sie haben die Grundlagen, wie Sie Ihre Website zu entwerfen, und jetzt sind Sie irgendwie frei zu experimentieren und kreativ zu sein, weil Sie haben diese zentrale ist aus dem Weg. Also, was ich anfangen werde, werde ich in einem neuen Abschnitt hinzufügen. Und so, um es irgendwie zu kochen, möchte ich irgendwie, vielleicht würde dieses Layout hier gut aussehen. Jetzt habe ich zwei Blöcke hier. Und was habe ich persönlich beendet? Ich wollte, ich mag eine Art von wie Bild hier drüben und mag vielleicht kleine Bildergalerie und dann ein wenig Texte Einführung hier drüben. Also lassen Sie uns voran und beginnen mit dem Hinzufügen von erkennt in. Also klicken wir auf Plus. Nun, weißt du, es ist ein Textabsatz, also wollen wir wahrscheinlich eine Überschrift haben, richtig. Also lass mich weitermachen und das tun. Und so nehmen wir das raus. Und was ist einfach tippen wie, ich mache, macht dich auch. Ich mache YouTube-Videos. Evangelium U2 richtig. Ich mache YouTube-Videos. Da gehen wir. Also wieder, gehen Sie zu Stil, Text, Farbe, Schwarz. Da gehen wir. Und wir wollen sicherstellen, dass der Inhalt nicht H2. Entweder wollen wir H2 oder wir wollen, dass dies h3 ist. Wahrscheinlich würde das h3 total bis zu Ihnen machen. Aber wieder, das ist eine, das ist H2 und machen diese Person wie h3. Also, jetzt möchte ich in einem Absatz hinzufügen. Also kommen wir hierher und wollen einfach nur Texteditor, okay. Und so Biotech Center, weil wir nur in Text einfach Zed hinzufügen wollen. Also lass mich das nehmen und mich dort konzentrieren. Ich werde das ein paar Mal verdoppeln. Und so nur die, nur für Demonstrationszwecke, können Sie voran gehen und schreiben Sie Ihren eigenen Absatz auf. Nun müssen wir sicherstellen, dass dieser Text mit diesem Text übereinstimmt. Weil es seltsam aussieht, oder? Wie, warum verwenden Sie nicht zwei verschiedene Schriftarten? Es ist ein großer Fehler. Also, was ist hier rauf gekommen? Es sieht aus, klicken Sie auf den Bleistift-Symbol Also, welche Typografie sollte verwendet werden? Nun, es wird Rubato herrschen. Ich werde Poppins benutzen. Jetzt möchte ich diese bearbeiten und ich möchte kommen, um die Topographie zu stylen. Wieder. Ich will Poppins reinlegen. Jetzt. Du musst Poppins benutzen. Du verwendest, was immer du willst. Ich benutze nur Pop-in, also machen wir es ein bisschen so. Okay, also passen sie irgendwie zusammen, funktioniert ein bisschen schöner und wir können es augapfeln, oder du kriegst die oder du kannst das überprüfen, um die genaue Zahl zu sehen. Aber ich werde es nur augapfeln, weil keine große Sache. Okay, das sieht gut aus. Also gehen wir zum Content-Array. Und so denke ich, dass das wirklich schön aussieht. Und so lassen Sie mich einfach wieder oben kommen. Okay, jetzt kommen wir hier rüber zur Typografie. Vielleicht muss ich das Warten nur ein wenig ändern, um es zu schaffen. Da gehen wir. Das ist perfekt. Also jetzt diese Art von Übereinstimmungen, das sieht schön aus. Okay, jetzt müssen wir Bilder hinzufügen. Also lasst uns das anklicken. In Ordnung, also haben Sie viele verschiedene Optionen, die Elemente sind, und ich mag es wirklich. Also tippen wir in Bild. So haben Sie wie Bild, Bild-Box , in der Pflege, SO grundlegende Galerie. Jetzt wirst du etwas sehen, das EA sagt. Das bedeutet, dass das elementare Atom-Plugin ist. Das ist also, weil dies von diesem Plugging kommt , dass wir gerade hinzugefügt haben, könnte Ihnen nur mehr Blöcke geben. Und offensichtlich sind die Dinge mit einem Schloss oder offensichtlich Elemente pro. Es liegt also ganz an dir. Sie können damit mit dem Bild spielen, das Sie hinzufügen möchten. Ich persönlich mag das Bild Karussell. Also werde ich voran gehen und das nehmen, das da reingelassen. Ehrfürchtig. Jetzt müssen wir Bilder haben. Also habe ich schon weitergemacht und ein paar Bilder hochgeladen. So können Sie einfach Bilder hochladen, wie Sie wollen. Und lass mich weitermachen und eine neue Galerie erstellen. Galerie einfügen. Okay, also lass mich dir schnell eines der Bilder zeigen. Wie habe ich das gemacht? Also wieder ein 100% mit Canva, super-duper einfach. Alles, was ich tat, war einen Screenshot von einem Video, das ich machte, dass ich ging nach Kanada, YouTube Thumbnail-Vorlage. Ich habe gerade diesen Play-Button darüber hinzugefügt und einen Text hinzugefügt, der einfach ist. Es ist wirklich so einfach. Okay, und jetzt sehen wir, oh, das sieht fantastisch aus. Okay, jetzt haben wir eine nette kleine Bildergalerie hier drüben, die unsere Videos ein bisschen mit den Thumbnails zeigt. Und so können Sie hier reinkommen und den Inhaltsstil ändern, wie Sie wollen. Also wieder, ich muss es einfach augapfel und mit Dingen rumspielen. Also, wenn ich hierher komme und wie Medium komme, wie funktioniert Medium Look? Ich mag die Art, wie Medium aussieht, nicht wirklich. Ich denke, ich gehe zurück zu Thumbnail Bild Stretch. Wie sieht das aus? Oh, das entfernt die Leerzeichen. Nein, das gefällt mir nicht. Und wieder, deshalb musst du einfach hier reinkommen und mit Dingen rumspielen. Nun, was ich mag, ist dieser Link und Sie können Ihre eigene benutzerdefinierte URL haben. So können Sie diesen Abschnitt verknüpfen, um zu mögen, was Sie wollen. Also komm ich hierher zu YouTube und wir tippen einfach rein, wir gehen zurück, wir besuchen meinen YouTube-Kanal. Und wir nehmen das einfach. Und wenn wir die Link-Adresse kopieren, gehen Sie zurück. Und dann kannst du nur deinen YouTube-Kanal oder ein YouTube-Video hinzufügen. Und jetzt weiß ich, dass du sie fragen wirst, hey, kann ich dieses Bild Link zu einem Video haben und dann dieses Bild mit einem anderen Nein verknüpft. Nein, Sie können dieses Bildkarussell nicht nur mit einem Video verknüpfen. Keine große Sache. Du wählst einfach dein bestes Video aus. Und wenn jemand Ihre Website besucht und Sie dies tun, kommen sie hier runter, klicken sie dort sehen Ihr bestes Video an. So würde ich es einrichten. Und es führt irgendwie das Konzept ein, dass Sie Videos machen und einfach bekommen, sollte der Fokus mehr darauf liegen, Menschen auf YouTube und auf Ihren Kanal, Washington Videos. Mehr, als sie wie auf der Homepage Ihrer Website. Gehen Sie durch eine Reihe von verschiedenen Videos scrollen und klicken Sie einzeln, um Videos zu sehen, Leute tun das nicht. Also ja, das ist es im Grunde. So wie das jetzt funktioniert, wenn jemand auf diesen Abschnitt direkt dort klickt, wird es eine schöne Überlagerung des Videos auf unserer Website sein. Ok, und so gehen wir weiter und klicken Sie auf Update. Alles klar, fantastisch. Jetzt ist alles gerettet und das war's. So fügen Sie eine Bildergalerie und einen Text zu Ihrem What Sitz hinzu. Jetzt möchte ich ein anderes ähnliches Bild hinzufügen, um das Design irgendwie zu zerbrechen. Also, was ich meine, ist, als ob wir die Seite öffnen, dieses schöne Bild oben dort Absatz bekommen und dann einen schönen, anderen Text- und Bildbereich hier. Diese Art von Einführung in die YouTube-Videos, zum Beispiel. Wir wollen nicht, dass es sich um zwei Texte handelt, IB gegen Absatz, Absatz, Absatz. Wir wollen ein kleines Design haben, oder? Und so lasst uns anfangen. Also will ich das Gleiche tun, was ich oben getan habe. Okay, ich möchte nur noch ein Bild und Text über dem Bild haben. Und ich habe dir schon gezeigt, wie das geht. Also solltest du schon wissen, was wir tun werden. Also wieder, ich werde tun müssen, ist mit Ihrer Überschrift beginnen, und so ziehen wir es einfach, die Überschrift hier rüber. Bumm. Fügen Sie nun Text hinzu, den Sie überschreiben. Also, was ich tun will, ist irgendwie wie ein Ankerlink auf der Seite erstellen. Wenn die Leute also oben auf die Kursschaltfläche klicken, kommen sie hierher zu diesem Abschnitt. Aber zuerst erstellen wir den Abschnitt zuerst, bevor wir den Anker Wake erstellen. Das wird also für unsere Kurse sein. Also ja, man könnte es Kurse nennen, aber wie immer stellen Sie sicher, eine überzeugende Kopie zu erstellen, die die Aufmerksamkeit der Menschen erregt. Also mache ich so etwas wie Kurse. Das ist natürlich die Arbeit? Da gehen wir. Ok. HTML-Tag, H2. Ja, ja. Ich will nicht zentriert. Ja, ja. Ok, Stil. Kommen wir hierher, was sich vom Blau zum Schwarz ändert. Und lasst uns zur Typografie gehen. Roberto Roboter. Oh, nein, ich will, dass wir Pop-in sind, also, weißt du, mit deinen Schriften, okay, sie sollte zwei Mittel haben. Sie hätten eine Schriftart, um Ihre Titel zu sein und dann einen Fonds TB Ihren Körperabsatz, so dass die Schriftart die gleiche ist. Aber wenn Sie mehrere Schriftarten haben, wählen Sie einfach 21 Schriftart für Ihre, Ihre Titel und Ihr Menü oben dort oben, eine andere Schriftart für den Absatz. immer, jetzt ist es Zeit, ein Bild hinzuzufügen. Also lasst uns weitermachen und das tun. Klicken Sie auf die Schaltflächen direkt dort. Okay, und so wieder kommen wir wieder zum Stil und wir wollen in den Hintergrund gehen und wir wollen einen Klassiker hinzufügen. Jetzt möchten Sie einfach Ihr eigenes Bild wieder hochladen. Und so habe ich schon weitergemacht und das getan. Also habe ich dieses Bild, das ich von selbstlos bekam, und das war's. Und so lassen Sie uns weitermachen und Medien einfügen. Da gehen wir. Okay, jetzt wollen wir zu Layouts kommen, und jetzt wollen wir die Höhe ändern. Also will ich vielleicht auf den Bildschirm passen. Ich will nicht, dass es so viel Platz einnimmt, als wäre das viel Platz. Ich will nur, dass das irgendwie ist, es ist ein bisschen mehr Low-Key. Also es ist wie, sagen wir einfach, ja, vielleicht so, weißt du, etwas, etwas Minimales. Also, so weit sah ich wirklich nett aus. Jetzt können wir die Art und Weise ändern, wie dies positioniert ist. Okay, lass mich das einfach abklicken. Okay, zum Beispiel kommen wir zum Stil, okay, also die Position, die wir wollen, vielleicht Mitte, Mitte. Ok. Also, warum wollen wir das? Also gehen wir einfach zum Standard. Wir kommen dies, wie Sie sehen können, die Bilder Art von Clipping. Das sieht also komisch aus. Das wollen wir nicht. Also wollen wir hier rüber gehen und wir wollen sicherstellen, dass es Zentrum ist, zum Beispiel Zentrum. Okay, lass uns das sehen. Okay, also tut es immer noch, wo es das Bild wiederholt. Wie machen Sie es, sie zu unterdrücken? Einfaches? Sie müssen also zu Wiederholungen gehen und doch sagen, keine Wiederholung. Ok, nun lasst uns einfach weiß. Und so wollen wir haben, wir wollen, dass die Größe passt. Ok. Also wollten wir gut abdecken. Und so ist es automatisch irgendwie, zoomen Sie irgendwie auf das Bild. Okay, jetzt wollen wir einen Blick werfen. Ja, das sieht gut aus. Okay, also jetzt, um das zu beheben, wenn Sie mit diesem Aussehen nicht mögen, dann bekam eine Quelle für größeres Bild, etc. Okay, also vielleicht, wenn du nicht magst, wie es zwei so beschnitten ist und du es wieder ändern willst, bekomme ein größeres Bild dann, okay, das ist deine einzige Option. Und so werde ich es so lassen. Ich denke, das sieht gut aus. Nun, aber ich bin nicht glücklich damit, wie winzig dieser Text ist, lass uns das größer machen, damit es hier kalt ist. Klicken Sie auf das, klicken Sie auf das Stiftsymbol. Jetzt bearbeiten wir die Überschrift. In Ordnung, also Inhalt, geh zum Stil, Topographie. Klicken Sie darauf. Genau hier ist die Größe. Also hier können Sie einfach die Größe ändern, wie Sie einmal. Also werde ich es so etwas wie groß und mutig machen. Okay, also Kurse, die funktionieren. Also kommen wir runter, kommen runter. Okay, vielleicht ist das etwas zu groß. Wir machen es wie, da gehen wir. Okay, da gehst du. Und sie gehen. Okay, also wieder, du kannst mit diesem Abschnitt rumspielen, wie du willst. Also lass mich hierher zurückkommen. Und so wieder, wenn Sie nicht wollen, dass der Anhang mag, wissen Sie, Sie wollen, dass es zum Beispiel beheben, dann werden sich die Leute irgendwie bewegen und das Bild bewegt sich im Hintergrund. Wenn Sie das noch einmal tun möchten, tun Sie das einfach, indem Sie den festen Anhang ändern. Aber ich mag eigentlich irgendwie das Bild, um für dieses hier persönlich gestellt zu bleiben, aber hilft Ihnen, diese Entscheidung selbst zu treffen. Aber jetzt haben wir einen schönen kleinen Abschnitt und so können wir jetzt in C hinzufügen, wie Links und Bilder zu unseren Kursen. Zum Beispiel. 13. Anchor Links verwenden: Wie Sie in Ankerlinks auf Ihrer Website hinzufügen. Du bist also wie Was ist ein Ankerlink? Und Ankerlinks, einer dieser Links, wo es wie OK ist, also wenn es auf Ihrer Website ist, boom, klicken sie auf die Kurse und dann boom, es bringt ihn hier automatisch. Wie machst du das? Das wird als Ankerlink bezeichnet. Okay, also jetzt, um mit diesem Element oder gegen fantastische Mixe zu beginnen, so einfach, machen Sie eine Suche nach einem bestimmten Widget namens Anchor. Also Menüanker, dann ziehen Sie einfach, dass, ziehen Sie es und legen Sie es an Ort und Stelle. Also werde ich das direkt unter die Kurse setzen, die funktionieren. Also die Kurs-ID dafür, können Sie es benennen, was Sie wollen. Also werde ich einfach in Kurs tippen, buchstäblich Kurs. Jetzt klicken wir auf Update. Also, das ist Schritt eins. Ok, jetzt haben wir einfach das Ankerzwinkern genau da gesetzt. Und jetzt müssen wir das einfach mit diesem Anker verbinden , ein Augenzwinkern Abschnitt genau dort. Wirklich so einfach. Also, wie machst du das? Nun, wir müssen in unsere Kopfzeile springen. Gehen Sie also zurück zu Ihrem Element oder Dashboard. Wenn du zur Erscheinung gehen willst, wollen wir zu. Da gehen wir. Wir wollen gehen, um dort erscheinen zu gehen. Kopf-, Fußzeilen und Blöcke. In Ordnung, und so habe ich jetzt meine Einladung o Header, die ich erstellt habe. Ich will zu Edit gehen. Und dann möchten wir dies mit Elementen bearbeiten, sind in Ordnung, also ist es gut, mit Elementen zu bearbeiten oder und sobald Sie dort drin sind, müssen Sie nur Ihre Schaltfläche finden und dann den Link erhalten Sie den Abschnitt. Da gehen wir. Okay, also klicken wir einfach auf die Schaltfläche, klicken Sie darauf. Und so ist der Link, der Link ist Hashtag. Okay, gehen wir zurück auf die Homepage. Also habe ich diesen Kurs genannt. Um nun als Anker darauf zu verlinken, muss ein Hashtag sein. Natürlich, so einfach. Es ist wirklich so einfach. Und dann gehen Sie weiter und klicken Sie auf Update. Und stellen Sie sicher, dass das alles eingestellt ist, und Sie sind gut zu gehen, okay? Und das ist alles, was Sie tun müssen, um einen Ankerlink zu setzen. Also niemand namens besuchen Sie Ihre Website und Sie haben ein Menüelement oben dort und sie klicken darauf und Sie möchten, dass sie zu einer bestimmten Seite auf der Website gehen. So haben Sie es eingerichtet. Also, jetzt, da wir einen ähnlichen Abschnitt für Kurse erstellt haben, senden Sie jetzt, um unsere Kurse zum Beispiel hochzuladen, was Sie tun könnten, zum Beispiel, wenn Sie wie ein Udemy-Kurs oder Scotia-Kerne sind lehrbare Kerne, zum Beispiel, Sie könnten ein Thumbnail setzen und dann, was ich tun würde, ist wie ein kurzer kleiner Titel. Also, lassen Sie uns zum Beispiel einfach eine Website öffnen, Peru.com erstellen. So wie ich mag, um Bilder wie diese zu strukturieren, wo ich mag, dass das Bild und dann schnell und auf den Punkt nicht super wordy Zonen wie man mit wie einem Titel und nur einem Titel, einem Bild oder einem Titel gehen kann . Und dann bei Absatz, der erklärt, worum es bei dem Bild geht. Das macht Sinn. Nun, die erste Sache, aber ich möchte die zwei i reparieren, weil wir diesen Ankerlink dort haben, können Sie sehen, dass das irgendwie den Text nach oben schiebt. Und so ist es so, als ob ich den Text etwas mehr zensiert haben möchte. Wie machst du das? Nun, weißt du, du musst einfach diese Abstandshalter-Sache machen. Also gehen wir hin. Legen Sie das da hin. Alles klar, da gehen wir. Also jetzt, jetzt ist dies wieder in der Mitte zentriert. Ok? Also, wenn du dich nur fragst, wie soll ich das bewegen, okay, und das ist alles, was wir tun müssen. Also jedenfalls, lassen Sie uns ein paar Bilder hinzufügen. Also möchte ich auf dieses Pluszeichen klicken. Und jetzt haben Sie viele verschiedene Blöcke. Also, wenn ich hierher zu Blöcken komme und sie ein Bild eingeben, haben wir viele verschiedene Optionen. Wir haben WordPress, wir haben Bild Karussell, das ist diese grundlegende Galerie Bild Box Bild. Ich persönlich, Ich werde nur das grundlegende alte Bild verwenden, weil das erlaubt mir nur, ein kleines Bild zu haben und dann einen Text hinzufügen, et cetera. Ich brauche kein Karussell. Ich füge keine Galerie hinzu, also das ist nicht das, was ich will. Also werde ich mit wie einem drei mal drei Gitter hier gehen. So. Klicken Sie auf drei Boxen direkt dort. Alles klar, was möchte ich hinzufügen? Ich möchte ein Bild hinzufügen, nur ein einfaches altes Bild. Wir machen das einfach. Okay, ziehen Sie das. Da. Da gehen wir. Okay, jetzt müssen wir nur noch unser Bild hinzufügen. Also gehen wir hier, um Bild zu wählen, okay? Und ich werde dieses Bild hochladen, Medien einfügen. Da gehen wir. In Ordnung, also gehen wir weiter und klicken auf diesen. Tun Sie das Gleiche noch einmal. Gehe zum Bild, Drag & Drop, dass in, und wir werden auf Bild wählen klicken und lassen Sie mich einfach dieses Bild hochladen Ich habe eine Reihe von Bildern mit Hunden. Okay, da gehst du. Nun, nun noch mehr. Und wir werden Bild machen, Drag & Drop in. Und wieder, wählen Sie Bild Drachen Job. Da gehen wir. Und gehen Sie weiter und fügt Medien ein. Bumm. Jetzt ist ein kleiner Ratschlag, dass Sie sicherstellen müssen, dass die Bilder alle gleich groß sind. Okay, lade nicht ein Bild hoch, das 1000 x 100 Pixel groß ist und dieses 800 mal 478 ist. Stellen Sie sicher, dass sie alle die gleiche Größe haben, so dass sie gut passen entsprechend. Jetzt können wir einfach Text hinzufügen, okay, also nochmal, sehr einfach. Also komm her und wir wollen in ein wenig Überschrift hinzufügen. Also ziehen Sie einfach eine Überschrift. Und so würde ich das vielleicht wie h3 zum Beispiel machen. Und so erstellen wir einfach das und sehen, wie man eine Website erstellt oder lernen, wie man eine Website erstellt. Wir werden es einfach halten. Eigentlich. Erstellt eine Website. Erstellen Sie eine Website. Da gehen wir. Ok. Und so wieder, durch den gleichen Prozess, ändert sich schwarz und machen es lesbar. Gehen Sie zum Inhalt Center dies. Da gehen wir. Und wir können einfach hier rüber kommen und wieder Texteditor direkt darunter hinzufügen. Und da gehen wir. Und das ist alles, was du tun musst. Und so können Sie dies einfach für jeden dieser Elemente tun und einfach voran und klicken, erstellen Sie einen schnellen kleinen Titel. Stellen Sie sicher, dass der Titel wie das ist, was auch immer dies so ist, sollte H2 sein. Ich würde definitiv dieses h3 machen und nur einen kleinen Titel für jeden hinzufügen und dann einen, einen zugehörigen Absatz. Okay, also kam das ziemlich gut raus. Mir gefiel die Art und Weise, wie es jetzt aussieht, Links zu erstellen, ist sehr einfach. Du gehst einfach zum Bleistift-Symbol. Und hier drüben, wo es Link steht, können Sie eine URL eingeben, um Ihren spezifischen Kurs zu sagen, wo, wo er sich befindet. Auch hier können Sie wieder auf den Text kommen. Und Links innerhalb des Textes zu erstellen ist sehr einfach, markieren Sie einfach den Text und klicken Sie auf diesen Link Zeichen, und das ist es. Und so ist auch eine andere Sache wie, Oh, na ja, das ist ein bisschen Close-Rate. Diese sind irgendwie die zusammengeknallten. Wenn Sie mehr Platz hinzufügen möchten, ist das auch ziemlich einfach. Also müssen wir nur oben auf das quadratische Symbol gehen. Und wieder, wir wollen nur unseren praktischen Dandy-Abstandshalter verwenden, aber der Abstandshalter da drin, OK, also können Sie diesen einfach per Drag & Drop an Ort und Stelle ziehen. Also, was cool ist daran ist, dass Sie einfach Abschnitte ziehen und ablegen. Und da gehst du. Also jetzt haben wir ein schönes wenig Platz oder eine Lasche dort, um ein bisschen mehr Atemraum zu geben. Und ich denke, das kommt ganz schön zusammen. 14. Footer Design: Alles klar, hier ist unsere Website und wissen dass die Hauptsache, die wir vermissen, ist die Fußzeile. Also, was ist ein Foto von mir? Öffnen Sie einfach die Website. Tolles Pro.com. Die Fußzeile ist also der untere Abschnitt der Website, wo Sie normalerweise wie Ihre Datenschutzrichtlinie Nutzungsbedingungen haben, wie ein Untermenü, diese Art von Sache. Das ist, was du gerade brauchst, du brauchst nur Sachen in der Fußzeile. Sie brauchen wie Ihre Social-Media-Links, was auch immer Sie hinzufügen möchten. Und so ist es ziemlich einfach, mit Elementen hinzuzufügen oder eine Fußzeile mit o Mentor hinzuzufügen. Und es ist der gleiche Prozess, den wir für den Header-Abschnitt oben verfolgt haben. So wie auch immer, wir gingen zurück zu Kopfzeilen, Fußzeilen , Blöcken, Vorlagen, und wir wollen auf Neu hinzufügen klicken. Okay, und jetzt werde ich einfach diese N TO Fußzeile nennen. Jetzt ist es der gleiche Prozess wie zuvor beim Hinzufügen des Headers. Aber ich persönlich empfehle, wie zum Beispiel einladen o zu verwenden, weil sie nur mit einigen wirklich schön gebauten Fußzeilen kommen , die wie das Entwerfen einer Website schnell und einfach machen. Also sowieso, wir tun das in dem, was Weizen für gereifte Last ist. In Ordnung, großartig, also lasst uns voran gehen und auf die Elemente der Einladung klicken. Und wir wollen zu freien Blöcken in gehen, dann wollen wir nach etwas suchen, das Fußzeile sagt. Und so Fußzeilen dort. Klicken Sie darauf. Und jetzt können wir jede dieser Vorlagen schnell und einfach einfügen. Also gefällt mir das, denn wie ja, du kannst das selbst gestalten oder du kannst einfach hier reinspringen und einfach automatisch eine Fußzeile deiner Wahl einfügen. Also ich mag dieses hier wirklich gehen und Vorlage einfügen. Okay, und das sieht toll aus. Also jetzt haben wir unsere Social-Media-Links, wir haben über uns und wir haben bestimmte Seiten. Und was das bedeutet, können wir hierher kommen und diese kleinen Links machen, um unsere Datenschutzrichtlinie Nutzungsbedingungen zu mögen, et cetera. Ok? Und so werden wir das einfach so lassen, wie es ist, okay, und wir werden zurückkommen und die spezifischen Elemente dieses kleinen Stückes später bearbeiten. Aber gehen wir weiter und klicken Sie auf Veröffentlichen. Okay, also gehen wir. So, jetzt wie die Fußzeile ist gut zu gehen. Nun, wenn wir bestimmte Elemente davon ändern wollen, müssen wir auf dieses Symbol rechts oben klicken. Unter Stil. Unter Stil ist wie, wo Sie kommen und die Farbe ändern können , und Sie können die Links ändern und Sie können, wissen Sie, das ist, wie, wieder, so kommen Sie hier rein und ändern Sie einfach diese Elemente. Aber wieder, Sie können das völlig selbst mit elementaren gestalten, aber das ist, was ich an Elementen mag, weil Boom, hier ist es. Es ist gut zu gehen, damit wir in unsere Social Media Links hinzufügen können. In Ordnung, so jedenfalls, jetzt gehen wir zurück und lassen Sie uns Exits hinzufügen Dashboard. Okay, und lasst uns unsere Website öffnen und uns einfach einen kurzen Blick werfen. Okay, also kommen wir hier runter in der Fußzeile ist nicht da. O nein. Also wieder, du vergisst den letzten Teil. Sie müssen es dem Staat hinzufügen. So zum Beispiel, die Dampf lebenswichtige Fußzeile, Was will ich? Das ist die Fußzeile, okay. Und was ich will, möchte ich mich auf die gesamte Website bewerben. Okay, da gehen wir. Jetzt gehen wir weiter und klicken Sie auf Update. Alles klar, geh zurück zur Seite. Lasst uns diesen bösen Jungen nachladen. Und da gehen wir. Das ist einfach. Und so sieht das ganz schön aus, wo wir ein schönes Aussehen haben. Fußzeile unten auf unserer Website, wo wir einige Branding hinzufügen können, indem wir ein E-Mail-Opt-in-Formular in der Fußzeile der Website hinzufügen. So viele, viele Designs haben das IMO-Opt-In-Formular wie hier. Und das ist ein schrecklicher Ort, denn wie ein Wegwerfspot, wenn Sie es ernst meinen, E-Mail-Abonnenten zu bekommen, möchten Sie ein E-Mail-Opt-In-Formular direkt hier über der Fußzeile hinzufügen. Es ist einer der höchsten Konvertierungs-Spots für E-Mails. Nun, um ein Formular hinzuzufügen ist schnell und einfach mit Elementen sind, weil, wegen dieser fantastischen Kopf- und Fußzeilenblock Vorlage. Also jedenfalls, lasst uns weitermachen und neue hinzufügen. Also, jetzt werde ich diese E-Mail über Fußzeile anrufen. Da gehen wir. In Ordnung, also lassen Sie uns voran und klicken Sie auf Bearbeiten mit Elementen oder. Also, jetzt haben wir hier eine Reihe verschiedener Optionen. Jetzt werden wir in Wodka-Elemente verwenden, aber ich möchte Ihnen nur schnell zeigen, warum so Elemente oder stellt ihre eigene Bibliothek von Blöcken zur Verfügung. Aber all das gute Zeug ist pro, Geschenk-Upgrades Elemente sind. So zum Beispiel kommen wir hierher, um zu abonnieren. Es ist alles Pro, Pro, Pro, Pro, Pro. Dasselbe mit ihren Kopf- und Fußzeilen. Deshalb verwenden wir und lebenswichtige Elemente, weil wir das umgehen können. Also lassen Sie uns einfach auf kostenlose Blöcke klicken und gehen Sie zum Newsletter-Abonnement. Jetzt psi note, Sie können absolut jedes dieser Sachen auf eigene Faust entwerfen. Sie müssen keine Vorlage verwenden. Ich verwende nur gerne eine Vorlage, weil es einfach schnell und einfach ist. Jedenfalls ist das hier runtergekommen. Sie haben viele Optionen, die Sie installieren können. Ich würde vorschlagen, eine auszuwählen, die sich offensichtlich in Ihre Website einfügt. Und so lassen Sie mich einen kurzen Blick werfen. Ja, perfekt. Das sieht toll aus. Also lassen Sie mich voran und klicken Sie auf Vorlage einfügen. Okay, das sieht gut aus. Aber dieser Text ist völlig deaktiviert, nicht wie Text schön aussieht, aber passt einfach nicht zu meiner Website so, wie ich es entworfen habe. Und was ich tun will, ist, dass ich zu Stil und Typografie und Playfair Display gehen möchte. Nein, wir wollen Poppins als das, was ich benutzt habe, und jetzt weiß grau. Nein, ich will, dass es schwarz ist. Da gehen wir. Nun, sino auch überprüfen Sie die Registerkarte Erweitert, weil Sie auch in Bewegungseffekte hinzufügen können. Übertreiben Sie nicht Bewegungseffekte wird nur ärgerlich für den Besucher, aber nur ein wenig. So k wie dieses ist so eingestellt, dass die Animationsdauer normal schnell verblassen wird. So kannst du damit herumspielen. Also denke ich, das sieht gut aus. Lassen Sie es einfach so. Okay, jetzt merkst du, wie, hey, wo ist das Opt-In-Formular? Das sehe ich nirgendwo. Wo du das in dir selbst hinzufügen musst, ok. Weil Sie Opt-In-Formulare von jedem Dienstanbieter erhalten, den Sie verwenden. Das ist also Convert Kit. Sie können verwenden, was Sie wollen, aber das ist mein Dummy-Konto für Convert Kit. Also jedenfalls, gehen Sie voran und klicken Sie auf Neu erstellen. Und wir wollen in einem Formular hinzufügen, und wir wollen zu Inline gehen. Und so möchten Sie ein Formular innerhalb Ihres E-Mail-Marketing-Dienstleisters finden , das wie das einfachste ist, okay, bei grundlegender Inline-Form, ohne Schnickschnack. Nun, offensichtlich können Sie dieses Formular bearbeiten, änderte die Farbtasten, wie Sie innerhalb Convert Kit wollen, aber das ist kein Convert Kinder Tutorial, also werde ich es einfach dort lassen. Das sieht gut aus. Klicken wir auf Einbetten. Und wir wollen HTML verwenden, nicht JavaScript, und nicht Wordpress Sie, richtig? Warum nicht Wordpress? Nun, das ist ein WordPress-Plugin. Wir werden nicht konvertieren Kits WordPress Blog installieren und wir werden nur HTML verwenden. Klicken Sie auf Kopieren, rechtsklicken, kopieren. Ihr Ego ist erledigt. In Ordnung, also jetzt wollen wir hier rüber navigieren und wir wollen einen HTML-Block darunter hinzufügen. Also wieder, klicken Sie auf die Quadrate und gehen Sie zu HTML. Html, Drag & Drop in. Lassen Sie es dort fallen. In Ordnung, fügen Sie es ein. Und da ist unsere Form. Und sieht gut aus. Gehen Sie also voran und klicken Sie auf Veröffentlichen. Alles klar, großartig. Gehen wir nun zurück zu unserem Dashboard. Und gehen wir zu bevor Fußzeile. Und wir sagen nur die ganze Website. Okay, klicken Sie auf Update. Da gehen wir. Okay, lasst uns unsere Website neu laden. Und da gehst du. Ok, das ist also einfach. Also jetzt haben wir ein schönes paar verschiedene Abschnitte unserer Seiten. Und wir haben eine schöne Opt-in-Formulare sitzen direkt an der Fußzeile es dort und dann die Fußzeile unten. Und es sieht toll aus. In Ordnung, also fügen Sie bestimmte Seiten zu Ihrer Fußzeile hinzu. Und jetzt, was wichtig ist, in der Fußzeile zu setzen, sind Ihre rechtlichen Seiten in erster Linie, speziell Ihre Datenschutzrichtlinie in Ihren Nutzungsbedingungen. Und so, um das mit Element zu tun oder es ist sehr einfach, wir klicken einfach auf das Bleistift-Symbol hier. Und jetzt steht Liste Punkt eins und Siliciumdioxid. Wir wollen nicht List Item 1 sagen, wir wollen es ändern, um etwas anderes zu sagen. Also, weißt du, ändere es einfach. Buchstäblich nur hier springen und Laika sagen, Datenschutzrichtlinie. Priv einen Sitz. Da gehen wir. Und wie fügen Sie einen Link hinzu? Die Link-Option ist genau dort. Und wenn wir also auf unsere Seiten mit unserer Standardinstallation von WordPress springen, würden wir kommen, es kommt mit einer Datenschutzrichtlinie Seite, okay? Und so können Sie einfach hier reinkommen und diese Seite veröffentlichen. Klicken Sie auf diese, Veröffentlichen in, veröffentlichen. Ok. Und so haben wir jetzt unsere Datenschutzrichtlinie Seite. Wir kommen hierher und ich füge einen Link zu meiner Seite hinzu und das war's. Okay, lassen Sie es einfach so. Und so haben wir jetzt eine Datenschutzrichtlinie. So können Sie hier unten feststellen, dass wir damit verknüpfen. Nun, welche spezifischen rechtlichen Seiten benötigen Sie? Okay, also haben wir eine ganze Anleitung auf diesem Web, sagen wir Creative Pro. Wir gehen Seiten. Da gehen wir. Wo ist sie? Ok auf Sekunde. Oh, Hoppla. Oh, was habe ich sonst noch meine Website direkt geteilt. Da gehst du. Wie Sie Ihre rechtlichen Seiten zu schreiben. Also, jetzt bin ich offensichtlich kein Anwalt, aber du brauchst ein paar wichtige Seiten, also brauchst du eine Datenschutzrichtlinie. Und so Ihr Punkt Ihrer Datenschutzrichtlinien, um Menschen zu sagen, wie das Sammeln von Informationen für Ihre Website ist, dann müssen Sie eine Nutzungsbedingungen Seiten haben. Was stimmen die Leute zu, wenn sie Ihre Website besuchen? Und Sie möchten vielleicht eine Offenlegung einschließen wenn Sie sich in Affiliate-Marketing engagieren. So haben Sie es gesehen, wenn Sie auf einem Blog-Post diesen Beitrag mooc sind und Affiliate-Links drehen. Bitte lesen Sie unsere Offenlegung von irgendwo zu Seite, die sie erstellen muss. Und so in der Fußzeile, auf jeden Fall empfehlen, dass Sie zumindest Ihre Datenschutzrichtlinie in den Allgemeinen Geschäftsbedingungen hatte . Und so kannst du hier reinkommen und diese Optionen einfach einmal bearbeiten, okay? Und so lassen Sie mich das einfach minimieren. Und so wirklich, es ist sehr einfach. Sie möchten also Privatsphäre, ein anderes Element, ein anderes Element haben . Wenn Sie ein weiteres Element wieder hinzufügen möchten, können Sie einfach hier reinkommen und dann können Sie einfach die Symbol-Bibliothek ändern , um das Symbol genau dort zu passen, et cetera. Also ist es nicht zu, es ist nicht zu schwierig, okay? Und so können Sie entweder diesen gesamten Abschnitt löschen wenn Sie möchten, oder bearbeiten Sie diese Links und machen Sie es wie ein Untermenü, vielleicht machen Sie es Ihre About Seite, Kontakt, Seite, was auch immer. Dann sind natürlich Ihre Social Media Links ziemlich selbsterklärend. Also kommen wir hierher. So zum Beispiel ein Google Plus, das nicht mehr existiert. Geh und werde das los. Dann funktioniert es genauso. So können Sie auf Ihrem Facebook klicken und dann in Ihrem Facebook-Link direkt dort hinzufügen , et cetera, und klicken Sie auf das Symbol und Mischung es öffnet sich in einem neuen Fenster, weil es von Ihrer Website, wenn das Sinn macht. Und das ist es so ziemlich. Das ist alles, was Sie wirklich für diesen Abschnitt an der Spitze tun müssen. Also wieder über uns, willkommen Leute auf der Seite, was immer du tun willst. Und so würde ich empfehlen, die Fußzeile anzupassen. 15. Wesentliche Seiten: In Ordnung, also jetzt fügen Sie Seiten zu Ihrer Website mit Wordpress ist sehr einfach. Also wieder, was Sie zuerst tun müssen, ist zu den Seiten zu navigieren und einfach zu Add New zu gehen. Und so ging ich voran und erstellt wie eine über uns Seite. Jetzt mit Element oder Sie müssen jede dieser Seiten individuell gestalten. Also ging ich gerade voran und machte eine über uns Seite d Rho ist eine Euro-Struktur ist eigentlich wir nur ändern, dass und machen es über. Da gehen wir. Okay, also öffnen wir einfach diese Seite oben in. Also nochmal, ich werde Sie nicht durch, wie Sie das gestalten weil wir gerade durchgegangen sind, wie man die Homepage gestaltet. Der Prozess ist genau der gleiche. Ok? Also wieder, wie Sie nur mit Elementen bearbeiten müssen, sind hier so schnell, oder, sorry, klicken Sie auf Bearbeiten mit Elementen. Oder wenn Sie in der Über uns Seite sind oder was auch immer Seite Sie bearbeiten, ob es die Bogenkontaktseite ist, all das gute Zeug. Dieselbe Prozedur. Und dann beginnen Sie den ganzen Prozess wieder mit einem leeren Schiefer. Also wieder, wir haben den Titel direkt dort, den Seitentitel, wir wollen das verbergen. Klicken Sie erneut auf das Zahnradsymbol, hoher Seitentitel. Und da gehst du. Ok, so folgen Sie einfach diesem Tutorial noch einmal, denn jetzt haben Sie die Möglichkeit, das Aussehen und das Gefühl jeder Seite individuell anzupassen. Und das ist, was Sie mit Elementen zu tun haben, sind ok. Es ist nicht so, als ob du eine Reihe von Vorlagen bekommst, okay? Sie müssen jede Seite individuell gestalten, aber es ist nicht zu schwer und es ermöglicht Ihnen, viel Spaß und viel Kreativität zu haben. Sobald Sie wirklich verstehen, wie Elemente sind funktioniert, was Sie verstehen sollten. Und so ist das, was Sie für jede weitere Seite tun müssen, gehen Sie zu Ihrer Datenschutzrichtlinie über Kontakt, etc. In Ordnung, die letzte Seite, die ich Ihnen zeigen werde, wie Sie hinzufügen, ist eine Kontaktseite mit einem eigenen dedizierten Kontaktformular. Also lasst uns weitermachen und das tun. Klicken wir auf „Neu hinzufügen“. Okay, also nennen wir diese Seite einfach die Kontaktseite. Und wir nennen es „Kontakt“. Ok. Klicken Sie auf Veröffentlichen. Da sind wir. Also, jetzt brauchen wir ein E-Mail-Formular. Wir müssen also ein weiteres Plug-in dafür haben. Und Plug und ich mag es wirklich WP-Formulare. Also gehen wir zu Plug-Ins, gehen Sie zu Add New, und dann möchten Sie für WP-Formulare suchen. Da gehen wir. Okay, das ist WP Forms. Klicken Sie auf Installieren und klicken Sie auf Aktivieren. Und los geht's. Dies ist also eine kurze kleine Einführung in WB-Formulare. Willst du voran gehen und auf diese Schaltfläche klicken, wo es heißt, erstellen Sie Ihr erstes Formular. Okay, jetzt haben wir eine Reihe von verschiedenen Optionen mit Vorlagen, wir wollen nur ein einfaches Kontaktformular erstellen. Okay, hier ist unser einfaches Kontaktformular. Okay, also möchte ich das ändern. Ich will nicht, dass die Leute ihren Vor- und Nachnamen angeben müssen. Also wollen wir dies nur in ein einfaches Format ändern. Also haben wir Namen, E-Mail, Nachricht. Sieht gut aus für mich. Jetzt gehen wir zu den Einstellungen. Und jetzt sind die Einstellungen können Sie, wo Sie den Formatnamen ändern können, zu Benachrichtigungen werden. Unter Benachrichtigungen, seit E-Mail-Adresse, wird es es an Ihre Admin-E-Mail senden. Wenn Sie es nun in etwas anderes ändern möchten, haben Sie eine andere E-Mail. Was auch immer es ist, hier können Sie es direkt dort eingeben. Aber wie standardmäßig, wird es als Admin-E-Mail kommen. Und jetzt E-Mail Betreff wird neuer Eintrag, einfaches Kontaktformular sein. Das heißt, wenn jemand Ihnen eine E-Mail sendet, wird es mit diesem Eintrag kommen. Ok. So können Sie dies etwas mehr anpassen wie meine Website, E-Mail-Formular, was auch immer. Also, aber Sie wissen, wenn jemand Ihnen jedenfalls per E-Mail zum Einbetten geschickt hat, ist das Formular einfach. Sie klicken auf Einbetten. Jetzt wählen wir die vorhandene Seite aus, erstellen eine neue Seite. Sie können das Formular auch manuell einbetten oder einen Kurzcode verwenden. Und so möchte ich einen kurzen Code verwenden. Und so werden wir diesen Code direkt dort hervorheben. Okay, wir sind wieder da. Das wird das unterstützen. Eigentlich, wissen Sie, wir müssen retten. Stellen Sie sicher, dass das Formular speichern. Da gehen wir. Also, jetzt kommen wir zu Seiten und wollen zu unserer Kontaktseite, die wir gerade erstellt haben, kommen. Klicken Sie auf Bearbeiten. Richtig. Jetzt. Da gehen wir. Stellen Sie nun sicher, dass Sie mit Bearbeiten mit Elementen oder OK klicken. Und lass es laden. Oh, okay, das sieht also gut aus. Also lassen Sie mich einfach voran und klicken Sie auf das Zahnradsymbol. Lassen Sie mich fortfahren und den Seitentitel verstecken. Da gehen wir. Also, als erstes möchte ich in ein paar verschiedenen Formen hinzufügen. Also werde ich einfach auf Element klicken, um das Element in die Bibliothek einzutreten. Und wir gehen zwei Blocks. Und ich mochte diesen Block wirklich. Ich weiß nicht, warum ich es mag, aber ich bringe gerne viel. Also werde ich einfach weitermachen und diesen Block benutzen. Okay, also kann ich mich darum kümmern und wir werden einfach, da gehen wir. In Ordnung, lassen Sie mich das anrufen. Müssen Sie in Kontakt treten. Fragezeichen Also offensichtlich ist dies der Seitentitel. Das sollte also nicht h4 sein, das sollte h eins sein. Okay, dann wieder, Sie können diesen Text einfach nach Bedarf anpassen. Ok. So ja. Hey, vielen Dank für Ihr Interesse an der Website. Ich bin stolz auf E-Mails und 24 bis 48 Stunden, bla, bla, bla, et cetera. Und so brauchen wir nicht mehr lesen Link mehr. können wir loswerden. Okay, und was brauchen wir jetzt? Wir müssen nur einen anderen Block hinzufügen, um unseren kurzen Code zu aktivieren. Aber Sie müssen nur tun, ist klicken Sie wieder auf das kleine Quadrat Symbol. Und dann möchten Sie nach etwas suchen, das Kurzcode sagt. Okay, da gehen wir, Kurzcode. Nehmen wir das, ziehen und legen Sie es dort ab. Ich klicke mit der rechten Maustaste auf Einfügen. Und da gehen wir. Und unsere Form ist erschienen. Und jetzt sieht das fantastisch aus. Und so wieder, wenn Sie dieses E-Mail-Opt-In-Formular auf der Kontaktseite ausblenden möchten , können Sie das tun. Muss nur in den obigen Fußzeilenabschnitt gehen, den Sie bearbeitet haben, und machen Sie es einfach zu einer Regel, so dass dies auf der Kontaktseite ausgeblendet ist. Aber wenn es dir keine große Sache ist, lass es einfach so. Und da gehst du. Sie haben gerade eine schön aussehende Kontaktseite schnell und einfach erstellt. Lassen Sie uns voran und klicken Sie auf Update Lüfter-Tests. Okay, also gehen wir hierher. Lassen Sie uns zu unserem Dashboard gehen. Jetzt möchten wir unser Menü an der Spitze bearbeiten. Oder Sie können es in die Fußzeile einfügen. Es liegt ganz an dir. Also wieder, ich habe Ihnen gerade gezeigt, wie Sie Dinge in der Fußzeile bearbeiten. Aber wenn wir etwas zu diesem Menü hinzufügen möchten, müssen Sie wieder zum Aussehen gehen, gehen Sie zu Menüs. Und dann können Sie wie Kontakt und neue hinzufügen. Okay, damit wir das anpassen können ich, dass, Boom, klicken Sie auf Speichern Menü. Okay, also lass uns unsere Website noch einmal öffnen. Okay, und so haben wir erfolgreich Kontakt zu unserem Menü oben hinzugefügt. Jetzt in diesem Menüabschnitt, sehen, wie ich eine solche haben kann. Was das tut, ist, dass es ein Dropdown erstellt. Also bin ich nur neugierig, wie erstelle ich ein Dropdown-Menü? Sie können Dropdown-Menü erstellen, indem Sie dies tun. Also unter zu Hause wird es ein Dropdown-Link für Kontakt und Blog sein. Im Allgemeinen scheue ich, wann immer möglich, vor Dropdowns zurück. Es liegt also an dir, aber so würdest du es tun. Und das war's. Und so fügen Sie Ihrem Menüpunkt neue Dinge hinzu. 16. Letzter Schliff: So fügen Sie Google Analytics zu Ihrem Element sind powered Website. Ich gehe also davon aus, dass Sie bereits ein Google Analytics-Konto erstellt haben , wenn Sie dies noch nicht getan haben, müssen Sie zu Google Analytics gehen. Okay, es heißt Google Analytics. Erstellen Sie ein Konto. Es ist ziemlich selbsterklärend, aber Sie möchten zu dieser Seite gelangen, so etwas, je nachdem, wann Sie dieses Video sehen, wo Sie den Tracking-Code benötigen. Ok? Und also willst du hier runterkommen und die Skripte holen, okay, nimm diese Kopie. Jetzt müssen wir dieses Skript in den Header unserer Website einfügen. Und um das zu tun, empfehle ich definitiv ein anderes Plugin zu installieren. Also gehen wir zu Plug-Ins und lassen Sie uns gehen, um neue hinzuzufügen. Okay, jetzt möchten wir Kopf- und Fußzeilen installieren. In Ordnung, fügen Sie Kopf- und Fußzeilen ein. Los geht's. Das ist diejenige, die wir wollen. Gehen Sie also weiter und klicken Sie auf Installieren und klicken Sie auf Aktivieren. In Ordnung, also jetzt sind wir gut zu gehen klagen, navigieren Sie einfach zu den Einstellungen und klicken Sie dann auf Einfügen Kopf- und Fußzeilen. Jetzt habe ich dieses Plugin wirklich geliebt, weil es nur Punkt so einfach ist. Also Skripte im Header, okay, so dass Google Analytics in Ihren Header geht. Das ist alles, was Sie tun müssen. Fertig. Das war's. Und gehen Sie weiter und klicken Sie auf Speichern. Und Sie haben gerade erfolgreich bei einem Google Analytics. Nachdem Sie Google Analytics hinzugefügt haben, können Sie Ihre Website mit der Google Search Console verifizieren. Navigieren Sie also einfach zur Google Search Console von Google und melden sich mit derselben E-Mail an, mit der Sie Ihr Analytics-Konto haben. Und das war's. Und so sollte es überprüfen, Ihre Website in Google Search Console ist wirklich mächtig, weil es gibt Ihnen eine Menge spezifische Informationen darüber, wie Ihre Websites Ranking in Index innerhalb von Google, et cetera. So wie auch immer, so fügen Sie Analysen zu Ihrer Website und wie Sie Social-Sharing-Schaltflächen zu Ihrer Website hinzufügen. So wird ein Dienst, den ich persönlich mag, genannt, hinzugefügt dies. Also müssen Sie nur gehen, um dies in log n hinzufügen. ok, Sie gehen müssen, um ein Konto zu erstellen, erstellen Sie ein do it Sie tun müssen. Jetzt, wenn Sie in sind, müssen Sie nur zu navigieren, wo es Werkzeuge heißt. Und jetzt wollen wir voran gehen und klicken Sie auf ein neues Tool hinzufügen. Und wir können Share Buttons hinzufügen möchten. Lass uns das machen. Und jetzt können Sie hier anpassen, was Social Share-Schaltflächen sind. Erscheint, dass Sie inline haben können oder Sie können schweben. Wir werden Fuß machen. Also lasst uns weitermachen und weitermachen. Und ich möchte die Schaltflächen auswählen. Vielleicht möchte ich, dass Pinterest es nach oben schiebt. Also haben wir Facebook, Twitter, Pinterest Breiten. Befreien Sie sich, fügen Sie das hinzu. Und lasst uns E-Mails loswerden und diese drei behalten. Das sieht gut aus. Gehen wir weiter und entschuldigen uns, lassen Sie uns weiter anpassen. Also, so dass die mobilen Tasten groß, Ich möchte, dass sie klein sind. Okay, das heißt, wenn jemand auf einem mobilen Gerät ist, die Schaltflächen am unteren Rand der Website angezeigt. Sie können dies einfach komplett ausschalten, wenn Sie möchten. Also kommen wir hier runter in drei Farben zur Schule. In Ordnung. So sehr gut. Auf Handy unten oder verstecken, okay. Wenn du sie überhaupt nicht willst. Und so lassen wir es einfach so. Drei k, Dies zeigt, wie viele soziale Aktien für jeden Artikel. Und so Anteil zählen, ich lasse es wahrscheinlich als zehn. Und also zeig keine Zahl, es sei denn, sie ist zehn oder größer, oder du könntest sie ändern, was immer du willst, wenn du 50 sein wolltest, was auch immer. Also jedenfalls, wenn Sie fertig sind, gehen Sie voran und aktivieren Sie das Werkzeug. Klicken Sie auf Aktivieren-Werkzeug. Da gehen wir. Das ist es also. Okay, also gehen wir weiter und gehen wir dorthin zurück. Okay, gehen wir zu den Einstellungen. Okay, jetzt müssen wir den Code bekommen. Da gehen wir. Okay, geh hier runter und alles, was du tun musst, ist dieses Skript hervorzuheben. Kopieren. Jetzt möchten wir zu unseren Kopf- und Fußzeilen zurückkehren. Also haben wir das gerade für Google Analytics gemacht. Also, jetzt wollen wir dies in die Fußzeile unserer Website setzen. Also gehen Sie voran und tun Sie das und klicken Sie auf Speichern. Alles klar, also gehen wir zurück zu unserer Website, wird die Seite neu laden. Und da gehen wir. Daher haben wir gerade erfolgreich Social-Share-Schaltflächen zu unserer Website hinzugefügt. Und Laszlo sorgt nur dafür, dass Ihre Website auf Mobilgeräten gut aussieht. Und so zum Beispiel, was hier rüber gekommen ist, um Website großartig pro.com. Wenn ich mit der rechten Maustaste gehe, gehe ich zu Inspect. Jetzt ist das so eingestellt, dass es wie ein Telefon aussieht. Ok. Und so wollen Sie einfach durchgehen und sicherstellen, dass alles an Ort und Stelle ist, es sieht gut aus, Nichts ist seltsam. Und so mit Elementen oder Sie können das auch tun. Was also nicht tun musste, ist hier runter zu gehen, oder? Und gehen Sie in den reaktionsfähigen Modus. Jetzt können Sie hier Tablet oder Handy im Allgemeinen auswählen. Sie sich keine Sorgen zu viel über Tablet, aber auf jeden Fall wie 50% oder Verkehr wird ein Handy sein, und das ist es. Und so wollen Sie nur einen kurzen Blick werfen. Wenn Sie jetzt etwas bearbeiten, wird es nur von Mobilgeräten betroffen sein, wenn das sinnvoll ist. Ok? Weil Sie jetzt haben wir Handy eingeschaltet. Wenn ich zum Beispiel hier runterkomme und wir sagen, wie Kurse bei der Arbeit, bin ich wie: Oh, eigentlich ist das ein bisschen zu groß und ich möchte hierher kommen. Und ich möchte zum Stil kommen, vielleicht in guter Typografie und vielleicht diese Größe ein bisschen, ein bisschen größer machen, was auch immer so ist. Und vielleicht wird mir das gefallen. Ok. Dies wird nur auf die mobile Version Ihrer Website angewendet und wird daher nicht auf den Desktop angewendet. Wenn Sie also zurück gehen und auf den Desktop gehen, wird es nicht ändern. Es ist also nur, du änderst die Dinge nur auf dem Handy. Deshalb will ich einfach nur durchgehen und sicherstellen, dass alles gut aussieht, alles an Ort und Stelle ist, Nichts ist seltsam. Nichts ist fehl am Platz. Und das war's. 17. Blogging mit der kostenlosen Version von Elementor: In Ordnung, also die Blog-Seite auf Ihrer Website, das ist die einzige Sache, die sie hinter der Paywall setzen. Deshalb habe ich am Anfang des Tutorials gesagt, dass dieses Tutorial ein Deal ist. Wenn Sie die kostenlose Version der Elemente verwenden möchten, sind in Ihrem Ku, die individuell bearbeitet jede Seite. Zum Beispiel, wie die Kontaktseite, Homepage Über Seite und nur Hinzufügen von Elementen in Blöcken in die Seite und tun, was Sie wollen. Elemente sind, es ist fantastisch, aber zum Bloggen, es ist gut für Bloggen, aber nicht die kostenlose Version, weil sie nur, sie setzen dies hinter die Paywall. Sie können das also nicht so anpassen, wie es aussieht. Du steckst damit fest. Versuchen Sie es nicht, als gäbe es nichts, was Sie tun können. Selbst wenn Sie hier reinkommen und auf Bearbeiten mit Elementen klicken oder Sie einen Fehler bekommen. Also hier gehen wir, sorry, das Konzept wurde nicht gefunden, also klicken wir auf Erfahren Sie mehr. Und so einige, einige, einige Leute, mit denen ich gearbeitet habe, o kennt meine Website Broker. Nein, nein, nein, du verwendest nur die kostenlose Version. Also direkt hier oder Sie versuchen, die Blog-Archiv-Seite oder die Homepage zu bearbeiten , die die neuesten Beiträge zeigt. handelt es sich um archivierte Seiten, die nur mit den Profis, der LM-Funktion, intim bearbeitet werden können . Und so bedeutet das, dass Sie Elemente haben, sind pro, das heißt, Sie müssen dafür bezahlen. Und deshalb bist du irgendwie wieder, deshalb habe ich gesagt, du steckst fest. Und dann sehen die einzelnen Blog-Beiträge so aus und das ist nicht die, nicht das Schlimmste. Ok. Sieht in Ordnung aus. Ich meine, Sie können durch, aber wieder, es ist nicht, wenn Sie wirklich einen Blog wollen, wenn das wirklich wichtig für Sie ist, als Upgrades Elemente sind pro. Aber wieder, wie ich am Anfang sagte, wenn Sie cool sind mit genau wie individuell gestalten jede Seite und Sie wollen sehr kreativ werden. Sie sollten jetzt die Möglichkeit haben, weil ich Ihnen gerade gezeigt habe, wie Sie eine Kopfzeile bearbeiten, wie Sie ein E-Mail-Opt-In-Formular bearbeiten und die Fußzeile bearbeiten. Jetzt haben Sie freie Herrschaft über den ständigen Bereich Ihrer Website. Und so jedenfalls, das ist es für dieses Tutorial. 18. Schlussbemerkung: Okay, das war's für diesen Kurs. Ich hoffe, Sie haben es genossen und ich hoffe, Sie haben viel Wert daraus. Ich hoffe, Sie haben ein starkes Verständnis darüber, wie Elemente oder funktioniert so dass Sie in der Lage sind, es im Design jede Art von Website Sie einmal sowieso verwenden, Ich wollte nur sagen, ein schnelles Danke für die Anmeldung und haben einen guten Tag. Tschüss.