So erstellst Du eine eigene Portfolio-Website

1. So erstellst du eine persönliche /Portfolio Website – Einführung: Was ist los, Jungs. Im heutigen Video werde ich Ihnen zeigen, wie man eine persönliche Website mit WordPress macht. Werfen wir einen Blick auf die Website, die ich werde Ihnen zeigen, wie man macht. Ich habe dies als das perfekte einseitige Design für einen Einzelnen entworfen. Es hat diesen tollen Parallaxen-Effekt. Ich werde Ihnen auch zeigen, wie Sie alle Schriftarten und ihre Farben ändern. Ich werde Ihnen zeigen, wie Sie diese Symbole ändern und sie anklickbar machen. Ich zeige Ihnen, wie Sie Schaltflächen erstellen, die auf verschiedene Seiten gehen können oder sie zu verschiedenen Bereichen auf Ihrer Website springen können. Ich werde Ihnen auch zeigen, wie Sie Ihr Menü hier oben ändern, wie Sie diese transparente Kopfzeile machen und ich werde Ihnen auch zeigen, wie Sie dieses Signatur-Logo für Ihre Website erstellen und Sie brauchen keine Software, um es zu tun, Sie können es komplett für kostenlos, also das ist wirklich cool. Ich werde Ihnen auch zeigen, wie Sie alle diese verschiedenen Abschnitte ändern, so dass es nicht nur Filme oder Fotos oder Webdesign sein muss, Sie können sie ändern, was Sie wollen. Ich zeige dir, wie du eine Fotogalerie erstellst, deine Videos hier anlegst, dein Instagram und YouTube und Facebook verlinkst oder was auch immer andere soziale Medien, die du hast. Ich werde Ihnen auch zeigen, wie Sie diese Symbolliste hier unten erstellen, sowie eine vollständige Kontaktseite erstellen die Leute Ihnen E-Mails senden können und Sie haben auch eine Karte hier drüben und das Beste daran ist, dass ich diese ganze Website in eine Vorlage, die ich Ihnen kostenlos gebe. Sie können es finden, indem Sie auf die Registerkarte Klassenprojekt gehen und unter Ressourcen suchen. Ich ging von mehr von einem Outdoorsy Thema für meine Website, aber Sie können es auf alles ändern, was Sie wollen. Diese Website-Layout als super vielseitig, und ich werde es auf Handy ziehen, auf meinem Handy. Hier ist, wie das aussieht. Ehrfürchtig. Das sieht toll aus auf meinem Handy und ich werde Ihnen auch zeigen, wie Sie Ihren ganz eigenen Domain-Namen bekommen, wie ich hier habe, und wie Sie Ihren eigenen Hosting-Plan bekommen. Ohne weiteres, mein Name ist Dale M-c Ma nus, ich mache Websites und ich zeige Ihnen auch, wie es Schritt für Schritt zu tun ist, wenn Sie bereit sind, lasst uns das loslegen. 2. Schritt 1: Domain-Namen und Hosting: In Ordnung, also Schritt Nummer eins, ist es, einen Domain-Namen und Hosting-Plan zu sichern. Ein Domain-Name ist nur der Name Ihrer website.com. Ein Hosting-Plan wird von einem Hosting-Unternehmen abgedeckt. Sie haben diese Gebäude voll von all diesen Servern, und die Server beleuchten oder mieten Platz im Internet, füllen Sie es mit all Ihren Bildern und Videos und Texten und so weiter, und gehen Sie dann live. Ja, Sie könnten eine kostenlose Website machen, aber Sie werden auf die folgenden Dinge beschränkt sein. Sie können eine kostenlose Website mit Anzeigen nicht monetarisieren. Sie werden keine hilfreichen Plugins installieren können. Sie haben keine unbegrenzte Anzahl von Designs, die Sie verwenden können, um Ihre Website anzupassen, und Sie werden nicht besitzen Ihren eigenen Domain-Namen. Es wird so etwas wie Ihr Domain-Name sein, .WORDPRESS.COM. Hosting ist notwendig, um eine Website zu haben. Lasst uns loslegen. Gehen wir rüber zu hostgator.com. Dies ist ihre Homepage, also was wir tun werden, ist auf Web-Hosting zu gehen. Sie können sehen, dass sie hier ein paar verschiedene Pläne haben. Die Hatchling Plan ist, was ich am meisten empfehlen, wenn Sie gerade erst anfangen, und das Baby Plan ist, wenn Sie planen, eine Reihe von Domain-Namen haben. Wenn Sie wissen, dass Sie wie zehn verschiedene Domain-Namen haben möchten, gehen Sie vor und holen Sie sich das Baby Plan. Der Businessplan ist wirklich nur, wenn Sie versuchen, eine Tonne Geld mit Ihrer Website zu verdienen, wie ich spreche Hunderte und Tausende von Dollar und Sie brauchen all diese zusätzlichen Schnickschnack. Aber um dieses Tutorial willen, gehen wir voran und machen den Hatchling Plan. Sie können sehen, dass es der billigste Plan ist. Lassen Sie uns voran und drücken Sie jetzt kaufen, und hier ist, wo Sie gehen, um Ihren Domain-Namen zu bekommen. Das ist der lustige Teil. Ich empfehle dringend, Ihren Domainnamen unter 15 Zeichen zu halten, und ich empfehle auch, ihn so einfach wie möglich zu halten. Dafür werde ich eine persönliche Website machen. Eigentlich habe ich schon dalemcmanus.com gekauft, was mein Name ist. Ich werde Enter drücken und es wird sagen, dass es nicht verfügbar ist, weil ich es bereits habe. Was ich tun werde, ist mein zweiter Vorname beginnt mit einem N. Also werde ich einfach ein N da reinwerfen und dalemcmanus.com und Enter machen und da gehen wir. Es gibt Ihnen eine Reihe von verschiedenen Sachen wie, .club, .site, .net. Ich empfehle nur, bei dem.com zu kleben. Wir wollen, dass Sie so legitim wie möglich sind. Cool. Lassen Sie uns den ganzen Weg nach unten gehen und Sie werden sehen, dass Add Domain Privacy Protection aktiviert ist. Das ist gut, denn wenn Sie dies nicht überprüft haben, werden Sie mit Spam-Anrufen von Leuten bombardiert, die darum bitten, Ihre Website zu bauen und Ihnen all diese Sachen anzubieten, wenn Sie sie bezahlen. Es ist abscheulich. Ich habe diesen Fehler einmal am Anfang gemacht, als ich meine erste Website überhaupt gemacht habe, und es war schrecklich. Ich meine, mein Telefon klingelte wahrscheinlich sechs bis acht Mal am Tag mit Anwälten, daher empfehle ich dringend, diesen Domain-Datenschutz hinzuzufügen. Na gut, als nächstes gehen wir nach unten und wählen unseren Hosting-Plan. Wir haben uns für den Hatchling Plan entschieden, was gut ist, und wir werden auch den Abrechnungszeitraum wählen. Wie Sie sehen können, wenn Sie 36 Monate tun, werden Sie die billigste pro Monat und insgesamt haben, 275 pro Monat, wenn Sie sich zu 36 Monaten verpflichten. 36 Monate können viel für jemanden sein, zu dem man sich verpflichten kann. Meine nächste Empfehlung ist es, die 12 Monate zu tun weil Sie Ihren Domain-Namen für 12 Monate als auch kaufen, macht das sinnvollste, sie passen zu haben und es ist immer noch ein ziemlich billiger Plan. Wenn Sie möchten, möchten Sie es nur für einen Monat ausprobieren und nur sehen, ob es Ihnen gefällt, vielleicht ist dies Ihre erste Website, dann können Sie voran gehen und einen Monat klicken. Nachdem Sie Ihren Abrechnungszeitraum ausgewählt haben, erstellen wir einen Benutzernamen. Ich werde nur meinen vollständigen Namen machen, der Dalemcmanus ist und dann eine Sicherheitsnadel machen. Dann füllen wir unsere Abrechnungsinformationen aus. Ich gehe einfach voran und mache das wirklich schnell. In Ordnung, cool. Sobald das alles ausgefüllt ist, gehen wir einfach nach unten, um zusätzliche Dienste hinzuzufügen, und von hier aus haben Sie ein kostenloses SSL-Zertifikat. Was das bedeutet, ist, sagen wir, ich gehe zu Apple.com. Diese kleine Sicherheits-Sache. Es heißt Verbindung zu sichern, sein kleines Schloss-Symbol hier. Das ist es, was das ist. Wenn Sie ein Produkt auf Ihrer Website verkaufen, wie es sich um einen E-Commerce-Store oder so etwas handelt, dann würde ich empfehlen, dieses SSL-Zertifikat zu erhalten. Es ist hier kostenlos enthalten. Lassen Sie es einfach überprüft. Sie können voran gehen und deaktivieren, um Ihre Website vor Hackern zu schützen , verlassen, professionelle E-Mail deaktiviert. Ich habe tatsächlich ein ganz anderes Video, das Ihnen zeigt, wie Sie dies kostenlos machen und dann auch deaktivieren Sie Backup Ihrer harten Arbeit. Es gibt Möglichkeiten, all dies selbst zu tun, Sie müssen sie nicht in Ihr Paket aufnehmen. In Ordnung, also hier ist der lustige Teil. Hier ist, wo Sie etwas Geld sparen werden. Im Coupon Abschnitt, es sagt wahrscheinlich Shared 3600 oder so etwas, gehen Sie vor und löschen Sie das und wir werden nur in createaprowebsite setzen, alles ein Wort. Was das tun wird, wenn Sie bestätigen, können Sie bam sehen, der Preis ist gerade gefallen. Zu dem Zeitpunkt, zu dem ich dies aufnehme, spart Ihnen dies bis zu 60 Prozent je nachdem, wie viel von einem Abrechnungszyklus Sie wählen. Das ist mein Affiliate-Link. Wenn Sie es verwenden, spart es Ihnen Geld und es macht mich ein wenig, so dass ich dies die ganze Zeit tun kann und mehr Tutorials zur Verfügung stellen kann. Es ist ein Win-Win-Win-für alle. Aber wenn du mich nicht magst und es nicht benutzen willst, kannst du versuchen, einen anderswo zu finden. Ich garantiere, dass dies das beste Angebot ist, das Sie bekommen werden, weil ich Host Gator angerufen und diesen speziellen Deal nur für meine Zuschauer ausgearbeitet habe. Lassen Sie uns das einfach sehr schnell überprüfen. Sie können sehen, dass wir unsere Domain-Registrierung für ein Jahr haben, die von 15 auf fünf Dollar gesunken ist, was großartig ist. Wir haben unseren Jungtierplan, ursprünglich 10,95$ betrug, die auf 7,67 ging, dann ist unsere Add-Ons nur unser Datenschutz, was wiederum, Ich empfehle. Gehen wir rüber zu, Entschuldigung, wir müssen den Bedingungen zustimmen. Sie haben gelesen und stimmen zu, und dann können Sie jetzt auf Kasse klicken. Sobald das abgeschlossen ist, wird es einfach alles für Sie einrichten. 3. Schritt 2: Installieren von WordPress: Jetzt gehen wir auf Schritt zwei, die WordPress zu installieren ist. Und WordPress ist im Grunde nur ein Website-Builder. Es macht tatsächlich etwa 30% des Internets, was eine Menge von verrückten Websites ist. Und es ist ziemlich einfach zu bedienen. Und ich werde es Ihnen Schritt für Schritt zeigen. Also lasst uns es installieren. Na gut, also geh einfach rüber zum Hosting-Tab hier oben. Und dann, was wir tun werden, ist auf WordPress gehen, Ein-Klick-Installation. Gehen Sie also voran und klicken Sie darauf. In Ordnung, also von hier aus werden wir nur wählen, wo wir WordPress installieren möchten. Also wählen wir Ihre Domain und ich wähle meine Domain aus. Ich hatte dort eine Reihe von Optionen. Sie werden wahrscheinlich nur einen haben. Dann klicken Sie einfach auf Weiter. Also, jetzt geben wir ihm einen Titel und das wird nur unser Name sein , weil das keine Firma ist. Dies ist eine persönliche Website. Wenn du also eine Firma hättest, könntest du den Namen dort setzen. Admin-Benutzer, ich werde nur meinen Namen und Vornamen, Nachname zu tun. Auch hier sind viele übermäßige Namen dafür, weil es sich um eine persönliche Website handelt. Und dann Admin-E-Mail. Also lasst uns unsere E-Mail machen. Cool. Und dann stimmen wir den Bedingungen einfach zu. Und klicken Sie dann auf Installieren. Jetzt ist WordPress installiert, genial. Und Boom, einfach so, es ist erledigt. So sehr wichtiger Schritt hier ist es, die Installationsdetails hier zu speichern. Also, was ich tun werde, ist, diese zu kopieren und dann werde ich sie einfach einfügen wo ich normale Passwörter und solche Dinge speichere , weil du dieses lächerliche Passwort brauchst, dieses S71 Yada, Yada. Aber um anfangs weiterzumachen, brauchen wir dieses verrückte Passwort. Also vergewissern Sie sich, dass Sie das speichern. Und dann klicken Sie einfach auf Login. Sie werden also auf diese Seite gebracht, weil Host Gator Ihren Domainnamen auf der ganzen Welt senden muss, der sich mit jedem Server verbinden muss und sagen „Hey, dieser Domainname existiert“, und dieser Prozess wird als Propagierung bezeichnet. Und sie sagen, es kann bis zu 24 Stunden dauern. Ich musste noch nie so lange dauern. Es ist normalerweise zwischen 20 Minuten und zwei Stunden. Also in etwa 20 Minuten, schauen Sie zurück. Und wenn Sie eine Seite sehen, die so aussieht, dann sind Sie gut zu gehen und wir können wieder mit dem Tutorial beginnen. Aber nimm es als obligatorische Pause, hol dir einen Snack und komm bald wieder. 4. Schritt 3: Melde dich an, und ändere dein Passwort: Also, sobald wir auf dieser Seite sind, können wir zu Schritt Nummer drei gehen, wo Sie sich anmelden und Ihr Passwort ändern. Weil wir dieses lächerliche verrückte Passwort nicht haben wollen, das wir früher gespeichert haben. Also lassen Sie uns voran und anstatt auf die kleine grüne Schaltfläche zu klicken, die Admin-Login sagt, ist die Art und Weise, wie Sie sich an die Anmeldung gewöhnen sollten, indem Sie zu Ihrem Domain-Namen gehen und /WP- Admin.Indem Sie dies tun, können Sie die ganze Zeit dieser kleine grüne Button nicht hier sein wird, sobald Sie Ihre Website veröffentlichen. Also lassen Sie uns einfach die Eingabetaste drücken. Jetzt können wir uns einloggen. So können wir entweder Ihren Benutzernamen oder Ihre E-Mail-Adresse verwenden. Ich werde nur meinen Benutzernamen machen, der nur Dale war, dann werde ich dieses verrückte Passwort machen. Ich habe meine gespeichert, also werde ich es einfach kopieren und einfügen und dann Login drücken. Alles klar, wir sind im WordPress-Dashboard und es gibt eine Menge Dinge, die hier los sind, also machen wir es viel einfacher zu navigieren und ein wenig sauberer aussehen. Also werden wir das einfach ablehnen und wir werden das X auf so ziemlich alles treffen. Lassen Sie uns einfach entlassen. Wir wollen, dass das so schön und sauber aussieht. Ich möchte Sie nicht erschrecken, wenn dies Ihr erstes Mal in WordPress ist. Also, jetzt, da wir uns eingeloggt und unser Dashboard bereinigt haben, ändern wir unser Passwort. Also lassen Sie uns nach unten zu den Benutzern gehen und dann zu allen Benutzer.Dann klicken Sie einfach auf Ihren Namen. Jetzt werden wir den ganzen Weg nach unten gehen und wir werden Passwort generieren und dann einfach löschen , dass wir kein anderes verrücktes Passwort wollen, wir wollen unser eigenes machen. Also lassen Sie uns voran und geben Sie einfach das Passwort ein, das Sie einfügen möchten. Jetzt drücken Sie das Profil aktualisieren und da gehst du. So ändern Sie Ihr Passwort und jetzt können Sie sich damit einloggen. So können Sie einfach Ihren Namen als Benutzernamen verwenden und Sie können sich jederzeit mit Ihrem neuen Passwort einloggen. Und denken Sie daran, tun Sie Ihren Domain-Namen /WP-Admin. Das ist, wie Sie sich bei WordPress für Ihre Website anmelden. 5. Schritt 4: Anpassen deiner Website: Alles klar, also der beste Teil, Schritt Nummer vier, ist, Ihre Website anzupassen. Also zuerst werden wir unser Thema zu bekommen, dann werden wir ein paar Plugins herunterladen, die uns viel helfen werden, und dann als nächstes werde ich Ihnen eine Vorlage geben, die Sie verwenden können, die eine Menge von der harten Arbeit wegnehmen wird. So können Sie einfach Drag & Drop und ersetzen Sie die Bilder, die Sie wollen, und ersetzen Sie Text und so weiter. Ich wollte es euch super einfach machen. Das erste, was wir tun, ist unser Thema zu bekommen. Unser Thema wird wirklich nur für unsere Kopfzeile und unsere Fußzeile verwendet werden. Also zeige ich dir, was ich meine. Ich gehe zu createaprowebsite.com, der meine Website ist. Wir werden nur das Thema rein für diese Kopfzeile hier oben bekommen, diesen weißen Teil, und dann die Fußzeile ganz unten. Dann wird der Page Builder, das ist ein Plugin, das wir bekommen werden, es heißt Elementor. Das ist es, was wir nutzen werden, um tatsächlich unsere gesamte Website zu gestalten. Aber das Thema, das wir nur für diesen Header bekommen wollen. Also gehen wir zurück und gehen zum Aussehen. Gehen wir einfach zu Themen. Jetzt von hier aus, scrollen Sie einfach nach unten, und Sie werden dieses Pluszeichen sehen, das sagt „Neues Thema hinzufügen“ klicken Sie einfach darauf. Dann gehen wir zu „Search Themes“, und wir geben „Ocean WP“ ein. Dann sehen Sie es hier, die, die sagt: „Tu es einfach“ Klicken Sie einfach auf „Installieren“ und klicken Sie dann auf „Aktivieren“, also jetzt, wo das aktiviert ist, wir werden auch ein paar Plugins installieren. Der erste wird Ocean Extra sein, was nur ein kleines Add-on ist, ein kleiner Bonus zu unserem Ocean WP Thema. Dann werden wir auch einen Page Builder namens Elementor installieren. Elementor ist, was uns erlauben wird, Drag & Drop und einfach visuell bauen unsere Seite. Also, um dies zu tun, gehen wir über, und gehen Sie zu „Plugins“ und gehen Sie dann zu „Add New“. Dann an der Spitze, werden Sie wahrscheinlich sehen dieses Thema empfiehlt das folgende Plugin, Ocean Extra. Sie können es entweder von hier aus installieren, oder Sie können es in der Such-Plugin-Leiste hier suchen. Aber wir werden zu tun beginnen Plugin direkt hier installieren. Wir werden einfach installieren. Es wird sagen, dass es Ocean Extra installiert. Dann sagt es jetzt Plugin erfolgreich aktiviert. Gehen wir also zurück zu „Plugins“ und gehen Sie dann zu „Neu hinzufügen“. Jetzt werden wir den Elementor Page Builder zu bekommen. Also lassen Sie uns gehen, um Plugins zu suchen, und wir werden einfach Elementor eingeben, wenn ich das richtig geschrieben habe. Dann Elementor Page Builder, der erste hier, hat es über eine Million aktive Installationen. Also gehen wir weiter und klicken Sie auf „Jetzt installieren“ Dann klicken Sie auf „Aktivieren“, so dass es Sie jetzt zu dieser kleinen Start-Seite bringen. Du kannst dir das Tutorial ansehen, wenn du willst, aber wir werden es einfach verlassen. Das brauchen wir nicht. Bevor wir also anfangen, unsere Website tatsächlich anzupassen, habe ich Ihnen eine Vorlage zur Verfügung gestellt, die wir jetzt installieren werden. Von Ihrem Dashboard sehen Sie hier den Elementor-Reiter. Gehen Sie einfach zu „Meine Vorlagen“ und dann statt „Neue Vorlage hinzufügen“ zu tun, so ist es tatsächlich, wie Sie sie erstellen, gehen Sie zu den „Vorlagen importieren“ oben, und dann wird es sagen „Wählen Sie Datei“ wir werden einfach „Wählen Sie Datei“, und meine sind auf meinem Desktop. Aber wenn Sie sie herunterladen, befinden sie sich wahrscheinlich in Ihrem Download-Ordner. Gehen Sie also zu persönlichen Website-Vorlagen, und wir machen zuerst die persönliche Website. Also habe ich die eigentliche Website-Vorlage und dann habe ich die Fußzeilenvorlage. Aber jetzt werden wir die persönliche Website-Vorlage zu tun und klicken Sie auf „Öffnen“ und dann „Jetzt importieren“ Jetzt gehen wir zurück zu „Vorlagen importieren“ wählen Sie die Datei und wird auch in dieser Fußzeile setzen, „Öffnen“ und „Jetzt importieren“. Jetzt haben wir unsere Website und unsere Fußzeilenvorlagen hier. Also lasst uns rüber gehen und eine Homepage machen. Gehen Sie also einfach zum „Pages Tab“ und gehen Sie dann zu „Neu hinzufügen“. Also von hier aus, schließen Sie einfach diese kleine wunderbare Welt der Blöcke Ding, schließen Sie das einfach und lassen Sie uns einfach diese Homepage nennen. Also dann auf der rechten Seite, gehen Sie einfach zu diesen Drop-Downs hier und klicken Sie auf „ Seitenattribute “ und ändern Sie dann die Standardvorlage in Elementor volle Breite. Das ist wirklich wichtig. Also von hier aus, dann gehen Sie einfach auf „Veröffentlichen“ und es wird sagen: „Sind Sie bereit zu veröffentlichen?“ Niemand schaut sich unsere Seite an. Das ist nur unsere Art, es zu retten. Klicken Sie einfach auf „Veröffentlichen“. Gehen Sie dann auf Ihren Namen oben links und klicken Sie auf „Website besuchen“ und öffnen Sie es in einem neuen Fenster. Klicken Sie von hier aus einfach auf „Anpassen“, und was wir tun wollen ist, dass wir jetzt gerade diese Homepage Seite erstellt haben, aber unser Thema, das Ozean WP ist, erkennt dies nicht als Homepage. Es zeigt uns immer noch diese Hallo Welt Post Vorlage, und wir wollen das loswerden. Wir wollen also die Verbindung zu unserer neuen Homepage herstellen, die wir gerade erstellt haben. Gehen Sie also zu den Homepage-Einstellungen und klicken Sie dann auf „Eine statische Seite“ und dann unter Homepage, klicken Sie auf „Select Button“ und dann einfach auf „Startseite“. Wenn Sie also auf „Entwurf speichern“ statt auf „Veröffentlichen“ geklickt haben, wird dies hier wahrscheinlich nicht angezeigt. Sie müssen auf Veröffentlichen klicken, damit diese neue Homepage angezeigt wird. Nun, da wir Homepage ausgewählt haben, können Sie sehen, dass wir diese volle Breite Seite haben, mit der wir jetzt spielen können, und wir können jetzt gehen, fügen Sie unsere Vorlage hinzu. Also von hier, klicken Sie wieder auf „Veröffentlichen“, und klicken Sie dann auf das „X“ und gehen zu „Seite bearbeiten“ Ich werde tatsächlich aus diesem alten Fenster hier schließen. Also von hier aus machen wir „Bearbeiten mit Elementor.“ Also hier ist der Spaß Teil jetzt können wir anfangen, tatsächlich Customizing. So funktioniert Elementor also, Sie können einfach auf diese neue Abschnittsschaltfläche klicken und dann einfach eine Struktur auswählen. Wir wählen einfach den Haupt aus. Wenn Sie auf dieses kleine Rubik's Cube suchen Symbol hier oben klicken, können Sie nun alle diese Widgets ziehen. So können Sie in einem Bild ziehen, wenn Sie möchten, oder Überschrift, die nur Text ist, und dann können Sie den Text ändern. Ich kann zum Beispiel einfach meinen Namen eingeben , und dann kannst du ihn bearbeiten, die Farben ändern, all das Zeug. Aber zuerst, was ich tun werde, ist unsere neue Vorlage hinzufügen , so dass alles für Sie gemacht wird. Ich wollte dir nur sehr schnell zeigen, wie das ganze Zeug funktioniert. Also zuerst gehen wir über die „Vorlage hinzufügen “, die diese kleine Ordnerschaltfläche ist, und dann gehen Sie einfach auf „Meine Vorlagen“ Dann sehen Sie unsere beiden Vorlagen, die wir importiert haben. Also machen wir die persönliche Website eins und klicken Sie dann einfach auf „Einfügen Button“. Dann heißt es: „Möchten Sie auch alle Dokumenteinstellungen importieren?“ Klicken Sie einfach auf „Ja“. Da gehen wir, also haben wir jetzt alle unsere Widgets, die ich für Sie hier erstellt habe. Aber es hat unser ganzseitiges Layout ruiniert. Also gehen wir zurück und ändern das. Auf der linken Seite hier sehen Sie „Seitenlayout“ ganz unten. Wenn Sie dies nicht sehen, finden Sie es unter der Registerkarte „Einstellungen“. Gehen Sie einfach zu „Elementor Full Width“, und jetzt ist es gerade wieder aktualisiert. So soll es also aussehen, wir werden diesen kleinen Titel hier oben loswerden. Wir werden unsere Kopfzeile machen, all das. Aber zuerst werden wir an diesen Hauptabschnitten arbeiten. Also habe ich all diese Beispielbilder hier für dich drin, die alle schwarz-weiß sind. Wir werden sie alle ändern. Wir werden Text ändern und so weiter. So wie Sie sehen können, Videos, Fotos Abschnitt, nur alles, was Sie brauchen Kontaktseite. Dann genau hier ist eigentlich, wo unser Kontaktformular gehen wird. Ich zeige dir später, wie du das machst. Also gehen wir den ganzen Weg nach oben und öffnen wieder diese kleine Seitenleiste. So öffnen und schließen Sie es. Klicken Sie einfach auf „Update“ jetzt, wo wir das importiert haben, und wir werden diesen kleinen Titel hier oben loswerden. Also lassen Sie uns zu diesen kleinen drei Zeilen gehen, sieht aus wie ein Hamburger, klicken Sie darauf und gehen Sie dann zu „Exit to Dashboard“. Dann gehen Sie nach oben, um die Seite wieder zu besuchen. Sie müssen es diesmal nicht in einem neuen Fenster öffnen und dann einfach auf Anpassen klicken. Diese Registerkarte Anpassen ist, wie wir unser Thema anpassen und dann die Bearbeitung mit Elementor Registerkarte ist, wie wir unsere Hauptseite anpassen. Moment ist dieser Titel hier Teil dieses Themas, also wollen wir das loswerden. Gehen wir auf die Registerkarte Allgemeine Optionen und dann gehen Sie von hier zum Seitentitel. Dann gehen wir einfach unter Stil und es ist jetzt standardmäßig, wir werden das in versteckt ändern. Jetzt ist es weg, was fantastisch ist. Lassen Sie uns auf „Veröffentlichen“ klicken und dann einfach auf das X klicken und gehen Sie zurück, um mit Elementor zu bearbeiten. Gehen wir weiter und ändern Sie dieses Hauptbild hier zu einem unserer eigenen. Wenn Sie mit mir folgen, habe ich auch einen Ordner voller Folgebilder für Sie zur Verfügung gestellt, die Sie finden können, indem Sie auf die Registerkarte Projekte gehen und unter Ressourcen suchen. Die einzigen, die nicht mit kommen, sind Bilder von mir, weil dies meine Website ist, also werden Sie wollen, um ein Bild von sich selbst in diesem Abschnitt zu setzen. Um dies zu tun, klicken Sie einfach mit der rechten Maustaste und klicken Sie dann auf Bearbeiten Abschnitt und dann, wenn wir über den Stil gehen, sehen Sie die Registerkarte Hintergrund. Wenn es geschlossen ist, öffnen Sie es einfach und dann können Sie die Bilder hier sehen. Wenn Sie hier nichts haben, wird es wahrscheinlich ungefähr so aussehen und Sie können einfach auf „Classic“, „Hintergrundtyp“ klicken und dann einfach zum Bild gehen. Laden wir unser eigenes Bild hoch. Von hier aus haben Sie Ihre Mediathek, die momentan nichts enthält. Nun, eigentlich hat es die Beispielbilder, die ich bei dir gegeben habe, damit du die da drin behalten kannst. Wir haben unsere Musterziege hier drüben. Gehen wir zurück, um Dateien hochzuladen und lassen Sie uns hier ein Bild von uns hochladen. Meine Bilder, und dann werde ich nur dieses von mir auswählen und auf „Öffnen“ klicken. Klicken Sie dann auf „Medien einfügen“. Eine Sache zu beachten, über das Setzen von Bildern auf Ihrer Website ist, wenn es viel zu hohe Qualität gibt, könnte es fantastisch aussehen, aber Ihre Website wird ewig dauern, um zu laden, was wir nicht wollen. Wir wollen, dass es innerhalb von ein oder zwei Sekunden geladen wird. Um dies zu beheben, können Sie zu Optimizilla gehen. Hier gehen wir optimizilla.com, es hat diesen alten Dinosaurier-Typ. Sie können einfach auf „Dateien hochladen“ klicken und dann Ihr Bild auswählen und es öffnen und was die Website tun wird, ist Ihr Bild zu komprimieren. Es wird eine automatische Komprimierung für Sie tun und wenn Sie nach unten scrollen, können Sie den Unterschied sehen. Sie sehen im Moment ziemlich ähnlich aus, wenn ich es wirklich komprimieren wollte, könnte ich es auf wie eine 45 bringen und Sie werden wahrscheinlich ein bisschen mehr von einem Unterschied sehen, da gehen wir. Sie können sehen, dass es ein wenig mehr pixelig ist, aber was dies tut, ist viel Speicherplatz zu sparen und es wird viel schneller geladen. Ich werde nicht so viel gehen. Ich würde sagen, ein 70 ist eine ziemlich gute Kompression, irgendwo um 70 und dann klicken Sie auf „Übernehmen“ und dann einfach das Bild herunterladen. Jetzt habe ich dieses Bild tatsächlich schon komprimiert, also werde ich nur das in meinen Downloads lassen. Gehen wir zurück zu Elementor. Auch hier war dieser bereits komprimiert, daher sollte er gut geladen werden. Was Sie tun können, um Ihre Position Ihres Bildes zu ändern, Sie können sehen, dass ich gerade im Zentrum bin, Sie können Top-Center tun und es wird die Dinge ein wenig nach unten bewegen. Sie können unten in der Mitte, bringt mich ein bisschen höher. Wenn ich die Seite so anschaue, habe ich ursprünglich Center-Center ausgewählt, weil es einfach am besten aussieht. Dann haben wir diesen Parallaxen-Effekt jetzt los. Immer wenn ich scrolle, bewegt sich das Bild selbst nicht. Wenn Sie möchten, dass es verschoben werden soll, können Sie unter Anhang klicken und es ändern, um einen Bildlauf zu erstellen, und das wird jetzt mit dieser Seite verschoben. Ich liebe den Parallax-Effekt, also gehe ich zurück zu dem und klicke auf „Fixed“. Sie können auch die Größe ändern, gerade jetzt ist es auf Abdeckung eingestellt. Sie können enthalten, was lächerlich aussieht, weil Sie nur das Bild wiederholen. Meiner Erfahrung nach ist Cover der beste Weg zu gehen. Wenn Sie nun nicht möchten, dass dieser Bildblock hier so breit ist, können Sie auf die Layout-Registerkarte gehen und dann sehen Sie die Höhe, die auf minimale Höhe eingestellt ist. Wenn es standardmäßig ist, ändern Sie es auf minimale Höhe und dann habe ich es jetzt auf eine 780 gesetzt. Sie können das auf so etwas hinunter bringen und Sie können sehen, dass es jetzt viel kleiner ist, wenn Sie diesen Stil mögen. Ich liebe dieses große erste Bild, es ist das, was am meisten über dich sagt. Ich bin ziemlich draußen, also habe ich ein Foto von mir im Freien. Ich gehe einfach zurück und ändere das auf 780, ich mochte es so, wie es war. Jetzt habe ich Ihnen gezeigt, wie Sie dieses Hauptbild bearbeiten können. Wenn Sie wollten, oder sagen wir, Sie wollten, dass diese Wörter ein wenig mehr hervorstechen, was Sie tun können, ist, gehen Sie auf die Registerkarte „Stil“ und schließen Sie dann die Registerkarte „Hintergrund“ und gehen Sie dann zum Hintergrund-Overlay. Was Sie tun können, ist eine Farbe dafür einstellen oder auf den „Classic“ klicken , der ein kleiner Pinsel ist. Klicken Sie hier auf „Farbe“ und dann, was Sie tun können, ist die Überlagerungsfarbe zu ändern. Was Sie tun können, ist, den ganzen Weg zu Schwarz zu gehen, wenn Sie wollen, und dann ist die Deckkraft, wie dunkel oder wie hell Sie wollen, dass das sein. Ein Eins ist wie ein 100 Prozent und dann ist eine Null offensichtlich Null Prozent. Wenn du wolltest, könntest du das tun. Ich mag, dass das Hauptbild kristallklar ist. Ich kann die Worte schon ganz gut sehen. Ich werde dies zurück zu transparenten und engen Hintergrund-Overlay bringen. Wir werden das tatsächlich für diese Abschnitte hier unten tun. Diese haben bereits Hintergrundüberlagerungen. Aber für diesen hier würde ich es mögen. Lasst uns unsere Texte ändern. Ziemlich einfach. Sie doppelklicken und Sie können es entweder direkt dort auf der Seite bearbeiten. Ich könnte meinen Namen setzen und ich mache alle Mützen, ich mag es, groß und mutig und wichtig zu sein. Oder Sie können es hier ändern, unter Titel oder wenn Sie wollten auch Sie alles auf der linken Seite setzen oder Sie könnten es auf der rechten Seite setzen und so weiter, indem Sie die Ausrichtung ändern. Was darunter ist, ist eine Trennwand. Ich wollte nur diesen kleinen Raum zwischen meinem Namen und dem, was ich tue. Der Teiler, wenn Sie darauf klicken, Ich werde sehen, ob ich scrollen kann, um das in einem besseren Ort zu bekommen, da gehen wir. Wenn Sie darauf klicken, können Sie die Breite ändern. Moment ist es bei 41, du schaffst es den ganzen Weg raus. Sie können es zu einer wirklich kleinen Linie machen, wenn Sie wollen. Ich gehe einfach zurück zu 41. Sie können das Gewicht ändern. Ich habe es auf zwei gesetzt. Sie können es wirklich dick machen, wenn Sie wollen. Ich mag die dünne Linie. Dann ersetzen wir jetzt diesen Text durch coole Sachen, die wir tun. Ich habe diesen Satz auf Kursiv, also sieht es ein wenig anders aus als unsere Hauptüberschrift. Setzen wir das als Videofilmer. Ich habe einen Hintergrund in Video und Fotografie. Ich reise gerne und mache ein paar Filme und so, also werde ich etwas davon auf meiner Website setzen. Ich mache Videofilmer, ändere das zu Fotografen. Und dann natürlich, was ich gerade mache, Web-Entwickler. Und wenn es nicht kursiv oder Sie es vielleicht kursiv ändern möchten, können Sie alles auswählen. Und dann erscheint dieses kleine Menü und Sie können entweder darauf klicken oder aufheben , wenn Sie möchten. Ich mag es kursiv. Wenn Sie also die Schriftart ändern möchten, habe ich diesen Teil für den eigentlichen Haupt-Header vergessen . Nehmen wir an, Sie wollen diese Schriftart nicht. Doppelklicken Sie auf das, oder tatsächlich, Sie können einfach das ganze Widget selbst auswählen, indem Sie auf dieses Stift-Werkzeug klicken. Und dann geh zum Stil und geh dann zur Typografie, und du wirst dieses kleine Stift-Werkzeug wieder sehen. Klicken Sie darauf, und Sie können die Schriftfamilie ändern, was Sie wollen. Also habe ich es auf Standard gesetzt. Ich wähle einfach einen nach dem Zufallsprinzip aus. Lass uns das machen. So können Sie die Schriftart ändern, aber ich gehe zurück zum Standard. Und dann können Sie auch die Größe ändern. Also ist es auf eine 60. Sie können es riesig machen, Sie können eine kleinere, dachte 60 war ein ziemlich guter gleichmäßiger Punkt. Und dann haben Sie hier unten Ihre üblichen Textbearbeitungseinstellungen. Also, gehen wir runter und lassen Sie uns an diesem Abschnitt über mich arbeiten. Klicken wir also auf diesen Abschnitt. Der knifflige Teil hier ist, dass Sie einen Abschnitt haben, der das Blau ist, das ist der gesamte Abschnitt. Und dann innerhalb dieses Abschnitts haben Sie zwei Spalten. Und diese beiden Spalten sind auf volle Breite eingestellt. Es kann also ein wenig schwierig sein, das eine oder andere auszuwählen. Also zeige ich dir einen kleinen Trick. Wenn Sie den eigentlichen Abschnitt auswählen möchten, können Sie mit der rechten Maustaste in den blauen Bereich nach oben klicken und einfach auf Abschnitt bearbeiten klicken. Wenn Sie die Spalte auswählen möchten, sehen Sie dieses kleine graue Symbol. Sieht aus wie zwei Säulen. Sie können einfach mit der rechten Maustaste darauf klicken und auf Spalte bearbeiten klicken. Nun, da wir das getan haben, wollen wir tatsächlich die Spalte ausgewählt haben, zum Stil gehen und dann können wir den Hintergrund ändern. Also lassen Sie uns dieses löschen und fügen wir ein neues hinzu. Also, ich gehe zurück, um Dateien hochzuladen, Dateien auszuwählen, und dann werde ich einfach dieses Foto von mir auswählen. Also nochmal, das sind die einzigen beiden Fotos, die du nicht bei dir hast. Du solltest eins von dir selbst setzen. Klicken Sie also auf Öffnen. Und wieder, vergessen Sie nicht, Ihre Bilder zu komprimieren. Also gehen wir rüber, um Medien einzufügen. Da sind wir. Und dann von hier aus, lassen Sie uns auf diese Spalte klicken, so dass Sie entweder darauf klicken oder mit der rechten Maustaste klicken und Spalte bearbeiten drücken. Gehen wir nochmal zum Stil, und wir werden diesen Hintergrund auch ändern. Also löschen Sie das. Und fügen wir ein neues hinzu. Gehen Sie zum Hochladen von Dateien, wählen Sie Dateien und dann die Folgen entlang der Bilder. Wir doppelklicken darauf. Und ich füge die von dieser Wüste hinzu, ich mag diese Wüste. Also werde ich mit diesem Thema im Freien gehen, und ich werde eine Art heiße und kalte Kontraste zu tun. Ich werde viele Wüstenfotos mit Schneefotos vermischt haben. Von hier aus klicken wir einfach auf Medien einfügen. Und Sie können sehen, dass dies jetzt ein Hintergrund-Overlay darüber hat. Also lassen Sie uns das schließen. Und wenn Sie das bearbeiten möchten, gehen Sie einfach zum Hintergrund-Overlay. Und dann können Sie die Deckkraft ändern. Also, ich könnte es heller, dunkler, und so weiter. Und wenn du jemals etwas tust und du so bist, oh Mist, muss ich das rückgängig machen. Drücken Sie einfach Kontrolle Z und Sie können rückgängig machen. Und wieder können Sie auch die Farbe dieses Overlays ändern. Ordnung. Bearbeiten Sie diesen Text auf die gleiche Weise, Sie können einfach doppelklicken. Wenn Sie zum Stil gehen, können Sie die Schriftart usw. und die Textfarbe ändern. Das habe ich dir schon gezeigt. Also hier fügen Sie einfach hinzu, was Sie über sich selbst wollten. Ich werde es einfach lassen. Und dann jetzt unser Knopf. Das ist also ein lustiger Teil. Also, wenn Sie auf das kleine Stiftsymbol klicken hier, oder klicken Sie mit der rechten Maustaste und tun Sie die Schaltfläche bearbeiten. Es bringt uns dorthin, wo wir jetzt den Knopf wechseln können. Also schrieb ich sehen Portfolio hier. Und Sie können einen beliebigen Link dafür einfügen, den Sie darin einfügen möchten. Wenn Sie also einen separaten Link zu Ihrem Portfolio haben, können Sie das hier einfügen. Ich habe dieses Setup als Anker, um zu meinen Filmen Abschnitt oder Videos zu gehen, die, wenn ich den Knopf drücke, würde es tatsächlich zu diesem Abschnitt springen. Also, ich werde das eigentlich verlassen und ich werde Ihnen zeigen, wie Sie diese Anker ein wenig später erstellen können. Aber hier würden Sie Ihre URL einfügen. Und wenn Sie alles über die Schaltfläche ändern möchten, wie den Stil und so weiter, gehen Sie einfach zum Stil. Sie können den Schaltflächentext ändern, indem Sie auf Typografie klicken. Und Sie können die Textfarbe, die Hintergrundfarbe ändern. So wird die Textfarbe automatisch auf Weiß gesetzt. Wenn ich die Hintergrundfarbe ändern möchte, kann ich das. Also, wenn ich mich an diese Farbe erinnern will, werde ich das einfach kopieren. Jetzt kann ich es ändern. Also, wenn ich will, dass es grün ist und so weiter. Für Knöpfe empfehle ich Sachen wie Orange. Ich empfehle eine Art hellblau und ein grün. Sie zeichnen sich wirklich gut aus, unter allem anderen. Und Ihre Schaltflächen sind Ihr größter Aufruf zu Aktionen auf Ihrer Website. Also, wenn Sie etwas verkaufen oder Sie möchten, dass die Leute auf Ihr Portfolio klicken, diese schönen mutigen Buttons ist eine großartige Idee. Also, ich gehe einfach zurück zu meiner ursprünglichen orangefarbenen Farbe. Und dann werde ich das schließen. Und dann die Hover-Farbe, wenn Sie auf die Hover-Registerkarte klicken, ist dies eine dunklere Orange. Also, wenn ich es durchgehe, kann man sehen, ich habe es wachsen und ich habe es ein bisschen dunkler. Sagen wir mal, ich möchte das noch dunkler machen. Ich werde das einfach so runterbringen. Und Sie können jetzt sehen, dass es eine bräunliche, orange-ish ist. Schließen Sie das also und dann wird die Hover-Animation auf Wachstum eingestellt. Damit du alles tun kannst, was du willst. Nehmen wir an, drehen Sie sich die ganze Taste ein wenig, so dass Sie wählen können, was Sie wollen. Ich mag nur die regelmäßige wachsen, schön und einfach. Und sobald Sie alle diese Elemente erstellt haben, spielt es keine Rolle, ob es sich um einen ganzen Abschnitt oder nur um eine Schaltfläche handelt. Was Sie tun können, ist, klicken Sie mit der rechten Maustaste hier und klicken Sie dann einfach auf Duplikat. Und dann kannst du die neue Schaltfläche überall hin ziehen, wo du sie willst. Also, wenn ich es hier runterlegen wollte, könnte ich es. Das ist also genial. Also werde ich Z kontrollieren und das loswerden. Ok. Also lasst uns runtergehen und diese Ziege ersetzen. Wir müssen unsere Probenziege loswerden. Also, wenn Sie einfach mit der rechten Maustaste auf diesen Bereich und bearbeiten Abschnitt, gehen Sie zu Stil, löschen Sie ihn. Setzen wir unser neues ein. Gehen Sie also zum Hochladen von Dateien, wählen Sie Dateien aus. Und ich werde die Wüste zwei auswählen. Ich mag dieses epische Bild. Es ist eigentlich ein Foto, das ich in Peru gemacht habe, von meinem Kumpel Alex, der auf den Dünen steht. Das ist also cool. Also lassen Sie uns Medien einfügen. Und da gehen wir. Das ist auch Parallaxe, also ist es cool. Es geht von diesem Bild von mir und dann, bam zu ihm. Niemand wird das wissen, das bin ich nicht. Also werde ich nur so tun, als wäre ich das. Wenn Sie dies verkleinern möchten, gehen Sie zur Layout-Registerkarte und ändern Sie dann die minimale Höhe nach oben oder unten, wie Sie möchten. Ordnung. Also, ich habe diese Symbole hier drin. Also lasst uns diese ändern. Also die Art, wie ich diese bekam, war wieder, gehen Sie zu diesem Rubiks Würfel suchen Symbol. Und das sind nur normale Symbol, sie sind Icon-Boxen tatsächlich. Also, wenn Sie das hineinziehen, ist es, wie Sie diese erstellen. Also lasst uns diese ändern. Also lassen Sie uns auf diese Schaltfläche klicken oder rechts. Es wird mir immer wieder sagen, ob ich weiß, wie man mit der rechten Maustaste klickt, klicken Sie einfach. Hab es. Wie auch immer, bearbeiten Sie das Symbolfeld und Sie können den Text ändern. Sie können den kleinen Titel hier ändern. Also lasst uns das in Filme ändern. Wenn ich das richtig buchstabieren kann, gehen wir, Filme. Und Sie können das Symbol ändern. Also klicke ich einfach darauf. Geben wir einen Film ein. Und wir kriegen diesen kleinen Filmstreifen. Hier sind eine Million Symbole. Nicht wirklich Millionen, aber es gibt eine Menge. Sie können alle Arten von verschiedenen auswählen. Und ich habe auch diesen Hover eingestellt, um irgendwie blau zu werden und zu wachsen. Also, wenn du das ändern wolltest, geh einfach zum Stil und dann zum Schweben. Und Sie können diese Farbe und die Animation ändern. Und wenn Sie sich auf der normalen Registerkarte befinden, können Sie die Größe des Symbols, wenn Sie möchten, und die Farbe sowie unter der Primärfarbe ändern . Also lasst uns das in Fotos ändern. Und wir machen einfach ein Kamerasymbol. Und wir werden das in Webdesign ändern. Und dann ändern Sie es zu einem Laptop. Nun, wenn Sie diese mit Dingen verknüpfen wollen. Also jetzt, wenn Sie über sie schweben, ist es wie ooh, ich kann darauf klicken. Also, wenn Sie wollen, dass es tatsächlich zu einem Link gehen, gibt es eine kleine Schaltfläche, die Link zu sagt, oder sorry, kleinen Abschnitt, der Link zu sagt. Und Sie können einfach Ihre URL dort eingeben. Und wieder, Sie könnten dies als Sprungknopf zu woanders tun, was ich Ihnen bald zeigen werde. Eigentlich, nein, ich werde es dir jetzt zeigen. Also lasst uns Hashtag machen. Sie müssen also immer Hashtag tun, wenn Sie zu einem anderen Teil derselben Seite verlinken. Also lasst uns Hashtag-Filme machen. Und was wir tun wollen, ist einfach diesen Sprung bis zu diesem Abschnitt zu haben. Und wir wollten so landen. Also musst du das nicht wirklich einstellen. Alles, was Sie tun müssen, ist den Abschnitt auszuwählen. Also, wenn ich mit der rechten Maustaste in diesen blauen Bereich hier oben, und bearbeiten Abschnitt, was wir tun werden, ist zu fortgeschritten gehen, und hier werden wir eine Klassen-ID erstellen. Also werden wir nur diese Filme nennen, ohne Hashtag. Und was das bedeutet, ist, hey, das ist der Filmbereich. Also, wenn wir diesen Knopf drücken, wird es einfach gehen, oh, ich weiß, was es ist und dann zu ihm gehen. Also lass mich dir zeigen, wovon ich rede. Klicken Sie also auf Update. Und dann werde ich das schließen und es dir zeigen. Also, wenn ich auf diesen Knopf klicken würde, Boom, dann gehen wir. So erstellen Sie eine Sprungtaste. Wirklich cool. Ich liebe einseitige Designs. Also Sprungknöpfe sind wie mein bester Freund. Also lassen Sie uns diese wieder öffnen und lassen Sie uns die Fotos ein gehen zu #photos und Web-Design wird zu #web Design gehen. Und ich gehe runter und ändere die auch. Also Fotobereich, stellen Sie sicher, dass Sie auf dem Hauptbereich sind, nicht nur eine dieser Spalten oder Widgets. Hauptbereich, gehen Sie zu fortgeschritten, Klassen-ID, nennen wir es Fotos. Und das muss perfekt mit dem übereinstimmen, was Sie als Hashtag einfügen. Und lassen Sie uns auf Web-Design gehen, Rechtsklick, erweiterte, Web-Design. Und während wir hier sind, wechseln wir auch den Kontakt. Klicken Sie also mit der rechten Maustaste auf Erweitert und Kontakt, und klicken Sie einfach auf Update. Nun, wenn ich auf eines von ihnen klicken würde, Boom, bringt mich runter. Sie arbeiten alle. Lasst uns unsere Titel ändern. Ich möchte nicht, dass das Videos mehr speichert. Ich werde darauf doppelklicken und ich werde Filme speichern. Ich habe dieses Set, wo es nur zwei Videos zeigt. Was ich getan habe, um diese Videos zu bekommen, ist zu diesem kleinen Zauberwürfel-Symbol zu gehen, und dann ist es nur das Video-Widget und dann ziehen Sie sie einfach hier.Aber ich habe bereits zwei Satz hier drin. Nehmen wir an, du wolltest vier. Was Sie tun möchten, ist zwei Spalten zu haben, die Art, wie wir es haben, und diese Spalten haben Widgets in ihnen. Es gibt den Hauptabschnitt, eine Spalte und dann ein Widget, ist dieser. Wenn ich wollte, könnte ich mit der rechten Maustaste klicken und das duplizieren. Es wird jetzt eine unten erstellen und ich könnte das gleiche hier tun. Jetzt habe ich vier und meine Seite öffnet sich automatisch, um diesen Raum zu schaffen. Aber ich möchte nur zwei verlassen, also werde ich diese löschen. Ich will dir nur zeigen, wie das geht. Ich werde mich ändern. Erst bevor wir diese Videos ändern, werde ich diesen Button ändern. Ich werde darauf klicken oder mit der rechten Maustaste klicken. Dann möchte ich sicherstellen, dass ich hier den richtigen Link habe. Im Moment hat es den Link zu meinem YouTube-Kanal. Wenn ich darauf klicken würde, wird es in einem neuen Fenster geöffnet. Es geht zu meinem Travel Channel. Wie gesagt, Ich mag es, Videos zu machen und ich mag zu reisen, also habe ich sie einfach zusammengestellt und diesen anderen YouTube-Kanal gemacht, hat nicht viele Abonnenten, aber jetzt, wenn Sie es abonnieren wollen, gehen Sie direkt vor. Lassen Sie uns zurück und stellen Sie sicher, dass Link geändert wird.Dann, wenn wir diese Videos ändern möchten, klicken Sie einfach mit der rechten Maustaste auf „Video bearbeiten“ und dann in einer neuen URL setzen. Ich werde die automatische löschen, die sie dort für mich haben . Ich gehe zurück zu meinem YouTube-Kanal und ich werde nur ein Video zu greifen.This Peru eins ist meine beliebteste. Ich werde darauf klicken und ich werde die URL oben greifen. Gehen wir einfach zurück und legen das rein und dann gehen wir. Da ist mein Video drin. Hier können Sie eine Reihe der Einstellungen ändern. Sie können es automatisch spielen. Sie können die Player-Steuerelemente loswerden, Sie können es Schleife machen, und so weiter. Die Videogröße hängt vom Platz ab, in dem es sich befindet. Nehmen wir an, ich hatte nur eine Spalte statt zwei, und dieser Raum war doppelt so groß. Es kam hier runter. Dieses Video würde doppelt so groß aussehen. Es reagiert, um in bestimmte Räume zu passen. Behalten Sie das im Hinterkopf. Lasst uns das ändern. Lassen Sie uns mit der rechten Maustaste auf den kleinen Stift, „Video bearbeiten“. Lasst uns das löschen und lasst uns ein weiteres Video schnappen. Ich mache mein Nicaragua-Video. Da gehen wir. URL, kopieren und lassen Sie uns das in. Ehrfürchtig. Weiter, Fotos, das Gleiche. Sie können dies auf die gleiche Weise bearbeiten. Wenn wir diese Fotos ändern wollen. Sie können sehen, jetzt haben wir eine große große Spalte und der Grund ist, dass dies tatsächlich eine Galerie ist. Anstatt auf ein einzelnes Bild zu klicken, habe ich dieses Setup als Galerie, die ein eigenes Widget ist. Wenn wir auf „Bildgalerie bearbeiten“ klicken, können wir das ganze Widget bearbeiten und wir haben vier verschiedene Bilder hier. Der Grund, warum ich nicht so eingerichtet habe, ist, weil wenn Sie auf einen klicken, wird es in dieser kleinen Lichtbox Sache hochziehen. Es wird den Rest Ihrer Website dunkler machen. Sie können auf die Pfeile klicken und durch Bilder blättern, was wirklich cool ist. Lasst uns diese bearbeiten. Gehen wir zurück. „Bildgalerie bearbeiten.“ Lässt diese Bilder löschen. Es wird sagen: „Galerie zurücksetzen“. Wir sagen einfach: „Löschen“. Wir gehen zu „Bilder hinzufügen“. Dann gehen wir zu, „Bilder hochladen“ „Dateien auswählen“. Lasst uns Machu Picchu schnappen, wir schnappen uns die Kathedrale, die Wüste und den Wasserfall. Das sind eigentlich alle Bilder, die ich auf meinen Reisen gemacht habe. Ihr alle habt das. Bitte verkaufen Sie sie nicht weiter. Wenn du mir wenigstens einen Teil des Geldes gibst. Stellen Sie sicher, dass alle ausgewählt sind. Alle vier von ihnen sind ausgewählt. Lassen Sie uns „Erstellen Sie eine neue Galerie.“ Dann können Sie zuerst auswählen, welches Bild Sie möchten. Ich zeige nur, dass du die ändern kannst. Machen wir zuerst Machu Picchu. Gehen wir in die Galerie. Da gehen wir. Jetzt haben wir alle vier Bilder hier drin. Nun, wenn Sie bemerken, was zum Teufel, warum ist dieser größer als der andere? Es ist das ganze Aussehen weggeworfen. Das sieht nicht gut aus. Lasst uns das reparieren. Wenn Sie zurück zu „Bilder hinzufügen“ und dann gehen wir zu „Galerie bearbeiten“. Klicken wir auf dieses Wasserfallbild. Das war derjenige, der größer war. Eigentlich, klicken Sie auf eine dieser, so dass Sie sehen können, die Größe ist 1920 x 1080, und der Wasserfall ist 2048 von 1365. Lasst uns das ändern. Gehen wir zu „Bild bearbeiten“. Wir gehen zu „Seitenverhältnis“ und wir werden das auf 1920 um 1080 ändern. Dann werden wir einfach ziehen. Du wirst einfach irgendwo hier klicken und das nach oben ziehen. Nun, das hat das perfekte Seitenverhältnis von 1920 und dann wählen Sie einfach die Ecke und ziehen Sie die so, dass es in voller Breite ist , und stellen Sie sicher, dass es positioniert ist, wo Sie es wollen. Ich werde einfach so etwas sagen. Klicken Sie dann erneut auf das kleine Werkzeug „Bild zuschneiden“. Jetzt haben wir gerade unser Bild zugeschnitten. Lasst uns „Speichern“ drücken. Es gibt ein paar Klicks, um das tatsächlich zu tun. Es war verwirrend, als ich es zum ersten Mal tat, also stelle sicher, dass du all diese Schritte machst. Jetzt lassen Sie uns einfach „Galerie einfügen“ und jetzt ist das Bild behoben. So sieht es jetzt schön und sauber aus. Wieder, wenn wir auf diese klicken, können wir einfach durch alle gehen. Cool. Weiter, nächster Abschnitt, „Website-Design“. Stellen Sie sicher, dass Sie diese Schaltfläche ändern. Ich habe dieses Set ist blau. Es geht nur zu meinen Kontakten. Ich habe ein Exemplar bekommen. Sagen wir mal, jemand wollte, dass ich seine Website mache, ich würde nur wollen, dass das den ganzen Weg runter auf meine Kontaktseite springt. Wieder zeige ich Ihnen, wie Sie ein Kontaktformular machen. Stellen Sie sicher, dass Sie das bearbeiten und wenn wir möchten, damit Sie sehen können, dass es sich um einzelne handelt. Dies sind alle Symbolfelder. Wenn ich zu dem kleinen Zauberwürfel gehe und ich ursprünglich in die Symbolbox gezogen habe und was ich tat, war, anstatt zu haben, oben und unten so zu sein, habe ich Augenkomposition gemacht und ich ging weg und das ist, wie ich es so aussehen ließ. Sie können auch richtig machen, wenn Sie es auf der rechten Seite des Bildschirms setzen möchten. Aber lasst uns das einfach löschen. Ich wollte dir nur zeigen, wie ich das gemacht habe. Ich kann auch Links zu all diesen erstellen. Im Moment habe ich diese nur als Symbole, um dir zu zeigen, was ich tue und all diese. Ich kann eine kleine Beschreibung schreiben. Aber wenn ich wollte, könnte ich sie tatsächlich zu verschiedenen Abschnitten verknüpfen lassen , indem ich hier einen Link einfüge. Dann drüben in dieser Spalte ist nur, wo ich Beispiele für einige andere Websites habe ich gemacht, die, wenn Sie einige meiner folgenden sind, das ist mir seit einer Weile folgen, sind eigentlich alte Tutorials, die ich getan habe. Sie können diese auch ändern, indem Sie einfach dort klicken und dann „Bild auswählen“ tun und Ihre eigenen Bilder einfügen. Ich habe eigentlich schon vergessen, ich habe die Hintergründe hier nicht geändert, also gehen wir zurück zum „Filmbereich“ und machen Sie „Abschnitt bearbeiten“, gehen Sie zur Registerkarte „Stil“. Lasst uns diesen Hintergrund ändern. Löschen Sie das. Machen wir ein Bergfoto. Willst du es ein wenig vermischen und auch das auf Fix setzen, was unsere Parallaxe ist. Lassen Sie uns zum Fotobereich gehen, ändern Sie diesen Hintergrund, um Stil zu gehen, loswerden Probe Ziege. Dann wählen Sie einfach die Wüste und tun Sie „Medien einfügen“. Dann gehen wir runter zu „Website-Design“ und dann machen wir „Abschnitt bearbeiten“. Ändern Sie diese, um zu gehen „Dateien hochladen“, wählen Sie Dateien und lassen Sie uns den Space ein. Klicken Sie auf „Öffnen“, „Medien einfügen“ und jetzt haben wir unseren Raum, der cool ist. Dann schließlich, lassen Sie uns Kontakt tun, „Abschnitt bearbeiten“, Probe Ziege und lassen Sie uns unsere letzte hochladen. Was haben wir noch nicht ausgewählt? Die Dünen. Lass uns das machen. Klicken Sie dann auf „Medien einfügen“. Da gehen wir. Bevor wir mit unserem Kontaktformular fortfahren, möchte ich Ihnen nur zeigen, ob Sie die Farben all dieser verschiedenen kleinen Titelabschnitte ändern möchten , klicken Sie einfach mit der rechten Maustaste, gehen Sie zu „Style“ und gehen Sie dann zu „Farbe“. Ich habe dieses Set als sehr dunkelgrau. Vollschwarz ist etwas, das Sie nicht auf Ihre Websites setzen möchten. Vollschwarz, sieht einfach nicht ganz so professionell aus wie ein Dunkelgrau, so dass viele Unternehmen dunkelgrau machen werden. Wieder, mit einem Weiß, könnten Sie entweder ein volles Weiß machen oder Sie könnten ein Off Hellgrau machen und dann können Sie Ihren Titel in Schwarz ändern. Das musste nur die Farben dieser Abschnitte ändern. Wieder, wenn ich etwas wirklich Dunkles machen will, mache ich einfach 1_c, 1_c, 1_c. Dies ist nur ein sehr dunkelgrau. 6. Schritt 5: Richte ein Kontaktformular ein: Schritt Nummer 5 besteht darin, unser Kontaktformular einzurichten. Um unser Kontaktformular zu erhalten, lassen Sie uns dies einfach aktualisieren und dann gehen wir zu diesem kleinen Hamburger-Symbol und gehen dann zu Exit to Dashboard. Dann gehen Sie zu Plugins und gehen Sie dann zu Neue hinzufügen und dann gehen wir einfach zu Such-Plugins und wir werden in Kontaktformular eingeben 7 elementor und dann, wenn wir nach unten gehen, werden Sie das Kontaktformular 7 Widget für elementor Seite Builder sehen. Das ist die, die wir wollen, also klicken Sie einfach auf Jetzt installieren und dann auf Aktivieren. Nun, da man aktiviert ist, gehen wir zurück zu Add new, und wir werden das Kontaktformular 7 Plugin bekommen. Einer war nur das Widget für elementor und das andere ist das eigentliche Kontaktformular-Plugin also jetzt auf dem Kontaktformular 7 Plugin installieren und dann aktivieren.Okay cool. Nun, da das erledigt ist, gehen Sie einfach zu dieser linken Seite und Sie werden den Kontaktabschnitt sehen. Klicken Sie einfach auf das Kontaktformular und dann werden Sie sehen, wir haben Kontaktformulare 1, was in Ordnung ist, also klicken Sie einfach auf das und Sie können den Namen ändern, wenn Sie wollen, so werde ich einfach dieses Dale Kontaktformular anrufen und was wir gehen Gehen Sie auf die Registerkarte Mail und dann können Sie von hier aus die E-Mail-Adresse ändern, zu der Sie gehen wollten. Im Moment ist es zu meiner kreativen Pro-Website Gmail gehen , so sollte dies automatisch Ihre E-Mail in setzen. Wenn dies nicht der Fall ist, legen Sie Ihre E-Mail ein und gehen Sie dann auf den Tab Nachrichten und von hier aus können Sie ändern, was alle Nachrichten sagen. Wenn sie eine erfolgreich senden, wird es sagen: „Vielen Dank für Ihre Nachricht gesendet.“ - Ich weiß es nicht. Es wurde geschickt, klingt wie Dwight klug aus dem Büro. Es ist ein wenig zu formell, also lassen Sie es uns einfach ein wenig mehr Spaß machen. Lassen Sie uns sagen: „Ihre Nachricht wurde empfangen“ Ausrufezeichen. Wow, ich weiß nicht, wie ich buchstabieren soll. Da gehen wir hin. Ihre Nachricht wurde kühl empfangen und konnte nicht gesendet werden. Beim Versuch, Ihre Nachricht zu senden, ist ein Fehler aufgetreten. Bitte versuchen Sie es noch einmal. Wir wollen nicht, dass sie es später noch einmal versuchen, ich werde nur in Bitte versuchen Sie es erneut. , so dass Sie so ziemlich einfach alle diese bearbeiten können, wie Sie wollen. Sobald Sie das tun, lassen Sie uns jetzt gehen, um zu speichern und lassen Sie uns tatsächlich gehen und fügen Sie das auf unserer Seite. Lassen Sie uns gehen bis zu Unser Name und dann gehen Sie zu Besuch Website und dann werden wir mit elementor bearbeiten gehen. Nun lassen Sie uns den ganzen Weg wieder nach unten gehen und hier werden wir es hinzufügen. Also, wenn Sie zu Ihren Widgets hier drüben gehen und Sie den ganzen Weg nach unten scrollen. Sie sollten nun das Leere Kontaktformular 7 sehen und einfach ziehen, dass in und dann wird es sagen wählen Sie Kontaktformular und wir werden nur Dale Kontaktformular oder was auch immer Ihr Kontaktformular war. Cool. Es hat es gerade hinzugefügt und es ist transparent, also kann ich das nicht beheben wollen. Ich wollte hier weiße Hintergründe in diesen Zeilen haben. Was wir tun werden, ist zu Style-Kontaktformular gehen und dann werden Sie alle diese kleinen Abschnitte sehen, in denen Sie einige kurze Code einfügen können. Aber wir werden alle diese außer für den Textbereich, CSS und den Eingabetyp Text ignorieren . Von hier aus kann man sehen, dass es diesen kleinen Vorschlag hat. Es sagt, Hintergrund ist rot, es sagt, dass das ist, was Sie in Änderung der Farbe des Hintergrunds setzen können. Wenn Sie nur folgen, was es sagt, ist es ziemlich einfach, so geben Sie einfach Hintergrund, Doppelpunkt, und lassen Sie uns einfach sagen weiß und dann boom, unser Hintergrund ist weiß, was cool ist. Ich werde das nur kopieren und ich werde das auch in dieses einfügen, das ist der Textbereich, dem Sie auch Ihre Nachricht setzen. Da geht es, es ist ganz weiß. Das war wirklich keine Codierung war nicht allzu beängstigend. Lassen Sie uns also auf Update klicken, damit wir sicherstellen möchten, dass wir ein und eine Weile speichern und wenn Sie die Farbe der Schaltfläche ändern möchten, können wir das auch hier tun. Wenn Sie einfach nach unten scrollen und Sie gehen, um die Schaltfläche Senden, können Sie auch diese Hintergrundfarbe ändern, so dass wir nur ändern, dass wirklich schnell, so dass ich Ihnen zeigen kann, so dass wir Hintergrund tun. Sagen wir einfach rot, es wird sich zu rot ändern. Du kannst blau machen und es wird nicht dunkelblau. Ich werde hellblau machen und es wird so hellblau bleiben. Das Hellblau ist die Standardeinstellung und dann können Sie auch den Button Hover tun, der direkt unter hier ist. Aber ich werde es wieder so belassen, wie es ist. Jetzt können wir hier rüber gehen und Sie können einfach mit der rechten Maustaste auf dieses Widget, das Ihre Symbolliste ist, und Sie können Ihre Telefonnummer und Ihre E-Mail und Ihre Adresse bearbeiten . Diese Symbolliste können Sie alle Symbole ändern so dass Sie Ihre Telefonnummer ändern können und dann können Sie es zu einem Symbol ändern, das Sie einige wollen, vielleicht möchten Sie das Formular mit dem Quadrat darin, und so weiter. Funktioniert wie alle anderen Symbole und Sie können ihre Farbe ändern , indem Sie zu Stil gehen und dann zu Icon gehen. Aber ich werde sie so verlassen, wie sie sind und dann die Karte, wenn wir Google Maps bearbeiten, können wir jede Adresse setzen, so dass ich einfach in Silicon Valley, nicht wirklich leben dort und nie dort gewesen. Hört sich nur techie an, deshalb habe ich das da reingeworfen. Aber Sie können Ihre Geschäftsadresse eingeben oder wenn Sie dieses Ding nicht einmal wollen, können Sie es einfach ganz löschen. Abgesehen von der Kopfzeile und der Fußzeile, sieht diese Website fantastisch aus. So ziemlich alles funktioniert richtig. Alle Knöpfe sind angeschlossen. Wir haben unsere Anker so eingestellt, dass wir, wenn wir müssen, einfach auf etwas klicken können und es bringt uns dorthin, wo wir hingehen müssen. 7. Schritt 6: Header und Footer: So können wir jetzt mit Schritt Nummer sechs fortfahren, das heißt, fügen Sie Ihre Kopfzeile und Ihre Fußzeile hinzu. Okay, also lasst uns rüber gehen, um zu aktualisieren, und was wir tun werden, ist, gehen Sie zu dem kleinen Hamburger-Symbol und gehen Sie zu, verlassen Sie zum Dashboard. Eigentlich, gehen wir zurück, gehen Sie zu besuchen Website. Tut mir leid, und wir gehen zu Customize. Cool, also hier ist dein Header, der jetzt super leer und langweilig ist. Also lasst uns das ändern. Also, Gehen wir zuerst zur oberen Leiste, und gehen Sie zu Allgemein, und lassen Sie uns einfach deaktivieren, aktivieren Sie zu balken, das ist der kleine Balken oben auf der Kopfzeile, sagt: „Platzieren Sie Ihre Inhalte hier.“ Wir wollen das loswerden, also das ist weg, und gehen Sie zurück, und dann gehen wir zu Header, und dann gehen wir einfach zu General, und dann können Sie den Stil Ihrer Kopfzeile ändern. Also, wenn Sie wollen, könnten Sie einen transparenten Header machen , für den ich denke, ich werde gehen. Jetzt können Sie sehen, dass das weg ist, es ist vollständig transparent, und was Sie tun können, wenn Sie möchten, ist, dass Sie nach unten gehen können, wo es heißt, transparente Kopfzeileneinstellungen und wählen Sie Hintergrundfarbe, und dann einfach nach unten scrollen und wählen Sie einfach jede zufällige Farbe sagen wir einfach schwarz, was ich nicht wirklich wählen werde, aber wenn Sie auf den kleinen Deckkraft Schieberegler gehen hier, es sagt ein 100, Sie können das den ganzen Weg über schieben, und Sie können jetzt die Transparenz ändern, was wirklich cool ist, aber ich werde das klären, ich möchte es nur bei der Standardtransparenz belassen. Also, was wir jetzt tun werden, ist, meinen Namen hier zu ändern. Also, viele Leute setzen hier ein Logo, wenn sie eine Firma haben. Was ich eigentlich tun werde, ist hier eine Unterschrift zu setzen aber wenn Sie ein Logo haben, das Sie für Ihre eigene persönliche Marke haben, werde ich Ihnen zeigen, wie Sie es hier auch setzen. Es funktioniert alles auf die gleiche Weise, aber ich werde Ihnen zeigen, wie man eine Unterschrift macht und das hineinfügt. Um dies zu tun, gehen Sie einfach auf eine neue Registerkarte und geben Sie Sketch.io und drücken Sie die Eingabetaste, und wählen Sie dann einfach Englisch, oder welche Sprache Sie sprechen. Also, Sie werden auf eine Seite gebracht, die in etwa so aussieht, und normalerweise könnten Sie hier einfach mit einem schwarzen Stift zeichnen und eine Unterschrift bekommen, aber wir wollen, dass unsere Unterschrift weiß erscheint. Also, was ich zuerst tun werde, ist zu diesem kleinen Ebenen-Panel hier zu gehen, und ich werde nur diesen Hintergrund löschen, also werde ich diese drei kleinen Punkte auswählen und ich werde sagen löschen. Das ist also weg. Was wir jetzt tun wollen, ist zu sehen, was wir tun. Wenn wir weiß darüber schreiben, werden wir es sehen können, aber es wird nicht so klar sein. Also gehen wir zu diesem kleinen Pluszeichen, es steht „Neu“, und lassen Sie uns einfach einen Blueprint-Hintergrund hinzufügen, aber wir werden es am Ende löschen, keine Sorge. Also jetzt gehen Sie einfach auf die Werkzeug-Schaltfläche hier oben links, und halten Sie einfach mit dem Kalligraphie-Stift, und es ist bereits in weiß, wenn es in schwarz ist, können Sie es einfach auswählen und ändern Sie es in weiß. Also, behalten Sie einfach den Standardstift und zeichnen Sie einfach Ihre Unterschrift. Ich werde hier nur eine grobe Unterschrift machen, vielleicht musst du es ein paar Mal tun. Das ist nicht das Beste, aber wir behalten es. Alles klar, was wir jetzt tun werden, ist, wieder zum Ebenen-Panel zu gehen, und ich werde diesen Hintergrund einfach noch einmal löschen. Ich wollte es nur da, damit ich sehen kann, was ich tat. Also, löschen Sie einfach, und dann, wo das fertig ist, gehe ich zu dem kleinen Export-Symbol, sieht irgendwie aus wie eine Diskette, Ihr Standard-Speicher-Symbol, und wir wollen als PNG speichern. Der Grund, warum wir PNG wollen, wird diesen transparenten Hintergrund haben. Also, wenn Sie zum Beispiel ein JPEG haben, wird das gleiche Symbol am Ende mit einem weißen Hintergrund erscheinen, also was passieren wird, ist, dass wir nur diesen großen weißen Block haben , der wie nichts aussieht. Also ein PNG, ohne Hintergrund darauf wird unsere beste Wette sein. Klicken Sie also einfach auf PNG speichern, und dann wird das zu Ihrem Downloads-Ordner gehen, und was ich auch tun möchte, ist eine schwarze Version meiner Initialen zu bekommen, und ich werde Ihnen zeigen, warum in nur einer Sekunde. Also, zuerst gehen wir zu den Ebenen, und lassen Sie uns einfach alle diese Ebenen löschen, die ich für meine Signatur erstellt habe, und gehen wir zurück zu den Werkzeugen, und ändern wir unseren Umriss in Schwarz, und wenn ich will, Ich kann die Größe ein wenig erhöhen, es schön und dick machen, und ich werde nur ein DM erstellen, für Dale McManus, einfach so, und jetzt gehen Sie wieder zu exportieren und dann als PNG zu speichern. Cool. Also, jetzt können wir das beenden, und wir gehen zurück von General, und wir gehen zu Logo, und dann gehen wir zu Select logo, und wir gehen zu Dateien hochladen und dann Dateien auswählen, und dann Gehen Sie einfach zu Ihren Downloads, und wählen Sie dann einfach Ihre Signatur, klicken Sie auf Öffnen, alles klar, da ist es, und klicken Sie dann auf Auswählen, und es wird Sie fragen, ob Sie zuschneiden möchten, wir können es nicht wirklich sehen. Es war ein wenig Platz auf meinem, also werde ich das einfach in ein wenig ziehen, aber wenn Sie wollen, können Sie auch einfach den überspringen Zuschneideknopf drücken, aber ich werde nur dieses kleine bisschen Ende dort abschneiden, also jetzt Sie können sehen, dass wir eine Unterschrift haben, und da ist sie. Es ist riesig. Also werden wir das runterbringen. Also, gehen wir einfach zu Max Width, und lassen Sie uns das einfach sagen, 188, irgendwo dort herum, vielleicht 180, wenn Sie genau auf Punkt sein wollen. Ehrfürchtig. Also, Nun, wenn Sie ein Symbol hier oben hinzufügen möchten, wo dieses kleine Seitensymbol ist, wird dies ein Favicon oder eine Site-Identität genannt. Also werde ich Ihnen zeigen, wie Sie das wirklich schnell hinzufügen Gehen wir zurück und gehen Sie dann noch einmal zurück, und gehen Sie dann zu Site-Identity, und dann hier ist, wo Sie dieses Bild einfügen können. So können wir einfach nach unten gehen Bild auswählen, und dann werde ich zu Dateien hochladen gehen, Dateien auswählen, und dann werde ich meine schwarzen Initialen zu bekommen, und dann klicken Sie auf Auswählen, und dann werden wir Sie bitten zu beschneiden, und wenn Sie wollen, können Sie das nach unten ziehen. Also werde ich so etwas tun und dann Bild beschneiden drücken, und dann gibt es meine Initialen an der Spitze. Also das ist cool, und während wir hier sind, wollen wir auch unseren Seitentitel und unseren Slogan ändern. Also jetzt, wenn wir darüber schweben, wird es sagen, „Dale McManus - Nur eine andere Wordpress-Website „, das ist langweilig. Wir wollen, dass es sagt: „Dane McManus.“ Und wir können setzen, Videographer.Photographer.Web-Entwickler. Wenn wir also jetzt auf Veröffentlichen klicken, wird sich das ändern. Also gehen wir zurück, und wenn Sie sehen möchten, wie das vollständig aussieht, können Sie einfach auf Steuerelemente ausblenden gehen, und so wird es aussehen, lassen Sie uns diese Downloads abbrechen. Ich liebe den transparenten Header, aber ihm fehlt etwas. Was wir brauchen, ist ein Menü, weil wir Schaltflächen hier oben rechts brauchen, wo wir auf sie klicken und zu verschiedenen Teilen unserer Website springen können. Wir gehen also zurück zu diesem kleinen Pfeil, um unseren Customizer zu öffnen, und drücken Sie dann einfach den Zurück-Pfeil, Zurück-Pfeil wieder, und dann gehen wir zu Menüs. Dann werden wir ein neues Menü erstellen. Lassen Sie uns darauf klicken und wir werden es einfach primäre Menü nennen und dann wird es sagen, wo soll dieses Menü erscheinen? Wir deaktivieren die obere Leiste, die wir nicht wollen. Wir wollen den Main. Überprüfen Sie einfach auf Main und dann scrollen Sie nach unten und drücken Sie die „Weiter Button“. Lassen Sie uns nun einige Elemente zu diesem Menü hinzufügen. Klicken Sie auf die Schaltfläche „Elemente hinzufügen“ und lassen Sie uns einige benutzerdefinierte Links hinzufügen. Wenn Sie verschiedene Seiten hatten, sagen wir, Sie hatten eine separate Seite für Kontakt, die ein Kontaktformular darauf hatte, würden Sie Ihre Seiten hier in diesem Dropdown-Menü finden. Hierauf wird automatisch zurückgesetzt. Aber ich werde das schließen und ich werde nur einen Custom Link machen und von hier aus werde ich in einen Hashtag Filme setzen. Denn denken Sie daran, dass ich diesen Anker auf meinem Videobereich hatte, der Filme genannt wurde. Wir wollen dazu springen. Ich möchte, dass der Text Filme sagt und ich füge das zum Menü hinzu und lass uns einen anderen machen. Das sind Fotos und wir werden Hashtag-Fotos machen. Hoppla, ich habe den Hashtag und den p vergessen. Zum Menü hinzufügen und dann werden wir tun, was haben wir sonst noch? Webdesign. Wir tun Hashtag Web-Design und dann werden wir nur sagen Web-Design, Hinzufügen zum Menü und dann werden wir auch Kontakt und dann werden wir tun Link Text ist Kontakt, und dann zu Menü hinzufügen und tatsächlich, lassen Sie uns ein über mich tun, während wir hier oben sind auch. Lassen Sie einfach Hashtag über. Wir nennen es Über mich und wir müssen tatsächlich zurückgehen und diesen Anker für diesen Abschnitt erstellen. dürfen wir nicht vergessen. Tun Sie einfach zum Menü hinzufügen. Cool. Wenn Sie in diesen Bereich klicken, können Sie sehen, dass wir diese neuen Schaltflächen hier oben haben, was cool ist. Wenn Sie auf „Filme“ klicken, boom, springt nach unten zu Filme. Funktioniert einwandfrei. Wenn Sie nun das Aussehen dieser Schaltflächen ändern möchten, zeige ich Ihnen, wie Sie das tun. Gehen Sie einfach zurück und gehen Sie dann noch einmal zurück und dann gehen wir tatsächlich zum Header. Anstelle des Menü-Abschnitts wir in Header sein, und dann gehen wir zu Menü, das sich innerhalb des Header-Abschnitts befindet. Ein wenig verwirrend. Aber gehen wir runter und lassen Sie uns die Farben machen. Link Color, wir können das ändern. Sagen wir, ich mache es zu einem Purpur, nur damit du sehen kannst, wovon ich rede. Nun hat sich der eigentliche Text zu violett geändert. Sie können eine beliebige Farbe auswählen, die Sie möchten. Sagen wir mal, ein Weißer. Persönlich glaube ich nicht, dass Weiß sehr gut abhebt. Ich mochte die Standardeinstellung. Ich werde es in der Standardeinstellung belassen. Sie können aber auch die Farbe des Link-Covers ändern. Sagen wir mal, ich wollte es eher als Orange. Ich wähle das aus und lass uns einfach ein rötlich-orange färben. Da gehen wir, was ziemlich cool ist. Passt zu meinem Hintergrund ein wenig. Ich werde das hier lassen. Aber jetzt, da das erledigt ist, klicke ich auf „Veröffentlichen“, damit wir unsere Arbeit speichern und lass uns in unsere Fußzeile schlagen. Wenn wir den ganzen Weg nach unten gehen, endet es einfach und es sagt nur dieses ganze OceanWP-Thema von Nick. Wir werden das loswerden. Gehen wir zurück und wir gehen wieder zurück und dann gehen Sie einfach nach unten zu Fußzeile unten und dann, was wir tun werden, ist nur deaktivieren aktiviert Fußzeile unten. Wir werden die ganze Sache einfach zusammen loswerden und da gehen wir. Gehen Sie zurück und dann gehen wir zu Footer Widgets und hier werden wir unsere Vorlage hinzufügen, die ich Ihnen gegeben habe. Wenn Sie zu Vorlage auswählen gehen, sehen Sie, dass dort nichts vorhanden ist. Was zum Teufel? Wo ist unsere Vorlage? Wir haben es importiert. Nun, Sie müssen es der My Library-Version des Theme-Panels hinzufügen. Etwas verwirrend. Ich zeige dir, wovon ich rede. Klicken Sie einfach auf „Veröffentlichen“, wenn Sie nicht bereits, und klicken Sie dann auf das „X“ und gehen Sie dann zurück zum Dashboard und dann sehen Sie dieses kleine Rad, das Theme Panel sagt und wenn Sie Ocean Extra nicht am Anfang wie wir installiert haben, dann wirst du das nicht sehen. Stellen Sie sicher, dass das installiert ist, und gehen Sie dann zu Meine Bibliothek, gehen Sie dann zu Neu hinzufügen. Wir werden nur diese Fußzeile aufrufen, dann gehen Sie zu Template und wir werden nur Elementor Full Width tun, genau wie wir es beim ersten Mal getan haben. Klicken Sie dann auf „Veröffentlichen“, dann gehen wir zu Edit With Elementor. Was wir tun, ist nur eine separate Seite nur für unsere Fußzeile zu erstellen. Dann werden wir das auf unserer Hauptseite setzen. Zuerst gehen Sie einfach zu diesem kleinen Ordner und wir haben diese Vorlage bereits früher importiert. Wir können einfach zu Meine Vorlagen gehen und dann sehen Sie die Fußzeile, die wir früher eingefügt haben. Klicken Sie einfach auf „Einfügen“ und sagen Sie „Ja“ wir wollen in allen Dokumenten Einstellungen setzen, und boom, gibt es unsere Fußzeile. Wenn es wieder zu diesem kastenförmigen Layout wechselt, gehen Sie einfach zu Seitenlayout und gehen Sie dann zu Elementor Volle Breite. Klicken Sie dann auf „Aktualisieren“. Nun, da es in voller Breite ist, können wir das so bearbeiten, wie wir es wollen. Was wir tun können ist, klicken Sie einfach auf diesen kleinen Button hier und ändern Sie dies in Ihren Namen, wenn Sie wollen. Es hat sich auf meins gesetzt. Sie können diese Schaltflächen auch ändern. Wenn wir zu diesem Widget gehen, klicken Sie mit der rechten Maustaste auf „Edit Social Icons“. Sie können diese in Ihre ändern. Ich habe sie derzeit als mein YouTube, und Facebook und Instagram. Dann, bevor wir gehen, diese Schaltfläche zurück nach oben, lassen Sie uns einfach auf „Bearbeiten“ klicken. Wie Sie sehen können, habe ich Hashtag Top. Dies wird ein Sprungknopf sein, der den ganzen Weg zurück nach oben geht. Gehen wir zurück zu unserer Hauptseite und fügen Sie diese Fußzeile hinzu. Lassen Sie uns auf „Update“ und dann bis zu diesem kleinen Hamburger, und klicken Sie dann auf „Exit to Dashboard“. Dann gehen wir wieder zurück zu unserer Hauptseite. Klicken Sie auf „Anpassen“, dann lassen Sie uns einfach wieder ganz nach unten scrollen, damit wir unsere Fußzeile sehen können. Gehen wir zurück zu Footer Widgets und gehen Sie dann wieder zu Select Template und Sie sollten es dort sehen und klicken Sie einfach auf „Footer“. Unsere Fußzeile ist da drin, aber sie sieht ein wenig funky aus. Lass es uns reparieren. In erster Linie, unsere Polsterung, lassen Sie uns einfach sicherstellen, dass das ganz herum auf Null gesetzt ist. Das wird die Dinge etwas verschärfen. Dann, um diese Stelle auf der Seite loszuwerden, klicken wir einfach auf den „Container hinzufügen“, um den unsichtbaren Behälter um ihn herum loszuwerden. Jetzt ist es eine Fußzeile mit voller Breite. Jetzt können wir alle diese Links testen, wenn wir wollen. Sie sicher, dass diese Schaltfläche funktioniert, was sie tut. Wenn Sie diesen Hauptabschnitt hier oben nicht gelöscht haben, um Ihren eigenen zu erstellen, hatte ich ihn bereits mit einer Klassen-ID namens Top. Ich zeige dir, was ich meine. Lassen Sie uns das einfach öffnen und ich klicke auf „Veröffentlichen“, speichern Sie unsere Arbeit und wir werden das „X“ drücken. Wir gehen zu Edit With Elementor. Was wir tun können, ist mit der rechten Maustaste in diesem Abschnitt, gehen Sie zu Abschnitt bearbeiten, Registerkarte Erweitert oben und Sie können Klassen-ID sehen sagt „top“. Immer wenn wir unsere Taste unten und unsere Fußzeile drücken, wird es nach oben springen. Solange Sie das nicht gelöscht haben, sollte es schon so sein. 8. Schritt 7: Bearbeitung für Mobilen: Nun, Schritt sieben ist es, für Mobilgeräte zu bearbeiten. So kommt 52% des globalen Online-Datenverkehrs von einem mobilen Gerät, so dass mehr Menschen auf ihren Telefonen im Internet sind als auf Desktops, ein bisschen mehr. Es ist also wirklich wichtig, dass wir diese Seite auch für Mobilgeräte bearbeiten. Wir möchten, dass es für Telefone und Tablets reaktionsschnell ist. Also, was wir tun werden, ist das Backup zu öffnen, und wir werden nur sicherstellen, dass alles gut aussieht auf Handy. Gehen Sie also einfach zu diesem kleinen Desktopcomputer-Symbol und klicken Sie dann auf Mobile. Also, jetzt können wir es betrachten, wir können den ganzen Weg nach unten scrollen. Das sieht ziemlich gut aus. Wenn Sie diesen Text verkleinern möchten, können Sie das tun. So können Sie einfach darauf klicken, und dann, wenn Sie zu Stil gehen, gehen Sie zu Typografie. So können Sie diese kleinen Symbole sehen. Wenn Sie sich im Desktop-Modus befinden, ist dies eine andere Einstellung als auf Mobilgeräten. Also, wenn du wolltest, kannst du das ändern, was immer du willst. Lassen Sie es uns einfach auf eine 50. Also, was Sie auf einer Einstellung tun, wird nicht auf einer anderen geändert. Lassen Sie uns also weiter nach unten scrollen und sicherstellen, dass alles gut aussieht. Ignoriere diese kleine Kiste hier, niemand kann das wirklich sehen. Und das sieht ziemlich gut aus. Also ist unser Knopf hier ein bisschen weg. Wenn wir wollten, können wir darauf klicken und dann die Ausrichtung nach links ändern, also ist es irgendwie inline. Cool. Also lassen Sie uns weiter unten gehen, stellen Sie sicher, dass alles gut aussieht, was es tut. Sieht gut aus, sieht gut aus. Nichts sieht flippig aus. Wenn Sie möchten, wenn etwas irgendwie funky aussieht, vielleicht ist es zu breit, es nimmt zu viel Platz ein, was Sie tun können, ist einfach mit der rechten Maustaste auf diesen Abschnitt, gehen Sie zu Erweitert und geben Sie ihm einfach etwas Polsterung. Das wird die Dinge in ein bisschen dämpfen, so. Also gab ich ihm insgesamt 15 auf der Ober- und Unterseite. Nehmen wir an, ich will etwas mehr Platz hier, ich kann diesen kleinen Link deaktivieren, und unter der Spitze, ich kann es geben, sagen wir mehr wie ein 30. Ich gebe dem Boden eine 30, so dass gibt ein wenig mehr Platz oben und unten. So funktioniert das, falls Sie etwas reparieren müssen. Also lasst uns weiter runtergehen. Alles sieht gut aus. Ehrfürchtig. Stellen Sie jetzt sicher, dass alles auf dem Tablet gut aussieht. Also gehen Sie zu Tablet. Also lassen Sie es uns einfach überprüfen. Alles sieht ziemlich gut aus. Ehrlich gesagt, ich denke, alles sieht gut aus. Gehen wir also zurück zum Desktop. Und bevor ich vergesse, gehen wir zurück zum Abschnitt Über mich und lassen Sie uns sicherstellen, dass wir mit der rechten Maustaste, Abschnitt Bearbeiten, gehen Sie zu Erweitert und dann zu Klassen-ID gehen, und wir sagen, „über“, weil wir wollten, dass diese Schaltfläche auf der oben, also klicken Sie auf Aktualisieren. Wir wollten, dass der Button oben zu unserer About Seite geht. Also lass uns gehen, um sicherzustellen, dass es funktioniert. Stellen Sie sicher, dass Sie auf Aktualisieren klicken und gehen Sie dann zu Vorschau Änderungen, und jetzt sind wir auf unserer Website. Wenn wir also auf Über mich klicken, geht es zu unserem Abschnitt Über mich, was großartig ist. 9. Schritt 8: Veröffentlichen deiner Website!: Hallo, Jungs. Also, last but not least, Schritt Nummer acht ist, Ihre Website zu veröffentlichen. Gehen wir zurück zum Dashboard, und dann von hier an der Spitze sehen Sie Ihre Website zeigt derzeit eine kommende Bald Seite. Sobald Sie bereit sind, zu starten, klicken Sie hier. Gehen wir einfach voran und klicken Sie hier. So war es, wie man eine persönliche Website zu erstellen. Ich hoffe wirklich, ihr habt diesen Kurs genossen. Wenn Sie mehr kostenlos und tolle Website-Tipps und Tutorials wollen , dann folgen Sie mir bitte auf Skill Share und checkout meiner Lehrer-Seite für weitere Klassen. Auch Bewertungen und Bewertungen gehen für mich als Instruktor einen langen Weg. Aber wenn du dich entscheidest, einen nicht zu verlassen, ist das völlig okay. Vielen Dank für das Anschauen erstellen einer Pro-Website und ich werde euch auf dem nächsten Video sehen.