Eine professionelle, markenorientierte Website mit einem klaren Call to Action erstellen

1. 1. Einleitung: Willkommen zu meinem Skill-Share-Kurs, mein Name ist David, und ich werde Sie Schritt eins für Schritt durch Erstellen einer sehr schönen professionellen Website mit hoher Konversionsrate im Blog mit dem 2024-Thema von Wordpress In diesem Kurs werde ich alles behandeln, was Sie wissen müssen. Das heißt, ich werde Ihnen zeigen, wie Sie einen Domainnamen bekommen, bei einem Domainnamen-Register, wie Sie ein Webhosting-Konto einrichten, wie Sie WordPress installieren und dann, wie Sie Ihre Website in Blog with the 2024 gestalten . Hauptmerkmale dieses Designs sind die Fokussierung auf eine Startseite mit hoher Konversionsrate und einem klaren Aufruf zum Handeln, der den Endbesucher zu einem Webmagneten leitet Ihnen hilft , Ihre E-Mail-Liste zu erweitern sodass Sie Produkte und Dienstleistungen verkaufen können. Außerdem zeigen wir Ihnen, wie Sie verschiedene Seiten für Ihre Website entwerfen , wie Sie mit diesem Thema bloggen, wie Sie die Kopfzeile, die Fußzeile und all die anderen kleinen Designelemente bearbeiten und all die anderen kleinen Designelemente , die Sie kennen müssen Wenn Sie also eine sehr schöne, professionelle Website und einen Blog mit hoher Konversionsrate und einem klaren Aufruf zum Handeln erstellen möchten eine sehr schöne, professionelle Website und einen Blog mit hoher Konversionsrate und , ist dieser Kurs genau das Richtige für Sie Wenn Sie bereit sind, loszulegen, lassen Sie uns beginnen. 2. 2-Website-Übersicht: Die Website, ich werde dir zeigen, wie man sie macht. Das Ziel ist also nicht, dir beizubringen , wie man genau diese Seite erstellt. Es soll Ihnen nur zeigen, wie Sie verschiedene Aspekte der Website bearbeiten und anpassen verschiedene Aspekte der Website können, damit Sie ein ähnliches Ergebnis erzielen können. Konkret zum Beispiel, wie erstellt man einen Angebotsbereich ganz oben auf Ihrer Website mit einem schönen H-One-Titel-Tag, einem schönen großen Button ein wenig Animation zugeordnet ist, ein Verkaufsvideo, in dem Oma verkauft wird, um den Leuten zu zeigen, warum sie das kostenlose Angebot nutzen wollen. Wie Sie zusätzliche Verkaufstexte zu Ihrem Seitendesign hinzufügen, einen Blogbeitrag hinzufügen, eine letzte Aufforderung zum Handeln, wie Sie die Fußzeile bearbeiten und anpassen, wie Sie interne, externe Links hinzufügen, wie Sie dieses Menü oben anpassen, eine Schaltfläche hinzufügen, ein Logo erstellen, ein Favicon hinzufügen und Ihre Blogpost-Seiten sowie Ihren individuellen Blogbeitrag anpassen , all diese kleinen Details, die Sie Ich muss wissen, um eine sehr effektive Website zu entwerfen, die mit diesem kostenlosen Theme eine hohe Konversionsrate erzielt. Wie auch immer, lass uns anfangen. 3. 3 Domainnamen: Auf meinen Laptop. Fangen wir an. Der erste Schritt bei der Erstellung einer Website mit dem 2024-Thema von WordPress besteht also dem 2024-Thema von darin, einen Domainnamen zu registrieren. Sie können zwar einen Domainnamen bei einem Webhost erhalten, ich empfehle jedoch dringend, ein spezielles Domainnamenregister zu verwenden . Sie erhalten bessere Preise für diejenigen, die geschützt sind, und niedrigere Verlängerungsraten. Jetzt verwende und empfehle ich persönlich Namecheap. Der Einstieg in Namecheap ist jetzt sehr einfach. Sie müssen lediglich den Domainnamen, den Sie registrieren möchten, in dieses Feld eingeben den Domainnamen, den Sie registrieren möchten, und dann auf Suchen klicken Okay, nachdem Sie Ihren Domainnamen eingegeben haben, fahren wir fort und klicken auf diese große rote Schaltfläche Fantastisch. Der Domainname wird also unabhängig davon angezeigt, ob er registriert werden kann oder nicht. Wenn er nun nicht registriert werden kann, bedeutet das, dass Sie hierher kommen und eine andere Wortkombination herausfinden müssen. Ich schlage auf jeden Fall vor, eine.com-Website zu nutzen, falls dies Ihre erste Website ist. Wenn Ihr Domainname jedoch verfügbar ist, klicken Sie einfach auf die Schaltfläche „Zwei Karten hinzufügen“. Jetzt können Sie all diese Upsells hier ignorieren und dann einfach auf die Schaltfläche Zur Kasse klicken Und es ist wirklich so einfach. Jetzt sind wir auf der Checkout-Seite, also haben wir unsere Domainnamen-Registrierung. Das Tolle einem Domainnamen-Register ist, dass Sie Ihren Domainnamen für bis zu zehn Jahre zu einem günstigen Preis registrieren können Ihren Domainnamen für bis zu zehn Jahre zu einem günstigen Preis Sie erhalten seinen Schutz kostenlos. Daher ist der Schutz für uns sehr wichtig, denn wenn Sie Ihren Domainnamen registrieren, müssen Sie genaue Informationen darüber angeben , wer Sie sind, wie Ihren Namen, E-Mail-Adresse, Adresse, Telefonnummer und vertrauliche Informationen . Deshalb hält DomanDamePrivacy all diese Informationen geheim, sodass Sie dies auf jeden Fall aktivieren möchten Jetzt möchten Sie auf Bestellung bestätigen klicken, wenn Sie bereit sind , Ihren Domainnamen zu registrieren, und Sie müssen ein Namecheap-Konto erstellen und dann all diese zusätzlichen Informationen wie Ihren Namen, Ihre E-Mail-Adresse, Telefonnummer usw. hinzufügen zusätzlichen Informationen wie Ihren Namen, und einfach ein Konto für Namecheap erstellen. Wenn Sie also bereit sind, fortzufahren, klicken Sie auf Bestellung bestätigen 4. 4 Hosting: Es ist Zeit, mit dem Hosting zu beginnen. Sie benötigen also einen Webhost , um eine Website zu haben. Und in diesem Tutorial werde ich Hostinger verwenden Nun, ich mag Hosting hier wirklich , weil sie sehr kostengünstig und anfängerfreundlich sind und ideal sind Wenn Sie gerade erst anfangen, benötigen Sie einen hochwertigen Webhosting-Plan. Darüber hinaus werden sie hier auch von Wordpress empfohlen hier auch von Wordpress Sie sind also ein hochwertiger Webhost zu einem günstigen Preis. Jetzt kannst du hier klicken, um das Angebot in Anspruch zu nehmen, aber lass uns hier klicken, um es zu hosten. Wir wollen Webhosting, okay? Und das ist die Webhosting-Seite genau hier. Scrollen wir einfach ein bisschen nach unten. Sie haben ein paar verschiedene Pläne, Premium-Unternehmen, Cloud-Startup. Ich persönlich mag den Geschäftsplan. Was ist der Hauptunterschied zwischen diesen beiden? Nun, Sie haben hier 100.000 monatliche Besuche und Sie erhalten ein kostenloses CDN CDN hilft also dabei, Ihre Website zu beschleunigen . Das ist also ziemlich nützlich Aber der Premium-Plan ist in Ordnung. Wenn Sie zum Premium-Plan wechseln und auf den Geschäftsplan upgraden möchten , können Sie das tun. Aber der Preisunterschied ist so gering, ich mich wahrscheinlich einfach für den Businessplan entscheiden würde. Klicken Sie also einfach auf diesen Tarif auswählen. Und zum Schluss müssen Sie nur noch Ihre Bestellung abschließen. Ich werde also nicht Ihre Intelligenz beleidigen und Ihnen zeigen, wie Sie online für etwas bezahlen Nur ein paar wichtige Dinge, auf die Sie achten sollten , seit Sie auf dieser Seite sind Jetzt erhalten Sie eine 30-tägige Geld-zurück-Garantie. Und genau hier, beim Business-Webhosting, haben Sie den Zeitraum. Sie haben also 48 Monate, die Sie auf 12, 24, 48 oder einen Monat ändern können . Ich persönlich gehe von Jahr zu Jahr weiter. Sie können entscheiden, ob dies für Sie ist oder nicht. Sie erhalten einen kostenlosen Domainnamen, wenn Sie Webhosting für ein Jahr oder länger kaufen . Der Haken beim kostenlosen Domainnamen ist, dass er im ersten Jahr kostenlos ist, aber danach müssen Sie die Verlängerungsgebühren zahlen, weshalb ich Name Jeep mag, weil Namecheap niedrigere Verlängerungsraten hat und Sie einen Domainnamen für bis zu zehn Jahre im Voraus registrieren können für bis zu zehn Jahre im Voraus Das ist der Grund, warum ich meine Dienste gerne getrennt halte Jedenfalls ist es gleich hier unten. Sie können Ihre Konten erstellen. Sie können Ihre Zahlungsoption auswählen und dann mit einem Gutscheincode hier unten navigieren, und wir können Web P verwenden. Klicken Sie auf Anwenden, und das spart auch Geld. Und wenn du dann zum Kauf bereit bist, klicke hier, um die sichere Zahlung zu tätigen, und schon kann es losgehen. 5. 5 Website-Setup: Willkommen bei HostingR Jetzt ist es an der Zeit, WordPress zu installieren Sobald Sie sich also bei Hostinger angemeldet und den Onboarding-Prozess durchlaufen haben, Ihr Konto erstellt haben, werden Sie eine Reihe von E-Mails erhalten Und so sieht das Dashboard zunächst aus. Sie werden also Ihre Kontoaktionen haben und können Ihr Hosting einrichten. Also lass uns anfangen. Also habe ich mein geschäftliches Webposting genau hier. Lass uns weitermachen und auf Setup klicken. Und es wird Sie zu einem Onboarding-Prozess weiterleiten. Klicken Sie also hier um eine Website zu erstellen, und klicken Sie dann auf Weiter Nun, dieser Onboarding-Prozess ist sehr nützlich, wenn Sie kein Tutorial-Video haben , aber weil Sie dieses Video haben, werden wir einfach auf Überspringen klicken Und dann werden wir eine Website verwenden, die wir bereits besitzen Okay? Also haben wir unseren Domainnamen bei Namecheap registriert. Also, was musst du tun? Sie müssen hier Ihren Domainnamen eingeben. Lassen Sie mich also hier zu Namecheap navigieren. Dies ist der Domainname, den ich verwenden werde voghow.com Lassen Sie mich das also in voghow.com eingeben. Und darunter wird angezeigt, dass dies bereits bei einem anderen Anbieter registriert wurde Auch hier gilt: Da Sie sich für ein Hosting-Konto für ein Jahr oder länger angemeldet haben, erhalten Sie für das erste Jahr einen kostenlosen Domainnamen. Wenn Sie das also nutzen möchten, können Sie das hier tun, aber ich habe diesen Domainnamen bereits bei Namecheap registriert , also werde ich darauf klicken Wenn Sie einen Domainnamen verwenden, registrieren Sie sich woanders, Sie müssen ihn manuell mit Ihrer Website verbinden Kein Problem. Ich zeige dir , wie das geht. Es dauert eine Minute. Es ist überhaupt nicht kompliziert. Wie auch immer, klicken Sie einfach auf Weiter. Aber jetzt können wir auswählen, wo sich unser Rechenzentrum befinden soll Sie möchten also das Rechenzentrum auswählen, das dem , an dem sich Ihr Verkehr befindet, am nächsten liegt. Also klicke ich hier für Massachusetts und lass uns auf Weiter klicken. Und es initialisiert das Setup. Fantastisch. Das ist also unser Dashboard für Hostinger Also zuerst, ganz oben hier, steht der Domainstatus und zeigt nicht auf unsere Nameserver Lassen Sie uns darauf klicken, wie wir das beheben können. Lass uns auf Lass uns loslegen oder was auch immer klicken. Und genau hier sind die Hostinger-Nameserver. Also müssen wir diese Nameserver nehmen und sie in Namecheap eingeben Also wie dem auch sei, logge dich in deine Name-Cheap-Konten ein. Gehen Sie zu dem Domainnamen , den Sie verwalten möchten. Also hier ist der Domainname lockow.com. Klicken Sie auf Verwalten. Dann werden Sie genau hier auf diese Seite weitergeleitet. Jetzt müssen Sie genau hier unten navigieren , Namecheap, Basic DNS Klicken Sie auf das kleine Drop-down-Menü. Klicken Sie auf Benutzerdefiniertes DNS. Jetzt haben wir Nameserver eins und Nameserver zwei. Woher bekommen wir diese Informationen? Genau hier. So einfach ist das. Kopieren Sie das und fügen Sie es ein. Bum. Und nimm diesen. Und stell das da rein. Und es ist eins und es sind zwei. Stellen Sie sicher, dass Sie genau dort auf dieses kleine grüne Häkchen klicken . Und fantastisch. Es heißt also, dass es bis zu 48 Stunden dauern kann, bis DNAT-Server wirksam Es heißt also Ausbreitung. Ich habe noch nie gesehen, dass es so lange dauert. Es dauert vielleicht 10 Minuten, vielleicht einen Tag, um sich mit jedem einzelnen Nameserver weltweit zu verbreiten , aber innerhalb weniger Minuten ist es korrekt verlinkt Also wie dem auch sei, lass mich X davon fern. So einfach ist das. Das ist alles was du tun musst. Warte einfach. Es ist keine große Sache. Sie können mit der Installation Ihrer Website fortfahren. Lass uns weitermachen und WordPress installieren. Also haben wir einfach unsere Nameserver eingerichtet , um unseren Domainnamen bei Namecheb mit unserem Hosting-Konto hier bei Hostinger zu verbinden Namecheb mit unserem Hosting-Konto hier bei Hostinger zu Und jetzt können wir einfach WordPress installieren. Es sind also nur ein paar Minuten vergangen und das kleine Banner ist schon weg, so einfach ist das. Ordnung, also lassen Sie uns hier auf die Schaltfläche Auto Installer klicken , und es wird ein paar verschiedene Optionen angezeigt. Wir haben Juma, WooCommerce, Wordpress, wir wollen Wordpress genau hier haben, also fahren Sie fort und klicken Sie auf Auswählen Und dann installiere einfach WordPress auf dem Domainnamen. Also der Titel der Website. Also nenne ich das einfach Vlog H und ändere das hier. Und wir nennen das tatsächlich, ich nenne das Vlog, eins, zwei, drei, und dann erstellen wir ein Passwort Und da hast du's. Jetzt klicken Sie auf. Sobald du fertig bist, ist alles gut. Klicken Sie auf Weiter. Sie können Advance auch hier für den Installationspfad öffnen, wenn Sie möchten. Wenn du also eingeben möchtest, tut mir leid, ob du das im Unterverzeichnis installieren möchtest Für die meisten Leute ist das nicht erforderlich. Ein Unterverzeichnis wäre also so, ich möchte das nur auf Slash Blog installieren und dann vielleicht Juma für das.com, den Root-Domainnamen, verwenden den Root-Domainnamen, Warum das zu wenig fortgeschritten ist. Die meisten Leute wollen das nicht tun. Sie möchten WordPress auf dem gesamten Domainnamen installieren. Also halte es einfach so. Geben Sie den Benutzernamen, das Passwort, die E-Mail-Adresse und den Titel der Website ein. Klicken Sie dann auf Weiter. Und hier haben wir die Anwendungsversion, Sprache, Disspace, all diese guten Sachen Behalte einfach alles so wie es ist und klicke auf Installieren. Erledigt. So einfach ist das. Es dauert eine Minute. Wordpress wurde also installiert, und um auf Ihre Website zuzugreifen, können Sie hier klicken, um zum Admin-Panel zu gelangen. Es öffnet sich ein neuer Tab. Und da haben wir es. So einfach ist das. Das Hosting macht es unglaublich einfach, WordPress zu installieren. Wir sind also startklar. Das ist es wortwörtlich. Sie können also auf verschiedene Arten auf Ihre Website zugreifen. Sie können sich entweder bei Ihrem Hosting oder Ihren Konten anmelden, zu Ihrem Dashboard navigieren und dann auf das Admin-Panel klicken. Ich persönlich würde empfehlen sich einfach direkt auf Ihrer Website anzumelden, damit ich Ihnen zeigen kann, wie das geht. Also, da du hier drüben bist, stelle einfach sicher, dass alles gut ist. Als ob das SSL-Zertifikat aktiv ist und funktioniert. Ist dies nicht der Fall, klicken Sie auf die Schaltflächen, um es erneut zu installieren und sicherzustellen, dass alles in Ordnung ist Wenn Sie Probleme haben, können Sie jederzeit hier klicken, um den Chatbot-Support für das Hosting aufzurufen und sich mit dem Support in Verbindung zu setzen Wie auch immer, das ist also deine Website. Also lass mich weitermachen und mich abmelden . Ich weiß, wir haben uns gerade angemeldet. Lass mich abmelden. In Ordnung. Also, wie greifen Sie hier auf diesen Dashboard-Bereich zu? Es ist sehr einfach, Sie gehen zu Ihrem Domainnamen, also meiner ist blockout.com Dann ist es WP Admin. Öffne das und das ist genau hier. Wie melden Sie sich mit dem Namen oder der E-Mail-Adresse Ihres Jahres an, die Sie gerade erstellt haben, und dem Passwort, das Sie gerade erstellt haben? Also lass mich weitermachen und das machen. Okay. Und lassen Sie mich weitermachen und auf Anmelden klicken. Und da hast du's. So einfach ist es also, sich nach Bedarf auf Ihrer Website anzumelden. diese Weise empfehle ich, auf Ihre Website zuzugreifen, anstatt sich in Ihr Hosting-Konto einzuloggen. Die meisten Leute tun das nicht. Die meisten Leute gehen zu WP Admin und melden sich direkt auf der Website an. Wie auch immer, so installiert man Wordpress mit Hostinger. 6. 6 Wordpress-Übersicht: Zu Wordpress. Wir müssen ein paar Dinge tun, um Wordpress im Backend zu bereinigen , bevor wir mit der Gestaltung unserer Website beginnen. Also lass uns anfangen. Wir klicken hier auf Ablehnen. Als erstes möchten wir einige verschiedene Plug-ins löschen, die zusammen mit unserem Hosting-Konto installiert sind Nun, das ist völlig optional, aber ich mag es, alles sehr sauber zu halten. Also haben wir das Hosten von KI-Tools und das Onboarding. Ich werde einfach weitermachen und all diese deaktivieren. Wir klicken hier auf Bewerben. Wir gehen. Und dann können Sie auf Löschen klicken , wenn Sie es entfernen möchten. Ich werde auch den Lightspeed-Cache deaktivieren , weil ein Cachet-Plugin für die Gestaltung Ihrer Website unerlässlich ist und es hilft, sie zu beschleunigen , da es dem Endbesucher eine Cache-Version bereitstellt dem Endbesucher eine Cache-Version Aber da wir die Website gestalten und viele Änderungen vornehmen, möchten wir nicht, dass unsere Website während der Gestaltung zwischengespeichert Sie möchten das also einfach deaktivieren, und wenn Ihre Website vollständig fertig ist, können Sie loslegen. Dann möchten Sie sie erneut aktivieren Lass mich einfach hier drüben klicken, um das zu deaktivieren . Lass uns weitermachen und hier drüben ein neues Plug-In hinzufügen drüben ein neues Plug-In und ich werde Rank Math eingeben Rank Math ist mein persönliches Lieblings-SEO-Plugin. Es gibt dir nur die Kontrolle über die SEO-Titel, Meta-Beschreibung, drei Oh-Eins-Weiterleitungen eine Menge hilfreicher Kleinigkeiten. Also lass mich weitermachen und gleich hier auf Installieren klicken, und dann klicken wir auf Aktivieren. Und es wird uns zu einem Onboarding-Prozess hier weiterleiten Onboarding-Prozess hier Wenn Sie das durchgehen möchten, können Sie das tun, aber ich werde hier drüben klicken, um es jetzt zu überspringen , sodass ich zurück zum Dashboard navigieren kann, und lassen Sie uns einfach dort unten klicken , um zum Dashboard zurückzukehren Und da haben wir's. Also, wenn du zurück zu dieser Seite navigieren willst, fragst du dich: Oh, David, wie komme ich an den Setup-Assistenten Okay? Alles, was Sie tun müssen, ist hier für den Einrichtungsassistenten zu klicken, und das führt Sie zurück zum Onboarding-Prozess Ordnung. Wie dem auch sei, als Nächstes wollen wir uns hier die Nutzer ansehen sei, als Nächstes wollen wir uns hier die Nutzer Also hier drüben sind dein Nutzername und deine E-Mail-Adresse, die du mit allem verknüpft hast, und hier drüben ist die Rolle Sie sollten also eine Administratorrolle haben. Sie werden feststellen, dass ich hier nebenan ein kleines Bild von mir habe. Wie funktioniert das? Es ist von einem Dienst namens Gravitar. Sie können es also einfach bei Gravitar signieren, es ist kostenlos zu benutzen. Dann fügst du eine E-Mail und ein Bild zusammen an. Es erscheint also immer ein Bild mit der zugehörigen E-Mail. Also so wird das hier drüben bevölkert. Und sobald Sie in Ihrem Benutzerkonto sind, können Sie hier Passwörter ändern und eine nette Beschreibung hinzufügen. Also zusätzliche Profil-URLs, biografische Informationen. Also das ist dieser kleine Abschnitt einem Blog, wo Sie sehen dass David lange Strandspaziergänge mag, solche Dinge Das hast du genau hier reingetan. Dann können Sie auch gleich dort unten ein neues Passwort generieren . Und dann haben wir Rank Math installiert. Jetzt können wir also ändern, wie das Snippet für den Autor aussieht Der Autor ist also genau dort der Titel des Autors. Deshalb mag ich Rangmathematik. Aber wie dem auch sei, das machst du mit den Einstellungen hier drüben. Also lass mich da einen Rückzieher machen. Lassen Sie uns weitermachen und einen neuen Benutzer hinzufügen, nur um Ihnen die verschiedenen Rollen zu zeigen, die Sie erstellen können. Hier haben Sie also verschiedene Rollen, Sie haben Abonnent, Mitwirkender, Autor , Herausgeber, Administrator Dies ist nützlich, wenn Sie Autoren und weitere Personen nur um Inhalte auf Ihrer Website zu veröffentlichen Sie möchten Personen keinen Administratorzugriff gewähren. Normalerweise möchten Sie einen Autor oder einen Redakteur hinzufügen , da diese unterschiedliche Zugriffsrechte auf die Site haben . Ein Redakteur kann also alle Inhalte eines Autors bearbeiten. Der Autor kann nur seinen eigenen Inhalt bearbeiten. Sie können das also selbst nachschlagen, aber das ist der Grund, warum Sie verschiedene Rollen haben möchten. Wenn Ihre Website jemals wächst, möchten Sie zusätzliche Leute einstellen. Art der Sache. In Ordnung, also wie dem auch sei, lass uns hier drüben für die Einstellungen klicken Ja, ich möchte diese Seite nicht jetzt verlassen. Ordnung, hier sind also der Seitentitel und der Slogan Das ist nicht wirklich so wichtig. Also kannst du es einfach so lassen wie es ist. Das Site-Symbol ist der Fabcon. Sie können also auf das Symbol „ Eine Website auswählen“ klicken und das ist genau dort dieses kleine Favicon Dann haben Sie hier Ihre WordPress-URL Seitenadresse und schon kann es losgehen Das ist es wirklich hier drüben. Jetzt klicken wir auf Lesen. Und hier beim Lesen hast du, dass dein Blogbeitrag manchmal die meisten Beiträge zeigt, der Syndication Feed zeigt Du willst also einfach alles so behalten, wie es nötig hier drüben und nur grundlegende Dinge schreiben Nichts wirklich zu erwähnen. Lass mich hier drüben klicken. Also, hier ist alles in Ordnung. Sie haben Diskussionseinstellungen, wenn Sie Kommentare auf Ihrer Website aktivieren möchten. Aber das wirklich Wichtige hier ist Permink, auf das Sie achten sollten Standardmäßig hat Wordpress jetzt den Postnamen als Standard-URL-Struktur, und das ist akzeptabel Es wird also website.com slash POS Title sein. Ich persönlich mag es sehr. Eine andere Struktur , die ich mag, wäre , die Kategorie hinzuzufügen, wenn Sie möchten. Ich hätte also nicht die erste Kategorie. Wir nehmen das und stellen es da hin. Sie können also eine Kategorie haben. Da hast du's. Kategorie, Beitragsname, wenn du willst. Aber ich persönlich verwende den Namen des Beitrags selbst. Aber wenn Sie eine wirklich große Website haben und bestimmte Kategorien und Unterkategorien in dieser URL-Struktur haben werden , ist das sehr nützlich Aber für 99% der Leute ist der Name des Beitrags alles, was Sie brauchen, also lassen Sie einfach alles so, wie es hier drüben ist Aber wenn Sie jemals die URL-Struktur ändern möchten, tun Sie das hier, aber ich schlage auf jeden Fall vor eine URL-Struktur auszuwählen und dabei zu bleiben. Ändere es später nicht. Ordnung, wie dem auch sei, das ist wirklich nur der grundlegende Überblick über die Dinge, die Sie über WordPress wissen müssen . Jetzt wollen wir hier zu Aussehen und Themen navigieren . Jetzt wollen wir hier zu Aussehen und Themen Jetzt möchtest du, dass das 2024-Theme aktiviert ist. Sie haben das Thema 2023, 2022 hier. Sie möchten also nur sicherstellen, dass dieses Thema aktiv ist. Sie können diese Themen auch löschen , wenn Sie möchten. Ich kann hier klicken und auf Löschen klicken. Wir klicken auf Okay, dann hier, klicken auf Löschen und dann auf Okay Und dann haben wir nur noch das Thema 2024. Jetzt sind wir bereit, unsere Website zu gestalten. 7. 7 vollständiger Website-Editor: Beginnen wir mit der Gestaltung unserer Website mit dem 2024-Thema von WordPress. Lassen Sie uns zunächst einen Blick auf unsere Website werfen. Klicken Sie hier , wo sich das Logo befindet. Klicken Sie auf Website besuchen. Bum. Sie sollten genau hier öffnen. Standardmäßig ist das eine ziemlich gute Homepage. Ich mag es wirklich, aber wir werden eine Homepage von Grund auf neu entwerfen, mach dir keine Sorgen, aber lass mich dir nur zeigen, wie das funktioniert. Sobald diese geöffnet ist, können Sie hier klicken , um die Site zu bearbeiten, dann mit der Gestaltung der Homepage und aller Designelemente, die Sie vor sich sehen, beginnen . Wenn Sie den Editor nur direkt öffnen möchten, navigieren Sie hier zum Erscheinungsbild. Dann klickst du auf Editor. Da haben wir's. Warten wir, bis uns das entgeht. Und ja, okay, jetzt wird die Seite geladen. Also hier drüben haben wir ein paar verschiedene Optionen. Also hast du deine Navigation. Ihre Navigation ist dieses Element genau dort. Es heißt also, dass die Seitenliste keine Seiten abrufen kann. Das liegt daran, dass es noch keine Seiten gibt. Also mach dir keine Sorgen. Aber wenn Sie eine Seite wie „Über Kontakt“ usw. veröffentlichen , wird sie automatisch oben angezeigt, und wir werden später darauf eingehen, wie Sie diesen oberen Bereich bearbeiten können Du hast deine Styles genau da. Standardmäßig enthält es eine Reihe verschiedener Paletten, auf die Sie einfach klicken und die Farben ändern können auf die Sie einfach klicken und die Farben ändern Und natürlich können Sie einfach alles selbst anpassen, egal welche Farben Sie möchten und welche Schriftauswahl Sie möchten. Hier drüben sind deine Seiten. Veröffentlichen Sie also noch ausstehende Zeitplanentwürfe. Und dann haben wir unsere Vorlagen genau da. So können Sie sich alle Vorlagen ansehen, die in diese Site integriert sind und die Sie nutzen können. Also ganz nett da drüben. Dann Muster genau da. Und Muster sind einfach Blockabschnitte, die Sie einem Klick auf eine Schaltfläche zur Site hinzufügen können. Sie sehen also, dass alles gesperrt ist. Das liegt daran, dass Sie es nicht anpassen können, aber Sie können diese Abschnitte oder Muster hinzufügen, wie auch immer Sie es nennen möchten der spezifischen Seite , die Sie gerade bearbeiten. Sie möchten es also nicht wirklich von hier aus bearbeiten. Wie dem auch sei, das ist im Großen und Ganzen, wie dieses Element hier funktioniert. Jetzt können wir direkt dort auf die Seite klicken, und wir haben ein paar verschiedene Dinge Also lass uns genau dort auf diesen klicken. Schau, wie es wie ein Block ist. Das wird also der Blockeditor genannt. Nun ein paar Dinge, die Sie beachten müssen, wenn Sie den Blockeditor verwenden , sind, dass Sie darauf klicken möchten Jetzt bearbeite ich diesen Block. Wenn ich jetzt einen anderen Block bearbeiten möchte, klicken Sie einfach darauf. So einfach ist das. Und dann möchten Sie sicherstellen, dass Sie hier oben ein paar verschiedene Optionen haben , Sie haben Speichern. Sie haben Ihre Einstellungen, dann haben Sie Ihre Stile. Stile sind global. Dies ändert alles auf der Website. Und so macht dieses Element genau das Gleiche wie der andere Abschnitt, in dem Sie den Stil dort einfach automatisch ändern können . Die meiste Zeit wirst du hier in deinen Einstellungen sein wollen und dann den Block und dann den spezifischen Block anpassen wollen. Sobald Sie einen Block haben, klicken wir auf diesen. Also ein Bekenntnis zu Innovation und Nachhaltigkeit. Also gut, wir haben Stile, wir haben Standard. Und bei Asterisk ist das nur ein einzigartiger Aspekt dieses Themes, also behalten wir es einfach als Standard bei Und hier kann ich die Textfarbe und den Hintergrund der Farbe ändern und den Hintergrund der Farbe Für den Text, wenn ich will, die Typografie hier drüben, haben wir verschiedene Größen, mit denen wir herumspielen können Wenn Sie eine etwas detailliertere Kontrolle haben möchten, können Sie einfach genau dort darauf klicken und es dann nach Bedarf öffnen Dann sind die Abmessungen hier drüben, Sie haben also Polsterränder Also Abstand und Ränder, Sie können das breiter oder schmaler machen , wenn Sie möchten erweiterten Modus können Sie einen HTML-Ankerlink einrichten Also ein Ankerlink, was das ist, wenn Sie einen Menüpunkt oben haben möchten , sagen wir Ressourcen Der Benutzer klickt auf Ressourcen wird dann zu einem bestimmten Abschnitt auf der Seite gezogen und nicht zu einer separaten Seite Das ist alles, was ein Ankerlink ist. Aber die meiste Zeit wirst du in einen Block hinüberklicken und dann mit einem Klick von diesem wieder wegklicken. Also werden wir auf diese eine Einstellung klicken. Dann benutzt du den Block änderst dann einfach den Text, die Hintergrund-Typografie Und mit dem 2024-Thema gibt es diese Asterk-Funktion. Also, wenn du verschiedene Elemente entwirfst, du denkst, hier drüben, wie werde ich das los Also, ich will den Asterik loswerden. Ich kann nicht einfach wegklicken und es dann standardmäßig mit Asterk ausschalten . So funktioniert es Aber wie gesagt, wir werden eine benutzerdefinierte Homepage entwerfen, aber ich gebe Ihnen nur einen umfassenden Überblick darüber, wie dieser Designprozess funktioniert. Und da hast du's. Klicken Sie also auf das W und navigieren Sie dann zurück zum Editor-Dashboard. Und es ist wirklich so einfach. Fangen wir also an, unsere Homepage zu gestalten. 8. 8 Startseiten-Setup: Lassen Sie uns weitermachen und eine eigene Homepage für unsere Website erstellen . Der Einstieg ist also wirklich einfach. Alles was Sie tun müssen, ist zu Seiten zu navigieren. Sobald sich dies geöffnet hat, klicken Sie auf Neu hinzufügen. Jetzt werden wir eine Seite erstellen und sie dann als Startseite festlegen, sodass es nicht wirklich wichtig ist, wie Sie sie benennen. Ich weiß nicht , warum das auftaucht. Wie auch immer, füge einfach einen Titel hinzu. Also nenne ich diese Seite einfach Homepage. Halte es einfach. Lass uns weitermachen und auf Veröffentlichen klicken. Klicken Sie auf Veröffentlichen. Und so einfach ist das. Klicken wir nun auf W und navigieren zurück zu unserem Wordpress-Dashboard Wir möchten hier zu den Einstellungen navigieren . Dann wollen wir zum Lesen übergehen. Auf Ihrer Homepage wird Ihr letzter Beitrag oder eine statische Seite angezeigt. Wir möchten auf eine statische Seite klicken. Und für die Homepage wollen wir Homepage oder was auch immer Sie Titel der Seite machen, egal, ob es sich um einen Titel handelt. Lassen Sie mich also auf jeden Fall auf Änderungen speichern klicken. Und da haben wir es. Schauen wir uns also die Seite an, also werde ich auf das Logo klicken. Öffne das in einem neuen Tab und bumm. Los R. Sieht genau so aus, wie ich es erwartet habe. Startseite. Jetzt können wir das als leere Vorlage verwenden, aber es gibt nur einen zusätzlichen kleinen Schritt, den wir tun müssen. Gehen wir also zu unseren Seiten und öffnen wir diese Seite. Okay, also was wir tun müssen ist, warum taucht das wieder auf Wie dem auch sei, wir müssen die Einstellungen im Backend hier anpassen . Also müssen wir die Seite öffnen und dann müssen wir die Vorlagen hier von Seiten aus ändern , und dann wollen wir die Vorlage austauschen Jetzt sagst du, nun, warum? Warum will ich das tun? In Ordnung, also öffne die Seite erneut und wirf einen kurzen Blick darauf. Gerade jetzt, was siehst du? Sie sehen vorne und in der Mitte ein H-Titel-Tag mit der Aufschrift Homepage. Ich will dieses H-One-Titel-Tag nicht. Ich möchte nicht, dass dieser Titel ganz oben auf der Seite steht und ich kann ihn nicht loswerden. Es ist wie, wie werde ich das los und füge etwas anderes , das ein bisschen überzeugender und besser gestaltet ist. Mit diesem Thema ist es also sehr einfach. Alles was Sie tun müssen, ist hier auf Vorlagen für die Seite zu klicken. Dann möchten Sie auf Vorlage austauschen klicken. Jetzt haben Sie ein paar verschiedene Vorlagen. Sie haben eine Seite mit Seitenleiste, eine Seite mit Bild oder eine Seite ohne Titel Wir wollen eine Seite ohne Titel. Dann klicken Sie auf Speichern. Es sollte also genau dort Seite ohne Titel stehen. Lass mich einfach auf Speichern klicken. Los geht's. Und da haben wir's. Ordnung, also lass uns weitermachen und das neu laden. Und da haben wir's. Jetzt haben wir also eine schöne leere Vorlage , um mit der Bearbeitung unserer Website zu beginnen. 9. 9 Erstelle einen Handlungsaufforderung: Hinzufügen eines Aufrufs zum Handeln für unsere Website. Schauen wir uns nun die Homepage an. Wir haben eine leere Vorlage eingerichtet, und die Art und Weise, wie ich diese Homepage gestalten werde, ist so etwas wie eine Verkaufsseite für ein kostenloses Angebot. Sie haben es auf anderen Websites gesehen, wo es so heißt, laden Sie mein eBook herunter, holen Sie sich meine Checkliste, schauen Sie sich meinen Meisterkurs an, was auch immer Wir werden zusätzlich zu den Blogposts und Seiten sowie der Kopf- und Fußzeile eine solche Homepage entwerfen zusätzlich zu den Blogposts und Seiten sowie der Kopf- und Fußzeile eine solche Blogposts und Seiten sowie der Kopf- und Fußzeile All das Zeug werde ich dir später im Tutorial-Video zeigen. Aber im Moment müssen wir hier ganz oben einen Aufruf zum Handeln hinzufügen . Gehen Sie also zurück zu der Seite, die Sie als Startseite festgelegt haben. Klicken Sie dann auf das Pluszeichen. Klicken Sie dann auf Alle durchsuchen. Dann wollen wir hier zu den Mustern navigieren. Jetzt haben Sie eine Menge verschiedener Muster rund um Banner, sogenannte Action-Features usw. Wenn Sie in Called Action einsteigen, haben Sie hier eine Menge verschiedener Vorlagen , die ziemlich nett sind. Und ich werde dieses tatsächlich benutzen. Dies ist nur ein gutes Beispiel, um Ihnen zu zeigen, wie man Dinge bearbeitet. Genau hier, das sieht ganz nett aus. Lass mich hier für die Einstellungen klicken. Jetzt, wo ich die Einstellungen geöffnet habe, haben wir diese Hintergrundfarbe. Vielleicht magst du diese Farbe nicht. Stellen Sie also sicher, dass Sie das Bild oder das Muster, wie auch immer Sie es nennen möchten, ausgewählt haben. Und stellen Sie dann sicher, dass Sie Block ausgewählt haben. Sie möchten hier direkt zu den Einstellungen oder den Stilen navigieren . Und dann können Sie hier die Farbe ändern. Also möchte ich den Hintergrund ändern und ich möchte die Themenfarbe erben Es gibt also Weiß und dann ist da noch die Themenfarbe. Also ich mag die Themenfarbe, die cremefarben ist. Mir gefällt die Art und Weise, wie das eingerichtet ist. Und dann hier drüben sollte das dein H-One-Titel-Tag sein. Warum dein H-One-Titel-Tag? Weil es der Titel der Seite ist. Denn noch einmal, denken Sie daran, dass dies Ihr H-One-Title-Tag ist, aber bei dem Tempo, das wir verwenden, verstecken wir den Seitentitel. Das ist jetzt also der Seitentitel. Also musst du das markieren, auf H eins ändern und du denkst, naja, mir gefällt nicht wie groß das ist. Also, kein Problem. Klicken Sie hier für Typografie, und dann können Sie das ein bisschen minimieren, ein bisschen verkleinern Dann können Sie die Kopie hier nach Bedarf ändern , genau hier und hier. Jetzt haben wir dieses Bild hier und Sie können dieses Bild durch Ihr eigenes Bild ersetzen. Natürlich müssen Sie ein Bild erstellen, und es sollte anzeigen, was der Endbenutzer erhalten wird. Was auch immer Ihr kostenloses Angebot ist, ob es vielleicht ein Video ist, ein Kurs, nochmal, Meisterkurs, Cheat-Cheat, Checkliste, Du musst eine Grafik erstellen und sie hier hinzufügen Sie können aber auch ein Video hinzufügen Ich werde Ihnen zeigen, wie das geht. Wir können einfach hier auf dieses Bild klicken. Lassen Sie mich eigentlich weitermachen und auf Speichern klicken. Und lassen Sie uns einen kurzen Blick darauf werfen, wie das aussieht. Lassen Sie uns die Seiten genau dort neu laden. Und ja, das sieht toll aus. Ich möchte das ändern, um ein Video zu sagen. Ich habe bereits ein paar verschiedene Tabs für Videos geöffnet Lassen Sie mich einfach auf dieses Bild und dann auf Löschen klicken. Also entferne einfach das Bild. Jetzt können wir hier ein Video hinzufügen. Lassen Sie mich also auf das Pluszeichen klicken und ich möchte YouTube eingeben, und dann ist da genau dort eine YouTube-Schaltfläche. Und dieser kleine YouTube-Block. Wir können das einfügen. Klicken Sie auf Einbetten und wir klicken hier erneut auf Speichern. Und jetzt laden wir das neu. Ja, und jetzt haben wir genau dort ein gut aussehendes Video. Aber was ist, wenn du sagst, nun, ich möchte YouTube nicht einbetten oder ich möchte ein bisschen mehr Branding für meine Website haben, völlig in Ordnung. Daher schlage ich auf jeden Fall vor, eine alternative Hosting-Option wie Vemo oder Vemo zu verwenden eine alternative Hosting-Option wie Vemo oder Vemo Vimeo, nicht Vemo. Ich schicke kein Geld Vemo oder so ähnlich. Wenn du YouTube verwenden möchtest, kannst du das Video vielleicht einfach von der Liste entfernen und dann ein spezielles Plug-In für Wordpress verwenden, und dann ein spezielles Plug-In für Wordpress verwenden mit dem du das Video ein bisschen besser brandmarken kannst das Video ein bisschen besser brandmarken Welches Plug-In empfehle ich also? Also lass mich das beenden. Klicken Sie hier für das W, und lassen Sie uns hier nach unten navigieren, um Plug-in oder Plug-ins zu finden. Und lass uns ein neues Plugin hinzufügen. Und wir werden hier die Presto-Ebene für den Presto-Player hinzufügen Presto-Ebene für den Presto-Player Okay, es ist der ultimative Videoplayer von Presto Player. Okay, vielleicht heißt er jetzt Ultimate Video Player. Wie auch immer, mach weiter und installiere das. Der ultimative Videoplayer für WordPress von Presto Lass uns dort drüben auf Aktivieren klicken. Und gut. Jetzt haben wir Mathio und Presto Player als aktive Plugins auf der Jetzt müssen wir zurück zu unseren Seiten navigieren. Und lass uns auf die Homepage gehen, die Seite, die wir hier bearbeiten. Und jetzt können wir das wieder löschen und auf das Pluszeichen klicken. Und dann wollen wir Presto Player eingeben. Also Presto-Player genau dort. Klicken Sie auf Ns und das ist ein YouTube-Video. Wenn Sie also ein Verkaufsvideo erstellen, empfehle ich auf jeden Fall die Verwendung von VMO Also nur, weil es alle möglichen empfohlenen Videos und all das entfernt empfohlenen Videos und all das Aber du kannst YouTube verwenden und nicht gelistete Videos für dein Verkaufsvideo verwenden, um Leute dazu zu verleiten, auf die Schaltfläche hier zu klicken , um das herunterzuladen , was du verschenkst Wie dem auch sei, lassen Sie mich diese URL noch einmal nehmen und diese URL hier einfügen Lass uns auf Video hinzufügen klicken. Und das sieht viel besser aus. Also lass uns schnell speichern. Und lassen Sie uns weitermachen und die Seite öffnen, nur um einen Blick darauf zu werfen , ja, los geht's. Okay, also alles wurde korrekt geladen. Der Grund, warum ich Presto Player mag, ist Sie viel mehr Kontrolle über das Aussehen, die Haptik und das Branding des Videos haben Haptik und das Branding des Videos , das auf Ihren Websites angezeigt wird Wenn ich also hier drüben klicke, wenn ich hier drüben klicke, haben wir jetzt den Block ausgewählt, und dann habe ich eine Reihe verschiedener Optionen für die Art und Weise, wie dieser Videoplayer angezeigt wird Videoeinstellungen, Stummschalten, Autoplay, Wiedergabezeit da drüben, und dann haben wir Standard Ich kann den Kurs ändern, minimal, einfach, YouTube, optimiert Also nur ein paar hilfreiche Voreinstellungen da drüben, globales Player-Branding, sodass Sie die Farbe hier ändern können, damit sie dem Design Ihrer Website und den von Ihnen ausgewählten Farben für Ihre Website entspricht dem Design Ihrer Website und den von Ihnen ausgewählten Farben für Ihre Website Wie dem auch sei, deshalb mag ich Presto Player, weil Sie ein bisschen mehr Flexibilität und Kontrolle darüber haben ein bisschen mehr Flexibilität und , wie dies auf Ihrer Website angezeigt wird Als Nächstes müssen Sie also wieder für Ihre Website sicherstellen, dass Sie ein Verkaufsvideo erstellen, wenn Sie einen kostenlosen Kurs oder was auch immer anbieten möchten , und dann ein schönes Video haben, und dann ein schönes Video haben es auf Vimeo oder YouTube hochladen, es nicht gelistet machen und dann Presto Player verwenden. Ändern Sie dann die Kopie hier, sodass sie dem kostenlosen Angebot entspricht. 10. 10 Anpassen des Call-to-Action-Handlungsaufforderungen: Also habe ich die Kopie für unseren Aufruf zum Handeln aktualisiert. Also ein paar verschiedene Dinge, die ich getan habe. Also habe ich den Text hier oben fett gedruckt. Ich habe kleine Häkchen-Emojis für Aufzählungspunkte hinzugefügt, damit es ein bisschen besser zur Geltung Und ich habe die Schaltfläche aktualisiert, sodass sie ein bisschen mehr Aufmerksamkeit erregt , und die Farbe geändert, sodass sie zum Videoplayer hier drüben passt Lass mich hier reinspringen und dir einfach zeigen, was ich gemacht habe. Also, wie man den Text hervorhebt und fett macht, markiere einfach den Text. Und klicken Sie auf die B-Taste. Das macht den Text genau dort fett. Und dann Textabsatz genau dort, sehr einfach. Dann habe ich hier einfach Aufzählungspunkte hinzugefügt. Also buchstäblich ist das nur eine Textzeile, Textzeile , Textzeile. Nun, wie habe ich dieses kleine Häkchen-Emoji bekommen? Ich habe gerade buchstäblich das grüne Häkchen Emoji gegoogelt. Und dann habe ich hier zu Emoji PDA verwiesen. Sie klicken auf Kopieren und dann auf Einfügen, Einfügen, Einfügen. Erledigt. So einfach ist das. Dann haben wir hier drüben den Knopf. Also habe ich hier ein paar verschiedene Dinge gemacht. Als erstes habe ich unter den Einstellungen für den Block 100% eingestellt. Das heißt, der Button ist 100% breit, sodass der gesamte vertikale Bereich hier drüben ausgefüllt wird. Es sieht also einfach angemessen aus. Dann habe ich auch auf Styles geklickt. Dann ging ich zum Hintergrund und habe die Hintergrundfarbe der Schaltfläche angepasst, dem Videoplayer hier drüben angepasst, und dann habe ich einfach die Typografie L groß gemacht Also nochmal, es erregt mehr Aufmerksamkeit. 11. 11 Abschluss des Call-to-Action-Abschnitts: Okay, dieser Button hier, wird nicht lügen. Es ist irgendwie ätzend, weil es an Animation mangelt. Bei Schaltflächen auf Ihrer Website möchten Sie eine Art von Animation verwenden, um dem Endbenutzer zu zeigen, dass er auf diese Schaltfläche klicken und mit ihr interagieren kann diese Schaltfläche klicken und mit ihr interagieren Wenn es also möglich wäre, etwas hervorzuheben, abzudunkeln, aufzuhellen, was auch immer, einfach etwas zu tun, wäre das großartig Leider ist dies die Standardschaltfläche bei Wordpress, und es gibt keine Optionen für solche Funktionen Wir müssen also ein anderes Plug-In installieren und eine andere Schaltfläche erstellen. Also nochmal, wenn du mit diesem Button zufrieden bist , sagst du, mir ist das egal. Das ist in Ordnung für mich. Das ist in Ordnung. Großartig. Behalte es. Hoch. Aber für mich möchte ich etwas, das ein bisschen mehr Aufmerksamkeit erregt und dynamischer Also wie dem auch sei, lass mich hier drüben klicken. Lass uns auf das W klicken und wir werden hier zu Plugins navigieren. Und ich werde ein Plugin namens Stackable hinzufügen. Also klicke auf Au Plugin. Dann klicken Sie hier und geben Sie Stack ble, Stack, ble ein. In Ordnung. Sucht danach. Ordnung, also hier ist Stack Bull Page Builder Gutenberg Blocks All das macht es, es fügt zusätzliche Blöcke hinzu, die Sie für die Gestaltung Ihrer Website verwenden Klicken Sie auf Installieren und dann auf Aktivieren. Da haben wir's. Und wir klicken hier auf Überspringen. In Ordnung, das ist also installiert. Gehen wir also zurück zu unseren Seiten und zurück zu der Homepage , die wir gerade bearbeiten. Und es ist Zeit, eine neue Schaltfläche hinzuzufügen . Lassen Sie uns also hier unten navigieren. Lass mich ein bisschen ins Weltall gehen. Klicken Sie auf das Pluszeichen, navigieren Sie hierher und klicken Sie auf Browse A. Nun haben Sie Stackable installiert und es gibt eine große Auswahl an Wordpress-Plugins , die zusätzliche Blöcke hinzufügen Ich mag es einfach stapelbar. Also diese violette, knallpinke Farbe, das Also, was wir wollen, ist, dass wir den Button hinzufügen wollen. Also genau hier für Button, das ist ein stapelbarer Jetzt können wir mit der Gestaltung unseres neuen Buttons beginnen. Lassen Sie mich also weitermachen und den Text hier hinzufügen. Also hol dir den Minikurs hier drüben. Okay, das sieht also gut aus da drüben. Und wir wollen die Farbe dieses Buttons entsprechend ändern . Also lass mich hier drüben klicken. Lass uns auf Stile, Hintergrund und die benutzerdefinierte Farbe klicken , die ich genau dort habe. Wir werden dort auf Kopieren klicken. Dann klicken wir hier auf den Button. Und Hintern und Farben genau dort. Dann Hintern und Farbe. Klicke darauf Und dann genau hier wollen wir einfach die Farbe kopieren und einfügen und los geht's. Und das sieht gut aus. Also nochmal, ein bisschen klein. Wir möchten, dass der Text größer ist, und wir möchten, dass die Schaltfläche größer ist. Aber wir können das alles in StacableJ ein bisschen Als ob du den Text hier und all das nicht hervorheben kannst. Du musst mit allem hier interagieren . Das war also die Farbe des Buttons. Jetzt Tastenseiten und Abstände, Rahmen und Schatten, Symbol, Typografie Lassen Sie uns hier zur Typografie springen. Und hier drüben können wir den Button ein bisschen größer machen den Button ein bisschen größer Also behalte es so. Und ich möchte die Typografie ändern und das Gewicht erhöhen. Wir sagen einfach fett. Und ja, das sieht toll aus da drüben. Also lass uns auf Speichern klicken und sehen, wie das aussieht. Lassen Sie uns den Anblick noch einmal durchgehen Okay, mir gefällt dieser Button so, wie er eingerichtet ist, also sieht er hier gut aus, also klicken wir noch einmal auf den Button Und wir können einfach weitermachen. Also mit dem Layout hier drüben, wenn du hierher navigierst, hast du Blockgröße und Abstand, sodass du eine Menge verschiedener Ränder und Abstände haben kannst , kleine Dinge wie diese Normalerweise bleibst du hier im Bereich Stil. Sie haben die Standardeinstellung Goes Plain Link. Ich mag Standard. Wie dem auch sei, hier drüben die Button-Ränder und Schatten. Sie können also einen Randradius hinzufügen , wenn Sie möchten, dass er etwas runder Also ich mag es da etwas runder. Behalte es vielleicht nur bei einer Vier, nur eben so subtil Und dann Shadow Outline. Sie können der Schaltfläche einen schönen Schatten geben, damit sie auf der Webseite herausspringt. Sie können es gleich neun machen Ich behalte es einfach so subtil, vielleicht eine Fünf Styles hier drüben, Hover-Effekt. Im Moment ist es zum Verdunkeln geschickt. Und ich möchte, dass das ein Aufzug für uns ist. Behalte den Lift genau da, und vielleicht können wir die Schaltfläche etwas vergrößern und den Abstand zwischen den Tasten vergrößern. Also vielleicht nur in voller Breite, halte es einfach so. Und lass uns auf Speichern klicken und lass uns die Sehenswürdigkeiten neu laden. Und ja, das sieht viel besser aus. Also dieser Button ist viel besser, ein bisschen Animation ist damit verbunden. Also nochmal, um die Stile oben, den Hover-Effekt, zu ändern, können Sie die Einstellungen heben, abdunkeln, skalieren, anheben und skalieren Sie können damit herumspielen, um zu sehen, was Ihnen persönlich gefällt Hat jetzt einen schönen kleinen Schlagschatten. Es ist einfach ein sehr subtiles Design. Es ist abgerundet. gefällt mir also wirklich. Das ist viel besser. Jetzt können wir weitermachen und diesen Hintern genau da drin löschen . Geh da raus Großartig. Und wir müssen dem ein bisschen Luft zum Atmen geben. Mir gefällt zum Beispiel nicht, wie das direkt unter dem Text erscheint, also drücke einfach Enter. Ja, ich weiß, super kompliziert. Jedenfalls, klicken Sie auf Speichern. Ordnung, also lass uns weitermachen und die Seiten gleich hier neu laden Und jetzt haben wir unseren schönen, stilisierten Button, der Webseite öffnet, wenn wir mit der Maus darüber fahren, und wir können loslegen mit der Maus darüber fahren, und wir können Und schließlich, wohin leiten Sie die Leute genau? Ich weiß also, dass ich diese Frage bekommen werde . Also, jetzt hast du deinen Button eingerichtet. Die Leute klicken darauf. Wohin schickst du sie? Sie möchten sie auf eine Squeeze-Seite schicken. Eine Squeeze-Seite wäre also, wenn ich auf diese Schaltfläche klicke und dann bin ich auf einer Seite, auf der ich meine E-Mail-Adresse eingeben kann , um Zugriff auf das zu bekommen , was mir genau hier verkauft wird. Wie erstellt man diese Seite? Entweder Sie können Ihre eigene Seite auf Ihrer eigenen Website erstellen, also folgen Sie einfach dem Prozess, den ich Ihnen bereits gezeigt habe, wo Sie eine Seite erstellen, Seite ohne Seitenleiste, ohne Kopfzeile, was auch immer, und fügen Sie dann einfach das E-Mail-Anmeldeformular dort Für die meisten Leute würde ich vorschlagen, Ihre E-Mail-Clients zu verwenden Wenn Sie also ConvertKit verwenden, enthält ConvertKit kostenlose Landing Pages. Sie können also einfach eine Landingpage individuell gestalten und das Formular hier haben , das die Leute abonnieren können, um das kostenlose Ding zu erhalten Sie könnten auch card.co verwenden, einen sehr schönen einseitigen Sie können Lead-Seiten verwenden. Die Benutzererfahrung besteht jedoch darin, auf die Schaltfläche zu klicken sie zu einer Squeeze-Seite zu führen. Auf der Squeeze-Seite geben sie dort ihre E-Mail-Adresse oder ihren Namen und ihre E-Mail-Adresse ein, um das Ding zu erhalten. Sobald sie auf diese Schaltfläche klicken, um ihre E-Mail tatsächlich einzureichen, weisen Sie sie an, entweder das kostenlose Produkt herunterzuladen , das Sie zur Verfügung stellen oder das kostenlose Video anzusehen. Und um tatsächlich auf die spezifische Seite zu verlinken, müssen Sie nur hier unten zu der Stelle navigieren , an der Link steht. Jetzt werden Sie sehen, dass dort „In einem neuen Tab öffnen“ und in einem Eingabefeld „ Tinte öffnen“ steht . Allgemein gesagt, wenn Sie von Ihrer Website auf eine andere URL verlinken , auf eine Squeeze-Seite, was auch immer Sie normalerweise verwenden möchten, um in einem neuen Tab zu öffnen. Das müssen Sie nicht, aber genau das würde ich tun. In einer Lightbox öffnen. Eine Lightbox ist ein Bildschirm oder eine Box, die als Overlay über Ihrer Website angezeigt wird Ich würde Openink also definitiv nicht in einer Lightbox verwenden. Also würde ich wieder „In einem neuen Tab öffnen“ verwenden , wenn du Leute auf deine Squeeze-Seite weiterleiten willst, aber es liegt sowieso ganz bei dir, ob du deine Squeeze-Seite oder Verkaufsseite hast, was auch immer, wir leiten den Endbesucher Sie möchten genau dort auf die Schaltfläche klicken. Sie möchten zu Link navigieren dann Ihren Link hier eingeben. 12. 12 Erstelle ein Verkaufselement: Hinzufügen von Verkaufselementen für unsere Verkaufsseite. Ein Verkaufselement, wie ich es gerne nenne, ist also etwas, das einfach dazu beiträgt, Vertrauen und Autorität in der Website aufzubauen . Sie haben das auf anderen Websites gesehen wo Sie sich auf einer Website befinden, auf der steht, wie auf dieser Website vorgestellt, diese Website, diese Website oder tausend AB-Kunden, fünf Serverrezensionen, eine Auszeichnung des Verwaltungsrates. Art von Sache. Also, wie fügst du das zu deiner Seite hinzu? Lassen Sie mich dort die Blockeinstellungen öffnen und ich möchte auf den breiten Block klicken. Jetzt ist das Ganze ausgewählt und ich möchte auf das kleine Pluszeichen klicken , das sich dort unten befindet, um einen neuen Block hinzuzufügen. Wir werden auf Browse A klicken und zurück zu unseren Mustern navigieren. Und dann hier unten, Testimonials, ich weiß, überraschend, aber der Testimonial-Block, den ich für diesen Zweck wirklich mag Also klicken Sie einfach darauf, um das hinzuzufügen, und los geht's. Das erste, was wir tun möchten, ist, die Hintergrundfarbe so zu ändern , dass sie der Akzentfarbe entspricht dass sie der Akzentfarbe auf den übrigen Websites verwendet wird. Also lass mich hier drüben klicken, um das Blau zu sehen. Da ist es. Wir werden diese Akzentfarbe hervorheben. Und jetzt klicken wir wieder auf den Block hier unten. Und dann wollen wir hier drüben klicken, um nach Stilen zu suchen. Sie möchten auf den Hintergrund klicken. Und dann willst du genau hier auf den weißen Bereich klicken , damit dieser mit dem Hex erscheint Du willst diese Basis zwei ignorieren, was auch immer. Jetzt willst du das hier einfügen, und das sieht toll aus. Und dann wollen wir sicherstellen, dass der Text weiß ist , denn genau das machen wir im gesamten Design. Die blaue Schaltfläche hier hat also weißen Text. Also, genau hier sind ein paar Bilder. Also wollen wir das nicht. Ich will das nur loswerden . Halte es einfach. Und als Nächstes möchten wir eine Reihe verschiedener Spalten hinzufügen. Also möchte ich hier für das Pluszeichen klicken, und dann wollen wir genau dort Spalten hinzufügen . Und ich würde entweder drei oder vier vorschlagen , aber ich werde es einfach halten. Wir machen einfach drei. Und dann haben wir hier eine Menge verschiedener Kolumnen. Und dann können wir mit diesen Spalten hier Text hinzufügen. Jetzt haben wir genau da einen kleinen Abstandshalter. Also wollen wir den Abstandshalter nach oben bewegen. Also einfach hilfreich genau hier. Keine große Sache, aber das behalten wir dabei. Und jetzt wollen wir Text hinzufügen. Also klicken wir auf das Pluszeichen, Absatz und dann auf den Titel. Klicken Sie hier, Absatztext, Titel, klicken Sie hier, Absatztext, Boom und Titel. Da haben wir's. Okay, dann drücken Sie die Leertaste, dann geht das Kopieren hierher und das Gleiche gilt für das. Kopie geht hier hin. Dann dasselbe. Nochmals, die Kopie ist hier, nur zu Demonstrationszwecken. Und natürlich wollen wir diesen Text in Weiß ändern , also kannst du einfach darauf klicken, du klickst auf das Zeichen und dann änderst du den Farbtext, indem du dort drüben darauf klickst Lassen Sie mich also auf die Rücktaste klicken, um es wieder schwarz zu machen. Da haben wir's. Ordnung, also wie dem auch sei, lassen Sie uns das einfach wieder auf Schwarz ändern, nur um es konsistent zu halten Sauen lassen mich auf Speichern klicken. Und großartig Lassen Sie uns also weitermachen und uns die Website ansehen. Wir sehen also, wie sich das aus gestalterischer Sicht entwickelt, und das sieht wirklich gut aus, aber ein paar Dinge, also ist es nicht ausgewogen. Wir wollen also sicherstellen, dass diese Spalten alle mittig angeordnet sind, sodass alles irgendwie perfekt zusammenpasst. Hier ist zu viel Platz. Also, wenn Sie die Kopie hier erstellen, müssen wir das nehmen und sicherstellen, dass der Text genau dort zentriert wird das nehmen und sicherstellen, dass , und dann eine Linienmitte, eine Linienmitte, Ausrichten, Linienmitte und Linienmitte. Da haben wir's. Also lass uns auf Speichern klicken. Und lassen Sie uns die Seiten genau dort neu laden. Viel besser. Die Kopie, die ich hier hinzufügen möchte , ist einfach alles , was dazu beiträgt, Vertrauen und Autorität mit der Website aufzubauen , zum Beispiel tausend Studenten schließen sich 5.000 anderen an, eine Auszeichnung von einem Leitungsgremium, was auch immer. Also werde ich diesen Abschnitt einfach mit einer Kopie aktualisieren. In Ordnung, also hier ist, was ich mir ausgedacht habe. Wir haben 6.000 Blogger. Ich habe gesehen, wie Mini Coors, Blueprint, Schritt für Schritt meinen Prozess und meine Ressourcen stehlen und gelernt haben, wie man das Geheimnis stiehlt, wie man hinter der Erstellung verschiedener Arten von Was auch immer. Dann habe ich auch beschlossen, neben jedem Textstück ein kleines Sternchen hinzuzufügen jedem Textstück ein kleines Sternchen damit es ein bisschen besser hervorsticht Also schauen wir uns das im Backend an. All dies ist buchstäblich nur ein Sternchen, das Sie von Ihrer Tastatur aus verwenden können Und dann habe ich den Titeltext hier drüben einfach groß gemacht. Und dann ist das derselbe Haupttext. Sie möchten also sicherstellen, dass dieser Text die gleiche Größe hat wie der Text oben hier oben. Damit möchten Sie konsistent sein. Also deine Titel-Tags H eins, H zwei, H drei , das sind diese Dinge, dein H-eins-Tag, H-zwei-Tag, H-drei-Tag oder bestimmte Größen, dann ist dein Haupttext konsistenter. Ihr Haupttext sollte also im gesamten Design der Website einheitlich sein . Wie dem auch sei, das war's mit den Verkaufselementen. 13. 13 Erstelle eine Mittelseiten-CTA: Das Design der Homepage kommt recht gut voran. Als Nächstes müssen wir den Endbenutzer, der die Website besucht , mit einer weiteren Funktion namens Action hier unterbrechen Endbenutzer, der die Website besucht , mit einer weiteren Funktion namens Action hier Wir wollen nur eine Schaltfläche hinzufügen, eine schöne große Schaltfläche genau dort Also sollte die Schaltfläche mit der Schaltfläche oben dort oben übereinstimmen Schaltfläche oben dort oben weil Sie den Endbenutzer darüber informieren, dass, Hey, der große blaue Button, auf dem dieser Text steht , das ist, worauf ich möchte, dass Sie klicken Also haben wir den Endbenutzer bereits darauf vorbereitet: Das ist die Schaltfläche, auf die Sie klicken sollen Ich muss es nur hier hinzufügen. Wie auch immer, lassen Sie mich einen Blick auf die Seite hier werfen und lassen Sie uns einfach hier unten navigieren. Sie möchten direkt dort auf die Elemente klicken und auf das Pluszeichen klicken und dann die Schaltfläche eingeben und eine neue Schaltfläche erstellen. So einfach ist das. können Sie den Button hier nicht kopieren und einfügen . Sie müssen einfach alles erneut manuell entwerfen. Aber es ist nicht zu schwer. Tu einfach, was du oben für diesen Button getan hast. Rechts hier unten. Ich nehme die Minifarben von 101 K bis 10 K oder 0 bis 1 K? Minifarben von 101 K bis 10 K oder 0 bis 1 K Da haben wir's. Dann lass uns nochmal hier drüben klicken. Das Dollarzeichen Null auf eins k bringen, Minikurs. Okay, dann geh einfach den ganzen Einrichtungsprozess durch . Also lass uns auf den Button klicken. Und welcher Stil war das? Lassen Sie uns hier nach der Button-Farbe suchen und los geht's. Und wir werden das hervorheben, das kopieren. Nimm das. Da haben wir's. Navigiere hier runter, übernimm das und wir haben den Stil, den Hintern und Farbe genau da, wieder raus Und das zu kopieren und einzufügen sieht toll aus. Und so geh einfach mit allem hin und her. Aber ein paar Dinge, auf die Sie achten sollten , sind der Stil. Sie möchten darauf klicken, also ist es genau dort eine Schaltfläche mit Sie möchten darauf klicken, also voller Breite. Und dann der Text hier, Sie möchten diesen Text natürlich vergrößern, damit er hineinpasst. Lassen Sie mich also die Farben der Schaltflächen genau hier minimieren. Und du willst hier zu, ich glaube, es sind Stile. Nein. Okay, also wir wollen das auch haben. Wir wollen, dass das erhöht wird, und die Größe und der Abstand der Schaltflächen. Das sieht gut aus da drüben. Schaltflächenränder und -schatten, Typografie. Da haben wir's. Okay, also unter Typografie möchte ich auf Ns klicken. Wir wollen die Gewichte herstellen Wir wollen, dass das gewagt ist. Und dann wollen wir, dass der Text etwas größer ist, damit er aus der Seite herausspringt. Ja, es sieht gut aus Ja, vielleicht ist das ein bisschen zu groß. Minimiere es nur ein bisschen. Ja, da haben wir's. Ja, ich mag es wirklich, wie das da drüben aussieht. Es geht darum, das zu minimieren. Okay, also Knopf, Rahmen und Schatten. dem Radius können wir den Button also etwas runder machen, also nicht so viele scharfe, nicht so scharfe Kanten genau da Und dann fügen wir einfach ein bisschen Schlagschatten hinzu, fünf sind gut Und ja, ich mag es wirklich. Sieht also gut aus hier drüben. Nun, es gibt auch ein paar Probleme. Also es ist wie, nun, es berührt das. Also, wie kann ich dafür sorgen, dass es mehr Platz hat? Um also die Schaltfläche davon zu trennen und dieses Element genau dort zu berühren, dieses Element genau dort zu berühren, müssen wir nur auf das Pluszeichen klicken und Sie möchten SP, ACER eingeben. Also der Abstandshalter genau da, klicken Sie darauf und wir wollen den Abstandshalter nach oben bewegen Und vielleicht ist das ein bisschen zu viel Platz, aber wir wollen es genau dort lassen, es sieht gut aus. Lass uns auf Speichern klicken. Großartig. Und lass uns die Seite neu laden und sehen, wie das aussieht Und das sieht fantastisch aus. Also sehr nett, es heißt Action ganz oben, genau dort. Der Benutzer scrollt nach unten. Dies erregt erneut die Aufmerksamkeit des Benutzers mit einem schönen großen Button in der Mitte der Seite, weil Sie möchten, dass eine aufgerufene Aktion ganz oben, irgendwo in der Mitte, Und dann wieder eine letzte Aktion, die als Aktion aufgerufen wird ganz unten auf der Seite, direkt über dieser Fußzeile Also wie dem auch sei, das war's. So fügen Sie der Mitte der Website eine Schaltfläche hinzu. 14. 14 Verkaufskopie-Design: Was genau werden die Leute von Ihrem kostenlosen Bleimagneten lernen? Das ist der nächste Abschnitt , den wir unter diesem Element hinzufügen möchten , genau hier. Also, was werden die Leute im Grunde lernen? Du musst dich daran erinnern, dass Menschen egoistisch sind. Die Leute wollen zum Beispiel wissen, was für mich drin ist , wenn ich auf Ihrer Website bin Gehen wir also weiter und gehen zurück zu der Seite, die wir gerade bearbeiten. Und lass uns hier drüben klicken, und ich möchte auf das kleine Pluszeichen klicken. Dann klicken wir auf Durchsuchen A. Klicken wir auf Muster. Und dann klicken wir genau dort auf etwa. Nun, ein Muster , das ich für diesen Job wirklich mag , ist dieses hier. Feature-Raster, drei Spalten. Lass uns darauf klicken. Jetzt fügt es alles hinzu, was über diesem Element liegt, aber keine große Sache. Stellen Sie einfach sicher, dass es ausgewählt ist. Dann möchtest du genau dort auf diesen kleinen Pfeil klicken und nach unten gehen. Erledigt. So einfach ist das. Nun, es gibt einen schönen Abstand zwischen diesem Element hier und diesem Element genau dort, und Sie müssen nur die Kopie ändern. Mir persönlich gefällt die Art und Weise, wie das angelegt ist. Wenn du sechs Artikel nicht willst, kannst du einfach hier runterkommen und diese drei löschen. Sehr einfach. Markieren Sie es und löschen Sie es einfach und lassen Sie diese drei hier oben stehen. Ich persönlich werde alle sechs verlassen. Und alles, was Sie zu diesem Zeitpunkt tun müssen, ist die Kopie zu aktualisieren und die Vorteile hervorzuheben , die der Endbenutzer hat, wenn er Ihren Spickzettel herunterlädt und sich Ihren Spickzettel Ihr verstecktes Video für Ihren Kurs anschaut, was auch immer, in diesem Fall wie ein Minikurs Was werden die Leute aus dem Kurs lernen, aus dem, was Sie anbieten Okay, ich habe die Kopien aktualisiert. Also für den H-Two-Titel-Tag ganz oben rechts hier habe ich den Text fett gedruckt und dann die kleinen Titel hier aktualisiert, und dann die kleinen Titel hier aktualisiert damit es etwas Überzeugendes ist , das die Leute abonnieren und einen kostenlosen Minikurs zum Lernen bekommen möchten abonnieren und einen kostenlosen Minikurs zum Lernen bekommen Und dann ist das nur Scheintext. Schauen wir uns also im Backend an , wie das funktioniert Also den kleinen Textabsatz , der darunter war, habe ich einfach gelöscht, und dann habe ich ihn markiert und auf Fett geklickt, und das war's Dann hier drüben mit jedem dieser kleinen Blöcke, lass uns unsere Einstellungen genau dort öffnen und du sagst, nun, wie werde ich das Sternchen los Alles was Sie tun müssen, ist auf Standard zu klicken und schon wird das Sternchen entfernt Aber ich persönlich mag das Sternchen. Ich finde, es ist ein nettes kleines Designelement. Es erregt sehr viel Aufmerksamkeit. Vielleicht entfernen Sie das Sternchen von diesem Hauptsymbol genau dort. Vielleicht würde das besser aussehen. Lass uns auf Speichern klicken. Ich denke, das würde wahrscheinlich besser aussehen. Lade das neu. Und ja, das gefällt mir sogar besser Das ist also nett und erregt Aufmerksamkeit darüber , was der Endbenutzer lernen wird Als Nächstes gibt es einen Prozess, den Sie in Ihrem kostenlosen Giveaway vermitteln, wie Schritt eins, mach das, Schritt zwei, tu das. Schritt drei, mach das Es ist so schnell, schnell, einfach, jeder kann es tun. Diese Art von Abschnitt können Sie Ihrem Verkaufstext hinzufügen , damit der Endverbraucher irgendwie versteht, welchen Wert er hat, wenn er das kostenlose Produkt erhält. Also werden wir diese Art von Abschnitt gleich hier unten hinzufügen . Wir möchten dieses Design vielleicht ein wenig auflockern, weil wir dieses nette kleine Rasterlayout mit sechs Elementen haben dieses nette kleine Rasterlayout mit sechs Elementen , das genau dort großartig aussieht. Also vielleicht das Bild links, rechts, links, rechts, links, rechts, diese Art von Layout. Sie möchten das also mit maximal drei Bildern machen, zwei oder drei sind alles, was Sie wollen. Also werde ich einen kleinen Abschnitt Schritt für Schritt haben , den ich hinzufügen werde. Also wie dem auch sei, hier ist die Homepage, die bearbeitet wurde. Und lassen Sie mich hier nach unten navigieren, und lassen Sie uns darauf klicken und dann auf die Plus-Schaltfläche klicken, Alle Muster durchsuchen. Und ich gehe zum Abschnitt Über das Muster, und wir können dieses Muster hier verwenden, Text mit wechselnden Bildern. Also werde ich darauf klicken. Und jetzt haben wir hier diesen schönen kleinen Abschnitt mit einem Bild hier rechts, links, rechts, links. Und ein paar Dinge. Zuallererst wurde das Ganze genau über diesem Element hinzugefügt, sodass wir das beheben können, indem wir das Ganze hier anklicken. Also ist das Ganze ausgewählt. Klicken Sie jetzt einfach auf den Abwärtspfeil und bewegen Sie ihn nach unten. Da haben wir's. Also haben wir das hier, gefolgt von diesem Element genau hier. , wenn du sagst, nun, ich möchte drei Bilder haben, wie mache ich das? Nun, weil dieses Bild auf der rechten Seite ist. Das ist ein Bild auf der linken Seite. Das nächste Bild hier sollte auf der rechten Seite sein. Und wieder würde ich drei Bilder machen, Max. Sie möchten nicht, dass das überflüssig ist und sich wiederholt. Das zu tun ist also sehr einfach. Wir wollen hier auf dieses Element klicken, auf die kleine Optionsschaltfläche und dann auf Duplizieren klicken. Und da haben wir es. Und lassen Sie uns das nach unten verschieben. Und jetzt ist hier nicht genug Platz. Also genau hier haben wir ein kleines Symbol, oder es ist kein Symbol, sondern ein Abstandshalter wie es technisch heißt Also wollen wir das duplizieren. Mach weiter und dupliziere das verschiebe es dann genau dort nach unten. So einfach ist das. So, jetzt haben wir drei Bilder hier drüben. Jetzt werden Sie diese Bilder natürlich durch Ihre eigenen Bilder ersetzen wollen . Welche Größe ist wichtig. Es gibt keine richtige Größe , die Sie verwenden oder nicht verwenden sollten. Du musst das einfach testen , okay? Aber eins ist, du willst sichergehen, dass alle Bilder tatsächlich dieselbe Größe haben. Also, ob es 500 mal 500 sind , diese Art von Struktur, das ist es, wonach Sie hier quasi modellieren wollen . Also wie dem auch sei, lass mich auf Speichern klicken. Großartig. Und lass uns weitermachen und die Homepage neu laden Und, yo, ja, das passt ganz gut zusammen. Also, jetzt haben wir hier einen schönen kleinen Abschnitt. Und wieder, wir müssen nur den Text aktualisieren, um unser Angebot widerzuspiegeln, sowie die Bilder so den Text aktualisieren, um unser Angebot widerzuspiegeln, zu aktualisieren, das kostenlose Werbegeschenk wiedergeben, dass sie das kostenlose Werbegeschenk wiedergeben, den Wert, den der Endbenutzer erhalten wird Für diesen Abschnitt werde ich, wie ich am Anfang sagte, vielleicht einen schrittweisen Prozess daraus machen, Schritt eins, Schritt zwei, Schritt drei, mit einzigartigen Bildern Also habe ich gerade den Inhalt aktualisiert und hier ist, was ich mir ausgedacht habe. Nichts allzu Kompliziertes. Also ganz oben, das H-Zwei-Titel-Titel-Tag, ich habe es fett gedruckt, so wie ich es mit jedem einzelnen H-Zwei-Titel-Tag gemacht habe mit jedem einzelnen H-Zwei-Titel-Tag gemacht Dann habe ich meine eigenen benutzerdefinierten Bilder hinzugefügt. Nun, woher habe ich diese Bilder bekommen? Wie funktioniert das? Also springen Sie zuerst einfach hier rüber. Also, einfach nochmal, aktualisiere die Kopie da drüben. Das Gleiche gilt für das Sternchen und die Standardeinstellung, solche Dinge Also werde ich es verlassen. Dann ändere einfach die Kopie mit den Stichpunkten hier drüben. Falls Sie sich jetzt fragen, wie groß diese Standardbilder waren Sie waren 1.200 mal 800 Ich habe diese Informationen genommen und bin dann einfach zu Canva gewechselt Sie können ein kostenloses Konto bei Canva erstellen, und Sie möchten zu Benutzerdefinierter Größe wechseln Dann möchtest du 1.200 mal 800 eingeben und dann ein neues Design erstellen Denn das ist das Design, das standardmäßig mit der Größe des Bildes geliefert wird Wenn du diese Größe und Form wirklich magst und du sie einfach behalten willst, kannst du 1.200 mal 800 machen und dann hier einfach deine eigenen Bilder erstellen Also habe ich Fotos verwendet und dann Wörter eingegeben , die das widerspiegeln, wonach ich gesucht habe, wie Auspeitschen, Bearbeiten, Monetarisierung, was auch immer. Finde das Bild. Laden Sie es herunter und los geht's. Nun, gleich ein paar Dinge, wir minimieren das. Sobald Sie das Bild heruntergeladen haben, habe ich es als PNG heruntergeladen, aber ich habe es nicht als PNG hochgeladen. Also verwende ich etwas namens GIMP, um es in eine Punktweb-P-Grafik umzuwandeln Das zu tun ist also wirklich einfach. Sie klicken nur mit der rechten Maustaste, dann öffnen Sie mit, dann mit GIP. Sie müssen also GIP und GIMP herunterladen. Das ist mein Bildbearbeitungsprogramm, das ich benutze. Dann hast du das Bild hier, und dann willst du zu Datei gehen, dann willst du zu Exportieren als gehen, dann willst du ihm einen Titel geben und du willst von PNG oder JPEG zu Web P wechseln . Warum mache ich das? Eine Web-P-Grafik sieht einfach besser aus und ist effizienter, was die Größe angeht, vor allem, wenn wir ein Bild hochladen , das 1.200 mal 800 groß ist, das ist ein ziemlich großes Und alles, was Sie tun müssen , ist zu exportieren. Erledigt. So einfach ist das. So einfach. Deshalb konvertiere ich meine Bilder immer gerne von einem JPEG in ein WebP-Bild, nur weil ich bei Canva aus irgendeinem Grund nicht weiß, warum sie das nicht zulassen, aber du kannst Bilder nur als JPEG oder als PNG herunterladen Also nicht nur, sondern nur die Möglichkeit, das als Punkt-WebP-Datei herunterzuladen, ist Wir können es also als JPEG-, PNG-, PDF-, SVG-, NPFoE-Video und als Geschenk herunterladen PDF-, SVG-, NPFoE-Video und als Geschenk Aber es gibt kein Punktnetz P. Deshalb führe ich diesen kleinen schnellen Konvertierungsprozess durch Ordnung, sobald du deine zwei oder drei Bilder hast, weil es Schritt eins, Schritt zwei hat. Schritt drei, wie ich schon sagte, dann musst du nur auf das Bild klicken und auf Ersetzen klicken, du klickst auf Hochladen, du lädst hoch, dann wählst du das Thema oder Sorry, du wählst das Bild aus, das du hochladen möchtest, und dann ersetzt es es hier automatisch. Erledigt. So einfach ist das. Sobald Sie das Bild hier haben, haben Sie ein paar verschiedene Optionen, um die Dinge anzupassen. Sie haben das Seitenverhältnis. Sie können das ändern und damit herumspielen, die Auflösung ist groß. Damit kannst du spielen. Sie haben auch Ihre Einstellungen hier, wo Sie Stile einstellen können, standardmäßig abgerundet, und dann können Sie dort den Radius ändern , wenn Sie möchten. Wenn Sie einen Rahmen hinzufügen möchten, können Sie das tun. Wenn du es wirklich rund machen willst, kannst du das tun. Es liegt also ganz dir, wie du damit herumspielen willst. Also lass mich das einfach auf 14 zurückstellen. Also ist es schön und rund. Da haben wir's. Und ja, lass die Ecken leicht abrunden und nur subtile Kleinigkeiten und sonst sieht es wirklich nett aus. Insgesamt bin ich also sehr zufrieden mit der Entwicklung dieser Homepage, und so aktualisieren Sie die Bilder in diesem Bereich auf Ihre eigenen benutzerdefinierten Bilder. Auch hier handelt es sich um ein Bild mit einer Größe von 1.200 mal 800. Sie können es von einer Vielzahl von Websites herunterladen. Ich verwende Canva gerne persönlich für alle meine Bilder und konvertiere diese dann in eine WebP-Datei, lade sie auf deine Website hoch und ändere die Kopie nach Bedarf 15. 15 Hinzufügen eines FAQ- und Testimonial-Bereichs: Als Nächstes können wir einen Abschnitt mit häufig gestellten Fragen und Testimonials für unsere Homepage hinzufügen Abschnitt mit häufig gestellten Fragen und Testimonials für unsere Das Ziel einer FAQ besteht also darin, Einwände zu beantworten , die die Leute haben würden Sie anbieten, nutzen würden, unabhängig davon, ob es oder nicht kostenlosen Download für Ihre kostenlose Sache wenn sie das, was auch immer Sie anbieten, nutzen würden, unabhängig davon, ob es sich um einen kostenlosen Kurs, einen kostenlosen Download für Ihre kostenlose Sache oder um ein kostenpflichtiges Produkt handelt Und natürlich sind Testimonials nützlich, wenn sie überprüfbar sind, denn auch das ist nur eine Form von Social Proof . Wie machen wir das also Also lasst uns hier zurück zu diesen Seiten springen. Also habe ich die Seite genau hier geöffnet. Lassen Sie mich das einfach minimieren. Lassen Sie mich hier nach unten scrollen und wenn wir genau dort auf dieses Element klicken, können Sie das Pluszeichen sehen. Du willst nicht darauf klicken, weil du auf dieses Pluszeichen klickst, es fügt alles zu diesem Abschnitt hier hinzu, was wir nicht tun wollen. Sie möchten hier unten klicken. Und jetzt fügen wir einen weiteren Abschnitt unter diesem Abschnitt hinzu. Das ergibt irgendeinen Sinn. Wie auch immer, fahren fort und klicken Sie auf das Pluszeichen Klicken wir auf Bögen A. Wir klicken auf Muster Und ich glaube, es ist dort, wo die häufig gestellten Fragen zu finden sind, also scrolle ein bisschen nach unten. Ja, da haben wir's. Jetzt haben wir die FAQ genau hier. Wir können also darauf klicken, dass es automatisch zu unserer Website hinzugefügt wird. Und sehr schönes Design. Aber eine Kleinigkeit, ich weiß nicht, warum es immer wieder in der Mitte der Seite erscheint. Schieb das einfach runter, schieb es runter. es einfach weiter nach unten. Da haben wir's. Und natürlich können Sie das Erscheinungsbild dieses Abschnitts genau dort anpassen . Wie dem auch sei, wir möchten einen kleinen Abschnitt mit Testimonials hinzufügen , damit wir darauf klicken, alle Muster durchsuchen können , und dann haben wir dort unten Testimonials . Dann können wir jedes Testimonial hinzufügen, das wir wollen, vielleicht dieses hier, das hier gut aussieht Mir gefällt, wie sich das zusammenfügt, aber wir können das nach unten verschieben. Da haben wir's. Jetzt haben wir genau dort einen schönen kleinen FAQ-Bereich, zu einem Testimonial-Bereich hier führt Okay, wie bearbeitet und passt man diese beiden Abschnitte an? Zunächst einmal gefällt es mir, dass sie miteinander verschmelzen, also würde ich die Hintergrundfarbe beibehalten. Also, wenn du dich für Schwarz entscheidest, behalte es einfach schwarz oder eine andere Akzentfarbe , die du verwendest. Aber wie dem auch sei, alles anzupassen, sehr einfach. Es ist ein Abschnitt, also klicken Sie einfach darauf. Du navigierst hier oben zu deinen Einstellungen und dann genau hier drüben hast du deine Farben. Sie haben die Ebene hier drüben, die Sie ändern und damit herumspielen können, wenn Sie möchten. Mir persönlich gefällt die Art und Weise, wie es ist. Und wir möchten hier klicken , um Stile zu finden. Du hast deine Hintergrundfarbe genau da, also kannst du sie so ändern, dass du vielleicht Themenfarbe hier erbst oder sie vielleicht die Themenfarbe hier erbst oder sie vielleicht hellgrau oder grün oder was auch immer du machen möchtest Sie können einfach damit herumspielen , weil es Ihre Website ist Du kannst tun, was du willst. Also nur eine Kleinigkeit, lass mich die Farbe des Themas ändern. Was fällt dir auf? Und lass mich den Text hier auf Schwarz ändern. Also ein paar Dinge, Sie müssen hier manuell auf Dinge klicken und sie markieren und dann in die entsprechende Farbe ändern. Sei dir dessen einfach bewusst. Aber ich mag Schwarz. Mir persönlich gefällt einfach die Art und Weise, wie das funktioniert und aussieht. Das Setup ist also ganz nett. Es ist also sehr einfach, eine neue Zeile zu erstellen. Sie möchten nur zuerst darauf klicken, damit Sie verstehen, um welches Element es sich handelt, und es heißt Block, dann heißt es Separator und es wird als breite Linie ausgewählt. Das müssen wir also hinzufügen. Also klicken wir drüber und was brauchen wir? Wir brauchen einen Separator. Also brauchen wir einen Separator, Schaum und los geht's. Wir wollen eine breite Linie und wir wollen, dass die Farbe weiß ist. So einfach ist das. Sobald wir hier unten sind, wollen wir hier drüben klicken und Hallo eingeben , ich klicke auf unten, sodass es sich darunter bewegt. Und das sind alle drei Titel-Tags. Wir werden hier drüben klicken und das in einen Absatz ändern. Überschrift. Jetzt ist die Überschrift verschwunden, weil H zwei auf Schwarz gesetzt ist. Wir klicken hier auf H drei, und jetzt müssen wir die Farbe manuell ändern. Also klicken Sie hier, klicken Sie auf Weiß und los geht's. Also nenne diesen neuen Titel und wir heben ihn noch einmal hervor. Klicken Sie hier für A, machen Sie das weiß. Da hast du's. Es ist ein neuer Titel, dann Hello World. Ich werde es so einfach halten. Offensichtlich passen Sie diesen Abschnitt hier so an. Sehr einfach. Das sind nur kleine Absätze, H drei Titel-Tags. Dies ist als H zwei festgelegt. Aus SEO-Sicht ist das sinnvoll. Das ist also der Titel des Abschnitts. Das sind Untertitel hier drüben. Also würde ich das so lassen wie es ist. Wenn Sie diese großen häufig gestellten Fragen loswerden möchten , sollten Sie diese wahrscheinlich auf H zwei, H zwei, H zwei usw. ändern . Und ich würde die FAQ kurz und bündig halten. Als ob das perfekt wäre, L eins, zwei, drei, vier, vielleicht fünf, Max. So weit würde ich gehen. Vier, ich würde es wahrscheinlich standardmäßig bei vier belassen. Lass mich einfach einen Rückzieher machen. Da haben wir's. Und passen Sie einfach den Text an und beantworten Sie erneut die Einwände, die die Leute haben würden sie den Kurs bekommen oder das Ding herunterladen oder Ihr Produkt kaufen würden, was ist der Abschnitt mit den Testimonials Also nochmal, das Gleiche wie zuvor. Du klickst einfach auf den gesamten Block da drüben, um die Farbe, den Text und die Schriftgröße zu ändern die Farbe, den Text und und all die guten Sachen dort drüben. Und mit dieser Vorlage hier bietet sie die Option , ein kleines Bild hinzuzufügen. Nun, das ist sehr wackelig. Ich weiß nicht, was das richtige Wort ist. So wie das funktioniert, funktioniert es. Es ist einfach nicht intuitiv. Du willst denken, oh, ich klicke auf das Bild hier drüben und dann auf Median-Texte und dann auf „Nein, nein Was das bewirkt, das verwandelt diesen kleinen Kreis in eines dieser Gegenstände da oben. Das wollen wir nicht tun Sie möchten buchstäblich genau dort auf den Kreis klicken. Siehe kleine Seite, ich kann mit der Scrollleiste nach links und rechts scrollen. Du willst nach unten scrollen. Sie möchten auf Upload klicken. Ich weiß. Es ist lächerlich. Jetzt wollen wir nur noch auf ein Bild klicken, das Bild dort hochladen und dann formatiert es alles richtig, und so können Sie damit ein Bild hinzufügen , falls Sie sich fragen, wie das funktioniert. Du musst auf den kleinen Kreis klicken und irgendwie nach unten scrollen und nach der Stelle suchen, wo steht: Lade das Bild hoch und lade es auf diese Weise hoch. Aber insgesamt finde ich, dass das sofort nach dem Auspacken ganz nett aussieht . 16. 16 Hinzufügen von Blog-Beiträgen zur Startseite: Blogbeitrag auf unserer Homepage. Nun, was diese Art von Design angeht, bin ich kein großer Fan von Blogbeiträgen auf der Homepage, einfach weil es eine Ablenkung vom primären Aufruf zum Handeln ist, nämlich genau dort auf diese Schaltfläche zu klicken Aber ich weiß, dass viele von Ihnen sagen werden Wie füge ich meiner Homepage einen Blogbeitrag hinzu? Lassen Sie mich Ihnen einfach zeigen, wie das geht. Nun müssen Sie zuerst von diesem Element wegklicken und hier zu diesem weißen Bereich navigieren. Klicken Sie dann auf das Pluszeichen. Der einzige Grund ist, dass all dieser Inhalt irgendwie gruppiert ist. Wenn ich also hier drüben auf das Pluszeichen klicke, klicke ich auf Browse, klicke auf Patterns. Klicke auf Beitrag und ich weiß nicht, lass mich hier einfach eines davon auswählen. Wir klicken auf diesen und fügen ihn hier oben hinzu. Es ist also ein großes Durcheinander und es ist schwierig, es zu bewegen. Also zieh dich davon zurück. Also lass mich hier runter navigieren. Also wollen wir uns davon wegklicken. Klick hier drüben. Klicken Sie auf das Plus-Zeichen. Klicken Sie auf den Absatz. Bum, da haben wir's. Jetzt, wo wir den Absatzabschnitt genau da haben, können wir auf das Pluszeichen klicken. Dann können wir auf Alle durchsuchen und dann auf Muster klicken , hier nach Beiträgen suchen und dann können Sie auswählen, welchen Sie möchten Wenn Sie also möchten, dass ein Bild und ein Text zusammenpassen, ist das völlig in Ordnung Ich werde diesen hier auswählen. Ich weiß es nicht. Das erregt einfach meine Aufmerksamkeit mit dem wirklich großen Text. Also lass mich da drüben klicken, und das sieht wirklich gut aus. Vielleicht ist der Text ein bisschen zu groß, vielleicht ist er ein bisschen zu breit. Lass uns sehen. Lassen Sie mich hier auf Utop klicken Lassen Sie uns das Design speichern. Und dann lass mich auf die Homepage gehen und sehen, wie das aussieht. Scrollen Sie also hier nach unten. Und ja, das ist aufsehenerregend. Ich mag das irgendwie, aber richtig, wie passen wir das an? Vielleicht ein bisschen kleiner machen. Also klickst du einfach auf die Elemente hier drüben und das sind einfach alle Elemente. Dann klicken Sie hier für Ihre Einstellungen und dann klicken Sie dort auf die Stile. Dann benutzerdefinierte Größe, wir können es ein bisschen kleiner machen , wenn wir wollen, vielleicht 4,6. Dann klopfen wir hier drüben. Also vielleicht, wenn es ein bisschen zu breit ist, gefällt uns das nicht Erhöhen Sie es ganz leicht so. Wir klicken auf Speichern, damit dem Titel etwas mehr Spielraum links und rechts neben dem Titel etwas mehr Spielraum bleibt. Also lass uns weitermachen und das neu laden und es sieht gut aus. Also ich mag die Art und Weise, wie das irgendwie aufgeteilt ist. Also nochmal, du könntest einfach deiner Freizeit damit herumspielen oder es vielleicht einfach viel kleiner machen wollen, so. Du könntest weitermachen und das machen oder vielleicht eine Prise größer. Also wie dem auch sei, es liegt ganz bei dir. Sie können mit den verschiedenen Layouts für die Blogbeiträge herumspielen . Ich werde es wahrscheinlich so belassen. Ich mag dieses Design irgendwie. Aber wie dem auch sei, so fügst du Blog-Beiträge zu deiner Homepage hinzu Blog-Beiträge zu deiner Homepage 17. 17 endgültige CTA: Und schließlich müssen wir einen letzten Aufruf zum Handeln für unsere Website hinzufügen einen letzten Aufruf zum Handeln für unsere Website Also haben wir hier oben die Aktion, den Minikurs, all die guten Sachen. Dann scrollt der Benutzer genau hier durch die Webseite , eine weitere Unterbrechung , um auf die Schaltfläche zu klicken Jetzt müssen wir hier ganz unten rechts eine letzte aufgerufene Aktion hinzufügen , um die primäre aufgerufene Aktion auszuführen, die darin besteht, auf diese Schaltfläche zu klicken, das kostenlose Ding zu erhalten, in unsere E-Mail-Liste aufzunehmen Also, wie machen wir das? Also wollen wir nur einen weiteren Aufruf zum Handeln hinzufügen, nämlich dass es viele vorgefertigte Abschnitte gibt , die wir einfach hinzufügen können Also willst du es einfach unter diesem Block hinzufügen. Du willst also nicht hier oder hier klicken, füge es einfach direkt unter diesem hinzu. Klicken wir also auf das Pluszeichen und dann auf Alle durchsuchen. Klicken Sie auf Muster. Klicken Sie auf Call to Action. Und es gibt ein paar verschiedene Aufrufe zum Handeln. Genau hier sind es eigentlich zwei, tut mir leid, nicht zwei. Wie dem auch sei, du hast diesen hier, schließe dich 10.000 Abonnenten an, dann diesen mit dem kleinen Symbol in der E-Mail Mir persönlich gefällt dieser hier genau richtig , weil wir einen Magneten haben, also würde ich den Text entsprechend ändern, wo das ein bisschen besser ist, wenn Sie einen markenspezifischen E-Mail-Newsletter erstellen und der E-Mail-Newsletter das Angebot ist Wie dem auch sei, ich werde genau dort auf diesen klicken und los geht's Also jetzt müssen wir nur noch die Kopie hier ändern. Ich möchte also, dass der Text den Aufruf zum Handeln ganz oben hier wiedergibt, wie man profitable Reisevideos für Blogger macht Also willst du das hier nochmal betonen, dich 900 anderen Leuten anschließen und lernen, wie man profitable Reisevideos macht Lerne, wie man XYZ eins, zwei, drei macht, bla, bla, bla. Dann dieser Button genau da. Das ist okay. Ich meine, ich würde es mit diesem Knopf austauschen. Also nochmal, du musst den ganzen Prozess durchgehen und das aktualisieren und den Button hier unten neu gestalten Also lass mich hier auf Speichern klicken. Okay, wie dem auch sei, lass uns einen Blick auf die Homepage werfen und sehen, wie das rausgekommen ist Also hier unten sieht das ganz nett Vielleicht gibt es da ein bisschen überschüssige Polsterung , die wir loswerden können Also ich brauche diesen Abstandshalter nicht wirklich genau da, damit wir diese Elemente löschen können Jetzt haben wir diesen Abschnitt genau hier. Wenn ich also darauf klicke, können wir hier drüben klicken und uns die Polsterung insgesamt ansehen Um diesen Block herum gibt es also ein bisschen Polsterung, also können wir das reduzieren und sehen, wie das aussieht. Lass uns auf Speichern klicken Also nochmal, ich habe nur den Block, das Objekt, den Block ausgewählt, hier drüben für Stile geklickt und dann einfach den Abstand reduziert. So nennt man das, wenn man Leerzeichen zwischen verschiedenen Elementen auf der Seite sieht , wir laden das neu Und, oh ja, das sieht viel besser aus. Also hier ist die Fußzeile, genau dort Aktionen genannt. Wir klicken nochmal hier rüber und minimieren vielleicht die Polsterung komplett Wir brauchen überhaupt keine Polsterung. Lass uns dafür auf Speichern klicken. Und lass uns das neu laden. Ja, das gefällt mir wirklich. Also das sieht ganz unten fantastisch aus. Also nochmal, du kannst es natürlich entwerfen, also stelle sicher, dass alles andere gut ist. Habe aber nichts auf der Webseite angepasst. Ich mag es. Das Einzige, was Sie von nun an tun müssen, ist natürlich nur die Kopie zu ändern. Also sollten Sie sich 3.000 anderen Leuten anschließen und Zugang zum Minikurs erhalten. Lerne, wie man XY Zoo eins, zwei, drei, bla, bla bla bla, bla, bla, macht. Bumm. Dann sollte die Schaltfläche genau dort mit dieser Taste übereinstimmen. Schöne, große, anklickbare Schaltfläche mit guter Kopie unten, genau hier. Wie dem auch sei, lass uns hierher springen und dann hier drüben, wir können das einfach zusammen löschen, löschen und dann hierher navigieren und dann dasselbe wie zuvor Klicken Sie auf die Schaltfläche, erstellen Sie die Schaltfläche genau dort, Standardstil Und dann können Sie hier einfach den gesamten Prozess durchgehen und diese Schaltfläche nach Bedarf bearbeiten und anpassen. Also hol dir den Minikurs Eins oder Sorry, Null bis Eins K. Da haben wir's. Das sieht also gut aus. Und dann dunkel in der Wirkung. Nein, ich möchte, dass das aufgehoben wird. Und dann die Farben der Knöpfe. Ändern Sie einfach die Tastenfarbe genau dort. Größe und Abstand. Ich möchte, dass das ein großer Button in voller Breite ist. Grenzen und Schatten. Ja, ich möchte ein bisschen abgerundet sein, und dann vielleicht ein bisschen Schlagschatten dazu. Also minimiere das und dann die Typografie genau da. Also schnell hier drüben. Ich möchte, dass das Gewicht fett ist. Ich möchte, dass die Typografie etwas größer ist und mehr Aufmerksamkeit erregt, vielleicht sieht das gut aus Und dann brauchen wir einfach wieder diese Farbe. Also lass mich hier oben klicken, um zu sehen, was das ist. Und farbige Hintern, nimm das. Das werden wir hervorheben, Bum. Kopieren Sie, scrollen Sie wieder hier runter und klicken Sie hier drüben. In Ordnung, also Tastenfarbe Geh da raus. Füge das ein. Bum, da haben wir's. Also brauchen wir ein bisschen Platz, also klicke ich einfach darüber und drücke Enter, nur um es ein bisschen zu verkleinern. Und da haben wir es. Also lass uns auf Speichern klicken. Okay, jetzt schauen wir uns die Seite an, um zu sehen, wie sie aussieht. Ja, das ist großartig Also nochmal, du kannst die Hintergrundfarbe und solche Dinge ändern , wenn du willst. Sie können also hier für das gesamte Element klicken und das Hintergrundbild auf eine bestimmte Farbe ändern , wenn Sie möchten. Es hat also zwei Ebenen als äußere Ebene und eine innere Ebene. Sie müssen also hier klicken , um diese Farbe in eine andere zu ändern . Also klicken Sie hier, damit es passt. Also, wenn du noch einmal willst, wenn du das einfach tun willst, tu es nicht. Ich mag es, wenn es weiß ist, sieht gut aus , aber so passt man es an. Du kannst also so etwas Einfaches machen. Aber wie dem auch sei, richtig, gutes Exemplar da drüben. Und du könntest auch ein Emoji haben, wenn du willst. Also Emoji Hand runter, öffnen, das ist in Ordnung, also lass uns das hier öffnen Kopieren. Wir können das genau dort einfügen und einfügen, speichern. Da haben wir es und laden das neu. Und ja, nettes, subtiles kleines Ding. Also, wenn du das hinzufügen willst. Wie auch immer, es sieht wirklich gut aus. Jetzt müssen wir die Fußzeile und die Kopfzeile anpassen. Aber wie dem auch sei, die Homepage sieht gut aus, alle Sets, und Sie sollten genügend Wissen darüber haben, wie Sie jeden dieser Abschnitte anpassen und bearbeiten 18. 18-Logo: Hinzufügen eines Logos für unsere Website. Die Homepage ist grob gesagt gemacht. Lassen Sie uns jetzt dieses langweilige Textlogo hier aktualisieren . Wie machst du das? Sehr einfach. Navigiere zurück zu deinem WordPress-Dashboard und navigiere hier nach unten zu der Stelle, an der Aussehen steht. Dann möchtest du auf den Editor klicken. Warten Sie nun einige Sekunden , bis der Editor geladen ist, und dann möchten Sie in das Design klicken. Da haben wir's. Also lass uns darauf klicken. Und jetzt wollen wir den Header-Bereich auswählen, klicken Sie auf den Header-Bereich. Dann möchtest du genau dort auf Bearbeitungen klicken. Und dann hast du diese Box genau hier drüben. Hier können Sie ein Logo hochladen. Sie klicken also darauf, um ein Logo hochzuladen. Und so habe ich genau hier ein Logo gemacht. Ihr Logo hinzuzufügen ist sehr einfach. Sie müssen lediglich ein Logo erstellen und es dann per Drag & Drop an die gewünschte Stelle ziehen. Lassen Sie mich also weitermachen und das auswählen. Und Sie möchten es den Namen Ihrer Website nennen. Und das Logo für den Text genau dort. Dann fahren Sie fort und klicken Sie auf Auswählen. Dann sollte das Logo erscheinen. Lassen Sie uns das also ein wenig erweitern. Da haben wir's. Jetzt haben wir Text hier drüben, Sie haben also zwei Möglichkeiten. Entweder du kannst hier einfach die Leertaste zurücknehmen oder du kannst diesen Textabschnitt komplett löschen, wenn du willst, ganz dir überlassen, so einfach ist das wirklich. Nun, der kompliziertere Teil ist wie, Nun, wie macht man ein Logo? Lass mich Canva öffnen. Canva verwende ich, um Grafiken zu erstellen. Du kannst ein kostenloses Canva-Konto erstellen und Grafiken erstellen. Sobald du dein Konto erstellt hast, möchtest du hier auf Benutzerdefiniertes Format klicken Klicken Sie auf Benutzerdefinierte Größe. Ich habe festgestellt, dass 300 x 80 Pixel am besten funktionieren Klicken Sie dann auf „ Neues Design erstellen“. Dann öffnet es sich mit einem weißen Bereich bei 300 x 80, und dann können Sie ein Logo hinzufügen. Hier können Sie herumspielen und Ihr eigenes Logo entwerfen. Konnte das entwerfen, weil ich tatsächlich hier für Text geklickt habe, und dann habe ich hier für die Schriftkombination geklickt Dann habe ich dort einfach mit der Schriftkombination herumgespielt . Sie können jedoch benutzerdefinierte Logos von Grund auf neu erstellen, wenn Sie möchten. Die Schrift hier ist also TT Blue Screens. Dann sind die Effekte hier die Offsets wie dieser und dann die Richtung, die man ändern kann. Und natürlich können Sie hier mit den verschiedenen Farben für das Design der Seite herumspielen herumspielen hier mit den verschiedenen Farben für das Design der Seite Sie möchten also, dass die Akzentfarbe mit der Akzentfarbe auf Ihrer Website übereinstimmt . Wenn Sie zum Herunterladen bereit sind, klicken Sie nur noch auf Teilen. Klicken Sie dann hier, um das Logo herunterzuladen, und laden Sie es dann einfach auf Ihre Website hoch. Hier drüben. So einfach ist das wirklich. 19. 19 Menüdesign: Bearbeitung des Menübereichs für unsere Website. Also genau hier habe ich ein paar zusätzliche Seiten hinzugefügt. Also zum Thema Kontaktressourcen blockieren, und natürlich haben wir die Startseite von Anfang an des Tutorials. Die Art und Weise, wie dieses Menü mit diesem Thema funktioniert , ist, dass jede Seite, die Sie erstellen, automatisch das Menü oben hier oben auffüllt Also bin ich nur zu Seiten gegangen und habe dann auf Neue Seite hinzufügen geklickt, und ich habe gerade eine Info-Seite, eine Blogseite, eine Kontaktseite usw. erstellt , auf Veröffentlichen geklickt und sie dann einfach automatisch dem Menü oben hier oben hinzugefügt Es ist nett und kann auch ein bisschen nervig sein, weil Sie nicht jede einzelne Seite zu Ihrem Menü hinzufügen möchten Manchmal möchte man aus irgendeinem Grund einfach eine Seite erstellen . Dies ist jedoch keine große Sache , da Sie jede Art von Seite löschen können. Homepage werde ich löschen und ich werde dir zeigen wie das alles funktioniert. Sobald Sie also ein paar Seiten hinzugefügt haben, schlage ich eine Info-Seite, Kontaktseite und solche Dinge vor. Mach weiter und füge das hinzu. Und lass uns weitermachen und die Homepage löschen, und ich zeige dir, wie du zusätzliche Seiten zu deinem Menü hinzufügst, die du hinzufügen möchtest, sowie eine Schaltfläche. Okay, wie dem auch sei, lass uns hier zu unserem WordPress-Dashboard navigieren hier zu unserem WordPress-Dashboard Und lass uns hier runter zum Erscheinungsbild navigieren. Und wir müssen zurück zum Header-Bereich navigieren , wo wir waren, als wir das Logo hinzugefügt haben. Also kehren wir zu den gleichen Stellen zurück. Also lasst uns in das Design klicken. Lass uns auf den Header klicken. Klicken wir auf Bearbeitungen. Und da haben wir's. Okay, wir wollen also mit dem Menü herumspielen , also klicken Sie auf das Menü. So einfach ist das, und dann klicken Sie hier auf die Homepage. Sobald wir dieses Menü ausgewählt haben , möchten Sie auf Bearbeiten klicken Seite bearbeiten ist also die Navigationsanzeige, Ihre Websites, Seiten Durch die Bearbeitung können Sie Seiten hinzufügen, neu anordnen. Neue Seiten werden jedoch nicht mehr automatisch hinzugefügt. Ja, wir möchten nicht, dass neue Seiten automatisch hinzugefügt werden. Das ist zunächst praktisch, aber Sie möchten ein bisschen mehr Kontrolle haben. Klicken Sie also einfach auf Bearbeiten. Jetzt müssen Sie manuell Seiten hinzufügen, wie Sie es für richtig halten, wie ich gerne sage Wie auch immer, Homepage. Wir benötigen keinen Home-Link, weil die Leute auf das Logo klicken können und werden, um zurück zur Homepage zu Also habe ich nur die Homepage ausgewählt. Navigieren Sie hierher und klicken Sie auf Löschen. So einfach ist das. Okay, jetzt haben wir die Menüpunkte hier ausgewählt. Wir klicken auf Plus, und dann können wir hier weitere Elemente hinzufügen, wenn wir wollen. Aber das wollen wir nicht tun. Wir wollen so in den Menüpunkt klicken. Okay? Siehst du den Unterschied. Sobald wir hier drüben klicken, können wir weitere Links hinzufügen. Wir klicken hier, klicken auf NTS, suchen oder geben ARL ein oder klicken auf Block hinzufügen. Also gleich hier drüben, sobald du eine Seite erstellt hast, kannst du sie hier finden und sie einfach so hinzufügen. Aber auch hier haben wir bereits einen Blog hinzugefügt, also löschen Sie ihn. So funktioniert das von diesem Aspekt aus. Oder du kannst einfach ein Wort eingeben, also lerne. Klicken Sie auf Plus fertig. Ich habe nur ein Wort eingegeben, Eingabetaste gedrückt und es hinzugefügt. Aber das Problem ist, dass es auf nichts verlinkt, also müssen Sie die Maus manuell darüber bewegen, und dann möchten Sie hier für den Link klicken dann auf das kleine Stiftsymbol klicken. Wir haben den Text genau dort, dann den Link hier, das ist kein Link. Das ist mit nichts verknüpft, also musst du die Website eingeben. Also sagen wir einfach blackout.com Slash, ich weiß nicht, wir Vielleicht erstelle ich eine Seite , die Learn heißt. Hier unter Erweitert können Sie auswählen, ob es in einem neuen Tab geöffnet werden soll. Okay, ich hoffe, du verstehst. Ich hoffe, das ergibt Sinn. Ich hoffe, es ist nicht zu kompliziert, also lass mich weitermachen und das löschen. Also lass mich weitermachen und auf dieses kleine Pluszeichen hier drüben klicken und auf dieses kleine Pluszeichen hier drüben gleich dort einen Block hinzufügen. Dann können Sie hier oben eine Schaltfläche hinzufügen, wenn Sie möchten. Nun, das gleiche Problem mit dieser Schaltfläche ist dasselbe Problem mit den anderen Schaltflächen, bei denen Sie nicht viel Kontrolle über die Animation und den Stil haben Kontrolle über die Animation und den Stil Also lass mich hier drüben klicken. Ich sage einfach, klicken Sie hier. Ja. Also wie dem auch sei, sobald die Schaltfläche ausgewählt ist, klickst du immer auf Styles. Also navigiere hier rüber oder tut mir leid, nicht Styles. Falsch. Styles wirkt sich auf die gesamte Website aus. Sie möchten auf Einstellungen klicken, die Schaltfläche auswählen, hier klicken und dann können Sie die Hintergrundfarbe der Schaltfläche genau dort ändern. Also geh da raus und wieder raus aus dem. Also, weißt du, nochmal, ganz bei dir, ob du genau dort eine Schaltfläche hinzufügen willst, kannst weitermachen und diese löschen. Da haben wir's. Okay, oder du könntest das hier machen. Wir klicken auf den Block in der Mitte und geben dann die Schaltfläche ein. Hier können Sie eine richtige Call-to-Action-Schaltfläche hinzufügen. Holen Sie sich also den 10-K-Mini-Kurs, oder wir nennen ihn den Null-zu-eins-Mini-Kurs. Und dann musst du natürlich zu deinen Einstellungen gehen und mit dem gesamten Design dieses Buttons herumspielen. Also, ich will den Knopf nicht in der Mitte haben. Das ist irgendwie komisch. Das sieht irgendwie komisch aus. Also, wie tauscht man die Dinge um? Also, du klickst mit diesem kleinen Pfeil hier drüben, gehst nach links, fertig. Jetzt sind Ihre Logos also mehr zentriert, und zwar mit der primären Schaltfläche, der Aktionsschaltfläche, hier drüben. Das sind also Ihre beiden Optionen mit einer Schaltfläche. Also entweder klicken Sie hier für das Pluszeichen, und dann fügen Sie genau dort die manuelle Schaltfläche hinzu. Sie könnten auf Alle durchsuchen klicken. Lassen Sie mich auf die Schaltflächen klicken und sehen, wie das funktioniert. Und vielleicht funktioniert das. Lass mich hier drüben klicken. Und ja, okay, damit ist es in der Regel vorbei. Füge es hier bei mir drunter hinzu, dann wieder raus. B raus aus dem, zurück aus dem , zurück aus dem. Und lass uns weitermachen und den Button genau dort löschen. Okay, und mach weiter und lösche das. Lass uns hier drüben klicken. Lassen Sie uns also einen Block hinzufügen, alles durchsuchen. Button da drüben und los geht's. Wir haben den Knopf direkt daneben. Das sind also Ihre beiden Optionen. Sie können also entweder die Schaltfläche direkt dort hinzufügen und die Schaltfläche nach rechts bewegen, und das gibt ein bisschen Platz, oder Sie können die Schaltfläche hier zum Hauptmenüpunkt hinzufügen . Also, um das nochmal D zu nennen, oder 020, zwei, ein K, Minikurs Dann haben wir den Menüpunkt genau da. Okay, lassen Sie uns mit den ganzen Elementen hier drüben klicken und das sieht gut aus. Also nochmal, du musst einfach hier rüberspringen, in deine Einstellungen gehen und dann mit der Schaltfläche abgleichen , die du hier hast. Also hoffe ich, dass das Sinn macht. So fügst du also Dinge zu deinem Menü hinzu und löschst sie aus. Sie können auch eine Schaltfläche hinzufügen, aber auch hier müssen Sie das Ganze so auswählen. Klicken Sie darauf, das Pluszeichen, Block hinzufügen und dann alles durchsuchen und dann buchstäblich die Schaltfläche eingeben und dann genau dort die stapelbare Blockschaltfläche finden genau dort die stapelbare Blockschaltfläche Oder Sie können hier auf das Element in der Mitte klicken , um eine Schaltfläche hinzuzufügen, und dann können Sie die Schaltfläche nach rechts bewegen Der Menüpunkt bewegt sich irgendwie ein bisschen in die Mitte. Also, wie auch immer du mehr magst. Mir persönlich gefällt irgendwie, wie das mit dem Logo und diesem Element aussieht dem Logo und diesem Element Okay, also habe ich den Button-Stil hier so aktualisiert , dass er dem primären Button namens Action-Button entspricht , genau da unten, mit schnellem, kleinem Text. Lassen Sie uns einfach zurück zum Logo-Design springen, also klicken Sie einfach auf die Schaltfläche genau dort. Also nur um dir ein paar Dinge zu zeigen, die ich in dem Stil gemacht habe, ich habe ihn als Standard. Ich habe den Hover-Effekt, wenn es dunkler wird, der Link dort drüben würde zu Ihrer primären Call-to-Action-Seite, Landingpage, Squeeze-Seite, was auch immer Sie den Endbenutzer weiterleiten möchten, weiterleiten Die Button-Farbe genau dort, ich habe die Button-Farbe auf dieselbe Farbe eingestellt , die ich dort unten verwende Dann habe ich hier unten Ränder und Schatten, der Randradius gibt an, wie man ihn abrundet. Ich mag solche scharfen Kanten nicht. So ein bisschen nett. Und dann der Schattenumriss, wenn du willst. Das ist optional. Mir gefällt, wie es da drüben aussieht, und das ist so ziemlich alles. Das ist alles, was ich wirklich dafür getan habe. Nochmals, nur damit das Logo und die Schaltfläche dieselbe Farbe haben und die Schaltfläche hier mit den Buttons übereinstimmt, die an anderer Stelle auf der Website befinden weil Sie dem Endbesucher damit eintauschen, dass , Hey, der große blaue Button das ist, worauf Sie klicken, um das Angebot zu nutzen. 20. 20 Header-Hintergrundfarbe: So ändern Sie den farbigen Hintergrund für Ihre Kopfzeile. Im Moment habe ich also alles auf Weiß eingestellt, und mir gefällt, wie das aussieht Aber wenn du sagst, nun, nein, ich will einen farbigen Hintergrund, wie mache ich das? So macht man das. Navigiere zurück zu deinem Editor. Ich habe den Header-Bereich ausgewählt. Als Erstes müssen Sie sicherstellen, dass Sie auf den gesamten Header-Bereich klicken. S hat einen blauen Umriss. Das heißt, das Ganze ist ausgewählt. Nicht das, nicht das. Lass mich hier drüben klicken. Ja, so. Das willst du nicht. Du willst hier nicht in der Mitte drüben drauf klicken. Sie möchten sicherstellen, dass das Ganze ausgewählt ist. Sobald Sie den Block ausgewählt haben, navigieren Sie hier zu der Stelle, an der Styles steht. Klicken Sie dort drüben, und dann haben Sie hier eine Reihe verschiedener Optionen , um den Hintergrund zu ändern. Zunächst kann ich die Textfarbe ändern. Wenn ich das aus irgendeinem Grund tun möchte, lasse ich es schwarz. Wenn ich die Hintergrundfarbe in eine andere Farbe ändern möchte , kann ich das tun. Wenn ich ein Hintergrundbild hinzufügen möchte eine Art Musterbild haben , das Sie verwenden möchten, können Sie dieses verwenden. Sie können auch die Typografie hier ändern, die Dinge dort vergrößern oder verkleinern, wie Sie möchten Sie können die Polsterung vergrößern, vergrößern, die Polsterung links und rechts falten , den Rand schmaler machen Auch hier gibt es ein paar Dinge, mit denen Sie herumspielen können Und Sie können genau dort auch einen Rand hinzufügen. Ein Rand kann also hilfreich sein, also zum Beispiel hier drüben gibt es keine Grenze. Also, was, wenn du willst, ich will so eine leichte schwarze Linie über der Oberseite haben. Hier drüben würdest du Rahmen auswählen, um genau das zu tun, und dann würdest du hier für den Stil klicken . Für das Board hier drüben würde ich also Null, Null, Null beibehalten , und wir behalten das bei Eins. Dann hast du ein nettes kleines Zeilentrennzeichen, den Header vom Hauptteil, die Website. Wenn du das machen willst, was ich nicht tue. Und das war's auch schon mit den verschiedenen Optionen, die man hat, um den Header farblich zu gestalten. Nun, eine Sache, die Ihnen hier auffällt , ist, dass das Logo einen weißen Hintergrund hat Du sagst, warum ist das so? Das liegt daran, dass das Logo keinen transparenten Hintergrund hat. Wenn ich also zurück zu meinem Logo navigiere, klicke ich hier, um es zu teilen oder herunterzuladen. Genau hier steht transparenter Hintergrund. Ich klicke einfach darauf und dann das Bild einen transparenten Hintergrund. Eine Kleinigkeit ist jedoch , dass dies eine kostenpflichtige Funktion von Canva ist Sie benötigen also ein kostenpflichtiges Abonnement oder müssen Zugriff darauf haben Ansonsten, wenn du sagst, ich will nicht für Canva bezahlen, okay Du kannst das Bild so herunterladen, wie es ist. Aber dann müssen Sie ein anderes Tool verwenden, z. B. eine Website mit einem PNG-Transparenzgenerator. Ich habe das gerade gefunden, damit du dein PNG-Bild einfach dort hochladen kannst. Dann mache ich da drüben einen durchsichtigen Hintergrund , falls du wirklich nicht zahlen willst. Aber auch hier bezahle ich für Canva, weil es sehr hilfreich ist und ich es ständig benutze Aber das ist wirklich alles, was du wissen musst, um deinen Header zu bearbeiten und anzupassen 21. 21-Fußzeilen-Design: Bearbeitung und Gestaltung der Fußzeile für unsere Website. Lassen Sie uns also bis zum Ende der Website navigieren bis zum Ende der Website Das ist also die Fußzeile für dieses Thema. Und standardmäßig gefällt mir das eigentlich ganz gut. Es sieht wirklich gut aus. Das einzige, was ich wahrscheinlich ändern würde, ist, dass ich diesen Link hier auf etwas anderes ändern würde. Also würde ich immer die Bedingungen Datenschutz und Ihre rechtlichen Seiten hier unten angeben. Also würde ich das vom Design mit WordPress auf die Kopie deiner Website, Nutzungsbedingungen, Datenschutz , solche Dinge umstellen Design mit WordPress auf die Kopie deiner Website, . Und dann würde ich das einfach von Datenschutz auf Unternehmensinformationen umformulieren , was auch immer, und dann dort zusätzliche Links hinzufügen Dann die Links zu den sozialen Medien. gefällt mir sehr gut. Das sieht gut aus. Aktualisieren Sie einfach diese Links , um auf Ihr Social-Media-Profil zu verlinken. Lassen Sie mich Ihnen nur ein kurzes Beispiel für meine Lieblingsfußzeile zeigen , nicht aller Zeiten, aber das ist ein bisschen Grandios, aber das ist eine Also Logo für die Website, was die Seiten über das Unternehmen sind, Informationen darüber, wie auch immer Sie es nennen wollen, dann Links, dann die vierte Spalte da drüben, Links da drüben E-Mail, Telefonnummer, physische Adresse des Unternehmens. Das kannst du hier machen. Nutzungsbedingungen der Website kopieren, Datenschutz, fertig. Also würde ich hier etwas Ähnliches machen. Standardmäßig gefällt mir das sehr gut. Also nochmal, wie ich schon sagte, ich würde dort einfach com ändern. Wie dem auch sei, wie bearbeitet und passt man an? Also musst du in den Editor springen. Also habe ich den Editor hier geöffnet. Lass uns in das Design klicken. Lass mich davon weg. Lassen Sie uns ganz nach unten scrollen. Ordnung, fahren Sie mit der Maus über die Fußzeile, Sie werden den lila Wein sehen Klicken Sie auf den lila Wein, und jetzt können Sie hier auf Bearbeiten klicken . Und so einfach ist das. Jetzt bearbeiten Sie die Fußzeile. Sie können also hier klicken, um das Logo zu vergrößern, wenn Sie möchten Ähnlich wie bei dieser anderen Website können Sie einen kleinen Slogan verwenden, der beschreibt, worum es auf den Websites geht Wie ein Blog über Auspeitschen. Ich weiß nicht, was auch immer. Dann ist ungefähr in Ordnung. Dann kannst du einfach hier drüben klicken. Also, das sind alles Links da drüben, also klickst du auf NTs. Klicken Sie hier drüben. Da ist ein Ankerlink. Also, wenn du das ändern willst, so steht es zum Beispiel über dich, weißt du, was auch immer. Sie können dort die Rücktaste drücken, um den Text tatsächlich zu ändern Rufen Sie einfach als Beispiel Hello an. Dann kannst du das hier hervorheben und dann den Link genau dort mit etwas anderem aktualisieren. Es wäre also wie Vlog How.com Slash Seitentitel. Sie können also einfach jedes dieser Elemente direkt dort manuell durchgehen und alles nach Bedarf ändern Dann das Design mit WordPress da drüben, ich würde das natürlich, wie ich dir gesagt habe, ändern und ich würde es so schreiben lassen, wie, und dann hätte ich vielleicht einen Seitentrenner. Da haben wir's. Dann Datenschutz, Seitentrennbedingungen und so weiter, dann haben Sie Ihre rechtlichen Seiten da unten. Dann erstellen Sie diesen Link, Sie müssten ihn markieren, den Link klicken und dann können Sie entweder auf eine Seite verlinken, die bereits existiert. Wenn Sie also bereits eine Datenschutzrichtlinie erstellt haben, können Sie von hier aus einfach darauf verlinken oder Sie können die URL einfach manuell eingeben. Sie können also den Schrägstrich voghow.com eingeben. Datenschutzrichtlinie. Jetzt müssen Sie natürlich eine Seite mit den Datenschutzbestimmungen erstellen, aber so fügen Sie hier Links hinzu, wo Sie vocow.com haben, was auch immer Sie vocow.com haben, was auch Okay. Genau das würde ich hier drüben damit machen. Lassen Sie mich jetzt hier für die Einstellungen klicken und erneut auf das Quadrat klicken. Jetzt haben wir die gesamte Vorlage ausgewählt, und wenn Sie hier auf Template Part klicken, können Sie das Design ganz einfach in ein anderes Vorlagenlayout ändern. Das ist zum Beispiel ein schönes minimalistisches Layout , das mir sehr gut gefällt. Dieser sieht gut aus All diese Vorlagenteile sehen toll aus. Sie können sie also nach Belieben bearbeiten und anpassen. Ich persönlich mag diesen. Es ist schön , mit einem ganz einfachen Menü zu beginnen, nur ein weiteres Menü genau dort. Und dann würde ich einfach das Design mit Wordpress ändern und ich würde das wieder aktualisieren , die Website, die Nutzungsbedingungen und den Datenschutz kopieren und ich würde wahrscheinlich die Farbe etwas stummschalten, das heißt, es ist nicht dunkelschwarz, also ist es einfach hellgrau. Wie dem auch sei, es liegt ganz bei Ihnen, aber so bearbeiten und passen Sie die Fußzeile Jetzt, wo ich den Block wieder ausgewählt habe, genau wie deine Kopfzeile, wenn du die Farben und all die guten Dinge ändern willst, navigierst du einfach hier zur Einstellung Sie haben also genau hier den Text, Sie können die Textfarbe dort nach Belieben ändern . Sie können die Hintergrundfarbe nach Bedarf ändern. Wenn Sie möchten, müssen Sie das Logo erneut aktualisieren. Nochmals, wie ich es dir mit dem Header gezeigt habe. Sie müssen ein transparentes Logo erstellen. Nicht, weil ich einen weißen Hintergrund verwende, also ist es nicht so wichtig. Du kannst dort auch ein Hintergrundbild aktualisieren. Sie können die Typografie hier auf verschiedene Größen ändern , den Abstand vergrößern und minimieren, wenn Sie möchten, und Mindesthöhe, Rahmen und ähnlich wie bei der Kopfzeile, wenn Sie einen Rahmen haben möchten, also ich möchte dort einen Rand haben, aber ich möchte ihn nicht auf jeder Seite haben, lassen Sie ihn Null, Null, Null sein , dann haben einen schönen, subtilen Rand ganz oben rechts Dann der Radius, dasselbe. Hier drüben, wenn du einen farbigen Hintergrund hast, willst du dieses Design haben. Auch hier werde ich es einfarbig weiß lassen, damit es zu allem passt, aber ich versuche nur, Ihnen verschiedene Dinge zu zeigen , die Sie mit diesem Vorlagenteil machen könnten , um es zu bearbeiten und zu gestalten. So bearbeiten und passen Sie die Fußzeile an. Und wenn Sie eine farbige Fußzeile verwenden, stellen Sie sicher, dass sie dieselbe Farbe wie die Kopfzeile hat Sie möchten also, dass der Kopfbereich wie die Fußzeile und Ihre Kopfzeile ganz oben dieselbe Farbe haben, wie bei einem Sandwich, wenn Sie wieder einen farbigen Hintergrund verwenden möchten 22. 22 Blog-Seitendesign: Bearbeitung der Blog-Seite für Ihre Website. Wenn Sie also anfangen möchten, mit diesem Team zu bloggen , können Sie das auf jeden Fall tun Also hier oben, im Menü, habe ich einen Blog, und das alles ist nur eine Seite, die ich erstellt und Blog genannt habe So einfach ist das, und stellen Sie sicher , dass die URL Slash Blog lautet. Also, wie habe ich das gemacht? Also lass uns hier rüber springen. Lassen Sie mich zu den Seiten hier drüben navigieren, und es ist buchstäblich nur eine Seite namens Blog. Also habe ich nur eine neue Seite erstellt und sie dann buchstäblich Blog, veröffentlicht genannt und dann sichergestellt, dass der Link, die URL, der Schrägstrich Blog ist Nun, so sollte es funktionieren und bei den meisten WordPress-Teams funktioniert es so, dass Sie hier nach unten zu Ihren Einstellungen navigieren, auf Lesen klicken und wir haben eine eigene Seite, die eine festlegt, sodass wir unsere Homepage individuell gestalten können Nun, die Beitragsseite sollte genauso funktionieren. Also habe ich die Blog-Seite und ich möchte, dass es meine Beitragsseite ist. Wir klicken auf Änderungen speichern. Ich zeige dir nur, was passiert, wenn du das tust. Laden wir jetzt die Seite neu und es wird die Standardvorlage Ich habe keine Ahnung, warum dieses Ding das macht. Ich glaube, es ist eine Eigenart oder ein Versehen. Du musst es leer weben. Wenn Sie die Beitragsseite leer weben, müssen wir die Blogpost-Seite selbst gestalten die Blogpost-Seite selbst Wie machen wir das? Sehr einfach. Ich zeige dir jetzt, wie es geht. Behalte Postpage als ausgewählt. Sobald Sie Ihre Blog-Seite haben, laden wir diese neu. Da haben wir's. Jetzt wollen wir die Seite bearbeiten, nicht die Seite bearbeiten. Sie möchten die Seite bearbeiten. Lass uns weitermachen und diese Seite bearbeiten. Ordnung, fantastisch. Also als Erstes wollen wir die Vorlage hier auswählen Also, warum willst du das tun? Denn jetzt willst du auf Vorlage austauschen klicken. Warum willst du das tun? Wenn Sie möchten, dass Ihre Blog-Seite eine Seitenleiste hat, dann wählen Sie hier eine Seite mit Seitenleiste aus. Auch hier liegt es ganz bei dir Oder du kannst es einfach bei einer Seite mit Bild oder Seite belassen , ohne Titel. Lass es einfach so mit dem Blog und lass das einfach der Titel sein . So einfach ist das, wenn du willst. Wie dem auch sei, lassen Sie mich weitermachen und die Vorlage austauschen, und ich wähle die Seitenleisten-Layoutseite mit Seitenleiste aus, und los geht's Jetzt müssen wir den Blog als Hauptinhalt dort drüben haben Also klicken wir genau dort auf das Pluszeichen, um einen Block hinzuzufügen. Sie möchten alle Muster durchsuchen und möchten hier zu den Beiträgen navigieren. Und da hast du es. Sie können also genau dort auf den Standardbeitrag klicken oder auf diesen mit dem Bild links , den Text rechts hier mit gemauertem Rasterlayout oder das Staffeldesign hier oder dieses einfache Design , bei dem es wie eine Liste von Beiträgen mit einer Spalte ist Liste von Beiträgen mit einer Auch hier können Sie in Ihrer Freizeit damit herumspielen, um zu sehen, welches Ihnen am besten gefällt Also werde ich weitermachen und auf diesen hier klicken, Rasterbeitrag mit dem ersten Beitrag, zwei Spalten, was auch immer. Lass uns auf Ns klicken. Da haben wir's. Und das sieht toll aus. Lass mich auf Speichern klicken. Los geht's. Okay, also lass uns weitermachen und das in einem neuen Tab öffnen , nur um zu sehen, wie es aussieht. Wir haben hier eine Seitenleiste. Das Problem mit diesem Design ist, dass ich eine Seitenleiste habe, sie macht den ganzen Text hier drüben irgendwie Wenn Sie sich also für ein Seitenleisten-Layout entscheiden , ist es wahrscheinlich am besten, ein Design zu wählen, bei dem es sich nur um eine einzelne Spalte mit einem Block-Beitrag oder einem Blogpost-Blogpost Wenn das Sinn macht, lass mich jetzt hier klicken, Seite mit Seitenleiste. Lassen Sie uns diese Swap-Vorlage loswerden und klicken wir einfach auf diese, Seite ohne Titel Großartig. Lass mich das nachladen Und ja, das sieht viel besser aus. Jetzt sagst du, nun, ich will eine Seitenleiste, wie funktioniert das? In Ordnung. Jedenfalls, ich. Klicken Sie hier und lassen Sie uns weitermachen und das löschen. Lass mich hier drüben für die Seite klicken, Seite ohne Titel, Vorlagen austauschen, Seitenleiste und lass uns auf ein Design klicken , das zu einer Seitenleiste passt Lass uns weitermachen und gleich hier auf Posten klicken und die Dinge einfach halten Wir klicken dort auf den allerersten Utop. Lass uns auf Speichern klicken. Und falls du dich nur fragst, was das ist, das ist dein vorgestelltes Bild für deinen Blogbeitrag, das ich im Abschnitt Blogpost behandeln werde. Wie auch immer, das für die Blog-Seite. Schauen wir uns also an, wie diese Seite aussieht. Lassen Sie uns das hier in einem neuen Tab öffnen . Und da hast du es. Jetzt hast du also zwei verschiedene Layouts, ob du eine Seitenleiste oder ein Design in voller Breite willst Design in voller Breite Das sieht also ganz nett aus. Und das zeigt das vorgestellte Bild für jeden einzelnen Blogpost, wenn Sie es über dem H-One-Titel-Tag für den Blog hinzufügen 23. 23 Sidebar-Design: Wenn Sie nun wissen möchten, wie Sie die Seitenleiste mit diesem Thema bearbeiten und anpassen können, klicken Sie hier, wenn Sie die Blog-Seite geöffnet haben, auf Websites bearbeiten und können dann auf die Seitenleistenelemente zugreifen Also klicken wir hier drüben und dann können Sie auf Bearbeiten klicken, und dann können Sie auf Bearbeiten klicken die Seitenleiste zu öffnen, die sich wie folgt öffnet Um ehrlich zu sein, ist es ein bisschen klobig. Mir gefällt nicht wirklich, wie das funktioniert, aber so ist es Und dann kannst du die Dinge einfach hier mit der Seitenleiste anpassen Dinge einfach hier mit der Seitenleiste Wenn du neue Blöcke hinzufügen möchtest, klickst du einfach hier runter. Scrollen Sie ein bisschen nach unten. Siehst du, deswegen gefällt mir das nicht. Es ist klobig. Wir klicken hier für Plus und dann auf Alle durchsuchen Dann haben wir hier Blöcke , die ich hinzufügen kann, wenn ich will. Also haben wir zum Beispiel Kategorien, wie wird das hinzugefügt? Wir suchen hier nach einer Kategorienliste oder Kategorien, zeigen eine Liste von Kategorien aus der Taxonomie an, zeigen eine Liste aller Klicken Sie hier für die Kategorienliste und los geht's. Jetzt haben wir eine Kategorie. dort aus wird es gefüllt, und so funktioniert dieses Element hier. Wenn ich also tatsächlich einen Cyber benutzen würde, was ich nicht bin, mag ich persönlich keine Seitenleisten Hier sind meine Designtipps für Seitenleisten. Wenn du dich für eine Seitenleiste entscheidest, halte es einfach. Seitenleisten werden immer beliebter, weil ehrlich gesagt, meisten Leute Ihre Website auf einem Mobilgerät besuchen, und zwar zu 50% Schauen wir uns also Justin Welch an , wenn Sie sich für die Seitenleiste entscheiden Das gefällt mir. Buchstäblich eine Sache, eine Sache zu tun. Klicken Sie hier, um sich anzumelden. Fertig, oder Nischenaktivitäten, hat hier ein kleines Kästchen mit einem Button Sie können es also stapelbar gestalten und einen Button hinzufügen, wenn Dann verwenden sie einfach den Rest des Elements hier drüben , um Anzeigen zu schalten, damit Display-Anzeigen geschaltet werden Und das ist ein Blog der alten Schule, der inzwischen nicht mehr existiert. Aber ich mag die Seitenleiste hier drüben, in der es ein paar gut gestaltete Bilder mit einem Schlagschatten gibt, die hier hinzugefügt wurden und extern auf Produkte verweisen Das ist also eine gute Möglichkeit, Leute auf Ihre spezifischen Produkte aufmerksam zu machen , wenn Sie eine Seitenleiste verwenden und ein Designelement haben möchten Das würde ich mit der Seitenleiste machen. Okay, lassen Sie mich Ihnen einfach zeigen, wie Sie das anpassen können. Also vielleicht werde ich das da oben los und klicke hier drüben für das Pluszeichen wir sagen Bild hier drüben, und ich möchte ein Bild hochladen Ich lade ein Bild von mir hoch. Da haben wir's. Und lassen Sie uns das genau nach oben verschieben. Und dann habe ich genau dort ein Bild von mir . Sieht gut aus. Und lass mich hier drüben für das Pluszeichen klicken. Hi, mein Name ist David. Willkommen auf meinem Blog über Auspeitschen. Ich bin der Autor des Produktnamens XYZ 123123. Ich habe diese Seite erstellt, um dir zu helfen, besser zu vloggen, was auch immer. Okay, also lass uns das einfach nach oben und nach oben verschieben, und lass uns hier auf Speichern klicken und schauen wir uns jetzt die Log-Seite an Klicken Sie da drüben. Lass uns das öffnen. Da haben wir's. Wir haben also ein nettes kleines Bild mir und einen kleinen Titel, und etwas, das Sie damit machen könnten , ist zum Beispiel, wenn Sie ein Amazon-Buch geschrieben haben oder vielleicht ein eBook haben, das Sie verkaufen, Sie können einfach intern darauf verlinken. Es ist so, ich bin der Autor dieses Buches und dann verlinke einfach nochmal, verlinke extern zu diesem Buch. Also, wie würdest du das machen? Ich bin der Autor des Produkts XYZ 123. Wir werden das nur hervorheben. Dann klicken Sie hier und verlinken Sie dann zu Amazon oder wo auch immer Ihr eBook gehostet wird, und das könnten Sie tun. Und so passt man das Cyber hier drüben gewissermaßen an. Auch hier würde ich es super einfach halten. Ich würde wahrscheinlich vielleicht ein Bild wie dieses nehmen, einen kleinen Klappentext über dich Und dann ein Aufruf zum Handeln, um Ihre Website zu abonnieren. Und wenn du sagst, nun, wie kriegst du das hin? Das ist von Ihrem E-Mail-Marketing-Client, diese Option zum Abonnieren. Oder ich würde auch in Betracht ziehen , einfach eine Schaltfläche hinzuzufügen, und die Schaltfläche verlinkt auf die Squeeze-Seite, die wir so gemacht haben. Klicken Sie zum Beispiel auf Ihren, um ihn zu abonnieren, und dann klickt die Person darauf und leitet sie dann zu dieser Seite weiter. Oder wenn Sie dieses Formular direkt dort haben möchten , damit die Leute ihre E-Mail-Adresse eingeben und auf Abonnieren klicken können, dann erhalten Sie dieses kleine Feld von Ihren E-Mail-Clients. Also nochmal, ich würde es super einfach halten. Eine Box, eine Schaltfläche, etwas zum Abonnieren, ein Haufen Bilder, die extern auf Produkte verweisen, ein kleiner Klappentext darüber, wer Sie sind Wirklich, das ist es. Ich würde nicht eine superlange Seitenleiste mit Kategorien und Links und Tags verwenden und diese Website und eine Menge anderer Dinge durchsuchen diese Website und eine Menge , um sie sehr minimalistisch zu halten Wie dem auch sei, so bearbeitet und passt man diese Seitenleiste an. 24. 24 Single-Post-Design: Bearbeiten Sie Ihre individuellen Blogpost-Seiten. Also müssen wir hier ein paar Dinge behandeln. Also zuerst habe ich diesen Blogbeitrag genau dort. Wie werden deine Blogbeiträge erstellt? Wo erstellst du Blogbeiträge? Lass uns also zu deinem Dashboard navigieren. Du willst hier zu den Beiträgen gehen. Und dann willst du auf Neuen Beitrag hinzufügen klicken und so einfach ist das. So fügst du einen neuen Beitrag hinzu. Lassen Sie uns also dieses insgesamt beste Mikrofon für Vlogger So sieht ein Blogbeitrag in WordPress aus. Sie haben Ihr H One-Title-Tag ganz oben rechts, gefolgt von Ihrem Haupttext. Dann können Sie H zwei, H drei, Titel-Tags usw. erstellen . Lassen Sie uns also nur ein kurzes Beispiel haben. Also die besten Richtrohrmikrofone, Richtrohrmikrofone. Und ich möchte, dass das ein H-Titel-Tag ist. Also würde ich das hervorheben. Klick hier drüben. Klicken Sie auf die Überschrift. Und dann möchten Sie sicherstellen, dass dies H zwei ist. Warum H zwei? Weil das eine Unterüberschrift davon Das ist quasi eine Unterüberschrift dieses Titels. Und dann könnten Sie eine Kopie darunter haben, nur als kurzes Beispiel, wir kopieren das genau dort Und dann haben wir vielleicht eine Unterüberschrift davon. Und dann Name des Mikrofons. Ich weiß nicht, nenne es den Mikrofonnamen und ich möchte, dass es ein H-Titel-Titeltag ist. Also nehmen wir das als Überschrift und ich mache das H drei, weil das eine Unterüberschrift davon ist Lassen Sie mich einfach ein kurzes Beispiel für einen Blogbeitrag öffnen , damit es ein bisschen mehr ist. Leicht zu verstehen. Klicken wir also hier, sieben besten Arten von Websites. Das ist dein H-One-Titel-Tag ganz oben. Das ist ein H-Zwei-Titel-Tag , weil das eine Unterüberschrift davon Und dann, während du das bewertest, kannst du einfach H drei machen, zum Beispiel H, das ist ein H-Drei-Kachel-Tag , weil das genau die Zwischenüberschrift davon ist Und so willst du einen Blogbeitrag wirklich strukturieren. Okay, bei den Blogbeiträgen gibt es also ein paar verschiedene Dinge , auf die Sie achten müssen. Also hier drüben kannst du die Größe mit dem Block anpassen. Also nochmal, lass mich da einen Rückzieher machen. Und das haben wir hier drüben. Lass mich hier drüben klicken. Wir klicken auf Einstellungen. Und dann möchte ich diesen Block genau dort auswählen. Und vielleicht möchte ich, dass die Texte für diesen Block etwas größer sind, also klicke ich auf Groß. Es erregt also ein bisschen mehr Aufmerksamkeit. Dann können Sie die Textfarbe und den Hintergrund ändern sowie die Abmessungen anpassen und fortfahren. Okay, also wie dem auch sei, ich will das nicht tun. Also zieh dich davon zurück. Also gut, dann klicken wir hier für Post. Das ist wirklich wichtig hier drüben. Also, zuerst haben Sie den Autor hier, Sie haben den Titel und den Link. Mit dem Link mit der URL möchten Sie es im Allgemeinen kurz und bündig halten. Wenn ich also die insgesamt besten Mikrofone für Vlogger habe, sollten das wirklich die besten Mikrofone für Vlogger sein Du willst es so einfach halten. Kategorien sind wichtig. Alle Blogbeiträge müssen in einer Kategorie organisiert sein. Diese Seite hat derzeit also nur einen Blog der Kategorie. Allgemein, ich denke wahrscheinlich an vier bis sechs Kategorien, für die Sie Inhalte erstellen werden , und bleiben Sie dabei und fügen vielleicht neue Kategorien hinzu, sobald Sie vielleicht 60, 70 Beiträge pro Kategorie überschritten haben. Wirklich, so viel willst du hier drüben. Also musste ich eine neue Kategorie hinzufügen. Deshalb nenne ich es Mikrofon. Wir klicken genau dort auf Neue Kategorie hinzufügen und ich deaktiviere das Und jetzt haben wir diese Kategorie genau hier. Lassen Sie mich weitermachen und auf Speichern klicken. Und da haben wir's. Bei Kategorien möchten Sie also einen Blogbeitrag in eine Kategorie einordnen, nicht in zwei, nicht in drei, in eine. Jetzt können Sie auch Dinge taggen. Ich bin nicht besonders gut im Taggen. Taggen ist meiner Meinung nach nicht so nützlich, aber die Idee hinter dem Taggen war, wenn Sie einen einmaligen Inhalt zu einem ganz bestimmten Thema erstellen wollen einmaligen Inhalt zu einem ganz bestimmten Thema Also vielleicht ist deine Kategorie Autos und dann oder Lastwagen, und dann wäre ein Tag wie Ford, sehr spezifisch Im Allgemeinen verwende ich nur Kategorien für meine Websites, aber auch hier gilt: Überfordern Sie es einfach nicht Es ist nicht wie bei einer Social-Media-Sache, bei der man Dinge taggen kann, was ihnen hilft, besser zu ranken Es dient wirklich organisatorischen Zwecken für den Endbesucher. Und wirklich, so einfach. Dann haben Sie Linkfolgen genau da und wirklich so einfach Nun, wie man ein ausgewähltes Bild einrichtet, worüber ich hier schon irgendwie gesprochen Ganz oben in dieser Szene haben Sie also das Hauptbild festgelegt. Du klickst auf NATs und kannst dann ein Feature-Bild hochladen, was wir direkt dort tun werden Also habe ich dieses Bild gerade wieder mit Canva erstellt, wie ich es dir zuvor gezeigt habe Und du möchtest dem einen Titel , der etwas mit den Blogposts zu tun hat, also Mikrofonprotokollierung und dann der gesamte Text wären das Schlüsselwort des Blogposts Also, was ist der Blogbeitrag über Mikrofone für YouTube. Okay, also Mikrofone für YouTube. Jetzt klicken wir genau dort auf das Feature-Bild des Sets. Und jetzt haben wir das Feature-Bild genau dort. Lass uns auf Speichern klicken. Großartig. Und lass uns weitermachen und unsere Blog-Seite neu laden, nur um dir zu zeigen , wie das aussieht. Und ja, es sieht gut aus Also, jetzt haben wir genau da eine kleine Geburt, Bild und den Titel, und das sieht gut aus So wird dieser Abschnitt also aussehen und gefüllt werden, wenn Sie Feature-Bilder und Blogs usw. erstellen Feature-Bilder und Blogs usw. In Ordnung, also wie dem auch sei, lasst uns zurück zum Dashboard navigieren. Unter deinem Beitrag. Hier haben Sie Ihre Kategorien und Tags. Wenn Sie also hier auf Kategorien klicken, ist dies auch ein weiterer Ort, an dem Sie neue Kategorien hinzufügen und verwalten können , wie viele Kategorien und Blogbeiträge Sie innerhalb der Kategorien haben. Und Sie können auch Unterkategorien erstellen, wenn Sie möchten. Also nennen wir das zum Beispiel Logging, und dann wäre die übergeordnete Kategorie Blog, nur als Beispiel Und dann ist das eine Unterkategorie. Die URL-Struktur für diese Seite wäre logout.com Schrägstrich Kategorie Schrägstrich Blog Slash Flogging Da hast du es also. Einfach. Und Sie möchten Unterkategorien verwenden, da dies für die Hauptkategorie sinnvoll ist Wenn Sie also zum Beispiel von „ Zurück zu Lastwagen“ sprechen, ist Trucks vielleicht meine Hauptkategorie Aber manchmal, aber ich schreibe aus welchem Grund auch immer viel über vier Lkw, vielleicht würde ich eine Unterkategorie über Ford oder vier Lkw erstellen und sie so strukturieren Und wirklich, so einfach mit dem Design und dem Bloggen So willst du das also irgendwie angehen, Inhalte hier erstellen, H zwei, H drei, Titel-Tags, jeden Blockbeitrag in eine logische Kategorie einordnen, nicht Gedanken oder unkategorisierte logische Kategorie, vielleicht vier bis sechs, macht das Sinn für deine Website Und vergiss auch nicht, dass du immer noch Zugriff auf all die Vorteile der Blockbearbeitung mit WordPress Sie können hier für Plus klicken, für BRS hier Vielleicht möchte ich hier ein Muster haben. Also klicken wir genau dort auf das Vorgestellte. Vielleicht möchte ich diesen Abschnitt genau hier haben , füge ihn hinzu. Wordpress ist ziemlich flexibel und ermöglicht es Ihnen, schöne Seiten und Inhalte zu gestalten. Wenn wir uns nun diesen einzelnen Blockbeitrag ansehen , wir gerade hier veröffentlicht haben, wird es ein einspaltiges Design sein. Und wenn du sagst, nun, hey, ich möchte es in der Seitenleiste hinzufügen oder vielleicht gefällt dir einfach, wie das aussieht Vielleicht möchtest du, dass das eine Seitenleiste hat und dann dein individueller Block-Beitrag keine Seitenleiste hat , das liegt ganz Aber wenn du die Seitenleiste innerhalb der einzelnen Beitragsseite hinzufügen möchtest , kannst du das ganz einfach tun, indem du hier drüben für die Einstellungen darauf klickst hier drüben für die Einstellungen darauf Klicken Sie dann hier für die Vorlage, den einzelnen Beitrag, Swap-Vorlage und dann den einzelnen Beitrag mit einer Seitenleiste, und so fügen Sie sie in der Oder wenn du es einfach unverändert lassen möchtest, kannst du einfach die Standardvorlage verwenden, bei der einzelnen Beitrag handelt Standardmäßig gibt es also keine Seitenleiste mit den einzelnen Blogposts Mir persönlich gefällt, wie das aussieht. Das bin nur ich. Aber das liegt ganz bei dir. Auch hier gilt: Wenn Sie eine Seitenleiste erstellen, die Sie verwenden möchten, möchten Sie sie einfach hier hinzufügen. Aber insgesamt ist das alles, was Sie wissen müssen, um mit dem Bloggen zu beginnen Und eine kurze letzte Sache, die Sie anpassen und wissen müssen, wie Sie ihn anpassen müssen, ist wie Sie diesen Titel genau dort ändern können Also heißt es, B dann Vlog 123. Das ist der Admin-Login-Benutzername. Das wollen wir also nicht. Natürlich wollen wir, dass es ein logischerer Name ist, wie Brian oder wie auch immer sie heißt. Dann ist das die Kategorie, die ich liebe. Perfekt in dieser Kategorie. Perfekt, würde an der Stelle nichts ändern . Das ist großartig. Das Date hier ist auch in Ordnung. Okay, also ein paar schnelle Kleinigkeiten. Also mit dem Datum, wie ändert man das Datum? Vielleicht kommst du in ein oder zwei Monaten zu diesem Blogbeitrag zurück in ein oder zwei Monaten und aktualisierst ihn, und du möchtest nicht mehr, dass dort dieses Datum steht, du willst das aktuellere Datum sein. Sie können das Veröffentlichungsdatum also einfach hier ändern. Okay? Also komm nie zu deinem Posten. Kommen Sie niemals hierher, um zu veröffentlichen, und dann können Sie das Veröffentlichungsdatum auf etwas anderes ändern . Um den Admin-Titel genau dort loszuwerden, musst du zum Erscheinungsbild gehen. In Ordnung, tut mir leid, dass du zu den Benutzern gehen musst. Alle Benutzer. Öffne das. Dann mach das gleich da auf. Also Benutzername. Und dann ist der Benutzername so und Sie können Ihren Benutzernamen nicht ändern, aber Sie können den Spitznamen ändern. Also ich will das nicht. Also sagen wir einfach als Brian, was auch immer. Dann zeigen Sie es öffentlich an oder zeigen Sie Ihren Namen öffentlich an als Brian oder wie auch immer Sie heißen. Dann schreib hier biografische Informationen auf, wie ich vorhin angesprochen habe, wo es so ist, du kannst gleich dort eine kurze Beschreibung des Autors haben gleich dort eine kurze Beschreibung des Autors Dann klicken wir auf Profil aktualisieren. Und Gitter. Lassen Sie uns die Seiten überarbeiten und los geht's. So änderst du also deinen Namen Sie können das Datum aktualisieren und es in eine Kategorie einordnen, das ist perfekt. Netter interner Link zu den Kategorieseiten. 25. 25 Favicon: So fügen Sie ein Fabricon für Ihre Website hinzu. Also ein Fabricon- oder Site-Icon. Ist dieses kleine Ding hier oben in der Registerkarte. Also, wie macht man es individuell, anstatt dass es das Logo ist, das wir hochgeladen und dann zusammengequetscht haben? Nun, das ist ziemlich einfach Sie können Canva verwenden, um die Grafik und das Aussehen Ihrer Website zu erstellen , indem Sie zu den Einstellungen navigieren dann zur Registerkarte Allgemein wechseln Und genau hier kannst du das Seitensymbol ändern und ein neues, von dir erstelltes Symbol hochladen Und es zeigt dir die Größe hier drüben 512 mal 512, mindestens 512 mal 512 Pixel. Lassen Sie uns hier als kurzes Beispiel zu Canva springen , benutzerdefinierte Größe, 512, 512, um ein neues Design zu erstellen. Und da haben wir es. Also haben wir genau dort ein nettes kleines Quadrat. Wir geben Elemente ein. Ich weiß nicht, gib Vlogging ein, Vlogging ist in Ordnung, Vlogging ist in Ordnung, Okay, oder Vlog vielleicht besser. Wie wäre es mit der Eingabe der Kamera? Also ja, was auch immer. Also willst du einfach irgendein Bild oder eine Grafik finden, die zu deinen Themen passt? Geben Sie mir eine Flagge und sehen Sie, was auftaucht. Ja. Okay, das ist in Ordnung. Nun, ein aktuelles Bild sollte aus praktischer Sicht wirklich zum Design Ihrer Website passen Das ist also das Logo , das ich genau dort für meine eigene persönliche Website erstellt habe genau dort für meine eigene persönliche Website Dann ist auf dem Stoff oben das Du-Symbol, ein kreisförmiger Hintergrund, das ist durchsichtig. Also nochmal, es liegt ganz bei dir, ob du das entwerfen willst. Also, wenn du zum Beispiel einen Hintergrund im Kreisstil haben willst , dann kannst du einfach hier drüben navigieren Kreis eingeben. In Ordnung. Bum, und ändere die Farbe da drüben, mach es vielleicht blau. Dann mach das schön groß, so. Da haben wir's. In Ordnung. Jetzt Position. Das wollen wir zurückziehen. Okay, lassen Sie uns das genau dort einrichten. Und ja, okay, also nicht schlecht. Und jetzt wollen wir, dass es ein transparentes Bild ist, damit wir es teilen und herunterladen können , transparenter Hintergrund, Herunterladen. Und wir speichern es hier auf meinem Desktop. Und lassen Sie uns diese Seiten öffnen und das minimieren, das minimieren. Wir ziehen das per Drag & Drop an die richtige Stelle, ändern das Foliensymbol und ziehen es genau dorthin. Stellen Sie das Site-Symbol ein. Da haben wir's. Klicken Sie auf Änderungen speichern. Und dann laden wir die Seite neu. Da hast du's. Jetzt haben wir also eine nette kleine Ikone. Für Tutorialzwecke aktualisieren Sie es also auf diese Weise. Ich würde etwas Benutzerdefinierteres erstellen, vielleicht eine VH oder was auch immer, aber Sie haben die Idee , wie Sie ein benutzerdefiniertes Site-Icon Fabrican für Ihre Websites erstellen können 26. 26 SEO: Grundlegendes SEO für Ihre Website. Wir nähern uns also dem Ende dieses Tutorials. Wie richten wir also die Suchmaschinenoptimierung für eine Website ein? Also Suchmaschinenoptimierung, es gibt ein paar Kleinigkeiten , die Sie nur beachten müssen. Also zuerst die Homepage, genau hier, wir haben sie als Homepage, Seitentrennzeichen eingestellt. Lerne, wie du dein Einkommen steigern kannst, bla bla bla, bla. Und das wurde ausgefüllt, weil ich zufällig den Slogan genau dort hinzugefügt Aber wir können es ändern. Daran hängen wir nicht fest. Also navigiere hier zum Dashboard. Dann möchtest du hier zu Rank Math navigieren , einem SEO-Plugin, das wir am Anfang installiert haben . Und jetzt, sobald wir Rank Math geöffnet haben, wollen wir zu Titles und Meta gehen. Und sobald Titles and Meta geöffnet sind, möchten Sie hier auf die Startseite klicken. Und die statische Seite ist als Titelseite festgelegt. Fügen Sie die ScoTile-Beschreibung zu Hause und Meta zur Startseite hinzu. Normalerweise könntest du hier bearbeiten, aber wir müssen hier rüber gehen, um die Homepage zu bearbeiten Also hier drüben können wir den Titel festlegen. Also, wie machen wir das? Ganz einfach. Also lass uns genau da draufklicken, da ist ein kleines Kästchen mit der Aufschrift Rank Math. Dann klicken wir genau dort auf Snippet bearbeiten und wir können hier alles anpassen. Okay. Im Allgemeinen müssen Sie bei den meisten Themes für Wordpress, den meisten Themes für Wordpress, sobald Sie Rink Math installiert haben, nur noch auf Homepage klicken und genau hier können Sie einen SEO-Titel festlegen Aber das führt uns zur Homepage hier drüben. Also klicken Sie einfach auf dieses kleine Kästchen oben dort oben. Dann wird das hier angezeigt, und hier können Sie den Titel ändern Es sollte also so etwas wie ein VoGHT-Titelseiten-Trennzeichen sein. Erfahren Sie, wie Sie einen profitablen Vlog starten Dann sollte die Meta-Beschreibung beschreiben, worum es auf der Website geht Erfahren Sie also, wie Sie bessere Logs erstellen und Ihr Publikum vergrößern können. Ratschläge und Anleitungen zum Bloggen. Sie können diesen Generator auch mit KI verwenden, wenn Sie möchten. Wie auch immer, einfach so wie Ds und es sieht gut aus. Klickt auf Speichern so ändert ihr dort oben den SEO-Titel für die Homepage Also los geht's. Da oben ändert es sich, aber hier unten bleibt es gleich Da hast du es also. So einfach ist das. Jetzt müssen Sie das auch mit jeder einzelnen Seite tun . Also, die About-Seite als kurzes Beispiel, wir können sie einfach öffnen, genau dort auf dieses Feld klicken und dann die Snippets bearbeiten, sodass dies die About-Seite ist, sollte sich um das Protokoll drehen, Dann wieder dasselbe. Schreiben Sie eine Beschreibung und los geht's. Die andere Sache, die Sie tun möchten , ist also auch für Blogbeiträge. Bei Blogbeiträgen sollten Sie also einen Titel verwenden, der nicht übermäßig optimiert und nicht reich an Keywords ist , sondern etwas, das ein bisschen anklickbar ist, wie die atemberaubende Wahrheit über Ich weiß nicht, so etwas ist ein bisschen überzeugender als zum Beispiel, wie man einen Vlog startet, mit dem man für immer Geld verdient , anstatt wie man Wie auch immer, das insgesamt beste Mikrofon für Vlogger. Du willst hier drüben klicken, bearbeiten, um es auszuschneiden, und dann willst du den Seitennamen genau dort loswerden und dann einfach manuell Vlog wie eingeben oder du kannst das alles zusammen loswerden, wenn du willst, und nur wenn du willst, und Aber normalerweise bevorzuge ich den Titel und dann den Namen der Seite. Wenn der Titel nicht zu lang ist. Wenn der Titel hier also den gesamten Abschnitt einnimmt, dann lass ihn einfach stehen. Aber wenn es ein bisschen Platz gibt, dann möchte ich den Seitennamen normalerweise ganz, ganz am Ende haben . Und dann willst du die Beschreibung genau dort schreiben und den Perm-Link dort drüben anpassen Sie möchten also nur die Website durchgehen, und wenn Sie Seiten und Blogbeiträge auf Ihrer Startseite veröffentlichen , stellen Sie sicher, dass alles einen logischen SEO-Titel hat , der für den Endbesucher sehr nützlich und beschreibend ist für den Endbesucher sehr nützlich und beschreibend 27. 27 Letzte Schliffe: Okay, inzwischen sollten Sie ein gutes Verständnis dafür haben, wie man eine Website mit diesem Thema gestaltet, die gut und überzeugend ist, einen guten Text, einen guten Angebotsbereich, Verkaufstexte, Blogpost-Seiten und all das gute Zeug hat. Lassen Sie mich also hier zurück zu meinem WordPress-Dashboard springen. Und lassen Sie mich einfach den Editor öffnen, nur um Ihnen ein paar letzte kleine Details zu zeigen , die Sie anpassen können, wenn Sie möchten Mir persönlich gefällt einfach, wie dieses Theme standardmäßig aussieht, aber auch hier haben Sie viele Optionen. Lassen Sie mich Ihnen kurz zeigen, wie die Dinge funktionieren. Okay, also ganz oben , wir haben Stile. Auch hier wirken sich Stile auf die gesamte Website aus. Wenn Sie also einmal einen einzelnen Block ändern möchten, möchten Sie immer unter Ihren Einstellungen arbeiten . Aber hier, Stile. Also habe ich das ganz am Anfang angesprochen , aber hier oben verändern Stile die gesamte Website weitgehend Wenn du das machen und die Farbe gleich dort ändern willst. Aber auch hier können Sie jedes dieser Elemente einzeln ändern , aber das gilt für die gesamte Website. Okay, dann haben wir unsere Typografie da oben. Sie ist wahrscheinlich die wichtigste weil Sie die Typografie für die Website ändern können Also, wenn dir diese Schriftauswahl nicht gefällt, fragst du dich: Wie ändere ich das Macht mich verrückt. Das gefällt mir nicht. Hier oben. Also wirklich, du willst deinen Text und deine Überschriften ändern deinen Text und deine Überschriften Text bedeutet Ihren Haupttext, und Ihre Überschriften bedeuten Ihren Hone-, H2H3-Kacheltext Wenn Sie also auf dieses Element klicken, steht genau dort H One. Das bedeutet wörtlich Überschrift. Überschrift eins. Das ist also der Titel der Seite. Dann ist H zwei eine Unterüberschrift von H eins, H drei ist die Unterüberschrift von H zwei, so weiter und so fort Also hier bei den Überschriften können wir die Überschriften in etwas anderes ändern, Also, das ist es und wir ziehen uns davon zurück. Dann haben wir den Text genau da. Dann können wir den Text in etwas anderes ändern , wenn wir wollen, so oder das ist hier drüben. Das sind deine einzigen Möglichkeiten, wir können es Cardo, Enter, was auch immer sein. So änderst du quasi die Schriftauswahl, die Schriftgröße, wenn du damit herumspielen willst, und das ist es wirklich. Und im Allgemeinen möchten Sie, dass Ihre Schriftarten auf der gesamten Website ähnlich sind. Also wirklich, deine H one, h2h Title-Tags, deine Header-Tags sind eine Schriftauswahl, dann ist dein Haupttext etwas anderes Du willst also keine andere Schrift für deine Menüelemente und eine andere Schrift für deine H one, h2h Title-Tags oder eine andere Schrift für deinen Hauptteil haben deine Menüelemente und eine andere Schrift für deine H one, h2h Title-Tags oder eine andere Schrift für deinen Zu. Du willst mit zwei gehen. Ein Stil für Ihre Überschriften, ein anderer Stil für den Haupttext Wenn Sie Hilfe benötigen herauszufinden, was passt, können Sie hier mit einer Website namens Fonts Pair herumspielen . Auf diese Weise erhalten Sie eine Vorstellung davon , welche Schriftarten zueinander passen Aber auch hier sind Sie mit Ihrer Typografie ziemlich eingeschränkt Das ist es. Es ist eins, zwei, drei, vier, keine der Standardwerte Also spiel damit herum, um zu sehen, wie es dir gefällt. Aber auch hier können Sie die Größe und das Aussehen ändern , es extra hell machen, die Zeilenhöhe und den Buchstabenabstand. Sie haben hier also viel Flexibilität beim Design. Andernfalls ist das das Wichtigste, was Sie wahrscheinlich dort mit der Typografie ändern möchten dort mit der Typografie Dann haben wir da drüben Farben. Farben, Sie können die internen Tintenfarben des Links ändern. Wenn Sie also einen internen Link oder einen externen Link zu einer anderen Website oder was auch immer haben , wie Amazon oder YouTube oder was auch immer, können Sie hier auch die Linkfarbe ändern Also, wenn ich genau dort einen Link hätte, hochwertige Reise-Vlogs, wie diesen Das nehmen wir. Lassen Sie mich als kurzes Beispiel hier auf YouTube verlinken. Da haben wir's. Das mache ich gewagt. Und mit der Tinte genau da würde ich diese Farbe ändern. Also, was ist, wenn du sagst , ich mag dieses Schwarz nicht . Ich will nicht, dass das schwarz ist. Also genau hier, Kontrast Schwarz, du kannst die Farbe ändern und damit herumspielen, um diese Farbe zu ändern. Die Links da drüben zeigen, wie man Farben ändert. Sie haben auch andere Optionen und Farbverläufe, mit denen Sie herumspielen können Und insgesamt sind das eher die wichtigsten Dinge , die Sie ändern möchten Biographie, deine H-one-, h2h3-Titel-Tags, deine Header-Tags und deine Textschriften, dann die Farben für deine Links. So ziemlich Und dann Schatten da drüben. Dann hast du das Layout. Das Layout ist nützlich, da Sie die Site auf Wunsch breiter machen und Polsterung hinzufügen können Und wenn Sie ein Hintergrundbild für die gesamten Websites hinzufügen möchten , können Sie das hier tun Und eine letzte Sache ist, dass Sie dort unten zusätzliches CSS und auch Blöcke haben unten zusätzliches CSS , sodass Sie das Erscheinungsbild bestimmter Blöcke für die gesamten Websites anpassen können . Wenn Sie also diese Blöcke anpassen möchten, sodass Sie den Block nicht jedes Mal ändern müssen, wenn Sie ihn verwenden, können Sie ihn einfach hier auf der gesamten Website ändern. Und wie gesagt, zusätzliches CSS ist hier drüben. Wenn Sie also wissen, wie man CSS codiert und Sie möchten, wo gebe ich das CSS ein, das ich hinzufügen möchte. Boom genau hier in deinem Stil. Wie dem auch sei, das war's für dieses Tutorial. 28. Danke!: Ordnung, alle zusammen. Das war's für meinen Skillshare-Kurs zum Erstellen einer sehr schönen, professionellen Website und eines Blogs mit hoher Konversionsrate mit dem 2024-Thema von Wordpress Ich hoffe, es hat Ihnen gefallen und ich hoffe, Sie haben viel Nutzen daraus gezogen und konnten eine sehr effektive Homepage mit einem offenen Aufruf zum Handeln erstellen mit einem offenen Aufruf zum Handeln Wie dem auch sei, ich möchte mich nur bei Ihnen bedanken und einen schönen Tag haben. Tschüss