Transkripte
1. Trailer: Willkommen, um die ultimative professionelle Website mit WordPress-Kurs zu bauen, wo Sie lernen, die erstaunlichste und professionelle Website und mit dem neuesten Design und Funktionen zu bauen. Mein Name ist Malik Montagne. Ich bin ein professioneller Webentwickler und -designer und werde Sie durch diesen Kurs begleiten. Ich entwarf diesen Kurs für jeden, der seine eigene professionelle,
persönliche oder geschäftliche Website aufbauen und bis zu $5000 pro Website sparen und vor allem
für diejenigen, die am Start interessiert sind und keine profitable Karriere und welches Design. Am Ende dieses Kurses werden
Sie in der Lage sein, eine erstaunliche benutzerdefinierte und professionelle Website für einen Kunden zu erstellen und bis zu $5000 für diese Website zu
berechnen. In diesem Kurs lernen
Sie, wie Sie diese Website erstellen, die zuerst mit diesem großen und schönen
Hintergrundbild beginnt . Und wie wir nach unten scrollen, werden
Sie in der Dienste Abschnitt V genannt Aktion Abschnitt hinzufügen, die Fähigkeiten Abschnitt, die einfach hier drüben. Ich werde auch in einem Kundenbereich mit diesem Kunden leichter hinzufügen. Außerdem werden
wir in einem Team-Abschnitt hinzufügen und zuletzt hier ist der Testimonials Abschnitt wird auch in
den Social-Media-Symbolen hier unten hinzufügen . Und diese Schaltfläche, die uns an den Anfang der Seite führt, wird auch eine Galerie,
eine Blawg und eine Kontaktseite erstellen . Und wie Sie für die Kontaktseite sehen können, beginnt
es mit diesem großen, schönen Hintergrundbild. Und wie wir nach unten scrollen, werden
wir in die Kontaktinformationen hier und diese Live-Google-Karte hier drüben
sowie dieses Kontaktformular hier hinzufügen . Werfen Sie einen Blick in die Kursbeschreibung
und ich freue mich darauf, Sie auf der anderen Seite zu sehen.
2. Über mich, WordPress und der Kurs: Hallo, Mein Name ist Malik Montagne, und ich bin Software-Ingenieur und ein professioneller Webentwickler und Designer. Laufe meiner Karriere in der Web-Branche habe ich gebaut Thons sind schöne Websites und jetzt habe ich die besten der besten
Designs und Features gesammelt , die ich jemals entwickelt, entworfen und kam auf und mit den besten und einfachsten Plattform, die Wort für uns ist. Dann habe ich den Inhalt mit den letzten Wochen und Optimierung poliert und alles in diesen
Kurs gesetzt . Sobald Sie diesen Kurs abgeschlossen haben, werden
Sie die ultimative responsive Website mit dem professionellsten und modernsten
Design und Funktionen gebaut haben , die in der Welt von dem, was in diesen Tagen entworfen wurde, eine Website, die wow und erfassen die Aufmerksamkeit aller Ihrer Freunde Kunden in jedem Sie wissen, dass diese Website, die Sie gebaut wird, ist eine Website, die mehr als $3000 wert ist. Und ratet mal was? Sie werden diese Website von einem schwindlig alle selbst in Schritt für Schritt bauen, ausgehend von der allgemeinsten Aspekt und den ganzen Weg bis zu den kleinsten Details alle oder mühsam gesammelt, getestet und angeboten, um Sie in diesem Kurs auf einem goldenen Platte. Ich werde Ihnen sogar beibringen, wie Sie Ihre Website optimieren können. Einmal in Bezug auf Sicherheitsleistung und Suchmaschinenoptimierung getan, und schließlich erhalten Sie eine Website, die nicht nur erstaunlich und professionell aussieht, sondern hat auch große Leistung, enge Sicherheit und das ist optimiert direkt besser auf Suchmaschinen wie Google. In der Tat zeigen
Statistiken, dass eine professionelle und ordentlich gestaltete Website-Oberfläche die
Produktivität Ihres Unternehmens um 25 bis 4 Tage Prozent erhöhen kann . Also, anstatt jemand oder etwas Design-Agentur 3 bis $5000 zahlen zu müssen, um eine benutzerdefinierte
und professionelle Website für Sie gebaut zu bekommen , entweder für persönliche oder geschäftliche Zwecke, werden
Sie in der Lage sein, alles selbst zu tun, nachdem Sie diese natürlich. Und das Wichtigste ist, dass dieser Kurs ein sehr starker Sprungstart für Sie in
einer neuen,
profitablen Karriere im Web-Design sein wird einer neuen, ,
wo Sie beginnen, Websites für Einzelpersonen und Unternehmen zu entwerfen und zu bauen und Gebühr 3 bis $5000 pro Website, eine Website, die Sie ganz einfach in Ihrem Schlafanzug erstellen können. Nun, meinen Unterrichtsstil in diesem Kurs anbelangt, glaube
ich, wasmeinen Unterrichtsstil in diesem Kurs anbelangt, glaube
ich,dass dies der beste Weg ist, diesen Kurs als handlungsorientiert zu lernen. Sie sehen sich Videos an und erstellen Ihre Website Schritt für Schritt. wir gehen, müssen
Sie kein Notizbuch haben, um das, was Sie lernen, aufzuschreiben. Stattdessen müssen
Sie Ihre Hände gestreckt und bereit für etwas Magie. Bleiben Sie einfach mit mir Schritt und tun Sie, was ich jetzt tue. In diesem Kurs werden
wir eine kostenlose Software namens WordPress verwenden, um unsere Website WordPress so einfach und
einfach zu bedienen zu bauen . Aber noch erstaunliche und professionelle Tool, die wir im Web-Design verwenden, um Websites so schnell wie
möglich und ohne Codierung überhaupt zu erstellen . WordPress ist bisher das beliebteste Content-Management-System der Welt. WordPress wird von rund 75 Millionen Websites auf der ganzen Welt verwendet. Nicht nur das, sondern auch WordPress ist einfach und einfach zu bedienen und gleichzeitig professionell und gibt Ihnen wunderbare Ergebnisse in kurzer Zeit. In der Tat,
Statistiken zeigen, dass WordPress wird von rund 25% Rabatt auf die Top-Business-Websites auf dem
Planeten verwendet . Einige davon sind CNN, Best Buy, New York Times und die Rolling Stones. Nun, da ich mich diesen Kurs und WordPress als auch vorgestellt. Im nächsten Tutorial werden
wir über die fantastische Warp-Website gehen, die wir bauen und seine Funktionen und
Design erkunden werden . Danke, dass Sie zugesehen haben. Wir sehen uns im nächsten Tutorial.
3. Was wir entwickeln: Hi. Jetzt werden wir über die Website gehen. Wir werden in diesem Kurs zuerst bauen, Gehen Sie auf die Registerkarte über hier und geben Sie die Ihre l von dieser Website Malik montagne dot com. Jetzt klicke ich auf Aktualisieren, um zu sehen, wie es zuerst geladen wird. Sie können sehen, dass es mit einem Fade und Feature geladen wird. Und diese Website beginnt mit diesem schönen und großen Hintergrundbild, das den gesamten
Bildschirm abdeckt . Und es hat diesen Header hier oben, der transparent ist und dass wir das Bild von
hinten sehen können . Ich werde Ihnen beibringen, wie man dieses Logo genau hier aufbaut, sowie dieses hier oben, das der Lieblings-con
genannt wird . Und ich werde Ihnen am Ende zeigen, wie Sie in der Beschreibung für die Seite auf der Registerkarte
hier hinzufügen , die in der Suchmaschinenoptimierung zupfen enthalten ist. Daran werden wir arbeiten. Wir erstellen vier Seiten eine Homepage, eine Galerie bei Blawg und eine Kontaktseite. nun Wenn Sienunnach unten scrollen, gelangen
Sie zum Dienstbereich mit diesen schönen Übergängen, die passieren. Ich werde die Seite aktualisieren, damit wir sehen können, dass die Übergänge wieder passieren. Und ich werde dir beibringen, wie man diesen Kreis bis zu 100% ausfüllt. Ich werde Ihnen zeigen, wie Sie das Symbol ändern, das in diesem Kreis enthalten ist, sowie den Hintergrund des Symbols selbst und die Farbe des Symbols. Ich werde Ihnen zeigen, wie Papa in diesen Texten und diesen Buttons hier unten, die Sie
überall auf Ihrer Website verlinken können . Und wenn wir ein wenig mehr nach unten gehen, können
Sie sehen, dass dieser Call-to-Action-Abschnitt, der diesen Text über das Hauptziel Ihrer
Website hat und diese Schaltfläche hier unten, die zu einem anderen Teil möglicherweise die Galerie
Ihrer Website leitet . Ich werde auch unterrichten. Sie müssen in diesem halb verschwommenen Hintergrundbild mit etwas schwarzer Überlagerungsfarbe auf dem Bild selbst hinzufügen. nun Wenn Sienunein wenig nach unten scrollen, gelangen
wir zum Kompetenzbereich, der diese schönen Fortschrittsbalken hat. Mit diesen Titeln auf jedem der Fortschrittsbalken, sowie dem Prozentsatz werde ich Ihnen zeigen, wie Sie den Prozentsatz,
die Farbe aus,
die Fortschrittsbalken und alle diese Texte hier bearbeiten die Farbe aus, . Nun, wenn wir scrollen nach unten zum nächsten Abschnitt, die die Kunden Abschnitt mit dieser schönen Diashow spielen. Und wenn wir ein wenig weiter nach unten scrollen, sehen wir den Team-Abschnitt mit dieser
Fade-in-up-Funktion . Wenn wir die Seite aktualisieren, um den Übergang zu sehen, können
Sie sehen, dass sie den ganzen Weg nach oben gehen und ich werde Ihnen zeigen, wie Sie in diesen Schaltflächen hier
unten hinzufügen , die auf eine andere Seite über das Team und Mitarbeiter außerhalb Ihres Unternehmens verlinken können. Nun, wenn Sie scrollen bis zum letzten Teil, das ist der Abschnitt Testimonials, der diesen Video-Hintergrund von diesen schönen Sternen
sowie dieser Diashow-Ebene hat , werde
ich Ihnen zeigen, wie Sie in diesem Feld dieses Bild hinzufügen hier, dieses Symbol hier drüben und um den Hintergrund aus der Box zu bearbeiten. Und wenn Sie bemerken, sobald ich auf dieser Box schwebt, hörte
es auf, Diashow abzuspielen. Aber wenn Sie weg von der Box schweben, werden
Sie sehen, dass diese Lichtshow jetzt spielt. Nun, am Ende hier,
werde ich Ihnen zeigen, wie Sie in diesen Social-Media-Symbolen hinzufügen, die mit Ihren
Social-Media-Konten verknüpfen können . Und natürlich können Sie sie weitere Social-Media-Konten hier unten mit verschiedenen Icons
und verschiedenen Farben hinzufügen . Und zu guter Letzt
werde ich Ihnen zeigen, wie man es hinzufügt. Diese beiden Zeilen hier unten über die Urheberrechte der Website und wenn Sie bemerken, wie wir auf dieser Seite nach unten
scrollen, wurde
dieser Header an der Spitze mit transparentem Hintergrund kleben und das Logo und die Seiten waren die ganze Zeit darauf
kleben. Jetzt hier unten, wenn Sie auf diese Schaltfläche klicken, wird
es Sie an den Anfang der Seite bringen. Gehen wir nun weiter und erkunden Sie die nächste Seite, die Galerie-Seite ist. Jetzt. Das erste, was auf der Galerie-Seite ist dieses schöne Hintergrundvideo, das über
Ihr Geschäft über sich selbst oder einfach jedes Video, das Sie wollen, sein kann . Und hier unten, dieser Abschnitt mit diesem animierten Hintergrund, der die Farbe ändert. Möglicherweise bemerken Sie die Änderung der Farbe nicht, weil sich die Farben reibungslos ändern und ich werde
Ihnen zeigen , wie Sie die Farben des animierten Hintergrunds reibungslos ändern und nicht
plötzlich gelb zu rot, zum Beispiel und Sie können es hier unten sehen, dieses Brötchen, das Sie mit Ihrer Kontaktseite verknüpfen können, zum Beispiel, oder eine beliebige Seite, die Sie wollen. Nein, Wenn Sie ein wenig nach unten scrollen, können
Sie dieses schöne Hintergrundbild mit dieser Parallax-Scroll-Funktion sehen. Und wenn Sie ein wenig weiter nach unten scrollen, können
Sie die eigentliche Galerie mit diesen schönen Bildern sehen, die auch einen
Parallax-Hintergrund haben. Und hier drüben hat
der Titel der Galerie selbst einen animierten Hintergrund, der die Farben
reibungslos ändert . Wie ich bereits sagte, jetzt in der Galerie selbst, wenn Sie auf eines der Bilder klicken, zum Beispiel, dieses hier, können
Sie sehen, dass es erscheint in einer Lichtbox und Sie können rechts oder links zu einem der -Bilder. Und
wenn Sie das X hier drüben anklicken, können
Sie sehen, dass das Bild an seinen ursprünglichen Platz zurückgeht. Und ich werde dir auch beibringen, wie du diese Untertitel hier unten hinzufügst. Und wenn wir nach unten scrollen, können
Sie sehen, dass diese Social-Media-Symbole sowohl in der Fußzeile als auch in diesem Text
hier unten angezeigt werden. In der Tat werden
sie auf allen Seiten angezeigt Jetzt,noch
einmal, noch
einmal, wenn Sie auf diese Schaltfläche klicken, wird
es uns an den Anfang der Galerie-Seite mit dieser Video-Ebene im Hintergrund bringen. Jetzt gehen
wir weiter und schauen uns die Blawg-Seite an. Klicken Sie hier und hier vor. Dies ist die Blawg-Seite. Jetzt auf der Blockseite. Das erste, was ich Ihnen beibringen werde, wie diese beiden Beiträge hier hinzufügen, werde
ich Ihnen beibringen, wie man ein vorgestelltes Bild für jeden dieser beiden Beiträge zu machen. Und ich werde Ihnen zeigen, wie Sie diese Bilder die Farbe in Grau ändern, sobald Sie den Mauszeiger über sie . Und wenn Sie auf eines der Bilder klicken, wird der Beitrag auf einer separaten Seite geöffnet. Die Poststruktur wird wie folgt sein. Zuerst wird
es dieses vorgestellte Bild auf der Oberseite haben. Dann wird es das Datum haben. Der Beitrag wurde hier drüben in diesem roten Kreis veröffentlicht. Der Titel des Beitrags hier und hier drüben, der Autor des Beitrags, Die Kategorie Off the Post und das Tag aus dem Beitrag und das werde ich Ihnen auch zeigen, wie Sie zu jedem und jedem Beitrag
hinzufügen, den Sie erstellen. Nun, der letzte Teil hier ist der eigentliche Inhalt aus dem Beitrag. Und wenn Sie ein wenig nach unten scrollen. Sie können dieses Haar hier sehen, das einmal angeklickt wird uns zum vorherigen Beitrag bringen, der
auch die gleiche Struktur wie die zuvor mit verschiedenen Kategorien und Tag hat, wie Sie hier sehen können. Gehen wir zurück zu unserer Blockseite. Klicken Sie einfach hier und in der Seitenleiste. Hier drüben sehen Sie diese schönen Widgets. Und wenn Sie nicht wissen, was ein Widget ist, ist einfach ein Widget nur ein Block, der einen bestimmten Inhalt mit einer bestimmten Funktionalität hat. Zum Beispiel, 1. 1 hier ist das Such-Widget, das dieses Feld hier hat, mit dem Sie alles
auf dieser Website suchen können . Jetzt in der nächsten Woche. Hier drüben ist die Facebook-Like-Box. Dies würde noch einfach Ihre Website mit Ihrer Facebook-Seite verknüpfen, die es Ihren Kunden
oder Websitebesuchern ermöglicht , Ihre Seite von innerhalb der Website zu liken oder zu teilen. nun
zum Beispielein Kunde hier geklickt hat, zum Beispiel Wennnun
zum Beispielein Kunde hier geklickt hat,können
Sie sehen, dass dieses Fenster erscheint und den Kunden auffordert, seine
Facebook-Anmeldeinformationen einzugeben und dann auf Anmelden zu klicken, um die Seite zu mögen. Jetzt das nächste Widget. Hier ist die E-Mail-Abonnementliste. Dies ist ein wirklich wichtiges Widget, da es Ihnen ermöglicht, eine
Kundenabonnementliste zu erstellen , die Sie in Ihrem Unternehmen verwenden können, um Angebote oder Werbeaktionen zu senden. Ich werde Ihnen zeigen, wie Sie den Text hier,
den Text hier und den Text auf der Schaltfläche bearbeiten können. Ich werde dir sogar beibringen, wie du die Farbe von diesem Knopf hier drüben ändern kannst. Nun, wenn wir hier ein wenig mehr nach unten scrollen, können
Sie das Instagram-Feed-Widget sehen, mit dem Sie Ihr Instagram-Konto mit
diesem Teil direkt hier verknüpfen können und es wird als Diashow spielen, sobald Sie es hier hinzufügen und ich werde Sie müssen aus einer Vielzahl von Designs für diese wählen Es ist die großen Füße Widget. Und wenn wir ein wenig mehr nach unten scrollen, das letzte Widget, das wir hier unten hinzufügen werden, ist die am meisten kommentierten Beiträge. Widget. Dieses Widget wird die beliebtesten Beiträge auf Ihrem gebloggt haben, und ich werde Ihnen zeigen, wie Sie die Anzahl der Hosts hier auf drei zu begrenzen. Falls Sie mehr als drei Beiträge hatten, es wird Onley zeigen die beliebtesten drei Beiträge auf dem gebloggten jetzt Wenn wir den ganzen Weg
nach unten scrollen , können
Sie auch diese Social Media Icons und diese beiden Zeilen hier unten sehen. Lassen Sie uns nun auf diese Schaltfläche klicken, die uns zum Anfang der Seite führt und dann auf die
Kontaktseite klicken . Nun beginnt die Kontaktseite mit diesem schönen, lebendigen Hintergrundbild mit dieser Sortierung Ihr Bild in der Mitte sowie Avi's Text
hier unten und diesem Pfeil hier unten. nun wirnunnach unten scrollen, können
Sie sehen, dass dieses Bild diese Parallax-Hintergrundfunktion hat. Und wenn wir ein wenig weiter nach unten scrollen, können
Sie diesen Abschnitt sehen, der Kontaktinformationen über Ihr Unternehmen hat, wie Bürozeiten, Standort und kontaktieren Sie uns Informationen. Und wenn wir ein wenig weiter nach unten scrollen, können
Sie diese schöne Google-Karte sehen, die Ihren Geschäftsstandort hier hat und dieses professionelle Kontaktformular hier drüben, das Ihren Kunden ermöglicht, ihre Daten einzugeben . Und sobald sie klicken, senden Sie diese Informationen werden direkt an Ihre E-Mail-Adresse gesendet werden. Nun, das letzte, was hier ist die Fußzeile, die auch die Social-Media-Icons sowie diese Copyright-Zeilen hier unten enthält. Jetzt klicken wir auf diese und wir gehen zurück zu unserer Homepage. Im nächsten Tutorial werden
wir mit dem Aufbau unserer Website Schritt für Schritt beginnen, ohne Schritt. Überspringen. Danke, dass Sie zugesehen haben. Wir sehen uns im nächsten Tutorial.
4. Domainname und Webhosting: Hi. Jetzt werde ich diesen Kurs beginnen, indem ich die drei wichtigsten Dinge einführe, die wir brauchen, um eine
Website online zu bekommen . Die erste 1 davon wird Domain-Name genannt. Die 2. 1 heißt Web Hosting. Die 3. 1 ist das Thema, das wir brauchen, um unsere Website zu installieren und zu bauen. zunächst Beginnen
wirzunächstmit dem Domain-Namen. Was ist ein Domain-Name? Ein Domain-Name ist einfach der Name Ihrer Website, der in der oder L angezeigt wird, wenn die Leute
ihn hier eingeben , um auf Ihre Website zu gelangen. Nun, wie Sie hier sehen können, besteht
der Domain-Name aus zwei Teilen. Der erste Teil, den Sie hier sehen, das ist das persönliche oder das Geschäft. Nennen Sie Ihre Website, um Sie wählen und den zweiten Teil sehen Sie hier, das ist die Erweiterung Ihres Domain-Namens. Und in unserem Fall ist
es eine dot com-Erweiterung, und es gibt Dutzende von Domain-Name-Erweiterungen, die verfügbar sind und dass Sie aus wie dot net dot info dot me dot com hier, das ist eine der häufigsten Einsen und so weiter. Und Sie können immer einen Domain-Namen für Ihre Website auswählen, solange dieser Domain-Name von niemandem auf der Welt
reserviert ist . , Zum Beispiel, wenn ich diesen spezifischen Domain-Namen mit dieser Erweiterung hier reserviert habe, können
Sie immer den gleichen Website-Namen auswählen und reservieren, den Sie hier sehen, aber mit einer anderen Erweiterung zum Beispiel ein Punktnetz oder ein Arzt in vollem Umfang und so weiter. Aber für diesen spezifischen Domainnamen können
Sie diesen hier nicht mit der gleichen Erweiterung auswählen, weil er bereits für mich reserviert . Nun
gibt es noch eine Sache, die Sie beachten müssen, wenn Sie eine Domain A für Ihr Unternehmen oder
für sich selbst auswählen . Wenn es sich um eine persönliche Website handelt, stellen Sie sicher, dass Sie sie so professionell und so einfach wie möglich aussehen lassen und nicht viele
Zahlen wie diese oder Bindestriche und als Zahlen enthalten , und dann Buchstaben, die keinen Sinn ergeben. Stellen Sie sicher, dass es professionell, einfach und einfach zu merken ist, und sobald Sie diesen bestimmten Domain-Namen reservieren, kann
niemand sonst auf der Welt denselben Domain-Namen reservieren. Es wird einzigartig und speziell für Sie reserviert sein, und niemand sonst kann es verwenden. Jetzt bringt uns das durch die zweite Sache, wir für unsere Website brauchen, die Web-Hosting ist. Also, was ist Web-Hosting? Nun,
einfach, was Posting ist der Service? Sie müssen Ihre Website-Dateien speichern, damit Menschen auf der ganzen Welt auf diese Stapel zugreifen können,
indem Sie Ihren Domain-Namen und die Box hier eingeben. Kurz gesagt, Web-Posting wird von so vielen Unternehmen auf der ganzen Welt bereitgestellt, deren bloßes Geschäft wie bieten qualitativ hochwertige Web-Hosting. Einfach. Der Prozess der Hosting Ihrer Website in diesen Unternehmen erfolgt durch Speichern Ihrer
Website-Dateien , die mit Ihrem Domain-Namen auf leistungsstarken und großen Computern verbunden sind, die allgemein als Webserver bekannt sind, und die Server stehen 24 7 für den Zugriff zur Verfügung. Außerdem sind
diese Webserver mit dem Internet verbunden, so dass Menschen auf der ganzen Welt über sie auf Ihre Website zugreifen können. Und das ist für Domain-Namen und Web-Hosting. Nun, in diesem Tutorial, werde ich über kostenlose und kostenpflichtige Web-Hosting gehen. Nun
habe ich zu diesem Zweck zwei der Top-Web-Hosting-Anbieter der Welt ausgewählt. Einer von ihnen gilt als einer der Top und kostenlos schließen und Anbieter, und der andere gilt als einer der Top, wenn nicht V top bezahlt Web-Hosting-Anbieter. nun zuerst Beginnen wirnun zuerstmit dem kostenlosen Webhosting-Provider. Ich werde beginnen, indem ich zu dieser Registerkarte hier und zu dieser Beispiel-Website, die ich
auf einem kostenlosen Web-Hosting-Anbieter namens wicks dot com erstellt habe. Jetzt gibt es drei Hauptgründe, warum ich jetzt keine kostenlosen Webhosting-Anbieter empfehlen. Der erste Grund ist, dass diese kostenlosen Web-Hosting-Anbieter sind nicht such-, maschinenfreundlich, und die meisten, wenn nicht alle Websites, die mit kostenlosen Web-Hosting-Providern erstellt wurden, werden nicht von
Suchmaschinen indiziert . Und das ist wirklich, wirklich wichtig, denn wenn Ihre Website nicht von Suchmaschinen indiziert wird, werden
Sie viel von Traffic und viele wertvolle Kunden verlieren. Das ist einfach, weil die Leute nicht in der Lage sind, Sie in Suchmaschinen wie Google zu finden. Und das bringt uns auf den zweiten Punkt ab, warum ich nicht durch Web-Hosting empfehlen, was die Tatsache ist, dass kostenlose Web-Hosting-Anbieter geben Ihnen nicht eine Marke
Kräuterdomain-Namen , und ich möchte einen nicht vermietbaren Domain-Namen betonen. Nun, um zu verstehen, was eine Nonne Brandel Domain-Name ist, schauen Sie hier auf diese Erweiterung von dieser Website, die ich erstellt habe. Wenn Sie bemerken, dass diese Website keinen eigenen eindeutigen Domain-Namen hat, weil nach dem Website-Name ist er hier drüben? Es gibt einen Punkt Dochte dot com, und es ist kein dot com. Es ist nie dasselbe wie ein Dot Com. Dies ist, was wir eine Sub-Domain nennen. Es ist keine vollständige Domain für Sie. Es ist eine Sub-Domain,
was bedeutet, dass es nicht mit Ihrem geschäftlichen oder persönlichen Namen beginnt und endet mit der Erweiterung, die Sie hier sehen, es gibt immer etwas dazwischen, das ist der freie Hosting-Provider-Name Dochte und auch dieser Teil hier drüben, der ein Unterverzeichnis genannt wird, das den Website-Namen darstellt. Nun, wieder
einmal, dieses hier ist nicht das, was wir eine internationale Domain-Namenserweiterung nennen, wie ein Dot Com oder ein Punkt-Netz und so weiter. Es ist eine Sub-Domain. Sie sehen hier, dies ist eine Sub-Domain und keine vollständige Domain, die eindeutig für Sie reserviert ist. Und das ist, was Sie bei allen Web-Hosting-Providern finden, dass sie Ihnen nicht mit Ihrem eigenen Domain-Namen und eindeutigen Erweiterung zur Verfügung stellen. Ihr Name wird immer hier in der Mitte gestopft sein. Und dieses u R L, das Sie hier sehen, wird nicht leicht von Ihren Kunden oder sogar von Ihnen in Erinnerung bleiben . Es ist schwer zu erinnern und sieht nicht professionell aus, und es wird Ihnen nicht helfen, Vertrauen mit Ihren Kunden aufzubauen. Wenn Sie einen Domain-Namen haben, der ungefähr so aussieht und raten Sie was? Schließlich, um Ihre professionelle,
reaktionsschnelle und schöne Website zu bauen , müssen
Sie für diese Web-Hosting-Anbieter bezahlen, und Sie müssen viel Geld viel mehr bezahlen. Dann würden Sie regelmäßig für einen guten Web-Hosting-Provider bezahlen, und ich werde darüber in nur einer Sekunde gehen. Denn wenn Sie eine Website bauen wollen, die genug Speicher,
genug Bandbreite, genug Bandbreite, einen guten Domain-Namen hier drüben und ohne lästige und erzwungene Anzeigen wie die, die Sie
hier und hier oben sehen , mit diesen kostenlosen Web-Hosting-Providern, um diese Funktionen zu erhalten, werden
Sie auf jeden Fall für Ihre Website mit diesen kostenlosen Web-Hosting-Providern benötigen, um die Anzeigen entfernt zu bekommen, um einen anständigen Domain-Namen für sich selbst und genügend Speicherbandbreiten-Unterstützung und so weiter. Sie müssen ein Upgrade für ein Premium-Konto durchführen. Nun lassen Sie uns zu einem sehr Premium-Konten gehen und sehen, wie sie aussehen. Nun, um
in diesem Vergleich fair zu sein, werde
ich die beiden besten Pakete wählen, die diese Jungs haben,
das ist das, das Sie hier sehen, das Unbegrenzte und der Handel E C. hier
drüben. Nun, wenn Sie sich den monatlichen Preis dieser beiden gepackten ist hier drüben. Dieser hier ist für etwa 16 Dollar im Monat, und dieser hier ist für ungefähr 20 Dollar im Monat. Und wenn Sie sich ansehen, was diese bieten, werden
Sie feststellen, dass die Bandbreite und der Speicher in diesem Paket nicht unbegrenzt sind, was sehr,
sehr teuer ist . Und auch für diesen hier, selbst wenn es unbegrenzte Bandbreite bietet, bietet
es immer noch keine unbegrenzte oder was wir auf einen getakteten Speicher nennen. Nun gehen wir auf die Seite oder posten Sie einen Anbieter und sehen, was sie für uns zu bieten haben. Nun, wenn Sie sich den teuersten und Premium-Plan ansehen, den diese Jungs haben, ist
das der Businessplan. Sie werden sehen, es ist für $13.56 im Monat. Und wenn Sie sich die Funktionen ansehen, die sie Ihnen bieten, gibt es einen saubereren Speicherplatz, was im Grunde der Speicher ist, den sie Ihnen anbieten. Und was die Bandbreite betrifft, ist
sie unbegrenzt. Und wie für die Domains erlaubt, dass Sie auf diesem Plan hosten können, gibt es unbegrenzt und die Liste geht auf den ganzen Weg hier unten. Und selbst wenn Sie sich diese anderen beiden Pläne ansehen, werden
Sie sehen, dass sie Ihnen auch einen neuen Meter Festplattenspeicher und eine neue getaktete Band mit auch noch bieten, diese hier bietet Ihnen unbegrenzte zulässige Domains, Das ist der, den ich persönlich gekauft habe und dass ich Ihnen zeigen werde, dass Sie sich
im nächsten Tutorial anmelden müssen . Nun, ein weiterer Vorteil, dass diese bezahlten Web-Hosting-Unternehmen gegenüber den kostenlosen bieten, dass diese Jungs, sie haben ihre Server auf und laufen 24 7 und es ist garantiert, dass Ihre Website
wird nicht für irgendeinen Grund, weil sie Backup-Server haben und Ihre Website ist immer gehostet und gewonnen. Aber was diese hier betrifft, ist
es definitiv nicht mit kostenlosen Web-Hosting-Providern garantiert, um Ihre Website auf und
läuft 24 7 zu haben , weil die meisten von der kostenlosen Was Posting-Anbieter haben keine eigenen Server um Ihre Website zu hosten die meisten von ihnen und nicht unbedingt diese. Hier mieten sie Server in anderen Ländern, die nicht von ihnen persönlich betreut werden, und das kann viel nach unten gehen. Aber mit Hosting-Providern wie diesen Jungs, garantieren
Sie, dass Ihre Website immer läuft
und immer auf ihren Servern gesichert ist. Und
was diesen Web-Hosting-Anbieter betrifft, der Host Gator dot com genannt wird, wurden
diese Jungs mit den Top 24 73 65 Kundensupport unter allen Web-Hosting-Providern
in der Welt ausgezeichnet . Und das Angebot. So viele andere Funktionen, wie 45 Tage Geld, zurück Garantie und so weiter. Wie du den ganzen Weg hier unten siehst. Und ich persönlich, nachdem ich viel recherchiert und so viele Webhosting-Anbieter ausprobiert
habe, bin ich hier auf diesen gestoßen und habe herausgefunden, dass host gator dot com bisher der
Top-Web-Hosting-Anbieter für mich ist , und das ist, was ich auch für Sie empfehlen. Und wie ich bereits im nächsten Tutorial sagte, werde ich Sie durch den Anmeldeprozess für diese Website führen. Der Anmeldeprozess, um einen Domain-Namen und Hosting für Ihre Website zu erhalten. Jetzt. Danke, dass Sie zugesehen haben. Wir sehen uns im nächsten Tutorial.
5. Anmelden für Domain-Namen und Webhosting: hoch. Nun, da wir erklärt haben, was wir mit Web-Hosting und Domain-Namen meinen, ist
es Zeit, sich für einen Hosting-Plan sowie einen Domain-Namen anzumelden. Jetzt werden wir uns für Hosting und Domain-Namen auf dieser Website registrieren. Genau hier heißt es Host gator dot com h o S t g a t o r dot com Jetzt, von nun an, in diesem Kurs, jede Website besuchen wir alle Ihre l wir hier eingeben, wird in der Ressource
verfügbar sein Abschnitt aus VI tutorial und einfach können Sie auf die Ressource gehen ist Abschnitt und klicken Sie einfach auf den Link und es wird Sie zu dieser Website direkt hier. Jetzt ist es Zeit, mit dem Anmeldeprozess zu beginnen. Zuerst gehen Sie hier rüber zum Web-Hosting. Klicken Sie jetzt darauf, scrollen Sie ein wenig nach unten und Sie können sehen, dass wir diese drei Pläne zur
Auswahl haben . persönlich Ichpersönlichhabe diesen Plan hier ausgewählt. Was den Businessplan angeht,brauchen
wir keinen Businessplan. Was den Businessplan angeht, Entweder brauchen wir das hier oder das hier. Nun, der grundlegende Unterschied zwischen diesen beiden Plänen der Jungtiere und der Babyplan ist, dass dieser Plan hier bietet Ihnen eine unbegrenzte Anzahl von Domains zu hosten. Während dieser hier das Jungtier bietet Ihnen mit einer einzigen Domain, was bedeutet, dass Sie Onley Hosten eine und Onley eine Website auf diesem Hosting-Plan. Während, wenn Sie direkt hier gehen, können
Sie so viele Domain-Namen hosten, wie Sie möchten, entweder für Sie oder für Ihre Kunden, die Sie Websites erstellen. Für jetzt, wenn Sie rechts hier klicken, sehen
Sie, dass Sie eine Vielzahl von Optionen, die Sie von jetzt wählen können. Persönlich habe ich das einjährige Abonnement ausgewählt. Aber für den Zweck dieses Tutorials, da ich Ihnen einen Rabattgutschein geben und um es klarer zu machen, wie viel Rabatt dieser Gutschein Ihnen gibt, werde
ich einfach den monatlichen hier auswählen und dann werde ich auf Jetzt anmelden klicken. Nun, wie ich schon sagte,
ich persönlich schlage vor, dass Sie ein einjähriges Abonnement haben, weil der Rabattgutschein, den ich Ihnen geben
werde , gibt Ihnen 25% Rabatt und Sie erhalten ein besseres Angebot auf das
Jahresabonnement . Nun, wenn Sie auf diese Seite direkt hier,
das erste, was Sie tun möchten, als geben Sie in den Domain-Namen, den Sie für Ihr Unternehmen wollen
hier . Jetzt können
Sie immer wählen, um in der www vor Ihrem Domain-Namen hinzuzufügen und geben Sie den Punkt und fügen Sie
dann Ihren Domain-Namen, zum Beispiel, Ich bin auf Add Malik a multi und Montagne, oder Sie können wählen, löschen Sie das www wie ich es mit meiner Domain Me getan habe. , Wenn Sie hier klicken,sehen
Sie, dass dieser bestimmte Domain-Name nicht verfügbar ist, da ich diesen Domain-Namen bereits gekauft
und reserviert habe . jedoch sehen, Sie könnenjedoch sehen,dass die anderen Domainnamen mit unterschiedlichen Erweiterungen verfügbar sind und Sie aus
auswählen können . Und wenn Sie hier rüber gehen, können
Sie die Domain-Namenserweiterung auswählen, die Sie für Ihre Website wollen. Und wenn Sie bemerken, dass jede Erweiterung ihren eigenen Preis hat. , Damit die Anmeldung funktioniert,gebe
ich einfach eine, 23 nach meinem Namen ein und klicke dann gleich hier. Und ich werde diesen Domainnamen nicht wirklich kaufen, weil ich meinen bereits gekauft habe. Ich benutze nur diese Malik Montagne 123, um Ihnen zu zeigen, wie Sie sich für diesen Web-Hosten-Plan anmelden . Jetzt scrollen wir ein wenig nach unten und du siehst es hier unten. Datenschutz für die Anzeigendomäne für diese bestimmte Website. Ich bin dran und überprüfe das hier, weil es $9,95 zu deiner Rechnung hinzufügt. Und das brauchen wir vorerst nicht wirklich. Jetzt scrollen wir ein wenig nach unten und Sie bestätigen den Plan, den Sie ausgewählt haben und die
Abonnementdauer , die einen Monat in unserem Fall ist, und Sie sehen, dass es automatisch gibt Ihnen 20% Rabatt. Allerdings werde ich Ihnen einen Gutschein geben, der Ihnen 25% Rabatt auf meinen persönlichen Gutschein erhält. Jetzt, hier
drüben, müssen
Sie Ihren Benutzernamen eingeben. Ich werde ihr M a l i k beenden. Malik. Und stellen Sie sicher, dass Sie diese Anforderungen hier unten für den Benutzer Any jetzt erfüllen. Hier unten wählen
Sie die Sicherheitsnadel. Wählen Sie einfach jeden zufälligen Sicherheitsschmerz aus, den Sie wollen. Stellen Sie nur sicher, dass es nicht leicht zu erraten ist, und Sie scrollen den ganzen Weg nach unten und fühlen alle diese Informationen und Ihre
Kreditkarte und für genau hier oder Ihre PayPal-Informationen, entweder eine, die Sie bevorzugen. Nun, wenn Sie nach unten scrollen, erhalten
Sie zu diesen Add-Besitzern hier. Ich werde enden. Überprüfe alle diese, weil wir keine von ihnen brauchen. Jetzt scrollen Sie ein wenig nach unten und Sie sehen, dass dieser Gutschein Snappy gibt Ihnen 20% Rabatt. Nun, wenn Sie meinen persönlichen Gutschein eingeben, der Malik m A ist wie ein 25 Rabatt. Stellen Sie sicher, dass Sie es richtig buchstabieren. M a l i k 25 0 double f. Jeder Klick validieren und Sie scrollen ein wenig nach oben. Sie bemerken hier drüben gibt es jetzt 25% Rabatt statt 20%, was wirklich ein gutes Angebot
für Sie ist . Jetzt scrollen Sie ein wenig nach unten und Sie sehen die Bestelldetails. die Unterstützung betrifft, ist
es kostenlos. Was die Kontoaktivierung betrifft, ist
es auch kostenlos. Und Sie haben eine 45 Tage Geld-zurück-Garantie, was wirklich,
wirklich gut ist . Und hier drüben, die Domain-Namen-Registrierung. Sie haben diesen Domainnamen registriert. Sie haben es für ein ganzes Jahr reserviert und für $12 in 95 Cent. Und seien Sie noch einmal vorsichtig. Sie haben diesen Domainnamen für ein ganzes Jahr reserviert. Nicht für einen Monat. Ihr Webhosting-Plan ist für einen Monat genau hier. Und du hast einen Rabatt auf diesen hier, sowie auf diesen hier. Nun, der Gesamtbetrag des Rabatts beträgt etwa $5. Im nächsten Monat müssen
Sie nur für den Hosting-Plan hier bezahlen. Ihre Rechnung wird also nicht 11 Dollar in 91 Cent schlagen. nächste Mal, wenn Sie dafür bezahlen, wird
es nur das Web-Hosting sein, für das Sie jetzt bezahlen, wenn Sie fertig sind, klicken
Sie hier unten, um den Bedingungen und Dienstleistungen zuzustimmen und klicken Sie dann auf Auschecken hier unten. Sobald Sie diesen ganzen Prozess abgeschlossen haben,gehen
Sie durch Ihre E-Mail, die Ihnen direkt hier zur Verfügung gestellt wurde. Sobald Sie diesen ganzen Prozess abgeschlossen haben, Also gehe ich sofort zu meiner E-Mail und du bekommst diese Nachricht hier. Sie erhalten dieselbe exakte Nachricht mit Ausnahme des Benutzernamens und des Passworts. nun auf das Bedienfeld Ihrer Website zugreifen zu können, Umnun auf das Bedienfeld Ihrer Website zugreifen zu können,um mit dem Aufbau der Website und der
Installation von WordPress zu beginnen , müssen
Sie diesen Link direkt hier klicken. Und es ist für jeden anders. Klicken Sie also einfach auf den Link und Sie werden direkt hier auf diese Seite geleitet. Fragen Sie nun nach dem Benutzernamen. Gehen Sie zurück zu Ihrer E-Mail und kopieren Sie diesen Benutzernamen, den Sie hier bekommen haben, und gehen Sie dann zurück und fügen Sie ihn hier ein. Nun, das Passwort
betrifft, gehen
Sie durch die E-Mail und kopieren Sie dieses Passwort, das Sie in der E-Mail erhalten haben. Jetzt gehen Sie zurück und fügen Sie das Passwort direkt hier ein. Dann klicken Sie auf. Melden Sie sich jetzt an, wir sind auf der Systemsteuerung von unserer Website. , Ich schlage vor,dass Sie diese Seite als Lesezeichen markieren, weil wir sie in Zukunft brauchen werden. Und bitte bleiben Sie auf dieser Seite. Danke, dass Sie zugesehen haben. Wir sehen uns im nächsten Tutorial.
6. Installation von WordPress: Hi. Nun, da wir uns bei der Systemsteuerung angemeldet haben, ist
das erste, was wir tun möchten, das Passwort aus dem Bedienfeld zu ändern. Wir gehen zu einer Präferenzen, wir klicken auf Passwort ändern hier. Jetzt geben wir ein oder kopieren und fügen Sie einfach das alte Systemsteuerungs-Passwort ein, das wir in der
E-Mail erhalten haben , und geben Sie unser neues Systemsteuerungs-Passwort ein. Bestätigen Sie dann das Kennwort und klicken Sie auf Passwort ändern. Aber ich werde mein Passwort nicht ändern, da ich bereits geändert habe meine Jetzt gehen wir zurück zur Startseite und wir beginnen unsere Wortpresse Installation. Wir scrollen nach unten zum Abschnitt Software-Dienste, wir klicken auf Quick Install, und hier gehen wir zu beliebten Installationen. Wir klicken auf Ward Press und klicken Sie hier auf und noch WordPress. Jetzt wählen
wir zuerst den Domain-Namen, auf dem wir WordPress installieren möchten, und wir lassen dieses Feld leer, weil wir nur um es zu installieren Zehe bis halb und hier
geben wir in unsere E-Mail-Adresse und den Block Titel wir wollen und dann unser Admin-Benutzer -Name. Nun, wie für den Admin-Benutzernamen, kann
es keine Leerzeichen wie diese. Es muss in einem Stück wie diesem sein. Dann geben wir den Vornamen und unseren Nachnamen ein. Danach klicken
wir auf Install WordPress. Nach ein paar Sekunden sehen
Sie diese Nachricht hier und klicken Sie auf Anmeldeinformationen anzeigen. Nun, bevor wir unsere WordPress Höhe mit diesem Lincoln hier und diesen Benutzernamen und
Passwort zugreifen können , dauert
es in der Regel bis zu 15 Minuten, um WordPress auf unserer Website zu konfigurieren, aber in einigen Fällen und kann bis zu 24 Stunden. Wir sehen uns im nächsten Tutorial.
7. Angehen in WordPress und Bearbeiten von Profil: Hi. Im vorherigen Tutorial haben wir WordPress auf unseren Domain-Namen installiert. Und wie ich schon sagte, es dauert in der Regel 10 bis 15 Minuten, bis unsere Website mit dieser
WordPress-Installation läuft . In einigen Fällen kann
es jedoch bis zu 24 Stunden dauern. Nun, lassen Sie uns voran und melden Sie sich mit diesem Link in unserem WordPress-Bedienfeld an. Nein, dies ist die WordPress-Anmeldeseite, die uns den Zugriff auf das Bedienfeld unserer
Website ermöglicht . Gehen wir zurück und kopieren Sie den Benutzer. Und dann kamen wir hierher und kleben es hier ein. Und das gleiche für das Passwort und Einfügen von Hasse Wort. Jetzt loggen wir uns in Schlepptau ein. Unsere Webseite. Nun, dies ist das Bedienfeld für unsere Website namens Dashboard. Das erste, was wir tun möchten, ist das Passwort für dieses WordPress-Dashboard zu ändern. Also bewegen wir den Mauszeiger über Benutzer und klicken dann auf Ihr Profil. Jetzt scrollen wir hier unten zu einem neuen Passwort und klicken auf Passwort generieren. Weißt du, zuerst klicke
ich auf Ausblenden und lösche dann dieses Passwort und gebe jetzt dein Passwort für WordPress ein, dein neues Passwort. Jetzt gibt es eine Sache, die Sie über dieses Passwort wissen müssen. Es muss entweder mittel oder stark sein. Es kann nicht schwach sein. Er kann Ihr Profil nicht aktualisieren, wenn das Passwort schwach ist. Versuchen Sie also, Groß- und Kleinbuchstaben und,
wenn möglich,
einige andere Symbole
wie Ziffern und so weiter einzuschließen wenn möglich, einige andere Symbole . Jetzt gibt es noch eine Sache, die ich hier ändern möchte. Anzeigename. Ich möchte es in meinen Vornamen umwandeln. Dieser Anzeigename ist der Name, der hier angezeigt wird. Und es gibt mehrere Optionen, die Sie auch ändern können, Beispiel ein Thema. Wenn Siezum
Beispielauf
diese eine Mitternacht klicken zum
Beispiel . Es ändert das Aussehen Ihres Dashboards, aber ich werde es auf die Standardeinstellung halten. Und es gibt auch mehrere Optionen. Sie können den Vor- und Nachnamen der Brust und die E-Mail ändern. Aber das wird für den Moment reichen. Klicken Sie nun auf Profil aktualisieren. Jetzt bewegen wir den Mauszeiger über Einstellungen, die wir durch allgemeine gehen. Nun, das ist der Seitentitel, der hier oben erscheint. Ich möchte Toa in meinem Vor- und Nachnamen eingeben. Es könnte Ihr Firmenname oder ein beliebiger Name sein, den Sie hier haben wollen. Dies ist die kurze Beschreibung Ihrer Website. Ich tippe einfach in die Akademie. Jetzt scrollen wir nach unten und klicken auf Änderungen speichern. Das nächste, was wir tun möchten, ist die gleichen Bereichseinstellungen und gehen Sie nach unten zu Perma Links und klicken Sie darauf. Wir gehen den Hostnamen und klicken Sie auf den Postnamen. Dies dient der Suchmaschinenoptimierung. Es erhöht Ihre Klickrate auf Suchmaschinen. Und dies ist der erste Schritt zur Optimierung Ihrer Website für einen besseren Rang in
Suchmaschinen . Jetzt klicken wir auf Änderungen speichern, und jetzt gehen wir Toe Posts, schweben über Post in hier und klicken Sie auf alte Gastgeber. Und dann wollen wir diesen abgetasteten Host hier drüben löschen, also bewegen wir den Mauszeiger über den Papierkorb und klicken darauf. Jetzt klicken wir hier auf Papierkorb und klicken dann auf dauerhaft löschen, damit wir
dauerhaft löschen können . Jetzt machen wir dasselbe für die Beispielseite, bewegen den Mauszeiger über die Seiten und klicken auf alle Seiten. Wie für die Beispielseite, klicken Sie auf Papierkorb. Jetzt gehen Sie in den Papierkorb klicken Sie auf den Papierkorb der Elite dauerhaft. Nun, da wir den Beispielpost und die Seite gelöscht haben, ist
das nächste, was wir tun wollen, gehen Sie mit dem Mauszeiger über Plug Ins und klicken Sie auf seine erzählten Plugins. Wissen Sie, dies sind die Standard-Plug-Ins, die mit der Workforce Installation geliefert werden. Wir möchten diesen deaktivieren. Sie hier KlickenSie hierauf diesen. Das hier, das hier und das hier. Und gehen Sie hier hoch, klicken Sie auf Massenaktionen, gehen Sie zur Aktivierung, dann bewerben Sie sich, weil wir sie deaktivieren müssen, bevor Sie sie löschen können. Jetzt mach das Gleiche. Wählen Sie diese vier PlugIns und Buchaktionen aus, löschen
Sie sie dann. Klicken Sie nun auf Übernehmen. Ja. Lassen Sie diese Dateien und Daten. Nun, da wir installiert und in unserem Control Panel dieses Dashboard von unserer
Wordpress-Website angemeldet haben , ist
das nächste, was wir tun wollen, zu gehen Zehe Aussehen, schweben Sie hier und klicken Sie auf Themen. Jetzt, im nächsten Tutorial, werde ich lehren Sie hatte einen Upload und installieren Sie das Thema auf dem Dashboard. Wir sehen uns im nächsten Tutorial.
8. E-Mail-Weiterleitung einrichten: Hi. Jetzt richten wir die E-Mail-Weiterleitung ein. Bevor Erklären was? E-Mail für Kriegstage Butts zuerst nach unten scrollen. Haben männlichen Abschnitt hier und klicken Sie für Bestellungen. Klicken Sie jetzt hier unten. Weiterleitung hinzufügen. Nun, einfach E-Mail Weiterleitung bedeutet, dass Sie eine E-Mail-Adresse einrichten, die Ihren Website-Namen
darin hat und so dass Menschen E-Mails senden können, und diese E-Mails werden an eine andere E-Mail Ihrer Wahl umgeleitet werden, die könnte Ihre wirklich E-Mail-Adresse sein. Zum Beispiel, lassen Sie uns zuerst Unterstützung als Präfekten für diese E-Mail eingeben und Ihre Website-E-Mail-Adresse wird Unterstützung bei Ihrem Website-Namen sein, was Malik Motown in diesem Fall dot com ist, und hier unten in diesem Feld, geben Sie die rial-E-Mail-Adresse ein, an die diese Nachrichten umgeleitet werden sollen. Jetzt, wenn du fertig bist, gehst du hier runter und klickst. Fügen Sie Forwarder hinzu, und wenn Sie klicken, gehen Sie zurück hier. Nun, wenn Sie auf diese Seite kommen, können
Sie die Weiterleitung Mahlzeit hier und die Rial-E-Mail-Adresse sehen, an die die Nachrichten hier gesendet
werden , und Sie können immer löschen und hinzufügen einige weitere E-Mails für Bestellungen von hier und hier. Jetzt werde ich zurück zur Startseite gehen, und das ist es für dieses Tutorial. Danke, dass Sie zugesehen haben. Wir sehen uns im nächsten Tutorial.
9. Thema und Plug-in in: Hi. Werfen wir nun einen Blick auf unsere Website und sehen, wie es aussieht, schweben Sie hier und klicken Sie auf Website
besuchen. Nun ist dies das Standard-Theme und aussehen, die mit unserer WordPress-Installation kommt, bevor wir irgendwelche Änderungen vornehmen oder wählen Sie ein anderes Thema jetzt, dass wir gesehen haben, wie sind Wiederholungen, die wie aussieht, Gehen wir zurück, schweben Sie hier und Klicken Sie auf Dashboard, den
Mauszeiger über die Darstellung. Klicken Sie auf die Themen. Jetzt sind dies die drei Standard-Themes, die mit WordPress-Installation kommen, und diese hier genannt 2015 ist ein Standard-aktiviertes Thema. Was wir jetzt tun werden, ist, unser eigenes Thema hochzuladen und zu aktivieren, damit wir jetzt daran arbeiten können. zuerst Klicken Siezuerstauf Neu hinzufügen Und wie Sie hier sehen können, gibt es mehrere Themen, aus denen wir wählen können, sowie so viele andere Themen. Aber das Thema, an dem wir heute als eines der Besten arbeiten werden, scheint auf der ganzen Welt zu sein. Gehen wir weiter und laden Sie es hoch. Klicken Sie auf Upload-Thema, klicken Sie auf Datei auswählen, und das ist das Thema, das Sie heruntergeladen haben. Es heißt Signify Ultra. Gehen Sie voran und klicken Sie auf Jetzt öffnen klicken Sie auf Jetzt installieren und es kann etwa eine Minute dauern, bis Sie das Thema hochladen, und in einigen Browsern, es zeigt den Prozentsatz hier. Wisst
ihr, Jungs hier unten zeigt, wie viel Hochladen getan wird. Jetzt, sobald es 100% hier unten erreicht, wird
das Thema installiert werden. Jetzt, da das Design erfolgreich installiert ist, gehen
wir weiter und klicken Sie auf Aktivieren. nun Wenn Sienunauf diese Seite gelangen, bedeutet
dies, dass das Thema hochgeladen und erfolgreich aktiviert wurde. Werfen wir einen Blick auf unsere Website und sehen, wie es aussieht, nachdem wir
unser Thema hochgeladen haben . den Mauszeiger hier, klicken Sie auf die Website besuchen. Nun, dies ist die Standardeinstellung. Schau dir unser Thema an, an dem wir arbeiten werden. Es sieht nicht so gut aus, aber wenn wir damit fertig sind, wird
es großartig. Bewegen
Sieden
Mauszeiger hier,
klicken Sie auf das Dashboard,
und wir werden die benötigten Plug-Ins installieren, mit denen wir von nun an arbeiten werden. Sie Mauszeiger hier, klicken Sie auf das Dashboard, den Mauszeiger über Steckdosen. Klicken Sie hier auf „Neues hinzufügen“. Der erste Plug in wir installieren werden genannt einfach Google Phones Typ und einfach Google Funds und drücken Sie Jetzt eingeben, dies ist der Stecker in, dass wir installieren werden. Es hilft uns, die Telefone auf einem Seilgelände in ah,
dynamischer Weise zu ändern . Klicken Sie nun auf Jetzt installieren hier drüben, Klicken Sie auf Aktivieren Flag in Wieder einmal. den Mauszeiger hierher. Klicken Sie auf neue hinzufügen und gehen Sie zu suchen Leggings und geben Sie Kontakt Formular sieben und drücken Sie. Geben Sie ein. Nun, das ist der Kontakt zum Ausstecken, den wir brauchen. Klicken Sie also auf Jetzt installieren klicken Sie auf Jetzt Plug in Jetzt aktivieren, wieder, klicken Sie auf Hinzufügen neu gehen hier und geben Sie und Mail. Schimpanse vier, Ward drücken und Enter drücken. Dies ist der Stecker in männlichen Champion für WordPress, die wir brauchen. Klicken Sie nun auf Jetzt installieren, klicken Sie
jetzt auf Plug in aktivieren Wieder einmal, den
Mauszeiger über. Fügen Sie neue gehen hier in Titan s K T Space Skill Bar und musste eingeben. Jetzt ist das der Plug in. Wir wollen klicken Sie auf Jetzt installieren, klicken Sie
jetzt auf Aktivieren, Plug in und ich werde Ihnen zeigen, was diese Plug in. Oder einmal fangen wir an, mit ihnen zu arbeiten. Also mach dir jetzt keine Sorgen darüber. Wie Sie sehen können, gibt es noch ein Plugging, das ich hier nicht aktiv gelassen habe, aber ich habe diesen Plug in nicht gelöscht. Der Grund dafür ist, dass Sie frei sind zu verwenden. Zeigen Sie es auf Ihrer Website an. Es ist ein guter Anti-Spamming-Stecker, der hilft, Ihren Block vor Kommentaren zu schützen. Im Track Back Spanne, wir werden es für jetzt behalten. Ich persönlich mag es nicht, diesen Plug in zu aktivieren und zu verwenden. Aber wenn ihr es
wollt, seid ihr frei, das zu tun. Das war's für dieses Tutorial. Wir sehen uns im nächsten Tutorial.
10. Das Logo erstellen: Hi. In diesem Tutorial
werde ich Ihnen zeigen, wie Sie Ihre eigenen lokalen machen. Aber davor, lassen Sie uns gehen und installieren Sie diesen einen letzten Plug in, der für unser Thema benötigt wird. nun den Mauszeiger hier und klicken Sie auf. Beginnen Sie mit der Installation von Plug-in. Jetzt schweben Sie hier runter. Klicken Sie auf Installieren. Jetzt, da der Stecker in installiert ist, gehen
wir zurück. Klicken Sie hier. nun den Mauszeiger hier in Klicken auf Aktivieren. Jetzt, wo der Plug in erfolgreich aktiviert ist, werden
wir weitermachen und unser erstes Lokal machen. Nun, wie Sie hier sehen können, gibt es zwei Logos das Haupt-Schlagzeilen-Logo hier und das kleine hier drüben, das heißt Favor Icon. Nun, da unsere drei Websites, in denen Sie Ihre lokalen erhalten können die 1. 1 heißt Fiverr F I v e double r dot Kommen Sie in dieser Website. Es ist cool, dass Sie auf Ihr eigenes Logo für nur $5 bewegen Sie sich über Grafik und Design hier schweben Sie über lokales Design, das Sie hier mögen, jetzt, wie Sie hier sehen können, gibt es eine Menge von Logos, die Sie aus einer Menge von Designs wählen können und Nur für $5 ändert sich der
Preis, wenn Sie den Zeitraum von der Lieferung ändern. Zum Beispiel, wenn Sie es auf unsere 24 Stunden ändern, steigt
der Preis für alle diese Logos. Aber wenn Sie es bis zu sieben Tage halten, werden
viele von ihnen für $5 sein. Jetzt gibt es die zweite Website, von der Sie Ihre Logos bekommen können. Dies sind kostenpflichtige Logos. Es heißt 99 Designs dot com. Auf dieser Website ist
es jetzt ein bisschen teurer. Sie klicken auf jetzt loslegen, und es gibt eine Vielzahl von Kategorien hier unten, aus denen Sie wählen können. Zum Beispiel gehen
Sie auf Logo-Identität und klicken Sie auf Logo-Design, und Sie im Grunde Ihre Anforderungen und die Looks, Farben und cetera, die Sie in Ihrem Logo-Design sein wollen. Und sie geben Ihnen viele Designs, aus denen Sie wählen können. Aber das Basispaket hier, ich denke, es ist $399, also ist es jetzt ein bisschen teuer. Das letzte, das ich Ihnen zeigen werde, heißt Logo m, a k r dot com und diese Website. Sie können Ihren eigenen lokalen Klick auf Weiter machen. Als
nächstes sind dies nur einige Tipps, um Ihnen zu zeigen, wie Sie an Ihrem Logo arbeiten. Jetzt werde ich ein Muster-Logo machen. Ich werde diese beiden Logos zu dem machen, den Sie hier sehen und den Lieblings-Betrüger hier. zuerst Beginnen wirzuerstmit dem Favoriten. Klicken Sie auf Text und gehen Sie hier hoch. Und ich möchte einfach und modern geformt wählen. Und hier klicken Sie auf diesen. Hier, Goto Arch. Böser Schwarz. Jetzt werde ich den ersten Buchstaben von meinem Namen eingeben. Juden. Die Farbe, die Sie hier klicken können. Das wird ein Leuchtfeuer auftauchen. Drug es hier oben oder unten so, wie du es magst. Ich werde diese Farbe für den ersten Buchstaben wählen und ich werde hier über diesen schweben. Klicken Sie mit der rechten Maustaste und klicken Sie auf Kopieren. Ziehen Sie es nun, wie Sie sehen können, und klicken Sie mit der rechten Maustaste und klicken Sie dann auf Einfügen. Das ist der zweite Buchstabe, aber ich werde die Farbe der Zehe ändern. Ah, schwarz und ich werde das ein bisschen kleiner machen. Lasst uns das hier ein bisschen größer machen. Hier weiter. Es ist gut, jetzt, wenn wir fertig sind, Sie den Mauszeiger hier und klicken Sie auf Speichern Logo. Jetzt ist das Logo hier unten gespeichert. Lassen Sie uns eine Vorschau auf unser Logo. Klicken Sie auf die Zeichnung, wie Sie sie als PNG gespeichert sehen können. Es ist eine Erweiterung, die bedeutet, dass die lokale haben wir einen transparenten Hintergrund hat. Jetzt lassen Sie uns das zweite Logo erstellen, das Sie hier mit meinem vollen Namen sehen, Malik Morton. Jetzt lassen Sie uns unser zweites Logo erstellen. Doppelklicken Sie hier auf diesen Buchstaben und geben Sie meinen Vornamen oder Ihren Firmennamen so ein, wie Sie wollen und dann meinen Nachnamen ein. Und wie Sie sehen können, können
Sie diese hier einfach ein wenig nach links ziehen und jetzt schweben Sie hier über, weinte Ecke und klicken Sie auf Speichern Logo. Jetzt, da es heruntergeladen wurde, lassen Sie uns doppelklicken. Wie Sie sehen können, ist
dies ein weiteres PNG-Bild, dass es einen transparenten Hintergrund hat, und es gibt noch eine Sache, die ich Ihnen zeigen werde. Neben diesen Texten erhalten
Sie auch so viele Symbole, die Sie in Ihr Logo einfügen können. Klicken Sie auf Suche hier, und, wie Sie sehen können, sind Hunderte, buchstäblich Hunderte von Symbolen, die sie zu Ihrem Logo hinzufügen kann und sie sind alle kostenlos. So erstellen Sie Ihr kostenloses Logo. Danke, Jungs, dass ihr zugesehen habt. Wir sehen uns im nächsten Tutorial.
11. Themeneinstellungen und allgemeines Layout: hoch. Jetzt, da wir unser eigenes Logo gemacht haben, werden
wir anfangen, das allgemeine Layout und die Einstellungen unseres Themas zu bearbeiten. Aber davor werde
ich Ihnen eine wichtige Sache zeigen,
die ist, wie Sie sich aus Ihrem Dashboard ausloggen, falls Sie eine Pause machen und
später wiederkommen wollen . Also bewegen wir uns hier, und wie Sie hier sehen können, können
Sie auf Abmelden klicken. Sie gehen zurück zu dieser Seite, die ich persönlich mit einem Lesezeichen versehen habe, und Sie können sich später einloggen. Geben Sie Ihre Jahre und Ihren Namen und das Passwort ein und melden Sie sich an. Jetzt werden wir anfangen, das Layout in den Einstellungen unseres Themas zu bearbeiten, den
Mauszeiger über Ultra hier und klicken Sie darauf. Nun, wenn Sie auf diese Seite kommen, ist
das erste, was wir tun wollen, laden Sie unser Lieblings-con hoch, das ist das erste Logo, das wir gemacht haben. Sie können es in den heruntergeladenen Inhalten sehen. Das ist der Lieblings-Betrüger. Klicken Sie nun auf Öffnen Nein scrollen Sie nach unten zu Google Fonts und Google Funds Liste. Klicken Sie auf Alle Google-Gelder anzeigen. Klicken wir nun auf Speichern Und wenn Sie nach oben gehen und die Seite aktualisieren, können
Sie sehen, dass der Lieblings-Khan hier auftaucht. Jetzt gehen wir Toe Standardlayout Das erste, was wir als Index Sidebar Option wollen. Klicken Sie hier ohne Seitenleiste auf diese Seite. Scrollen Sie nun nach unten, um Host-Titel auszublenden und klicken Sie auf Ja, weil ich glaube, es sieht nicht gut aus. Und wie für Ausblenden, Post-Meta schweben Sie über Heidel in klicken Sie auf Höhe, diese sehen nicht gut aus und Auto Featured Bild. Wir möchten das hier überprüfen. Und was die vorgestellte Bildposition betrifft, möchte
ich es unter Titel posten machen, weil es noch einmal besser aussieht und nach unten scrollen Standard-Einzelpost-Layout . Ich möchte hier keine Sidebar wählen. Und was die Post-Meta angeht, möchte
ich all diese jetzt an halten. Scrollen Sie nach unten zum Standardseitenlayout und zu diesem hier. Wieder einmal werden
wir keine Sidebar verstecken Titel in alten Seiten wählen. Klicken Sie auf Ja, da wir nicht möchten, dass die Seitentitel am Anfang der
Seite und Seitenkommentare angezeigt werden . Wir möchten Seitenkommentare deaktivieren. Klicken Sie nun auf Speichern, scrollen Sie nach oben und gehen Sie zu den Themeneinstellungen. Das erste, was wir wollen, ist dieses hier. Klicken Sie auf. Lightbox auf Bild-Links anwenden. Dies macht das Bild im Grunde in einer Box wie Box auftauchen, wenn Sie darauf in der Galerie klicken . Jetzt scrollen Sie nach unten. Und wie für Header-Design, klicken Sie auf diesen hier, weil es am besten aussieht. Und wir möchten, dass Toa diese Seite Tagline Suchformular ausschließen, der RSS-Link, der Header, Widgets und die soziale würde nur, weil alle diese nicht professionell auf unserem
Header aussehen jetzt Header Widgets Klicken Sie auf Keine. Fußzeilendesign Wir möchten es an der Standardeinstellung halten. Site-Logo von hier ausschließen. Schließen Sie die Menünavigation aus, weil wir einer der Männer Sie und Paige Titel die in der Fußzeile
erscheinen und scrollen Sie nach unten zum Bild. Filtern eines Bild-Hover-Filters. Klicken Sie auf Graustufen, denn sobald Sie den Mauszeiger über die Bilder bewegen, wird
es grau und gelten alle Bilder und unten hier, Animieren Hintergrundfarben. Dies ist für den animierten Hintergrund, der ständig die Farben ändert. Geschwindigkeit der Animation. Ich möchte es auf sieben setzen. Nun, Wie für die Farbanimation, Ich möchte zeigen, dass Sie Ihre Animationsfarben wählen müssen. Klicken Sie auf neue Registerkarte und geben Sie in dieser Website Picks slur dot com p i X l r dot com Schrägstrich Editor und drücken Sie Enter Jetzt möchten wir Bild von unserem Computer zu öffnen, und das ist die Farbpalette, die ich in meinem Inhalt enthalten haben, die Sie Jungs heruntergeladen. Klicken Sie darauf und öffnen Sie jetzt den Mauszeiger über das Farbwählerwerkzeug. Klicken Sie darauf. Und wie Sie sehen können, gibt es einen Farbfluss, der sich nach oben bewegt. Anstatt plötzlich zu ändern, von rosa über gelb oder rosa zu blau, geht
es allmählich und die Farbänderung wird glatt sein. Also möchten wir Farben wählen, die angrenzend sind, zum Beispiel diese Reihe hier und es könnte mit jedem aus dem anderen verbunden werden. Rose. Nehmen wir diese Rolle als Beispiel. Klicken Sie darauf und eine sehen Sie Klicken Sie darauf. Sie sehen die Farbe hier ändert klicken Sie auf die Farbe Hier, dieses Fenster erscheint und Sie kopieren diesen Hex-Code von hier. Sie kopieren es, Sie schweben zurück und Farbe Animation Nummer eins, Sie fügen es hier ein und für die 2. 1 Sie gehen zurück, wählen
Sie die nächste Farbe, die diese hier ist. Klicken Sie darauf jetzt mit dem Mauszeiger über hier. Klicken Sie hier. Jetzt kopieren wir diese Farbcode-Kopie und gehen zurück und eilen sie. Jetzt die Farbanimation Nummer drei, machen
wir das Gleiche. Wir haben sie über die 3. 1 Hier, klicken Sie darauf und bekommen auf diese hier. Und kopieren Sie den Farbcode. Klicken Sie auf OK und fügen Sie es und dasselbe für den Rest ein. Die 4. 1 Hier, sieh dir das an. Juden, der Farbcode. Geh zurück. Eile es. Hier. Nächstes, geh zurück. Ok. Und klicken Sie auf diesen. hier Wählen Siehierdiesen aus und kopieren Sie diesen Farbcode. Okay, geh zurück. Fügen Sie es hier ein. Jetzt. Nummer sechs, geh zurück. Und jetzt dieser hier. Klicken Sie darauf. Sieh dir das hier an. Und das hier. Kopieren. Ok. Und dann gehen Sie zurück und fügen Sie es hier ein. Und was die letzte betrifft, möchte
ich das gleiche wie die erste Animationsfarbe wählen Kopieren und fügen Sie es hier ein, weil ich denke, dass es sich darauf reimt. Es ist, als würde hier ein Kreis beginnen und dann an den gleichen Ort zurückkehren, wo er begonnen hat und ein Treffen. Jetzt scrollen Sie hier nach unten. Was den Fußzeilentext betrifft, werden
wir den Fußzeilentext hier ändern. Klicken Sie auf neue Registerkarte und unten hier anstelle von Powered von WordPress, wir möchten Kopie hinzufügen, rechts. So gehen Sie zurück und Fußzeile Text, um Sie können in Kopie eingeben, rechts. Alle Rechte vorbehalten oder was auch immer Sie wollen und klicken Sie auf Speichern. Und wenn Sie zurück zur Website gehen, klicken Sie auf Aktualisieren. Sie sehen, dass das Urheberrecht hier ist. Danke, Jungs, dass ihr zugesehen habt. Wir sehen uns im nächsten Tutorial.
12. Erstellen von Titeln und Bearbeiten von Kopfzeilen: hoch im vorherigen Tutorial. Das letzte, was mit ihm wurde dieser Teil des Fototextes hinzugefügt und wie Sie im
Fußzeilentext sehen können , haben wir den Text eingegeben, den wir wollen, und es zeigte sich automatisch hier, wenn wir
die Seite aktualisiert haben . Jetzt geht es dasselbe für diesen Teil des Fußes oder Textes. Wenn Sie zurückgehen und einen Text in der Fußzeile eingeben, Text eins hier und klicken Sie auf Speichern Es zeigt hier anstelle dieses hier. Aber ich glaube, das sieht gut aus. Jetzt werden wir anfangen, den Header zu diesem transparenten,
schönen Header zu machen . Wir werden die erste Seite hinzufügen, die die Homepage ist, diese hier und fügen Sie dieses Logo Haar hinzu, auch dieses schöne und lebendige Hintergrundbild. Lassen Sie uns gehen und klicken Sie zuerst auf Seiten jetzt klicken Sie auf Hinzufügen Neu jetzt geben Sie hier zu Hause jetzt scrollen hier
nach unten und wie für Inhalte mit Klicken auf Voll mit Wie für Bild, Hover Filter Creek auf keiner. Und was einen Seitentitel betrifft, möchten
wir ihn verbergen. Ja, jetzt gehen wir zum Thema Aussehen hier, klicken Sie darauf. Und was Header-Design
betrifft, klicken Sie hier jetzt auf Veröffentlichen, nicht Zurück hier und aktualisieren Sie die Seite. Und wie Sie sehen können, zeigt
es hier drin. Lassen Sie uns voran und passen Sie diese Kopfzeile hier. Klicken Sie auf Anpassen gehen Sie zu Signify Optionen hier. Gehen Sie nun zu Website-Logo und Slogan. Wählen Sie nun Logo-Bild und klicken Sie hier und klicken Sie auf Dateien hochladen hier. Wählen Sie nun Dateien aus. Wählen Sie nun diesen Header Lokal, den wir gemacht haben. Und wenn Sie möchten, können
Sie meinen Kopf der lokalen in der meine Inhalte verwenden, die Sie heruntergeladen haben und klicken Sie auf Öffnen Nein klicken Sie auf Bild
einfügen Und wie für die Dimensionen hier, geben Sie 1 10 von 50. Klicken Sie nun auf Speichern und Veröffentlichen. Jetzt scrollen Sie nach unten. Klicken Sie hier, um es zu minimieren und gehen Sie zur Hauptnavigation Hier, klicken Sie darauf und scrollen Sie nach unten Do Menü, Link, Hover und geben Sie Nicht in diesem Feld hier, aber in diesem ein Hier, die 2. 1 Dieser Code sieben C E. Wenn um jetzt diese Farbe, wir möchten es kopieren und geben Sie den gleichen Code für ein Menü Aktive Link und geben Sie in das zweite Feld hier ein. Kein Klick auf Speichern und Veröffentlichen. Und wie Sie sehen können, wenn Sie den Mauszeiger über wen bewegen und wenn nach Hause geklickt wird, wird
die Farbe Lewis sein. Nein, wir gehen nach oben, minimieren diese Hauptnavigation. Wir gehen zur Fußzeile, Klicken Sie darauf. Nun, das einzige, was wir hier als Fußzeile Hintergrundfarbe bearbeiten wollen. Klicken Sie hier und geben Sie diesen Code F sechs F sechs F sechs ein. Klicken Sie nun auf Speichern und Veröffentlichen. Scrollen Sie nun nach unten, nachdem Sie es minimiert haben und gehen Sie zu benutzerdefinierten C s s. Nun, Wie für benutzerdefinierte CSS, müssen
Sie zu meinem Inhalt gehen. Die Inhalte, die Sie heruntergeladen haben. DoubleClick, CSS-Styling. Kopieren Sie diesen Text hier und gehen Sie zurück. Fügen Sie es hier und jetzt klicken Sie, speichern und veröffentlichen. Und wie für dieses Feld sehen Sie hier, wenn Sie es zum Beispiel erhöhen und ihre 0,5 Wie Sie
sehen können , geht
die Transparenz ein wenig ab,
was bedeutet, dass es weniger transparent und dunkler wird. Aber ich möchte es 2.1 behalten, weil ich denke, es sieht am besten aus. Klicken Sie nun auf Speichern und Veröffentlichen. Jetzt gehen Sie zurück und klicken Sie hier. Nun, um es hinzuzufügen, diese Homepage müssen wir hier bewegen, gehen Sie zum Dashboard und gehen Sie zu Seiten. Klicken Sie jetzt darauf, den
Mauszeiger über Homing hier und klicken Sie auf scheinen. Wenn ich jetzt Baue, wie Sie hier das gleiche sehen können. Wenn ich Builder hier von nun an eingetaucht
ist, wird es eingeschaltet sein, weil es mindestens einmal verwendet werden muss, bevor es aktiviert wird und
auf diese Bar hier oben kommt . Und da ist eine Notiz, diese Bar hier oben. Es ist für uns auf Lee, wenn wir unsere Seite bearbeiten, aber es erscheint nicht für andere Leute. Wenn die Ansicht unserer Seite, wie Sie hier sehen können, erscheint
es nicht hier oben. Es erscheint nur, wenn wir unsere Seite mit unserem WordPress-Dashboard bearbeiten. Nun, da wir unser Thema Fliegenbauer auf haben, werden
wir anfangen, diese Homepage zu bearbeiten, bewegen Sie hier und klicken Sie auf Optionen. Jetzt möchten wir mit zu rudern und klicken Sie auf volle Hölzer. Und wie für die Wirkung, klicken Sie darauf und geben Sie F f wieder ein und, wie Sie hier sehen können, verblassen, klicken Sie es wie Fade in hier unten ist es leicht zu finden, und wie für Hintergrundtyp, wir möchte es für das Bild behalten. Wie für Hintergrundbild, wir wollen unser eigenes Bild,
klicken, durchsuchen, durchsuchen, Bibliothek und klicken Sie auf Dateien auswählen und scrollen Sie nach unten. Es sei denn, du hast dein eigenes Foto, kannst
du meins hier benutzen. Dieses vorgestellte schöne Bild und klicken Sie auf Öffnen. Klicken Sie nun auf Einfügen Datei Ihre L und wie für Hintergrundmodus, klicken Sie hier und wählen Sie Parallax Scrollen. Scrollen Sie jetzt nach unten und gehen Sie zur Polsterung hier für die Wanne. Wir möchten hinzufügen 4 30 und für die Unterseite für 80 und scrollen Sie nach unten und klicken Sie sicher. Und wie Sie dieses Bild sehen können, zeigt sich hier ein
schönes Bild. Sie sich jetzt keine Sorgen um diesen Abstand zwischen dem Bild und dem oberen Rand der Seite. Es ist nur für uns, es besser bearbeiten zu können. Und sobald wir klicken, speichern und auf Schließen klicken, können
Sie sehen, dass das Bild nach oben verschoben wurde und dass die Kopfzeile nur den Teil bedeckt, wir nicht aus dem Bild sehen. Nun, um diesen Header transparent und das Bild hinter einem visuellen für uns zu machen, gehen
wir, um Seiten zu bearbeiten. Klicken Sie auf Seiten hier, bewegen Sie sich über die Startseite und Sie gehen zu Thema Aussehen, klicken Sie auf Thema Aussehen, und wie für Header Hintergrund, klicken
wir auf transparenten Hintergrund, dann scrollen Sie nach oben und klicken Sie auf aktualisieren. Nun, wenn wir zurück zu dieser Homepage gehen. Klicken Sie auf Aktualisieren. Hier. Sie können sehen, dass das Bild als visuelle schleppen uns jetzt und der Header als transparent und glatt
Und es sieht professionell aus. Danke, dass Sie zugesehen haben. Wir sehen uns im nächsten Tutorial.
13. Baudienstleistungen (1): hoch Im vorherigen Tutorial haben wir diesen schönen Header gemacht. Mit diesem transparenten Hintergrund haben wir die erste Seite erstellt, die Homepage ist. Wir haben das lokale hinzugefügt, das wir gemacht haben, und wir haben dieses schöne,
lebendige,
das Bodenbild mit diesem Parallax-Scroll-Hintergrund hinzugefügt lebendige, . Jetzt das erste, was wir hier tun wollen, bevor wir diesen Bereich Dienstleistungen hier hinzufügen und mit diesen schönen Übergängen, die passiert sind. Wie Sie sehen können, werden
wir hier gehen und wir werden diese Homepage zur eigentlichen Homepage für unsere Website machen,
was bedeutet, dass, wenn Sie oder jemand anderes in die U. R l Ihrer Website eingeben und Treffer eingeben, wie Sie hier sehen können, Sie gehen nicht direkt auf Ihre Startseite. Wir möchten sie direkt auf die Homepage gehen, anstatt auf die Startseite klicken zu müssen und auf die Startseite zu
gelangen. Um dies zu tun, gehen
wir zurück zu unserem Dashboard, Mauszeiger über die Einstellungen und klicken Sie auf Lesen. Nun, hier
drüben wählen Sie eine statische Seite. Wie für die Titelseite, wählen
Sie nach Hause und unten klicken Sie auf Änderungen speichern. nun Wenn Sienunzur Website zurückkehren, löschen
Sie dieses Unterverzeichnis hier und klicken Sie auf Eingabetaste. Sie können sehen, dass diese Homepage von der Website ist die eigentliche Homepage, die wir gemacht haben. Anstatt auf die Startseite klicken zu müssen, um zur Startseite zu gehen, geht
es automatisch auf die Startseite, wenn jemand auf Ihre Website geht. Nun, gehen
wir voran und beginnen, diesen Bereich Dienstleistungen hier zu machen. Wie Sie sehen können, ist
die dünne, wenn ich Builder das Werkzeug, das in unserem Thema Ultra eingebaut kommt. Und es ist ein Werkzeug, das wir verwenden, um unsere Website zu erstellen. Und jedes Mal, wenn Sie unsere Website aufbauen wollen, bewegen
wir uns hierher und klicken auf Einschalten, Baumeister. Jetzt erscheint dieses Banner mit diesen Modulen drauf. Also das erste, was wir tun wollen, ist das Textmodul hierher zu ziehen und es fallen zu lassen und wir werden hier keinen Text hinzufügen. Wir werden einfach auf Speichern klicken. Dies ist, damit wir ein weiteres Modul hier unten hinzufügen können. Wir wollen das hier leer lassen. Aber wenn Sie Lust haben, etwas in der Mitte von diesem Bild zu schreiben, sind
Sie frei, das zu tun. Aber ich glaube nicht, dass es gut für dieses spezifische Design aus der Website aussieht. Und wenn Sie nach unten scrollen, schweben
Sie hier. Wie Sie sehen können, können
Sie dieses Drop-Modul sehen Hier werden wir Text auswählen, klicken Sie auf die Schaltfläche nach Hause und legen Sie es hier. Jetzt, hier
drüben, geben
wir unsere Dienste ein. Wählen Sie jetzt unsere Dienstleistungen aus. Und hier Symbolleiste umschalten, Sie bewegen sich mit dem Mauszeiger darüber, klicken Sie darauf und Sie sehen, dass dieser Abschnitt nach unten fällt. Sie klicken auf Absatz. Sie wählen Überschrift, um jetzt wählen Sie all dies wieder und Sie machen es beteiligt und eine Linie in der Mitte Jetzt klicken Sie auf Speichern. Und wie Sie sehen können, ist
dies unsere Dienstleistungen in der Mitte. Es ist ein bisschen groß, ich weiß, aber wir werden das später bearbeiten. Wählen Sie nun das Trennmodul aus, klicken Sie und halten Sie es gedrückt, und legen Sie es dann hier ab. Jetzt für dieses Modul. Zuerst die Trennlinie Stil. Wir möchten wählen Sie doppelt und für Strichstärke, wählen Sie Nummer vier und für Trennfarbe, können
Sie die gewünschte Farbe auswählen, wenn Sie hier klicken. Wie Sie sehen können, gibt es mehrere Farben, aus denen Sie wählen können, und verschieben Sie sie hier, um den gewünschten
Farbgrad auszuwählen. Aber ich habe den Farbcode für unser Design, das ist drei de sieben a acht C. Nun, wie für den oberen Rand, Ich möchte Null eingeben. Und für den unteren Rand werde ich 12 eingeben. Klicken Sie nun auf Speichern. Und wenn Sie hier schweben, können
Sie diese Trennwände aus dem Modul sehen. Wählen Sie hier diese aus, die sie in drei gleiche Abschnitte unterteilt. Ziehen Sie es dann hierher in die Mitte und legen Sie es ab. Jetzt werden wir in diesen Symbolen und diese Texte und Schaltflächen im nächsten Tutorial hinzufügen. Danke, dass Sie zugesehen haben.
14. Baudienstleistungen (2): Jetzt werden wir in diesen drei vorgestellten Icons mit diesen Übergängen und dem Text
sowie diesen Schaltflächen hier unten hinzufügen . Fangen wir mit der ersten ersten ersten an. Wählen Sie das KE aus. Klicken und halten Sie es gedrückt. Jetzt lass es hier fallen. Jetzt haben wir den Text hinzugefügt, den wir hier wollen. Das wird unter dem Symbol sein. Nein, ich habe meine SMS fertig. Also werde ich es jetzt einfach kopieren. Geh zurück. Klicken Sie hier, wenn Sie als Nur-Text einfügen. Jetzt ist für diesen hier. Hier werden wir es mutig machen. Klicken Sie auf den Schalter und wählen Sie Überschrift fünf. Nein, dieser hier werden wir es bis zum Absatz halten und dann Oh auswählen, und legen Sie sie in die Mitte. Nun, das nächste, was tun wird, ist getroffen. Geben Sie und bewegen Sie den Mauszeiger über hier, um in der Schaltfläche hinzuzufügen, klicken Sie auf Kurzcodes. Gehe zu einer Schaltfläche. Klicken Sie darauf. Was den Schaltflächen-Text angeht,werde
ich eintippen. Was den Schaltflächen-Text angeht, Probieren Sie es selbst aus. Was den Schaltflächenstil betrifft, besteht
er aus drei Teilen. Der erste Teil gibt die Größe der Schaltfläche an, die ich den zweiten Teil groß setzen werde, wenn Sie Tabulatorraum und Sie die
Farbe eingeben , aber ich werde keine Farbe von hier wählen. Ich überlasse es dem Standard. Die dritte Sache, er wählt den Tastentyp, wie es hier unten zeigt, gibt es vier Arten von Tasten. Sie sind eigentlich fünf. Es gibt eine, die hier nicht erwähnt wird, nämlich der Umriss. So können Sie wählen, wie, groß, flach oder groß umgeben. Aber ich werde eine große Zeile wählen und dann nach unten scrollen. Sie können die Hintergrundfarbe für die gewünschte Schaltfläche festlegen, und Sie können Ihre Schaltfläche auf eine andere Seite umleiten, an
einem anderen Ort. Aber ich werde es auf seinem Standard belassen. Ich werde nichts in der Textfarbe eingeben. Sie müssen den Hacker-Code eingeben. Nein. Das letzte, was hier ist das Link-Ziel, das angibt, den Link in einem neuen Tab zu öffnen oder den Link innerhalb derselben Seite zu öffnen. Wenn Sie es auf die Standardeinstellung belassen, wird der Link geöffnet. Warst du deine Krawatte hier statt der Seite, auf der du warst? Es wird es nicht in einem neuen Tab öffnen, aber wenn Sie Unterstrich leer eingeben, wird
es in einem neuen Tab öffnen. Klicken Sie nun auf Einfügen. Und wie Sie sehen, ist
dies der Tastencode. Wir wollen es in die Mitte setzen. So Linie in der Mitte, Kein Scrollen nach unten. Und hier richten wir das Symbol, die Farbe und
die Übergänge ein. Was das Layout betrifft, möchten
wir den Augenkontakt wählen. Was den Prozentsatz angeht, den ich bis zum Ende lasse, um es dir zu zeigen. Was meinen wir mit Prozent? diesen Strich betrifft, gibt
dies die Dicke außerhalb der Übergangslinie an. Also werde ich es auf Wie für die Farbe setzen, die Sie hier klicken können, was die Farbe war, die Sie wollen, wählen Sie den Farbgrad hier. Aber ich habe meinen eigenen Farbcode, den ich hier eingeben werde, was vier Null a de to de ist. Nun, Was die Symbolgröße betrifft, möchte
ich es auf Medium setzen. Was den Symboltyp angeht, werden
wir ihm das Zehensymbol belassen. Nun, wie für das Symbol selbst, klicken Sie hier. Ich werde F A Strich C o G s f A Cox eingeben. Jetzt können Sie Ihr Icon von hier aus auswählen. Wenn Sie auf Einfügen Symbol klicken, können
Sie sehen, dass das Symbol, das ich ausgewählt habe, ist dieses hier? Sobald Sie darauf klicken, erscheint
der Symbolname hier und automatisch dieser F A Strich erscheint vor dem Symbolnamen, so dass Sie das gewünschte Symbol auswählen können Wenn Sie hier klicken, was ein beliebiger Name war, wenn das Beispiel, Sie Wählen Sie Glocke, Sie gehen zurück, Sie geben F A Strich Glocke ein und das Glockensymbol wird auf Ihrer Seite angezeigt. Aber für jetzt werde
ich das Symbol eingeben, das ich gewählt habe, das F ein Schwanz ist. Nun, die Farbe hier angeht, werde
ich sie auf weiß komplett weiß setzen. Also, wenn du hier sechsmal F tippst, wird
es ein Weißer sein. Was die Hintergrundfarbe betrifft, kopiere
ich diesen Code hier und füge ihn hier ein. Dies ist für den Hintergrund des Symbols. Jetzt klicken wir auf Speichern und Sie sehen, dass das Symbol hier angezeigt wird. Nun, wie für den Prozentsatz, den Sie hier darauf klicken, scrollen Sie nach unten. Wenn Sie eingeben, sagen
wir, 75% klicken Sie auf Speichern. Sie sehen, dass dieser Übergang den ganzen Weg geht 75% dieses Kreises, aber ich werde es auf 100% setzen. So geht es den ganzen Weg herum, sieht aus wie sparen. Nun, wie Sie sehen können, dreht
es sich den ganzen Weg um 100%. Nun, die anderen Symbole
betrifft, wir den Mauszeiger hierher. Wir wählen dieses hier aus, das es in drei Abschnitte unterteilt. Drei gleiche Abschnitte. Jetzt ziehen wir das hier her und wir bewegen uns hierher. Wir gehen nach unten und klicken auf Duplizieren. Wie Sie sehen können, wurde
es dupliziert. Nun, wieder, aber hier
drüben klicken Duplikat und es wurde dupliziert. Wir haben drei Exemplare. Wir ziehen das hier her. Wir drogen das hier und wir haben jetzt drei Symbole. Wir bewegen den Mauszeiger über diesen hier klicken wir darauf und bearbeiten den Text und die Farben hier sowie das Symbol. bearbeiten den Text und die Farben hier sowie das Symbol. Was den Text angeht, habe ich diesen Text, den ich dort einfügen möchte. Ich werde es einfach kopieren und einfügen. Nun, das hier wird uns fünf für diesen hier begraben, es wird ein Absatz sein. Und was diesen betrifft, werden
wir es mutig machen. Dann scrollen wir nach unten und wir behalten alles gleich. Bis auf diesen Farbcode. Ich hätte gern die Auserwählten. Dieser Farbcode 168 D A b Nein, wir kopieren diesen Farbcode Kopieren und fügen Sie es hier Haus für das Symbol. Hier werde ich dieses Symbol für eine Armaturenbrett-Presse wählen und wir werden alles andere
gleich halten . Klicken Sie nicht auf Speichern. Jetzt gehen wir zum dritten Symbol. Wir schweben hier rüber. Sieh so aus wie es dir. Was den Text betrifft, werde
ich diesen Text kopieren, den ich bereit habe, um ihn hier einzufügen. Jetzt wählen wir den Header. Toby geht fünf. Wir machen es für dieses eine Welt auf uns. Hier behalten wir es. Zehe Absatz, wir halten den Knopf gleich. Nein wurde nach unten gescrollt. Wie für den Farbcode, Ich werde e B sechs ein 00 eingeben Jetzt werde ich diesen Farbcode noch einmal kopieren und
hier einfügen . Was das Symbol betrifft, werde
ich eintippen, haben einen Strich Schreibtisch oben Jetzt klicken wir, speichern und wir klicken. Speichern Sie hier noch einmal. Jetzt bewegen wir uns hier, klicken wir auf Optionen. Jetzt wählen wir den Hintergrundmodus, um die volle Abdeckung zu sein. Was die Hintergrundfarbe betrifft, möchte
ich diesen Farbcode F sechs F sechs F sechs sechs eingeben. Scrollen Sie jetzt nach unten, klicken Sie
dann auf Speichern und ich möchte zu unseren Diensten hier gehen. Klicken Sie auf. Fügen Sie es jetzt gehen Zehe Styling. Jetzt scrollen wir zwei klopfen wir nach unten für die oberen 30 und scrollen nach unten und klicken. Sparen Sie hier drüben, wir schweben hier rüber. Klicken Sie auf Optionen. Wir scrollen nach unten zur Hintergrundfarbe hier in Typ in der gleichen Hintergrundfarbe. F sechs F sechs F sechs sechs. Jetzt scrollen wir nach unten. Und was die Polsterung betrifft, geben Sie 10 ein und scrollen Sie nach unten, und klicken Sie
dann auf „Safe“. Jetzt schweben wir hier rüber. Klicken Sie auf Optionen. Wir gehen zur Hintergrundfarbe. Wir geben F sechs F sechs F sechs sechs ein, um die gleiche Hintergrundfarbe für alle zu machen. Klicken Sie nicht auf Jetzt speichern klicken Sie erneut auf Speichern. hier Klicken Siehierauf Schließen und Sie können diese schönen Übergänge mit diesen Buttons und Texten sehen. Fertig. Danke, dass Sie zugesehen haben. Wir sehen uns in den nächsten zwei Tory
15. Baudienstleistungen (3): hoch. Im vorherigen Tutorial haben wir den Abschnitt „Dienste“ fertiggestellt. Wir haben diese Symbole,
diese Texte und Schaltflächen hinzugefügt . Nun, in diesem Tutorial, werden
wir es hinzufügen Die Mittel aus dem Bereich Dienstleistungen für diesen Teil Dieser Teil und dieser
Teil alle zusammen. Jetzt gibt es noch eine Sache. Wir müssen es hinzufügen, bevor wir zu den Fonds gehen. Es gibt diese Textdekorationen hier unten, die wir zu den Schaltflächen hinzugefügt haben. Ich werde Ihnen zeigen, wie Sie es hier hinzufügen können. Also zuerst mit dem Mauszeiger über dünn. Wenn ich Builder aktiviere den Builder Jetzt scrollen Sie nach unten und decken Sie hier und gehen Sie, um es hinzuzufügen. Jetzt sehen Sie, Versuchen Sie es selbst unten Hier klicken Sie direkt nach dem F und tippen Sie Raum und Hinzufügen in Doppelpfeil Sie sind frei, diese Dekoration zu verwenden. Ich glaube, es sieht bei den meisten Designs gut aus und mache das gleiche hier wie bei ihm. Und wenn Sie hier sind, gehen
Sie, um es selbst zu versuchen, klicken Sie direkt nach dem F-Leerzeichen und fügen Sie dann in Doppelpfeil hinzu, klicken Sie
nicht auf Speichern und tun Sie das gleiche für die 3. 1 Gehen Sie zu bearbeiten. Jetzt geh hier runter, um es selbst ein Leerzeichen und einen Doppelpfeil zu versuchen. Sie sind frei, diese Dekoration zu verwenden und ich werde jetzt auf Speichern klicken wir hier speichern Mickley schließen und Sie sehen, diese Dekoration ist fertig. Jetzt werden wir voran gehen und beendete die Florenz der Services-Abschnitt Gehen Sie anpassen. Nun, wenn wir hier sind, gehen
wir zu einer Tomographie und klicken wieder auf Standard zu Biografie. Und das sind die Mittel, die wir hinzufügen können, die durch die einfache Google Fonds Plug in getan werden, dass wir installiert. Jetzt gehen wir Zehe Absätze hier klicken, so können wir die Absatztyp-Tasten bearbeiten und scrollen Sie nach unten zum Dienstbereich, so dass wir die Änderungen alle Formulare sehen können, wenn wir sie von
hier aus tun . Und wie für die lustige Familie, klicken Sie hier und geben Sie in robo toe r o B o D o. Nun hier unten, klicken Sie auf Rabbo Toe und Sie können sehen, dass der Text hier hat sich geändert. Jetzt schauen Sie hier Und wie für den Fonds warten, klicken Sie hier und wählen Sie 300. Sie können sehen, dass sich auch das Fondsgewicht geändert hat. Nein, wir klicken hier, um es zu minimieren und gehen Sie auf die Überschrift, um jetzt wählen wir für die lustige Familie Die gleiche Front wieder Roboto R o b o t o Und klicken Sie auf Robo Toe Hier können Sie sehen, dass die gebildete hat sich für den Titel hier und für diese Warte geändert hier, Klicken Sie hier und wählen Sie Regular hier unten Klicken Sie auf reguläre Jetzt gehen wir toe Aussehen Hier
gehen wir nach unten auf die Schriftgröße Wir maximieren es, bis wir zu 30 Pixel bekommen. Wie Sie hier sehen können 30 p x bedeutet 30 Pixel. Nein, wir minimieren dies hier Gehe zu Rubrik fünf Klicken Sie hier und scrollen Sie ein wenig nach unten, um Familie zu finanzieren Klicken Sie hier und geben Sie Roboto ein. Wählen Sie ihre Wähler von hier Jetzt gehen Sie zu Frontgewicht Sie war regelmäßig. Jetzt gehen Sie hier nach oben Klicken, speichern und veröffentlichen. Jetzt klicken wir hier und gehen zurück. Sie wissen, wir scrollen nach unten, tun mit dem Bereich Dienste hier unten und Sie können sehen, dass sich die Schriftarten geändert haben. Lassen Sie uns die Website überprüfen und sehen, dass sie genau das gleiche aussehen Jetzt wie für die Fonds, die wir
geändert haben . Wir haben es die Mittel nicht nur für den Bereich Dienste hinzugefügt, sondern für alle
Abschnitte und alle Seiten Wir werden erstellen und bearbeiten. Von nun an waren
die Mittel Did es sind für alle von ihnen. Danke, dass Sie zugesehen haben. Wir sehen uns im nächsten Tutorial.
16. Aufruf zum Bereich zur Aktion: hoch in der satori ALS. Ich werde Ihnen zeigen, wie Sie diesen Abschnitt erstellen, der als Aktionsabschnitt bezeichnet wird. Mit diesen Texten und diesem Button müssen wir zuerst dieses
Hintergrundbild erstellen und bearbeiten . So öffnen Sie eine neue Registerkarte und gehen Sie zu diesem Website-Ordner dot com F o t o r dot Kommen und treffen. Geben Sie ein. nun Wenn Sienunzu dieser Seite gelangen, gehen
Sie zu bearbeiten und klicken Sie darauf. nun Wenn Sienunkein eigenes Bild haben, können
Sie diese Bildaktion verwenden. Klicken Sie darauf, und öffnen Sie dann. nun Wenn Sienunzu dieser Seite gelangen, gehen
Sie hier nach unten, um die Größe zu ändern. Klicken Sie darauf und löschen Sie diese Zahl hier und geben Sie 1500 ein. Nun, das hier
angeht, behalten
Sie es so, wie es ist. Jetzt gehst du hier rauf zu einem Zuschnitt, klickst du darauf. Und wie für diese Höhe hier, löschen
Sie es und tippen Sie in 1500 fragen Sie nach diesem Holz hier Sie in 400 eingeben. Jetzt kommst du her und ziehst das hier nach oben und unten, so wie du willst. Was dieses Tutorial angeht, werde ich es den ganzen Weg hier unten unter Drogen nehmen. Jetzt brauchen wir es in die Gegend, die Sie wollen. Du gehst. Hier klicken Sie. Bewerben Sie sich jetzt. Wir bewegen uns hier, um zu bewirken Klicken Sie jetzt hier nach unten, um Shift zu sagen. Und wie Sie sehen können, gibt es diesen Unschärfe-Effekt, mit dem Sie den gewünschten Bereich verwischen und die anderen
unscharf halten können . Nun, die Form von der Unschärfe betrifft, können
Sie linear oder kreisförmig wählen. Wenn Sie feststellen, dass dieser Kreis ermöglicht es Ihnen, ununschärfe einen kreisförmigen Bereich. Und für diesen hier unten, die Pinselgröße zuerst werde ich linear wählen und ich werde die Pinselgröße um
diese Größe hier erhöhen und sie trinken, bis hier und jetzt sind wir fertig. Wir bewegen uns hier und klicken Sie auf Jetzt speichern, um Qualität. Wir klicken hier und ich möchte normal wählen, weil ich glaube nicht, dass wir ein
qualitativ hochwertiges Bild für diesen Abschnitt benötigen . Klicken Sie nun auf Auf meinem Computer speichern. Ich werde es als Aktion Unterstrich speichern. Fertig. Nein, Wir klicken auf Speichern und wir sind mit der Bearbeitung fertig. Jetzt verlassen Sie diese Website hier und wir gehen auf unsere Website. Wir scrollen nach unten und schalten den Erbauer ein. Klicken Sie hier, jetzt scrollen wir nach unten, um Modul hier zu löschen. Hier drüben. In diesem Abschnitt bewegen wir den Mauszeiger über und klicken Sie zuerst auf Optionen. Wie für den Effekt, klicken Sie hier und ich möchte Puls wählen. Nun, wie für den Hintergrundtyp, halten Sie es auf Bild und für das Hintergrundbild klicken wir auf Browse Library. Wir klicken auf Dateien hochladen und klicken nun auf Dateien auswählen und wählen Sie dieses Bild aus. Wir bearbeiten es kein Klick öffnen und unten. Hier klicken wir. Datei in Euro einfügen. Nun, Was den Hintergrundmodus betrifft, möchten
wir die volle Abdeckung wählen. Nun, die Überlagerungsfarbe betrifft, klicken
wir hier. Hi, gewählt wählte Schwarz. Und du siehst diese Fertigkeit hier. Es ist für die Deckkraft. Sie passen die Deckkraft der Farbe an, die das Bild überlagert, d. h. Sie steuern die Transparenz der Farbe und wie viel Sie das darunter liegende
Bild sehen können . Ich möchte es hier etwa 60% ausdrücken. Jetzt klicken Sie hier und ich scrollte nach unten. Und für den Text hier ausrichten, Klicken Sie auf Mitte Jetzt scrollen Sie nach unten zum Padding. Und ich möchte 10 für die Spitze hinzufügen. Blättern Sie nun nach unten und klicken Sie auf Speichern. Jetzt haben wir das Hintergrundbild eingefügt. Lassen Sie uns voran gehen und fügen Sie den Text hinzu. Gehen Sie hier nach unten zu einem Text Drag and Drop es hier. Jetzt geben Sie den Text ein, der am besten zu Ihrem Unternehmen passt. Und was diese Website betrifft, da es um Webdesign geht, werde
ich meinen Text eingeben. Jetzt, da ich erkannt,
Ich möchte, wenn Sie bemerken, dass es ein Leerzeichen zwischen diesen Texten, so dass es macht es besser aussehen. diesen Text hier betrifft, möchte
ich die zu schreibende Überschrift auswählen. Ich möchte es mutig machen. Und was die Farbe hier angeht, wähle
ich gerne Weiß und richte es an der Mitte aus. Und wenn Sie hier klicken, werden
Sie sehen, dass es verschwunden ist. Aber es ist hier bei dir. Wählen Sie es aus. Sie können sehen, dass es jetzt noch hier für dieses hier wir es auswählen. Was die gewählte Front angeht, war
sie auf der Position fünf. Und was die Farbe betrifft, möchte
ich es weiß machen und es an der Mitte ausrichten. Jetzt drücken wir Enter und geben Sie wieder Zehe, machen ein Leerzeichen zwischen diesem Text und der Schaltfläche, die wir im Begriff sind hinzuzufügen Jetzt schweben Sie hier über kurze Codes. Klicken Sie darauf und gehen Sie zu den Schaltflächen. Nun, den Schaltflächen-Text
betrifft, werde
ich eintreten, erledigen und die Doppelpfeile hinzufügen. Und was den Knopfstil angeht, werde
ich eine große blaue Wohnung eintippen. Und ich werde diese Felder leer lassen, weil ich eine andere Farbe als diese
hier haben wollte . Und ich möchte nicht, dass diese Schaltfläche auf eine Seite umgeleitet wird. Aber wenn Sie möchten, können
Sie es auf eine andere Seite umleiten. Zum Beispiel, Zehe Ihrer Galerie Zehe, überprüfen Sie die Designs, die Sie haben. Jetzt klicken wir auf Einfügen, und wir wählen diese Schaltfläche. Wir richten es an der Mitte aus. Jetzt gehen wir hier durch Styling und wir scrollen nach unten zur Schriftgröße. Klicken Sie hier und geben Sie 18 ein. Jetzt scrollen wir nach unten zu einem Klopfen und fügen 30 für den oberen und 30 für den unteren Bereich hinzu. Jetzt scrollen wir nach unten, um zu speichern und klicken Sie auf Speichern. Und wie Sie sehen können, sind
wir mit dem Aktionsbereich fertig. Klicken Sie nun hier speichern und klicken Sie auf Schließen. Sie können sehen, dass wir diesen schönen Action-Sektion gebaut haben. Danke, dass Sie zugesehen haben. Wir sehen uns im nächsten Tutorial.
17. Bauen auf Skills: hoch. Jetzt, da wir den Aktionsabschnitt erstellt haben, ist
es an der Zeit, den nächsten Abschnitt zu erstellen
, der den Abschnitt „Fähigkeiten“ ist. Es ist diejenige, die Sie hier mit diesen schönen Fortschritt Mars sehen. Und mit diesen Übergängen werden
wir auch hier diese Texte und Texte hinzufügen. zuerst Lasst unszuerstzu unserem Baumeister gehen. Schalten Sie es von hier aus an. Jetzt scrollen wir nach unten und wir bewegen uns hier und klicken Sie auf Optionen. Jetzt werde ich den Effekt bearbeiten. Wenn Sie F zweimal eingeben, werden
Sie sehen, dass es verblasst. Sie klicken darauf. Und was die Hintergrundfarbe angeht, möchte
ich diesen Code d one d one d one d one. Und natürlich können
Sie Ihre eigene Hintergrundfarbe auswählen, wenn Sie hier klicken und Sie wissen, wie das geht. Jetzt sind wir mit dem Styling hier fertig. Also lasst uns klicken, Speichern. Und jetzt fangen wir an, den ersten Text hinzuzufügen, der
die Kopfzeile Drag & Drop diesen Text hier ist. Jetzt geben wir den Text ein, den wir wollen, ich tippe ein, was wir jetzt gut sind, wähle den ganzen Text aus. Was den Fonds betrifft, wähle ich gerne Überschrift aus und ich möchte es fett machen und es
an diesem Zentrum ausrichten . Jetzt klicken wir auf Speichern und wie Sie sehen können, ist
es fertig. Nein, es fügt etwas Polsterung hinzu. Klopfen betrifft, bedeutet das, dass es der Abstand zwischen diesem Text und dem Abschnitt ist, bevor dieser Bereich hier
drüben ist. Also würde ich gerne etwas Polsterung hinzufügen, wenn Sie hier klicken,
gehen Sie Zehe Styling Hier, scrollen Sie zwei Klopfen nach unten. Und hier gebe ich gerne 30 für die Spitze ein und klicke jetzt auf Speichern. Wie Sie sehen können, ist
es ein wenig zurückgetreten. Jetzt gehen wir weiter und fügen Sie den Teiler hinzu. Wir werden das Trennmodul von hier nicht hinzufügen. Wir werden das hier duplizieren und es dann runterziehen. nun den Mauszeiger hier und klicken Sie auf Duplizieren. Jetzt klicken und halten Sie dieses Modul hier, Sie scrollen nach unten und legen es hier ab. Jetzt werden wir dies in drei gleiche Abschnitte teilen. Wenn Sie den Mauszeiger hierher bewegen und hier klicken, würden
Sie sehen, dass es geteilt wurde. Ziehen Sie das hier und legen Sie es direkt in die Mitte ab. Jetzt werden wir in den Text hinzufügen, den Sie hier sehen, Also gehen wir zurück so, wie das Textmodul von hier. Ziehen Sie es und legen Sie es hier ab. Achten Sie darauf, es nicht hier oder da fallen zu lassen. Stellen Sie sicher, dass Sie es hier fallen lassen. Jetzt geben Sie den gewünschten Text ein, und ich habe meinen Textradius. Also werde ich nur als Klartext einfügen. Und wenn Sie Ihren Text auswählen, ziehe
ich es vor, die Überschrift fünf auszuwählen und nach links auszurichten. Jetzt gehen wir Zehen-Styling. Hier scrollen wir nach unten zu einem Klopfen und für den Boden, wir möchten 30 hinzufügen und klicken Sie auf Speichern. Nein, wir bewegen den Mauszeiger hierher und wählen diese Trennlinie hier aus. Klicken Sie darauf, und Sie sehen, dass der Text jetzt nach links ausgerichtet ist. Nun, in diesem Bereich hier, werden
wir in den Fortschrittsbalken hinzufügen. Also zuerst, wählen
wir das Steuermodul Droge und fallen aus diesem Bereich. Jetzt werden wir in unserem Fortschritts-Barkencode direkt hier hinzufügen. Gehen Sie also zurück zu einem Dashboard, direkt unter den Einstellungen. Sie gehen runter zu s Katie Skill Bar, klicken
Sie darauf. Und wie Sie sehen können, haben
Sie hier drei verschiedene Designs. Ich empfehle, dieses hier zu verwenden, weil es am besten aussieht und es professioneller ist als diese hier
unten. Nein, Sie kopieren den Code darunter und Sie gehen zurück und fügen ihn hier ein. Jetzt gehen wir zum Styling. Wir scrollen nach unten zu einem Padding und fügen 30 für den Boden hinzu. Klicken Sie nun auf Speichern. Sie können diese schönen Übergänge und diese Titel hier,
hier, hier und
hier sehen. Und diese Prozentsätze hier, die repräsentieren, wie viel Ladung durch die Bar gemacht wird. Nun, lassen Sie uns voran gehen und bearbeiten dieses hier als Beispiel zu zeigen, dass Sie es dem Titel
für einen Fortschritt hinzufügen mussten Mehr als auch der Prozentsatz jetzt mit der Maus über hier. Klicken Sie auf, Hinzufügen. Das ist der Titel, siehst du. Es ist genau hier Zwischen diesen Anführungszeichen, wir werden es hinzufügen. Dieser hier als Beispiel. So markieren Sie den Text direkt zwischen diesen Anführungszeichen und geben den gewünschten Text ein. Ich möchte Webdesign eingeben. Und was die Prozentsätze
angeht, du gehst hier, genau zwischen den Zitaten, in denen Prozent steht, und diesem hier. Ich will es auf 90% von diesem hier halten. Hier, ich will Anzeige in und neun machen es 95% und dieses hier. Ich möchte 98% hinzufügen. Achten Sie darauf, keine Anführungszeichen zu löschen, da dies nicht funktioniert. Und ich möchte dieses hier zu 100% halten, jetzt gehen wir zu speichern und Sie können sehen, der Titel hat sich hier sowie die Prozentsätze geändert. Dies ist alles für diesen Abschnitt. Also lassen Sie uns klicken, speichern und dann schließen. Und wir sind mit dem Kompetenzbereich fertig. Danke, dass Sie zugesehen haben. Wir sehen uns im nächsten Tutorial.
18. Kundenbereich erstellen: Hallo. Im vorherigen Tutorial haben wir den Aufbau des Kompetenzabschnitts abgeschlossen, den Sie hier mit diesen schönen Balken und Übergängen sehen. Jetzt, in der Branche, werden
wir den Kundenbereich bauen. Sie sehen hier mit diesen schönen Schiebereglern und Bildern. Nun, was die Bilder
betrifft, die Sie hier in diesen Schiebereglern sehen, haben
sie alle die gleiche Erweiterung, die PNG ist. Es sind alle PNG-Bilder, die transparente Hintergründe haben. , Jedes Bild,das Sie hier hochladen, muss
jedes Logo ein PNG-Bild sein, um professionell aussehen zu können und einen transparenten
Hintergrund zu haben . Nun, falls Sie ein Logo-Bild haben, das Sie hochladen möchten und das ist kein PNG-Typ, zum Beispiel A J P G oder irgendetwas anderes, werde
ich Ihnen zeigen, wie Sie es in ein PNG-Bild verwandeln. Öffnen Sie nun zuerst in New Tab und gehen Sie zu dieser Website. Picks ehlert dot com p i X l r dot com Schrägstrich Editor Jetzt getroffen. Geben Sie jetzt klicken Sie auf Bild vom Computer öffnen und Sie scrollen nach unten Wenn Sie nicht Ihr eigenes Bild haben, Ich habe ein Beispielbild hier, das Sie auswählen können. Es ist eine J-Peg-Datei und klicken Sie auf Öffnen jetzt maximieren Sie ein wenig von hier und Sie bewegen sich hier über dieses Tool. Es nennt sich das Zauberstab-Werkzeug. Sie klicken es jetzt wählen Sie die Teile, die Sie in Ihrem Symbol anzeigen möchten, und Sie lassen den Rest unbetäuscht. Was die Markierung betrifft, klicken Sie
zuerst auf diese hier. Halten Sie nun die Shift-Taste gedrückt und wählen Sie die Teile aus, die Sie in Ihrem Bild möchten. Ich werde alle diese Buchstaben nacheinander auswählen. Klicken Sie hier. Das hier. Dieser hier, hier, hier und jetzt dieser hier. Hören
Sie, hören Sie diesen hier. Und diese beiden hier und hier. Klicken Sie nun auf Steuerelement,
Siehe, um es zu kopieren. Und jetzt schweben Sie hier rüber. Sie doppelklicken diesen hier, um ihn zu entsperren. Nein, Sie gehen hier nach unten und klicken Sie auf „Neue Ebene“. Jetzt hast du diesen hier aufgehoben, indem du darauf klickst. nun auf Ihrer Tastatur die Taste V gedrückt, Halten
Sienun auf Ihrer Tastatur die Taste V gedrückt,um sie einzufügen. Und jetzt haben wir unser PNG-Bild. Gehen Sie nun durch das Bild hier, klicken Sie darauf und Sie gehen die Bildgröße. Klicken Sie darauf und jetzt wählen Sie die Wörter Toby 300 und klicken Sie auf. OK, jetzt gehen Sie zur Datei und klicken Sie auf Speichern und hier. Sie klicken hier und wählen PNG aus. Es ist wirklich wichtig, Pay n g zu wählen. Klicken Sie es jetzt klicken. Ok. Und was diese hier betrifft, werden wir es als Logo speichern, um zu wissen Klicken Sie, speichern und schließen Sie diesen Tab hier, um zu unserer Website zu gehen. Scrollen Sie nun nach unten und aktivieren Sie Builder Jetzt scrollen wir nach unten. Also dieser Teil hier bewegen wir uns hier und klicken Sie auf Optionen. Jetzt gehen wir zu Wirkung klicken Haar und geben F zweimal, so dass wir Fuß Fade in Click it gehen können. Und was die Hintergrundfarbe betrifft, möchte
ich diesen Code F sechs F sechs F sechs jetzt nach unten scrollen und klicken Sie hier speichern Jetzt
ziehen wir ein Textmodul hier und haben den Titel des Abschnitts, der einige unseren Kunden jetzt wählen den ganzen Text, gehen Sie zu Schriftarten hier und wählen Sie Überschrift, um jetzt machen wir es fett Wir richten es an der Mitte aus und dann gehen wir durch Styling hier und scrollen Sie nach unten zu haben wir 30 für die obere und Null für den unteren. Jetzt gehen wir hier runter, um zu speichern Klicken Sie jetzt, wie für den Teiler, werden
wir jemals von diesem Teiler hier kopieren. Und es hat es getrunken. Also schweben Sie hier rüber. Klicken Sie auf Duplizieren. Ziehen Sie das hier, den
ganzen Weg nach unten und legen Sie es direkt unter diesem hier ab. Jetzt bewegen wir uns hier und sind in drei Abschnitte unterteilt. Ziehen Sie diesen hier in den mittleren Bereich. Lassen Sie es fallen. Und jetzt gehen wir durch dieses leichtere Modul hier, ziehen Sie es direkt unter dieses hier. Nicht hier, aber ein bisschen hier unten. Nun, wie für sie Anzeigemodus hier wählen wir Bilder. Wie für das Bild königlich, klicken
wir, Durchsuchen, Bibliothek. Und jetzt gehen wir zum Hochladen von Dateien und klicken auf Dateien auswählen. Nun, wie Sie in den heruntergeladenen Inhalten sehen können, haben
Sie alle diese Logos. Sie sind frei, sie zu benutzen. Wenn Sie keine eigene haben, klicken Sie auf Logo eins und klicken Sie dann auf Öffnen. Klicken Sie nun auf, Einfügen Datei Ihre l und dann rechts hier. Sie sehen, fügen Sie neue Zeile, klicken
Sie darauf und Sie klicken. Durchsuchen Sie die Bibliothek erneut, damit wir ein anderes Bild hinzufügen können. Und jetzt klicken Sie auf Dateien hochladen hier und jetzt, wählen Sie Dateien aus. Jetzt scrollen wir zwei Logo nach unten, zu dem wir gerade bearbeitet haben. Kein Klick öffnen und einfügen Datei Ihre L Jetzt scrollen wir nach unten zu diesem Teil hier, um das
Styling zu wählen . Jetzt gehen
wir runter und behalten sie alle gleich. Abgesehen von diesen Hier klicken Sie hier und wählen Nein, da wir keinen Schieberegler möchten, dass alle Schaltflächen angezeigt werden. Ich glaube, es sieht professionell aus. Und für diesen hier wählen wir auch Nein Und für diesen hier, wie nein. So können wir den Fluss aller Bilder insgesamt konsistent und professionell halten. Jetzt gehen wir Zehe Styling hier, klicken Sie darauf und wir scrollen nach unten. Wie für Text ausrichten, klicken
wir zentrieren. Ich scrollen ein wenig nach unten und wenn wir zu Polsterung für die obere erreicht 30 für die unteren Riccios 30 und für die linke Hier wählen wir 30 als auch, um es besser aussehen. Kein Klick speichern und wir haben den ersten Schieberegler. Jetzt bewegen wir uns hier, wir gehen zu diesem hier in drei gleiche Abschnitte unterteilt und Sie können sehen, dass wir drei gleiche Abschnitte hier haben, so können wir zwei weitere Schieberegler hinzufügen Zehe ausrichten sie alle zusammen jetzt hier schweben und klicken Sie auf Duplikate und bewegen Sie über diese Eins. Hier. Klicken Sie erneut auf Duplizieren. Jetzt ziehen wir diesen hier her, diesen da und wir bewegen uns hier über dieses Symbol. Klicken Sie auf Bearbeiten, damit wir die Bilder ändern können und Sie sehen dieses X hier klicken Sie darauf und klicken Sie auf Bibliothek
durchsuchen. Jetzt gehen Sie zum Hochladen von Dateien, wählen Sie Dateien und wir wählen Logo drei, Klicken Sie auf Öffnen. Jetzt klicken wir auf Einfügen Datei Ihre AL und mit dem gleichen für diese eine Sie Wir klicken auf dieses X hier um es zu entfernen und klicken. Bibliothek durchsuchen Gehen Sie nun zum Hochladen von Dateien und wählen Sie Dateien aus. Jetzt scrollen Sie nach unten. Und war das hier? Sehen Sie aus wie öffnen Sie jetzt klicken Sie auf Datei einfügen Ihre l und klicken Sie jetzt auf Speichern. Jetzt schweben wir hier rüber. Klicken Sie darauf und wir entfernen diesen hier. Bravos Bibliothek Gehe zum Hochladen von Dateien und wählen Sie Dateien aus. Warum hat das fünfte Logo jetzt nicht auf Einfügen klicken. Folgen Sie Ihrem al Geh runter zu diesem. Hier klicken Sie auf Entfernen und Zeilen Arbeit wieder Dateien hochladen. Wählen Sie Dateien, die wir nach unten scrollen Inch war das letzte Logo hier. Klicken Sie nun auf Öffnen Nein klicken Sie Datei einfügen. Ihre l jetzt klicken Speichern Sie wissen, dass wir erfolgreich unsere Kunden Abschnitt gebaut haben, gibt es eine weitere Sache, die ich Ihnen zeigen werde. Wie Sie sehen können, gleiten
diese drei Logos in einer Weise, die irgendwie in professionell aussieht. Also werden wir die Art und Weise ändern, wie sie gleiten. Sie haben die Möglichkeit, dies zu tun, wenn Sie möchten. Bewegen Sie den Mauszeiger hier und klicken Sie darauf. Nein, wir scrollen nach unten Und was den Effekt betrifft, wählen
wir Fade Rechtsklick speichern. Und wenn Sie hier bemerken, ist es Lichter in einer glatteren und professionellen Art und Weise So werden wir die anderen wirklich die gleiche wie diese
ändern Hier, klicken Sie auf es jetzt scrollen, um Wirkung und klicken Sie, Fade Nicht wie speichern auf Do the gleiche Sache für dieses hier an es Jetzt scrollen Sie nach unten und für den Effekt wählen wir fade und dann speichern Jetzt sind wir mit dem Kundenbereich fertig Wir klicken, speichern und dann schließen. Und wie Sie sehen können, haben
wir erfolgreich unsere Kunden Abschnitt mit diesen schönen und professionellen
Schiebereglern gebaut . Danke, dass Sie zugesehen haben. Wir sehen uns im nächsten Tutorial
19. Buidling-Teamabschnitt(1): Hallo. Jetzt ist es an der Zeit, mit dem Aufbau unserer Teamabteilung zu beginnen. Davor. Lassen Sie uns überprüfen, was wir bisher auf unserer Website gebaut haben. Gehen wir hier zu unserer Seite. Und wie Sie sehen können, haben wir zuerst mit Beautiful Header begonnen und wir haben diese Homepage hinzugefügt. Wir haben dieses Logo hier sowie den Lieblings-con hinzugefügt, den Sie hier oben sehen. Und wir haben dieses schöne Hintergrundbild hinzugefügt und wir haben die Parallaxenscrolling-Zukunft mit diesem schönen Services-Abschnitt hinzugefügt. Mit diesen Übergängen und Schaltflächen
haben wir diesen Action-Abschnitt hier hinzugefügt, haben wir diesen Abschnitt Fähigkeiten mit diesen schönen Balken erstellt und nicht zuletzt haben
wir diesen Kundenbereich gebaut, den Sie hier sehen, jetzt ist es Zeit, mit dem Bau unserer Teamabschnitt zuerst, schalten
wir den Baumeister hier ein. Jetzt scrollen wir nach unten zu diesem Bereich genau hier. Wir gehen zuerst hier und klicken auf Optionen. Jetzt gehen wir ihre Zehenhintergrundfarbe runter. Wir fügen diesen Hex-Code D one d one d one und natürlich wissen Sie, wie Sie Ihre eigene
Farbe auswählen , indem Sie hier klicken. Jetzt scrollen wir nach unten und klicken. Speichern Sie jetzt beginnen wir mit der Kopfzeile aus diesem Abschnitt. Lassen Sie uns ziehen und dieses Textmodul direkt hier und geben Sie den Titel dieses Abschnitts ein. Nein, wählen Sie den Text und den Fonds, Natürlich, Überschrift nach wie vor, Kein Klick fett und eine Linie in die Mitte. Lassen Sie uns nun durch das Styling gehen und scrollen Sie nach unten zu haben und fügen Sie 30 für den oberen und Null für den unteren. Klicken Sie nun hier unten auf Speichern. Und jetzt, Was den Teiler betrifft, gehen
wir zu diesem Abschnitt. Hier bewegen wir den Mauszeiger hier und klicken auf Duplikat. Jetzt ziehen wir diesen duplizierten Teiler den ganzen Weg nach unten und unten hier, legen Sie ihn ab. Nein, wir haben uns in drei gleiche Abschnitte unterteilt. Wir drogen es hier in die Mitte und jetzt ist es Zeit für die Bilder. Jetzt werden wir nicht die Bilder direkt unter diesem hinzufügen. Hier werden
wir den Mauszeiger über diesen Teil bewegen. Hier klicken wir auf Optionen. Nun, wie für die Hintergrundfarbe, werden
wir die gleiche Hintergrundfarbe hinzufügen, die D eins d eins d eins ist. Und wie Sie bemerkt haben, macht
es keinen Unterschied, ob es sich um Groß- oder Kleinbuchstaben handelt. Es funktioniert alles gleich. Jetzt scrollen wir nach unten zu haben, fügen wir in 24 die obere und 20 für den unteren? Nein. Wir scrollen nach unten und klicken auf Speichern. Jetzt gehen wir zum Bildmodul hier, ziehen Sie es in diesem Bereich hier ab. Nein, zuerst, den Bildstil
betrifft, möchten
wir diesen hier auswählen, was zentriertes Bild bedeutet. Und was das Bild betrifft, oder ich suche, Bibliothek, lade Dateien hoch, wähle Dateien aus und wähle das Bild aus, das du magst. Und für dieses hier werde
ich mein Bild hier auswählen. Klicken Sie auf Öffnen jetzt gehen Sie toe Insert-Datei Ihre AL. Und was das Aussehen des Bildes betrifft, geben Sie diesen hier um es überprüft. Und ich möchte das hier überprüfen, ebenso wie für den Wald. Ich möchte es 3 50 mal 400 machen. Jetzt scrollen wir nach unten zur Bildunterschrift und ich möchte meinen Namen eingeben. Jetzt gehen wir hier Zehen-Styling. Nun, die Wirkung
betrifft, werde
ich hier klicken und F zweimal eingeben, bis ich zu diesem Bereich komme, der nach unten gekrochen ist, bis ich verblassen und hoch bin. Klicken Sie darauf. Und jetzt gehe ich auf fremde Größe. Ich klicke hier und geben Sie auch ein und klicken Sie auf diesen Pfeil hier und wählen Sie m. Es bedeutet, Betonung und jetzt gehen Sie zum Text in Klicken Sie auf eine Linie Mitte. Jetzt gehen wir, um hier zu speichern, und wie Sie sehen können, haben
wir unser erstes Bild. nun den Mauszeiger hier und klicken Sie hier, um es in drei gleiche Abschnitte zu teilen. Und ich möchte sie in die Mitte lenken,
dann bewegen Sie den Mauszeiger hierher und klicken Sie auf Duplikat. Nein, Mauszeiger über das hier. Hier, Drag & Drop es hier. Klicken Sie nun erneut von hier aus auf Duplizieren und ziehen Sie diese hier nach oben. Fangen wir hier an. Sie hier Mauszeiger über dieses Symbol. Gehen Sie, um es hinzuzufügen. Und jetzt für das Bild. Ich möchte das hier absagen. Ihre Browse Bibliothek, gehen Sie zum Hochladen von Dateien, wählen Sie Dateien. Nun, dann wählen Sie diese. Hier. Klicken Sie nun auf Datei einfügen Ihre l und halten Sie alles gleich. Außer dem Namen der Beschriftung. Hier. Ich schreibe in den Namen Michael Stewart. Klicken Sie nun auf. Speichern. Jetzt geh zu diesem hier. Hier, klicken Sie darauf. Jetzt stornieren wir das hier. Bibliothek aufrühren, Dateien
hochladen. Wählen Sie Dateien aus. Scrollen Sie nun nach unten zum letzten Bild dieses Bildes. Hier. Öffnen Sie jetzt. Gehen Sie zu Datei einfügen Ihre al Und wie für die Beschriftung hier, Ich werde den Namen ein Klick speichern eingeben Jetzt werden wir weiterhin die Texte sowie die
Schaltflächen unter diesen Bildern hinzufügen . Und in Exito Auriol Vielen Dank für das Anschauen.
20. Aufbau von Team-Sektion(2): Hi. Nun werden wir weiterhin diese Texte, die Sie hier sehen, sowie diese Schaltflächen hinzufügen. zuerst Lassen Sie unszuerstdieses Textmodul direkt unterhalb dieses hier ziehen und ablegen. Jetzt geben wir den Text ein, den wir wollen Ich habe meinen Text nicht fertig gemacht, also werde ich ihn einfach als Klartext hier kopieren und einfügen und ihn an der Mitte ausrichten und diesen
auswählen, um fett zu sein. Nein, ich werde eintreten. Geben Sie einmal ein und bewegen Sie den Mauszeiger über Kurzcodes. Hier, klicken Sie darauf. Gehe zu einer Schaltfläche. Nun, den Tastentext angeht, auf dem ich bin. Geben Sie mehr ein. Wie für die Tasten Kachel, Ich bin auf Enter media blue flat und ich werde den Rest der Felder nt verlassen. Natürlich weißt
du, wie man sie fällt und was jeder einzelne von ihnen bedeutet. Nun gehen wir zum Einfügen und diese Schaltfläche hier an der Mitte ausgerichtet. Jetzt gehen wir hier runter, um zu speichern und wir sind mit dem ersten Text fertig. Lassen Sie uns nun den Mauszeiger über und duplizieren Sie diesen Text und bewegen Sie ihn erneut und duplizieren Sie ihn erneut. Es macht es einfacher und schneller zu arbeiten. Wenn du Sachen duplizierst und Drag & Drop es hierher ziehst, ziehst du das Drag & Drop dort. Und lasst uns das hier modifizieren, sieh es dir an. Und ich werde einen anderen Text auswählen, also bekomme ich meine SMS von hier. Nun, machen Sie das hier. Mutig. Und jetzt gehen wir, um hier unten zu retten. Jetzt schweben wir hier rüber. Sieh es dir an und ich gebe meinen Text ein
, der hier ist. Jemand eine Kopie und dann Eile als Klartext. Genau hier. Jetzt machen Sie diese hier fett und klicken Sie. Sparen Sie hier unten. Jetzt haben wir diesen Teambereich erstellt. Lassen Sie uns klicken, speichern und jetzt wie Kleidung. Und wie Sie sehen können, sind
wir mit unserem Teambereich fertig. Gehen wir nun ganz nach oben und klicken Sie auf Aktualisieren, um die Änderungen und
Auswirkungen jedes Abschnitts zu sehen . Jetzt scrollen wir nach unten und wir sehen die Übergänge im Bereich Dienste. Wir sehen diesen Pulsübergang des Aktionsabschnitts. Wir sehen, dass dieser Fortschritt mehr geladen wird. Wir sehen diese Kunden Feuerzeuge gehen und wir sehen die Team-Abschnitt mit diesen Bildern hier gehen bis hier verschwinden. Jetzt sind wir mit dem Teambereich fertig. Danke, dass Sie zugesehen haben. Wir sehen uns im nächsten Tutorial.
21. Buidling Abschnitt: Hallo. In diesem Tutorial werde ich Ihnen beibringen, wie Sie die Testimonials Abschnitt zu bauen. Sie sehen hier mit diesem schönen Video-Hintergrund und diesem Schieberegler hier drüben Jetzt das
einzige , was nach dem Aufbau des Abschnitts übrig bleibt, ist das Hinzufügen dieser Social-Media-Symbole, die Sie hier unten sehen. Gehen wir nun auf unsere Website und sehen, was wir vorhaben. Bisher haben wir den Bau der Servicesektion abgeschlossen. Wir haben die Aktion Abschnitt, die Fähigkeiten Abschnitt sehen Sie hier die Kunden Abschnitt hier. Und das letzte, was ist der Teamabschnitt, den Sie hier sehen, werden wir anfangen, unseren Testimonial
Abschnitt direkt nach der erneuten Bearbeitung zu bauen und diese Bilder fertig zu machen. Diese kreisförmigen Bilder hier gehen wir zuerst zu einem neuen Tab und geben Sie Pick Affe Punkt Kommen P I c m o und K e y e dot com jetzt getroffen. Geben Sie jetzt würde nicht zu dieser Seite Cover über hinzugefügt bekommen Hier, klicken Sie darauf. Und jetzt wählen Sie das Bild, das Sie für dieses Tutorial wollen. Ich möchte diesen hier wählen. Klicken Sie auf Öffnen. Jetzt. Das erste, was Sie tun möchten, wenn Sie Ihr Bild hier bekommen, ist gehen Sie zu Reese Eis und stellen Sie sicher, dass Ihr Bild unter dieser Skala ist. 600 klicken Sie dann auf. Bewerben Sie sich jetzt. dieses Bild betrifft, ist
es bereits 600 mal 600. Aber seien Sie vorsichtig bei jedem Bild, das Sie wollen. Stellen Sie sicher, dass es 600 mal 600 ist. Jetzt gehen wir zu Frames hier drüben. Klicken Sie darauf und gehen Sie hier nach oben zu abgerundeten Ecken. Klicken Sie darauf und aktivieren Sie zuerst dieses Kontrollkästchen, um sicherzustellen, dass dieses Bild einen transparenten
Hintergrund hat . Jetzt maximieren wir den Kreis und lassen Sie uns ihn zu einem vollen Kreis machen. Wie Sie diesen Hintergrund sehen, hier ist ein transparenter Hintergrund,
was bedeutet, dass diese Quadrate da hinten nicht in unserem Bild sein werden. Wir werden dieses kreisförmige Bild nur hier sehen. Jetzt gehen wir, um zu retten. Stellen Sie nun sicher, dass der Bildtyp hier als PNG stellen Sie sicher, dass Sie P n G auswählen. Jetzt gehen Sie hier nach unten und klicken Sie auf Speichern auf meinem Computer und wir werden es als Zeugnis Unterstrich speichern getan ein kein Klick speichern und wir werden das gleiche tun, um die nächste -Bild. Nicht wie öffnen, scrollen Sie nach unten. Tun Sie diesen hier, klicken Sie und öffnen Sie ihn. Jetzt gehen wir zu abgerundeten Ecken und Sie markieren dieses Kästchen genau hier. Wir machen es vollen Kreis und jetzt klicken wir sicher. Jetzt stellen wir sicher, dass es PNG genau hier ist, sah aus wie auf meinem Computer speichern und ich möchte das als Unterstrich Done sagen. Klicken Sie nun auf Speichern. Jetzt schließen wir diese Registerkarte hier und beginnen mit dem Aufbau unserer Testimonials Abschnitt. Gehen wir nun auf unsere Seite und schalten Sie den Builder hier ein. Jetzt scrollen wir nach unten und bewegen uns hierher. Klicken Sie auf Optionen. Und was den Hintergrundtyp angeht, wollte ich zu seinem Hintergrundvideo, klicken, durchsuchen, Bibliothek jetzt Dateien hochladen und Dateien auswählen. Jetzt können Sie dieses Video auswählen, das ich in meine Inhalte aufgenommen habe. Es ist genau hier. Sterne Video-Hintergrund, klicken Sie auf Öffnen Jetzt, da das Video hochgeladen wird, wöchentliche Konzert fallen Ihre L. Jetzt scrollen wir nach unten und klicken Sie auf Speichern rechts hier und jetzt können Sie sehen, dass dieser Abschnitt hat einen Video-Hintergrund. Nun gehen wir voran und beginnen Sie mit dem Hinzufügen des Textes Drag & Drop dieses Textmodul direkt hier. Jetzt Testimonials hinzufügen. Markieren Sie den Text. Jetzt wollen wir Überschrift wählen, um es fett zu machen. Machen Sie es zentriert. Und was die Farbe angeht, möchte
ich Weiß wählen, um es für uns sichtbar zu machen. Jetzt gehen wir durch ein Styling und scrollen nach unten zu einem Klopfen. Und für die Spitze, Ich möchte Anzeige in 30 Pixel für den Boden wollen wir Null hinzufügen. Nein, klicken Sie auf Speichern. Jetzt bekommen wir den Teiler, den Sie hier sehen wir zuerst dupliziert und jetzt ein Drag and Scrollen nach unten . Dann lassen wir es direkt unter diesen hier fallen. Jetzt bewegen wir uns hier mit dem Mauszeiger über den Teiler und teilen sich in drei gleiche Abschnitte und ziehen ihn in die Mitte. Und jetzt wollen wir Anzeige in den Schieberegler, den Drag, und legen Sie dieses Feuerzeug direkt darunter. Hier. Nun, die Anzeige hier
betrifft, wollten
wir Text verwenden. Den, den du hier siehst. Jetzt geben
wir zuerst den Text ein, den wir wollen. Ich habe meine SMS fertig. Also kopiere ich es einfach von hier und füge es hier ein. Jetzt fügen wir das Bild hinzu. Klicken Sie also auf Medien hinzufügen. Jetzt gehen Sie zu Upload Dateien, wählen Sie Dateien. Jetzt scrollen Sie nach unten und Sie können sehen, dass wir es genau hier haben. Entweder einer von diesen beiden. Zuerst werde
ich diese hier eingeben, klicken Sie auf Öffnen. Jetzt klicken wir auf Einfügen in Post, und jetzt maximieren wir es ein wenig von hier in diesem Quartal. Klicken Sie und scrollen Sie es nach unten. Nun, dieses Bild hier angeht, möchte
ich es auf etwa 200 minimieren. Jetzt haben wir hier drüben und eine Zeile links, so dass wir diesen Text auf der rechten Seite hinzufügen können. Jetzt klicken wir hier direkt vor dem Text und klicken auf Kurzcodes. Jetzt gehen Sie durch Spaziergänge hier. Klicken Sie darauf. Nun, Was den Box-Stil betrifft, ist
es fast das gleiche wie die Tasten. Aber es gibt eine Sache, die anders ist, das ist die Marke, die Sie hier sehen. Dieser wird der Kommentar genannt, und dieser Kasten hier wird nur abgerundet genannt, und wir werden es von hier hinzufügen. Nun, Zuerst fügen wir in der Farbe aus der Box, die blau ist. In unserem Fall, wie Sie hier sehen, ist
es blau. Das nächste, was wir als das Symbol eingeben, das Sie hier sehen, wird
dieses hier das Gemeinsame genannt. Also gehen wir zurück und und ihr Kommentar jetzt geben Raum und geben Sie den Stil der Box, die um sie herum sein wird. In unserem Fall. Wie Sie sehen können, hat
es eine abgerundete Ecken. Und jetzt scrollen Sie nach unten und klicken Sie auf Einfügen. Und Sie sehen diese Codes hier. Sie möchten diese hier auswählen, ziehen Sie sie
dann direkt nach unten nach diesem. Hier. Jetzt scrollen Sie nach unten und klicken Sie auf. Fügen Sie eine neue Zeile hinzu. Jetzt haben wir diese neue Reihe. Wir geben zuerst den Text ein, den wir wollen. Ich werde nur den Text einfügen, den ich bekommen habe, und ich werde den Namen der Person
da unten ändern . Jetzt gehen wir hier hoch, wir wählen diesen Code von hier aus. Kopieren. Scrollen Sie nun nach unten und fügen Sie ihn direkt vor dem Text hier als Klartext ein. Nun kopieren wir auch dieses hier und fügen es hier unten direkt nach diesem hier als
Klartext ein . Jetzt klicken wir hier und klicken Sie auf Medien hinzufügen. Jetzt gehen wir Toe Upload Dateien, wählen Sie Dateien jetzt scrollen Sie nach unten. Und hier drüben sagten wir, wie dieser hier, wie offen. Jetzt klicken wir auf Einfügen in Post und wir minimieren es zuerst. Klicken Sie es jetzt, Minimieren Sie es von hier auf 200. Jetzt klicken wir hier, eine Zeile links und wir scrollen nach unten. Tun Sie diesen Teil hier unten und wir gehen, um genau hier zu beschleunigen und wählen Sie langsam. Nun, den Effekt
betrifft, wählen
wir Fade Und für diesen hier zeigen Schieberegler. Paginierung schwach wie nein und zeigen Schieberegler-Schaltflächen. Wir klicken. Nein, jetzt gehen wir, um hier zu retten. Jetzt haben wir unsere Zeugenaussage bereit. Also klicken wir. Speichern Sie jetzt klicken wir schließen, jetzt haben wir den Bau unserer Testimonials Abschnitt abgeschlossen. Das einzige, was als Vater in den Social Media Icons hier unten übrig und haben einen letzten Blick auf unsere Seite, bevor wir anfangen, die nächste Seite zu bauen. Danke, dass Sie zugesehen haben. Wir sehen uns im nächsten Tutorial.
22. Hinzufügen von Media: hoch. Jetzt, da wir unseren Testimonial Abschnitt erstellt haben, ist
das einzige, was auf unserer Homepage noch hinzugefügt werden kann, die Social Media Symbole hier unten. Jetzt gehen wir zurück. Und es gibt noch eine Sache. Ich werde dir nicht beibringen, wie es geht,
was ist, wenn du zu diesem Bild hier gehst. Wenn Sie darauf klicken, würden
Sie sehen, dass es hier oben in einem Leuchtkasten angezeigt wird. Um diese Funktion abzubrechen und dieses Bild Kable aufzuheben,schalten
wir zuerst den Builder ein. Um diese Funktion abzubrechen und dieses Bild Kable aufzuheben, Jetzt scrollen wir nach unten und wir bewegen den Mauszeiger über diesen. Hier, klicken Sie darauf. Jetzt klicken wir auf dieses Bild hier und Sie sehen diese Bearbeitung Hier klicken Sie es. Und wenn Sie hier zu Mediendatei verlinkt sehen, klicken
wir hier unten keine und klicken Sie jetzt auf Update. Jetzt scrollen wir nach unten zum nächsten Bild. Wir klicken darauf und wir klicken hier. Nun, wie für hier verlinkt, klicken
wir auf keine. Jetzt klicken wir auf Update Jetzt klicken wir auf Speichern und es gibt einen letzten Teil hier drüben. Wenn Sie diesen Abschnitt hier sehen, ist er weiß. Wir möchten nicht, dass dieser Abschnitt auf unserer Seite angezeigt wird. Also bewegen wir uns hier, klicken wir auf Löschen. Jetzt klicken wir auf Speichern und schwach wie Kleidung. Wenn du runtergehst,
siehst du,dass, wenn du auf dieses Bild klickst,
es nicht in einer Box erscheint. Wenn du runtergehst,
siehst du, dass, wenn du auf dieses Bild klickst, Nun gehen wir weiter und beginnen, unsere Social-Media-Symbole hier unten hinzuzufügen, die auf allen Seiten in der Fußzeile angezeigt werden. Nein,
zuerst, um zurück zum Dashboard zu gehen und zu Ultra zu gehen. Gehen Sie hier über soziale Links und Sie sehen diese Social-Media-Boxen,
alle von ihnen. Gehen Sie hier über soziale Links und Sie sehen diese Social-Media-Boxen, Wir beginnen mit Twitter hier drüben. Wie für den Link, den Sie in den Link zu Ihrem Twitter-Konto hinzufügen hier drüben. Also werde ich ein Hash-Zeichen hinzufügen, um das Symbol von Twitter in der Fußzeile erscheinen zu lassen aber nicht zu irgendwo verlinken Jetzt, wie für die Symbolfarbe, klicken
wir hier und gehen Zehe blau. Wie viel war eine hellblaue Farbe dafür? Nun, die
Hintergrundfarbe angeht, möchte
ich F sechsmal neun eingeben. Klicken Sie hier, um es einen weißen Hintergrund zu haben. Jetzt scrollen Sie nach unten. Das hier ist Facebook. Wie Sie sehen können, ist
es nur ein Text, mit dem Sie ihn bearbeiten und eingeben können, was Sie wollen. Nun, den Link
betrifft, geben
Sie hier einen Hash ein. Und was das Symbol betrifft, sehen
Sie, dass es f ein Facebook ist. Sie wissen, wie Sie ein Symbol einfügen, indem Sie auf klicken? Fügen Sie hier das Symbol ein und Sie wählen das gewünschte Symbol, indem Sie einfach auf das Symbol klicken. Oder wenn Sie nicht in dieser langen Liste von Symbolen suchen möchten, wenn Sie einfach F A Strich
Facebook eingeben und das Facebook-Symbol in der Fußzeile angezeigt wird. Nun, die Symbolfarbe
betrifft, ich meine, wie hier zu der blauen Farbe gehen und eine Art von dunkelblau wählen. Was den Hintergrund angeht, werde
ich F sechs Mal für einen weißen Hintergrund wählen. Nun, der nächste hier ist Google. Außerdem werde
ich einen Link Toe nirgendwo machen, also geben Sie einfach einen Hash ein, es sei denn, Sie haben ein Google Plus-Konto und geben Sie Ihre AL hier
drüben für die Symbolfarbe ein. Ich werde eine rote Farbe wählen. Geben Sie einfach die Farbe ein, die Ihnen am besten passt. Und für die Hintergrundfarbe, geben Sie weiß ein. Nun, Was die YouTube betrifft, bin
ich auf Geben Sie einen Hash. Was die Symbolfarbe betrifft, werde
ich fast das gleiche wie Google Plus wählen. Nun, die
Hintergrundfarbe angeht, werden
wir sie weiß machen. Und wenn Sie hier unten sehen, gibt es ein weiteres Konto hinzugefügt ein weiteres Social-Media-Symbol. Das wollen wir nicht. Also klicken wir einfach auf dieses X hier und wir haben nur vier Symbole, die in der Fußzeile angezeigt werden. Nun, wenn Sie weitere Social-Media-Symbole hinzufügen möchten, klicken
Sie einfach auf Link hinzufügen hier und dieses Feld erscheint, geben
Sie die Informationen ein, wie wir zuvor getan haben. Nun lassen Sie uns dieses ihr abbrechen Lassen Sie uns auf Speichern klicken und wenn Sie die Symbole bemerken, die wir hier,
hier,
hier und hier gewählt hier, haben, werden sie alle auf der Seite hier,
hier,
hier und hier angezeigt hier, . Jetzt gehen wir zurück zu unserer Seite. Und wenn Sie sehen, selbst wenn Sie die Seite aktualisieren, werden
die Social-Media-Symbole in den vier noch nicht angezeigt, weil wir sie
manuell als Widget hinzufügen müssen . Also gehen wir zuerst, um hier drüben anzupassen. Jetzt gehen wir hier zu Widgets und jetzt gehen wir zu Fuß oder Social Widget hier. Jetzt klicken wir auf Widget hinzufügen. Nein, wir scrollen nach unten, um soziale Längen zu vereinfachen. Wir klicken es auf Sie sehen, wenn Sie auf die Fußzeile gehen, die die Social-Media-Symbole zeigen hier unten. Aber sie sind irgendwie klein. Also werden wir hier die Zehengröße des Symbols gehen. Klicken Sie darauf und sie war groß. Jetzt sehen Sie, dass die Social-Media-Symbole groß genug sind, um hier sichtbar zu sein, und damit schließen wir die Homepage ab. Wir klicken, speichern und veröffentlichen. Nein, wir klicken hier, um zurück zu gehen, verlassen Sie diese Seite und jetzt sind wir fertig mit der ersten Seite, der Homepage. Lassen Sie uns überprüfen und sehen, was wir gebaut haben. Bisher haben
wir diesen Header erstellt. Wir haben die Homepage, das Logo, den Lieblings-con, dieses schöne Hintergrundbild hinzugefügt. Und als wir nach unten scrollen, haben wir den Abschnitt „Dienste“ hinzugefügt. Wir haben den Action-Bereich hier mit einem Pulls-Effekt hinzugefügt. Wir haben den Fortschritt Mars hier hinzugefügt wir den Kundenbereich hier mit diesen schönen Schiebereglern. Wir haben hier einen Teamabschnitt hinzugefügt, und das letzte, was wir hinzugefügt haben, war das Zeugnis des Abschnitts. Und dann haben wir die Social-Media-Symbole hinzugefügt, die Sie hier sehen, und wenn Sie bemerken, gibt es diese Ära genau hier, dass, wenn
Sie darauf klicken , Sie an den Anfang der Seite gehen. Nachdem wir diese Homepage erstellt haben,werden
wir mit der Erstellung und Bearbeitung der Galerie-Seite beginnen. Nachdem wir diese Homepage erstellt haben, Danke, dass Sie zugesehen haben. Wir sehen uns im nächsten Tutorial.
23. Erstellen von Galerie-Seite: Hi. Jetzt werden wir anfangen, unsere Galerie-Seite zu erstellen und zu bearbeiten. Wir werden diese eine schöne Seite erstellen, die zuerst mit diesem großen und schönen
Hintergrundvideo beginnt . Wenn wir nach unten scrollen, können
wir diesen animierten Hintergrundabschnitt hier sehen und dies ein schönes Hintergrundbild mit der Parallax-Scroll-Funktion. Und während wir nach unten scrollen, gehen
wir in unsere Galerie mit diesem schönen und animierten Hintergrund Header. Wenn wir hinuntergehen, sehen
wir die schöne Galerie, die wir geschaffen haben. Und was diesen Hintergrund betrifft, ist
es ein Parallaxenhintergrund. Und wenn Sie bemerken, wenn Sie auf eines dieser Bilder klicken, werden sie in einer Lichtbox angezeigt. Es können Sie ein beliebiges Bild wählen, das Sie wollen, und Sie können zwischen ihnen mit diesen Fehlern an den Seiten hin und her gehen und wenn
Sie
fertig sind , klicken Sie auf dieses X Hier geht es direkt an seinen Platz und am Ende hier sehen Sie diese Social-Media-Symbole, die wir zuvor hinzugefügt haben. Sie werden von nun an auf allen Seiten angezeigt. Gehen wir nun auf unsere Website und beginnen Sie zuerst mit der Erstellung der Galerie-Seite. Gehen Sie durch neue hier und klicken Sie auf Seite. Jetzt geben wir den Titel der Seite direkt hier ein. Also gehen wir in die Galerie und gehen hier runter. Was den Inhalt betrifft, wählen
wir diese hier mit Voll mit. Nun, wie für Bild-Hover-Filter, wählen
wir keine. Und wie für Ausblenden Seitentitel, das war ja, weil wir nicht wollen, dass die Seite mit dem Titel angezeigt werden am Anfang der Beijing Jetzt klicken
wir veröffentlichen. Jetzt gehen wir hier rüber und klicken Sie auf Seite anzeigen. Und wie Sie sehen können, haben
wir die Galerie-Seite erstellt. Wir werden mit der Bearbeitung der Galerie-Seite beginnen, indem wir auf die Turn Builder hier drüben klicken. Das erste, was wir hinzufügen werden, gibt es dieses schöne Hintergrundvideo, das Sie hier sehen. Also gehen wir auf unsere Seite, wir bewegen uns hier wie Optionen. Nun, was den Effekt
betrifft, klicken wir hier und geben Sie F zweimal ein, um hier unten Fade zu wählen. Nun, den Hintergrundtyp
betrifft, wasden Hintergrundtyp
betrifft,der Video Wie für das Hintergrundvideo war, gehen wir
hier zu einer Browse-Bibliothek. Wir laden Dateien hoch und wir haben die Dateien von hier jetzt ausgewählt, in den Inhalten, die Sie heruntergeladen haben. Es gibt dieses Video, das Wasser genannt wird. Wir wählen es, es sei denn, Sie haben Ihr eigenes Video über Ihr Unternehmen. Handeln Sie wie offen Jetzt, Dieses Video kann eine Weile dauern, um hochzuladen, so lehnen Sie sich zurück und entspannen Sie sich, bis es vollständig hochlädt. Jetzt gehen wir zu Einfügen folgen Sie Ihrem krank hier unten und jetzt scrollen wir nach unten, bis Sie sehen deaktivieren Audio Hier klicken wir darauf und es gibt einige andere Funktionen, die Sie hier spielen können, zum Beispiel deaktiviert. Looping. Hier. Dies bedeutet, dass das Video nur eine abspielt und nicht Luke und starten Sie wieder, wenn es
fertig ist . Jetzt scrollen wir nach unten zu einem Klopfen fügen wir in 3 94 die obere und 3 90 für den unteren und wir scrollen nach unten, um zu speichern. Und wie Sie hier sehen können, haben wir unseren Videohintergrund und es gibt noch eine Sache,
die wir diesem Video-Hintergrund
hinzufügen werden , der ein leerer Text ist, nur um diesen Text hier rüber zu ziehen und abzulegen. Nun, wir werden nichts eingeben, so wie speichern Sie dies ist, so dass wir ein weiteres Modul hier unten hinzufügen können, weil dieser Abschnitt
nicht erscheint, es sei denn, wir hatten etwas im vorherigen Abschnitt. Und das Ändern des Hintergrunds wird nicht als Modulwechsel betrachtet. Also müssen wir in einem Modul hier alles hinzufügen, auch wenn es leer ist. Deshalb haben wir das Textmodul hier drüben hinzugefügt. Jetzt werden wir mit dem Aufbau der Galerie-Seite im nächsten Tutorial fortfahren. Danke, dass Sie zugesehen haben.
24. Erstellen der Galerie-Seite (1): Hi. Jetzt werden wir weiter bearbeiten und bauen unsere Galerie-Seite. Das erste, was wir tun werden, bevor wir diesen Abschnitt hier hinzufügen, ist, diesen
Header zu machen . Du siehst hier oben transparent. Also gehen wir zu unserem Dashboard, wir gehen durch die Seiten direkt hier. Jetzt gehen wir zu einer Galerie hier drüben, Klicken Sie auf Kopf. Und jetzt gehen wir zu einem Thema Auftritt hier unten. Scrollen Sie ein wenig nach unten. Und hier drüben hatte ihr Hintergrund, der transparente Hintergrund war. Nein, wir scrollen nach oben, wir klicken hier auf Update und wir gehen wieder zu unserer Galerie. Nein, Wenn wir jetzt auf Speichern und Kleidung klicken, gehen Sie hier und klicken Sie. Aktualisieren. Sie sehen, dass der Header jetzt transparent ist und wir können dieses schöne Video von hinten sehen . Jetzt fangen wir an, diesen Abschnitt direkt hier mit diesem Text und dieser Schaltfläche hinzuzufügen. Gehen wir zu unserer Seite und schalten Sie Builder ein. Jetzt gehen wir runter. Machen Sie diesen Abschnitt direkt hier. Wir bewegen uns hier und klicken auf Optionen jetzt zuerst. Wie für die Zeilenbreite, die voll war, würde für den Effekt hier, der verblassen wurde, so
geben Sie einfach F zweimal ein und geht automatisch in Jetzt wie für den Hintergrundmodus verblassen. Wir wählen Full Cover von hier und jetzt scrollen wir nach unten, um eine Zeile direkt hier zu Text und sehen aus wie Mitte. Scrollen Sie dann ganz nach unten, bis Sie zusätzliche CSS-Klasse sehen. Und hier drüben geben Sie animierten Bindestrich B G ein. Stellen Sie sicher, dass Sie dieses Recht eingeben. Und nicht missus Gaumen, weil es nicht funktioniert. Und das ist für die Animation des Hintergrunds. Was die Farben betrifft, sind
sie die Farben. Sie sehen, dass wir zu unserem Thema hier hinzugefügt. Wenn Sie zu den Einstellungen gehen und wir nach unten scrollen, sehen
Sie, dass diese Farben hier zum Hintergrund des Abschnitts hinzugefügt werden. Sobald wir in dieser Gemeinde hier eingeben, kein Klick speichern, und Sie können sehen, dass dieser Abschnitt eine animierte Hintergrundfarbe hat. Nun ziehen wir dieses Textmodul direkt hier und geben Sie dann den Text ein. E wollen über Ihr Unternehmen oder Ihre Galerie? Ich werde diesen Text hier eingeben. Jetzt wählen wir unseren Text aus, wir machen es in Richtung zu finanzieren. Wir machen es fett und richten es an der Mitte aus. Jetzt drücken wir Enter. Einmal gehen wir durch kurze Codes hier und wir klicken auf eine Schaltfläche. Was den Schaltflächen-Text angeht,werde
ich mich mit uns verbinden. Was den Schaltflächen-Text angeht, Wie für die Schaltfläche Stil, Ich werde in großen Umriss eingeben und ich werde den Rest Anti verlassen, dann klicken Sie auf Einfügen. Wählen Sie nun den Tastencode aus und richten Sie ihn an der Mitte aus und gehen Sie dann Zehe Styling hier drüben. Scrollen Sie jetzt nach unten zu Patty. Nun, die Spitze angeht, werde
ich 30 eingeben. Was den Grund angeht, bin
ich eine Antwort. 10. Jetzt gehen wir hier zu speichern, klicken Sie auf Speichern. Und wie Sie sehen können, haben
wir diesen animierten Abschnitt erfolgreich erstellt. Jetzt klicken, speichern und scrollen Sie nach unten, damit wir dieses Hintergrundbild hier mit diesem Text in der Mitte hinzufügen können . Also gehen Sie zurück und ziehen Sie das Textmodul direkt hier. Nein, ich werde ein ordentliches Design betreten. Ich werde diesen Text auswählen. Ich mache es mit einem, es
an der Mitte aus, mache es fett und ändere die Farbe in Weiß. Dann gehen wir hier oben durch ein Styling und wir scrollen runter zum Klopfen. Ich werde für 60 für die Oberseite und für 60 für die Unterseite eintreten. Jetzt klicken wir. Jetzt speichern wir gehen hier rüber und klicken Sie auf Optionen. Was den Hintergrundtyp betrifft, halten
wir es auf Bild. Und wir haben seine Bibliothek mitgebracht, um unser Bild auszuwählen. Wir laden Dateien hoch, wir wählen Dateien aus und wir haben das Bild genau hier ausgewählt. Klicken Sie auf Öffnen. Jetzt klicken wir auf Einfügen Datei Ihre L. Nun, wie für die Hintergrundstimmung, Ich möchte Parallax Scrollen von hier aus wählen. Jetzt scrollen wir nach unten und klicken Sie auf Speichern hier und wir sind mit diesem Abschnitt fertig. Also klicken wir auf Speichern und Kleidung, um die Änderungen zu sehen, die wir vorgenommen haben. Jetzt blättert er nach oben. Sie sehen diese schöne von Boden Bild mit dieser Parallaxe Scrollen durch Boden Und Sie sehen diesen animierten Abschnitt mit diesen Farben, die sich reibungslos ändern und dieses Video, das wir zuvor gebaut
haben? Nun, wenn Sie bemerken, dass dieser Knopf hier drüben ein bisschen weit vom Text entfernt ist, also müssen wir den Builder einschalten. Jetzt scrollen wir nach unten und wir klicken hier, um den Text zu bearbeiten. Und wenn Sie sehen, dass zwischen dem Text und der Schaltfläche ein Leerzeichen ist, so dass wir einfach den Raum löschen, dann klicken Sie auf Speichern und ich möchte wieder speichern und klicken Sie auf Schließen. Nun, wenn du den ganzen Weg nach oben gehst. Siehst du das? Dieses Brötchen zeigt hier und der Abstand ist gut zwischen der Taste und dem Text. Im nächsten Tutorial werden
wir den Bau der Galerie fortsetzen, indem wir diese und Galerie direkt hier mit diesem Abschnitt hinzufügen. Danke, dass Sie zugesehen haben. Wir sehen uns im nächsten Tutorial.
25. Erstellen der Galerie-Seite (2): hoch in der Branche wird weiterhin den Bau unserer Galerie-Seite. Jetzt werden wir diese schöne Kopfzeile mit diesem animierten Hintergrund hinzufügen und diese
Galeriebilder und Hintergrund einfügen . Jetzt gehen wir zu unserer Seite. Blättern Sie nach unten, und aktivieren Sie den Generator Jetzt scrollen wir hier unten wir mit dem Mauszeiger über diesen Teil rechts hier klicken wir Optionen. Jetzt für diesen Teil hier werden wir nur den ganzen Weg nach unten scrollen und zusätzliche
CSS-Klasse . Wir werden jeden gepaarten Bindestrich B G eingeben das macht es einen animierten Hintergrund hat. Jetzt lassen Sie uns wie, speichern Jetzt können Sie diesen animierten Hintergrund hier sehen. Lassen Sie uns nun ziehen und dieses Textmodul direkt hier ablegen. Jetzt hier geben wir den Titel über eine Galerie ein und ich habe meinen Text bereit Also werde ich
es einfach einfügen Jetzt wählen wir den ganzen Text aus. Wir wählen die Schriftart aus, zu der wir sie fett machen, richten sie an der Mitte aus und jetzt gehen wir hier mit dem Styling rüber. Und was den Effekt betrifft, beenden
wir ihr Fade in So geben wir einfach f zweimal Es geht hier unten klicken wir darauf und jetzt
scrollen wir nach unten zu einem Polster Wir fügen 30 für die obere und 30 für den unteren. Jetzt klicken wir hier unten speichern und wir haben unseren Header bereit für die Galerie. Jetzt haben wir den animierten Titel für diese Galerie, die wir erstellen werden, fertig. Lassen Sie uns voran gehen und beginnen, Kunstgalerie selbst zu schaffen. Cover über hier Klicken Sie auf Optionen, damit wir den Hintergrund für die Galerie hinzufügen können. Nun, zuerst, wie für die Rolle, mit wählen wir die volle Breite und jetzt gehen wir hier nach unten zu einem Hintergrundbild wie Brauen Bibliothek . Wir gehen Toe Upload Dateien, wir wählen Dateien und wir gehen nach unten zu diesem Bild rechts hier klicken wir öffnen. Jetzt klicken wir. Legen Sie Datei Ihre l und stellen Sie sicher, welche Bilder Sie hier wählen. Stellen Sie sicher, dass es angezeigt wird und hohe Auflösung, da keine verschwommenen Bilder Ihrer Galerie angezeigt werden sollen. Es sollte professionell sein und vorgestellt werden. Nun gehen wir zu einem Hintergrund gemäht hier und selektiven e para Lexus Scrollen und jetzt
scrollen Sie nach unten zu einem Polster und Hinzufügen 40 für die Spitze. Scrollen Sie jetzt wieder nach unten und wie speichern Sie hier unten. Nun lassen Sie uns unsere Galerie direkt hier einfügen. Geh hier runter. Zwei des Galerie-Moduls ziehen Sie es direkt hier ab. Nun, das Galerie-Layout hier
anbelangt, werden
wir es in einem Raster halten. Was das Thumbnail mit anbelangt, wähle
ich 400 aus. Was die Höhe anbelangt, wähle
ich 300 und jetzt hier, um das Erscheinungsbild zu sehen. Ich werde gerundet bleiben, genau hier
überprüfen und auf den Drop Shatter hier klicken. Es steht Ihnen frei, eines dieser beiden auch zu verwenden. Nun, lassen Sie uns unsere tatsächlichen Bilder von hier einfügen. Klicken Sie auf in der Start-Galerie Jetzt gehen Sie, um Dateien hier hochzuladen. Klicken Sie nun auf Dateien auswählen. nun Umnunalle Bilder für unsere Galerie zusammen auszuwählen, müssen
wir die Steuerungstaste auf Ihrer Tastatur drücken und halten. Wählen Sie dann die Bilder aus. Jetzt klicken wir auf „Öffnen“. Jetzt klicken wir auf Hinzufügen zur Galerie hier unten. Und das ist unsere Galerie hier drüben. Nun, wenn er unter jedem dieser Bilder bemerkt,
gibt es einen Textraum, der es uns ermöglicht, die Beschriftung einzugeben, die wir für das Bild wollen, das auf der Seite
erscheinen wird . Also werde ich einfach die Texte für meine Bilder eingeben. Jetzt, da ich meinen Text eingegeben habe, müssen
wir hier zu gehen und Mediendatei zu wählen. Dadurch wird das Bild in einer Lichtbox angezeigt, wenn Sie darauf klicken. Wenn Sie nicht möchten, dass das Bild in einer Light-Box angezeigt wird, können
Sie hier keines auswählen. Aber im Moment werde
ich es nur auf Mediendatei halten und sicherstellen, dass die Anzahl der Spalten drei ist. Und jetzt gehen wir hier nach unten und klicken Sie auf Galerie aktualisieren. Jetzt gehen wir Zehe Styling hier drüben und für den Effekt hier drüben wählen wir Fade in. Also geben Sie einfach zweimal F ein. Es geht hier runter. Und was den Text hier betrifft, richten
wir die Mitte aus und scrollen jetzt nach unten zu einem Padding und geben 84 die obere und 24 die rechte 84 die untere und 20 für die linke. Jetzt scrollen Sie nach unten und, wie speichern Sie hier unten. Und wenn Sie nach unten scrollen, können
Sie unsere schöne Galerie mit diesen Bildern und diesem Hintergrund sehen Nein, hier
unten, wir brauchen Zehe. Löschen Sie diesen Abschnitt hier, So bewegen Sie sich hier und klicken Sie auf Jetzt löschen, wie speichern Sie hier und Kleidung. Jetzt sehen wir, dass unsere Galerie mit diesen schönen Bildern und diesem
Parallax-Hintergrund getan wird Jetzt gehen wir an den Anfang der Seite. Und wenn Sie bemerken, dass die Galerie hier drüben nicht die gleiche ist wie diese hier, weil das Haus hier vor der Galerie kommt. Mach dir deswegen keine Sorgen. Sobald wir mit allen Seiten fertig sind, zeige
ich Ihnen, wie Sie sie in der gewünschten Reihenfolge organisieren und welche vor der
anderen kommt . Nun, das nächste, was wir tun werden, als erstellen unsere blawg Seite Danke für das Anschauen. Wir sehen uns im nächsten Tutorial.
26. Erstellen von Blog-Seite und erster Post: Hi. Jetzt werden wir anfangen zu erstellen und Gebäude blockiert Seite zuerst, wir werden diese tun schöne Beiträge hier zu erstellen. Wir werden diese Bilder erstellen und diese Texte hinzufügen, die Sie hier sehen, und dann werden wir diese Sidebar
erstellen und alle diese Widgets hinzufügen, beginnend mit dem Suchfeld, das Sie hier sehen, und gehen Sie zu einem Facebook wie Spaziergänge, die Sie sehen Sie hier, dass Sie auf Ihre Facebook-Seite und das Hinzufügen dieser Abonnement-Box hier, die Websites, die wir werden diese Instagram-Feeds Lichtshow hinzufügen, in dem Sie zu ihrem
INSTARM-Konto verlinken können , die die Bilder auf Ihrem Instagram-Konto als Diashow hier drüben und zuletzt. Wir werden in diesem Abschnitt hier mit den am meisten kommentierten Beiträgen hinzufügen, die die drei
beliebtesten Beiträge auf Ihrem Block zeigen . Gehen wir nun zu unserem Dashboard und gehen Sie durch die Seiten direkt hier. Klicken Sie nun auf „Neu hinzufügen“ hier. Jetzt geben
wir zuerst den Titel von der Seite ein, der Block ist, und wir scrollen hier nach unten durch diesen Abschnitt. Und was die Sidebar-Option betrifft, die diese Option hier ist, gehen wir zum Bild-Hover-Filter. Halten Sie es einfach auf die Standardeinstellung, die Graustufen ist, und wenden Sie es an, um es Bilder auf Lee anzuzeigen. Denn wenn Sie es zu allen Bildern gesagt haben, wird
das Logo von der Website grau, sobald Sie den Mauszeiger darüber bewegen. Und das wollen wir nicht, weil es nicht professionell ist. Wir brauchen nur, dass die Postbilder grau werden, wenn wir den Mauszeiger über sie bewegen. Nun, den High-End-Seitentitel hier drüben
betrifft, was ja war, weil wir wollten, dass der Seitentitel angezeigt wird. Und jetzt gehen wir zu einem Thema Auftritt direkt hier. Wir wählen diese Option direkt hier und den Kopfzeilenhintergrund. Wir werden es solide halten. Und jetzt gehen wir hier hoch und klicken auf Veröffentlichen. Jetzt gehen wir zurück auf unsere Website. Wenn Sie auf Aktualisieren klicken, sehen
Sie, dass die Bloc-Seite direkt hier hinzugefügt wird. Jetzt klicken wir es jetzt. Wie Sie hier sehen können, ist
dies unsere Block-Seite und diese Widgets auf der Seite hier sind die Standard-Sidebar Widgets Mach dir
keine Sorgen um sie. Wir werden sie entfernen und unsere eigenen Widgets hinzufügen. Aber zuerst werden wir anfangen, die Beiträge zu erstellen, also gehen Sie zurück zu einem Dashboard und gehen Sie durch Beiträge direkt hier. Klicken Sie nun auf „Neu hinzufügen“ hier. Nein, wir geben zuerst den Titel unseres Beitrags, die atemberaubende Websites bauen ist. Jetzt geben wir den Text des Beitrags den Inhalt ein, den wir in den Beitrag aufnehmen möchten. Ich habe meinen Text verschieden. Ich werde es einfach hier als Klartext kopieren und einfügen. Jetzt gehen wir hier, um neue Kategorie hinzuzufügen, so dass wir die Kategorie für diesen Beitrag hinzufügen können. Ich tippe Designtechniken ein und klicke dann auf Neue Kategorie hinzufügen. Jetzt können Sie so viele Kategorien eingeben, wie Sie wollen ,
aber im Moment werden
wir nur eine eingeben, die hier ist. Und dann gehst du hier runter zu Tags und du gibst das Tag für den Beitrag ein. Ich bin am Ende ihr ultimatives Design, und es ist wirklich wichtig, mindestens ein Tag für Ihren Beitrag eingeben, weil es
Suchmaschinen hilft , Mädchen und finden Sie Ihre Website und die Gastgeber Ihres Blogs. Jetzt gehen wir hier runter durch das vorgestellte Bild. Nun, um dieses Bild, das Sie hier sehen, hinzuzufügen, müssen
wir es so bearbeiten, wie wir es wollen. Also gehen wir zu dieser Website forward dot com Jetzt gehen wir, um es hier hinzuzufügen, und wir wählen das Bild, das Sie jetzt für dieses Tutorial wollen. Ominous war Post eine, die Sie in den Inhalten sehen können, die Sie heruntergeladen und klicken Sie auf Öffnen. Jetzt können Sie das Bild direkt hier sehen. Wir gehen zuerst, um die Größe hier zu ändern und geben 7 85 ein und dann gehen wir durch die Steuer hier unten und wir geben einen Text ein. Simon, geben Sie S e o Prozess ein. Und was die Fondsgröße angeht, klicken
Sie hier, Hominid. Wählen Sie 82. Und was den Fonds selbst
angeht, werde ich diesen wählen. Hier sind Kuss,
Kitzeln . Sie können sehen, dass es hier geladen wird. Wenn es mit dem Laden fertig
ist, werden die Mittel angewendet. Jetzt ziehen wir den Text, wohin wir wollen, also ziehe ich ihn hierher. Und dann gehen wir hier rüber, um zu retten. Und was die Qualität betrifft, ist
es in Ordnung, wenn Sie normal wählen und dann auf Speichern auf meinem Computer klicken. Ich werde es als Gastgeber speichern. Unterstreichen Sie einen Unterstrich. Fertig. Kein Klick speichern und zurück zu unserem Dashboard. Wenn Sie hier nach unten gehen, zwei vorgestellten Bild, klicken ,
durchsuchen ,
Bibliothek, Dateien
hochladen, Dateien
auswählen und dann gehen wir hier nach unten So dieser hier Beitrag. Fertig. Klicken Sie auf Öffnen. Jetzt gehen wir, um Schaden hier unten einzufügen und Sie können sehen, dass das Bild kommen Nagel hier
drüben zeigt . Jetzt gehen wir hier zu veröffentlichen und klicken Sie darauf. Jetzt haben wir erfolgreich unseren ersten Beitrag veröffentlicht. Jetzt ist es an der Zeit, es zu unserem Blawg hinzuzufügen. Gehen wir zu unserem Blawg und schalten Sie den Baumeister von hier aus an. Dann gehst du hier runter zum Post-Modul Drag and Drop es dort. Nun, das erste, was wir hinzufügen wollen, ist die Grenze hier drüben. Also werde ich 55 Gastgeber der Show wählen, wie wir nach unten scrollen. Und was die Anzeige betrifft, werde
ich Auszug anzeigen, weil ich nicht den ganzen Beitrag auf der Seite anzeigen möchte. Ich möchte Auszug anzeigen, damit Benutzer auf den Beitrag und die Ansicht des gesamten Beitrags klicken können, wenn
Sie möchten und dann nach unten und unten gescrollt werden, um Post-Meta zu verstecken. Ich werde nachsehen. Ja, jetzt könnten wir hier unten speichern und Sie können sehen, dass der Beitrag erfolgreich zum
Block hinzugefügt wurde . Nun, wenn Sie bemerken, dass das hier ein bisschen nah an der Kopfzeile ist. Also werden wir nur ein paar Polsterspitze hinzufügen, es ein wenig runter
bringen, also schweben Sie über diesen Teil hier. Klicken Sie auf Optionen. Jetzt scrollen wir nach unten zu einem Padding und fügen 80 für die Spitze hinzu. Jetzt scrollen Sie nach unten und, wie speichern und Sie sehen, dass es ein wenig nach unten gekommen ist. Jetzt lasst uns gehen, wie speichern und schließen, um unseren Beitrag zu sehen. Sie können sehen, dass wir den ersten Beitrag hinzugefügt haben, sind blanc und es sieht schön aus. nun Wenn Sienunden Mauszeiger über diesen Beitrag bewegen, sehen
Sie, dass er grau wird, und wir werden weiterhin den zweiten Beitrag und die anderen
Sidebar-Widgets in den nächsten Tutorials hinzufügen . Danke, dass Sie zugesehen haben.
27. Erstellen des zweiten Beitrags: Hi. Jetzt werden wir unseren zweiten Beitrag erstellen. Also gehen wir zurück zu unseren Beiträgen Seite und gehen Sie hier rüber, um neue hinzuzufügen. Jetzt geben wir hier den Titel des Beitrags ein, also werde ich meinen einfügen. Und was den Post-Text angeht, habe ich meinen Text, Freddie. Also werde ich es einfach kopieren und beeilen. Jetzt gehen wir durch Kategorien hier und fügen neue Kategorie, und ich werde s e o eingeben. Dann klicken Sie auf Neue Kategorie hinzufügen. Jetzt hier. die Angriffe betrifft, werde
ich WordPress und S e o eingeben. Klicken Sie
dann auf Hinzufügen. Nun, das vorgestellte Bild
betrifft, werden
wir unser Bild auf Ordner aufbauen. Also gehen Sie zurück zu dieser Website, klicken Sie hier auf Löschen und unten und dann, wie, öffnen. Jetzt wählen wir dieses Bild direkt hier Post, auch. Jetzt gehen wir, um die Größe hier unten zu ändern, und wir werden die Größe auf 7 85 ändern und dann eine Steuer hier unten durchlaufen und ich werde jetzt meinen
Text eingeben . Ich wähle den Text aus und füge die Schriftart hinzu. Ich gehe hier auf die Schriftarten und wähle künstlerische Oh, dann ziehe ich diesen Text hierher und werde ihn an diesen Teil richten. Und was den Fonds angeht, will
ich diese Front hier auswählen. Dann sind wir fertig. Also werde ich es ein wenig hier Drogen geben und dann hier auf Speichern klicken und normale
Qualität auswählen . Danke. Speichern Sie auf meinem Computer, und ich werde es speichern, im Gegensatz zu getan. Klicken Sie dann auf. Sparen. Jetzt gehen wir zurück hierher. Und wie für die Zukunft es Bild, Ich habe zwischen diesem und diesem Post-Bild gewechselt. Also werde ich nur dieses Bild hier für diesen Beitrag und die Brownss-Bibliothek auswählen dann Dateien hochladen. Es sind ausgewählte Dateien. Jetzt gehen wir hier runter und ich wähle das zuerst aus. Klicken Sie dann auf Bild einfügen. Jetzt klicken wir. Veröffentlichen Sie hier drüben. Und ich werde durch alle Beiträge hier und für diesen Beitrag hier gehen. Wie viele? Klicken Sie darauf. Dann gehe ich hier runter und wähle dieses hier aus und lade das hoch, das wir gerade erstellt haben. Klicken Sie auf Dateien hochladen, wählen Sie Dateien aus, dann einen Scrollen nach unten und wählen Sie diese hier aus. Jetzt klicken wir einfügen Schaden und wir haben das Bild, das wir wollen hier drüben. Jetzt klicken wir. Ich bin Tage hier. Jetzt gehen wir zu unserem Blawg. Und wenn Sie klicken, aktualisieren Sie hier, Sie werden den anderen Beitrag zeigen. Jetzt haben wir erfolgreich zum zweiten Beitrag für unseren Block erstellt. , Wie Sie hier sehen können,wird
der Beitrag, den wir später erstellt haben, oben auf dem, den wir zuvor erstellt haben, angezeigt. Jetzt, im nächsten Tutorial, werden
wir anfangen, diese Sidebar zu bearbeiten und die Widgets hinzuzufügen, die wir wollen. Danke, dass Sie zugesehen haben. Wir sehen uns im nächsten Tutorial.
28. Bearbeiten der Side-Bar (1): Hi. Jetzt werden wir die Sidebar bearbeiten. Wir werden zuerst in das Suchfeld, das Sie hier sehen, sowie das Facebook-Like-Feld hinzufügen. Gehen wir zu unserer Website und klicken Sie auf Anpassen hier. Jetzt klicken wir hier und gehen unten zu Widgets hier unten, dann gehen Sie zu einer Sidebar hier drüben und Sie können sehen, dass dies die Standard-Sidebar Widgets Wir tun werden. Lassen Sie sie eins nach dem anderen. Bis auf diese Suche hier drüben. Ihre erste klicken Sie auf diese Luft rechts hier und klicken, entfernen und tun Sie das gleiche für den Rest. Nun, wie für diese Suche hier drüben, klicken
wir auf den Pfeil und wir geben den Titel ein
, der Suche sein wird. Jetzt können Sie hier sehen, dass die anderen Widgets bis auf die Suche hier weg sind. Lassen Sie uns voran und fangen Sie an, diese Facebook-Like-Box hier hinzuzufügen. Um diese Box hinzuzufügen, müssen
wir einen Plug in namens Facebook wie Box überflutet installieren. Gehen wir zu unserem Dashboard, gehen Sie hier nach unten, um Plug Ins und klicken Sie auf Add new. Jetzt gehen Sie hier rüber, um Plugins zu suchen und geben Sie Facebook Like Box und stellen Sie sicher, wie Box ist ein Wort jetzt getroffen. Geben Sie ein. Und das wollen wir nur als die, die Sie hier sehen. Kein Klick auf Installieren. Nicht wie die Überschwemmung hier drüben aktivieren. Und der Stecker ist erfolgreich aktiviert. Gehen wir zurück zu unserer Seite und klicken Sie hier auf Widget hinzufügen. Und wenn Sie bemerken, die Facebook wie Box-Widget ist hier noch nicht hinzugefügt, Also müssen wir klicken, speichern und veröffentlichen. Klicken Sie dann hier auf Aktualisieren. Nicht wie neu laden Sie diese Seite. Jetzt klicken wir hier, gehen Sie zu unseren Widgets, gehen Sie zur Seite mehr und klicken Sie auf Widget hinzufügen. Jetzt sehen Sie hier die erweiterte benutzerdefinierte Facebook-Like Box-Widget ist hier hinzugefügt. Wenn wir also darauf klicken, erscheint
es hier oben Sie können sehen, dass das Widget hier auf der Seitenleiste angezeigt wird. Jetzt werden wir anfangen, das Widget selbst zu bearbeiten. Wie für den Titel Frau geben Sie wie wir auf Facebook. Nun, wenn du das alles hier unten
durchgehst, musst du deine Facebook-Seite eingeben oder l also kopiere ich meine Facebook-Seite oder ich und füge sie hier als Beispiel ein. Und wenn du wegen des Waldes hierher gehst. Ich werde es jetzt auf 300 behalten, wenn er die Seiten bemerkt hat, die hier drüben erscheinen. Nun, dieses Stream-Problem hier unten betrifft, möchte
ich es entfernen. Also gehe ich hierher. Danke, wie nein für Show-Stream. Jetzt können Sie sehen, dass der Strom weg ist und die Lichtbox auf eine elegantere Art und Weise zeigt . Ich wollte ein bisschen runtergehen. Was die Hintergrundfarbe angeht, wähle
ich den weißen Salman aus, gib diesen hier ein. Und natürlich können
Sie F sechsmal eingeben. Es wird Zeh weiß und Sie sehen, dass sich die Hintergrundfarbe hier geändert hat. Jetzt gehen wir nach unten und ich möchte auf Ja,
für Header und für das Padding auf einem Select 0.1 klicken . Und was die Radiusgröße anbelangt, werde
ich sie auf 15. Aber für die Rahmengröße, die die Grenze ist, die Sie hier sehen, wähle
ich auch 0,1 aus, weil ich nicht möchte, dass die Grenze angezeigt wird. Und 0.1 ist die minimale Zahl, die Sie eingeben können, jetzt scrollen wir nach unten. Und was das Farbschema betrifft, werden
wir es begeistern. Und dann gehen wir hier rauf, wenn Sie die Boxen bemerken, die hier auf eine schöne Art und Weise zeigen. Bis auf diesen zusätzlichen Teil hier, den wir mit der Höhe einstellen können. Jemand sagte, die Höhe für 2 50 und klicken Sie dann auf, speichern und wieder veröffentlichen. Jetzt sind wir fertig mit unserer Facebook-Like-Box. Also minimieren wir es hier. Und das nächste, was wir als dieses Abo-Box hier über den Instagram-Feed und die beliebte Post werden wir diese im nächsten Tutorial hinzufügen. Vielen Dank für das Ansehen und bleiben Sie auf dieser Seite.
29. Bearbeiten der Side-Bar (2): Hi. Jetzt werden wir weiterhin Widgets zur Sidebar hinzufügen, die wir in diesem Abo-Feld hier hinzufügen, dieser Instagram-Feed und diese beliebten Beiträge hier drüben. Um die Abo-Box zuerst hinzuzufügen, müssen wir zu einem Dashboard gehen und den Mauszeiger über eine männliche Schimpanse Belohnung drücken, Dann klicken Sie auf Formulare. Nun, wenn Sie zu dieser Seite kommen, gehen
wir zu diesem Bereich genau hier und Sie sehen diesen Code hier? Es nennt sich HTML-Code. Das erste, was wir als Titel der Box hier drüben hinzufügen werden, wer dieser Titel
, der hier drin
ist, der Titel für diese Box hier drüben sein wird. Also werde ich meinen Text eingeben, der für mehr Magie in Verbindung bleibt. Jetzt, jetzt, hier
drüben. Um diesen Text auf der Schaltfläche zu sagen, erhalten Sie die neuesten Updates, Sie müssen zurück gehen und Wert sagt Wert hier unten zwischen diesen Zitaten, geben Sie den Text, den Sie wollen, Ich werde tippen und die neuesten Updates erhalten. Und wenn Sie hier drüben sehen, wie für einen Platzhalter statt Ihrer E-Mail-Adresse, können
Sie es ändern, was Sie wollen. Dies ist, was in dem leeren Feld hier oben angezeigt wird, bevor jemand einen Text in ihn eingibt. Aber vorerst werde
ich das hier behalten, wie es ist. Jetzt geh zurück hierher, und um diesen Button hier blau zu bekommen, müssen
wir zurück hierher gehen und vom Stil laden. CSS klicken Sie hier und wählen Sie das blaue Thema aus. Sie sind frei, eines dieser hier drüben zu wählen, aber ich werde das Blau wählen, die jetzt unten klicken wir, speichern Änderungen und noch einmal, scrollen Sie unten und unten hier den kurzen Code verwendet. Sie müssen diesen Code von hier kopieren. Und dann gehen wir zurück zu unserer Seite. Wir klicken, fügen Widget hinzu, wir scrollen nach unten und wir klicken auf den Text hier. Nun, in den Inhalt hier fügen Sie einfach das, was Sie von hier kopiert haben. Und dann können Sie das Abo-Feld sehen, das hier mit diesem Titel zeigt, den wir gewählt haben Und diese Schaltfläche Farbe und Text. Klicken Sie nun hier minimieren und klicken Sie auf Widget hinzufügen. Scrollen Sie nach unten und fügen Sie einen Text hinzu. In diesem Textwerden
wir die Lichtshow des Instagrams platzieren, die Sie hier sehen. In diesem Text Um dies zu tun, müssen
wir zu einem neuen Tab gehen, aber zuerst diesen hier geschlossen, weil wir ihn nicht mehr brauchen. Und geben Sie Snap Widget Punkt Kommen Sie stellen Sie sicher, dass Sie es haben. - Richtig. Snap Widget dot com und drücken Sie die Eingabetaste. nun Wenn Sienunzu dieser Seite gelangen, scrollen
wir nach unten. Und das ist die Anpassung für unseren Instagram-Feed
, den wir zuerst im Instagram-Benutzer wählen. Und dann wollen wir so geben Sie Ihren Instagram-Benutzernamen ein. Ich tippe. Dieses Beispiel ist Ihr Name, oder Sie können anstelle des Benutzernamens ein Hashtag auswählen. Wie für die würden Sie eingeben, können
Sie einen dieser Typen hier wählen. Ich werde Diashow wählen. Und für die Thumbnail-Größe werde ich auf 90. Und für Florida Water wähle
ich Ja aus, und für die Hintergrundfarbe gebe
ich diesen Code sechs Mal ein, um ihn weiß zu machen. Was den Schwebeeffekt anbelangt, werde
ich ihn auf „Niemand“ halten. Jetzt können Sie eine Vorschau des Widgets anzeigen, bevor Sie es zu Ihrer Seite hinzufügen. Lassen Sie uns hier auf Vorschau klicken und Sie können sehen, das Widget zeigt sich hier mit dieser leichten Show. Wenn Sie auf Schließen klicken und wenn, zum Beispiel, wir wählen eine große dann klicken Sie Vorschau. Sie können sehen, dass die Bilder hier zeigen, wie ich raster, Sie haben die Wahl zu wählen, was Sie von diesen Typen hier wollen. Aber wir werden Diashow von hier aus wählen und dann hier runter gehen, um Widget zu bekommen. Und dann kopierst du diesen Code. Sie müssen dieses hier nicht kopieren, weil es nur ein Kommentar in HTML ist. Also Kaffee, dieser hier beginnt den ganzen Weg hier runter, dann gehen wir zurück zu unserer Seite. Wir fügen es hier ein, und wir haben unser Instagram-Widget bereit. Hier drüben. Jetzt gehen wir weiter. Und im letzten Widget hier unten, das ist die am meisten kommentierten Beiträge, wenn Sie dieses hier minimieren, klicken Sie auf Widget hinzufügen und Sie scrollen nach unten. Wir wählen FIM, wenn ich dash. Am meisten kommentiert. Nun, während es da unten geladen wird, werden
wir es von hier aus bearbeiten. Was die Anzahl der Hosts angeht, bin ich auf Enter drei, was die maximale Anzahl der Hosts der Show ist. Und ich bin auf einem Display Post Thumbnail hier drüben. Und was die Thumbnail-Größe angeht, werde
ich 90 mal 60 wählen und wenn du nach unten
scrollst, siehst du, dass sie jetzt hier drüben zeigen. Wir haben , hier drüben
minimiert, und wir sind fertig mit unserer Sidebar-Bearbeitung. Sie können beliebig viele Widgets hinzufügen, die Sie von hier aus wünschen. Erkunden Sie sie einfach und spielen Sie mit ihnen, wie Sie wollen. Jetzt, sobald wir gerne speichern, veröffentlichen und klicken Sie dann auf das X hier. Denken Sie, wie verlassen Sie diese Seite. Wir gelangen zu unserer Blawg-Seite. Jetzt sind wir mit unserer Block-Seite fertig und wir haben alle Funktionen hinzugefügt, die wir wollen. Das nächste, was zu tun ist, ist die Kontaktseite zu erstellen und zu erstellen. Danke, dass Sie zugesehen haben. Wir sehen uns im nächsten Tutorial.
30. Erstellen von Kontaktseite:: Hi. Jetzt ist es an der Zeit, diese Kontaktseite zu erstellen, beginnend mit diesem schönen Parallax-Hintergrundbild und diesem Bild direkt hier in der Mitte sowie diesem Text hier und diesem Pfeil nach unten. Und dann werden wir in diesen drei Kontaktinformationen über unser Geschäft hinzufügen. Dann scrollen wir nach unten und wir sehen diese schöne Google Karte hier drüben mit diesem weißen Wasser und sowie dieses Kontaktformular hier drüben. nun zuerst Gehen
wirnun zuerstzu unserem Dashboard und klicken Sie auf die Seiten direkt hier. Jetzt klicken wir auf, Neue
hinzufügen und wir geben den Seitentitel wir wollen, das ist Kontakt. Jetzt scrollen wir nach unten. Und was das Aussehen des Themas betrifft , wählen
wir
hier transparenten Hintergrund für den Header und wir gehen nach oben. Wie für Seitenoptionen, die voll war mit für den Inhalt mit hier drüben. Und was den Bild-Hover-Filter betrifft, der keiner war. Und was den Seitentitel betrifft, wollen
wir ihn verstecken. Jetzt scrollen wir nach oben und klicken Sie hier jetzt veröffentlichen, nachdem wir unsere Seite neu veröffentlicht haben. Gehen wir zurück und klicken Sie hier auf Aktualisieren. Jetzt können wir sehen, dass unsere Seiten hier drüben zeigen. Lassen Sie uns darauf klicken und sehen, wie es aussieht, wie Sie sehen können, dass diese Seite jetzt leer ist. Beginnen wir also zuerst mit dem Hinzufügen von Modulen, Schalten Sie den Builder entweder von hier oder hier ein. Nein. Das erste, was wir hier tun wollen, ist die Hintergrundfarbe für diesen ersten Teil
hier zu ändern . Also bewegen wir uns hier rüber und sehen aus wie Optionen. Jetzt gehen wir zu einem Hintergrundbild hier unten und klicken Sie auf Rob Bibliothek als Dateien hochladen, Dann wählen Sie Dateien und wir gehen zu diesem Bild direkt hier und wählen Sie es aus. Klicken Sie auf Öffnen. Jetzt klicken wir auf Einfügen Datei Ihre L hier unten. Und was das Hintergrundwissen angeht, wählen wir hier
unten die Parallax aus. Und was die Overlay-Farbe hier betrifft, klicken
wir hier. Ich möchte schwarz auswählen. Und was die Deckkraft hier anbelangt, möchte
ich sie etwa 70% hier ausdrücken. Jetzt scrollen ich nach unten und klicken Sie auf Jetzt speichern, Wie Sie sehen können, haben
wir diesen Hintergrund dort. Aber da es keine Polsterung gibt, wird
das Bild nicht vollständig angezeigt Im nächsten Tutorial, werden
wir in diesem Bild direkt hier diesen Text sowie eine diese Steuer hier unten hinzufügen. Vielen Dank für das Ansehen und bleiben Sie auf dieser Seite.
31. Hinzufügen von Bild und Texten: Hallo. Willkommen zurück. Jetzt werden wir in diesem Bild direkt hier sowie diese Texte hier unten hinzufügen. zuerst Lassen Sie unszuerstein Bildmodul von hier bis in diesen Bereich ziehen und dort ablegen. Nun, den Bildstil hier
betrifft, wollen
wir dieses hier für ein zentriertes Bild wählen. Und wie für eine Majorette, L wollen wir Bibliothek durchsuchen, Dateien
hochladen, Dateien
auswählen. Und da ist dieses Bild genau hier, dass ich die Dimensionen auf 200 mal 200 eingestellt habe. Sie können die Größe jedes Bild, das Sie auf Foto Punkt com wollen 2 200 von 200 dann hochgeladen toe die Website. Klicken Sie nun auf Datei einfügen Ihre L. Nun, wenn Sie feststellen, dass dieses Bild ein quadratisches Bild ist, wenn
Sie es zu einem kreisförmigen Bild machen möchten, möchten Sie dieses hier auswählen und das hier auswählen. Nun, was sie hier drüben angeht, würden
wir es auf 200 mal 200 setzen wollen. Jetzt fragen Sie nach der Bildbeschriftung hier unten. Ich möchte, dass wir für Sie lesen. Jetzt gehen wir zu einem Styling. Hier rüber gehen wir runter. Was die Fondsfarbe hier betrifft, möchte
ich weiß auswählen und dann nach unten scrollen. Was die Polsterung
angeht, möchte ich 200 für die Oberseite und 200 für die Unterseite auswählen. Jetzt gehen wir nach unten und klicken auf sicher. Jetzt können Sie sehen, dass das Bild hier drüben ein kreisförmiges Bild ist. Und das ist die Beschriftung, die wir hinzugefügt haben. Jetzt ist es Zeit, diesen Text hier mit diesem Pfeil hinzuzufügen. Lassen Sie uns nun ein Textmodul hier unten ziehen und ablegen. Jetzt fügen wir den Text hinzu, bekommen und berühren. Wir wählen diesen Text aus und wir wählen einen haben. Dann richten wir es an der Mitte aus. Und wie für die Farbe ominös, wählen Sie weiße Farbe. Nun, was den Pfeil
angeht, den
Sie hier unten sehen, müssen Sie durch meine Inhalte gehen. Ihre heruntergeladene und es gibt eine Datei namens L's. Klicken Sie darauf und wählen Sie diesen Text direkt hier aus. Kopieren Sie es und öffnen Sie eine neue Registerkarte. Und geben Sie diesen Text in der neuen Registerkarte dann eingegeben hatte. Nein. Wenn Sie zu dieser Seite gelangen, scrollen
Sie den ganzen Weg nach unten und Sie sehen diesen Aero hier unten. Du kopierst diesen Code hier drüben und gehst zurück, dann gehst du hier rüber. Geben Sie einmal ein und Sie gehen zu einem Text hier drüben, dann fügen Sie ihn hier ein. Jetzt gehst du zurück zum Bild hier drüben. Sie können sehen, dass es hier drüben diesen winzigen Pfeil zeigt. Wir wollen es größer machen. Also machen wir es zuerst mutig. Und für den Fonds
, der eins war. Jetzt machen wir es zentriert. Und das ist unsere Luft hier drüben. Klicken Sie nun auf Speichern und wir haben unseren Text und Fehler hier. Nun, um diese Texthaar den gleichen Fonds wie dieser Text hier drüben zu bekommen, gehen wir zurück. Wir mögen zuerst, speichern Sie hier unten und Kleidung, dann wöchentlich anpassen hier drüben. Nun, wenn du zu diesem Teil hier drüben kommst, klicken
wir zurück. Dann gehen wir zu einer Tomographie. Hier drüben klicken wir auf Standard-Tomographie. Und was die hatte es einen Fonds, wir klicken hier und hier für die Fondsfamilie, wir klicken darauf und geben Robo Toe ein. Siehst du hier wieder abstimmen. So klicken Sie darauf und Sie bemerken die Änderung hier drüben. Nun, was die Schriftart angeht, warte hier drüben. Sie möchten 300 auswählen und wir gehen Zehe Aussehen. Wie für die lustige Größe hier drüben. Wir maximieren und minimieren diese hier, die wir wollen, und ich möchte 40 wählen. Stellen Sie sicher, dass er sagte, dass es tut. 40 Pixel hier und dann wöchentlich minimieren und klicken, Speichern und veröffentlichen. Hier drüben. Nun, Sobald wir fertig sind, klicken
Sie auf dieses X hier drüben. Danke, wie, verlasse diese Seite. Und jetzt sind wir mit dem ersten Teil der Kontaktseite fertig. Wenn Sie bemerken, sobald wir scrollen die Parallax-Hintergrund hier zeigt. Nun schalten wir den Builder ein, der diese Texte hier unten hinzufügt. Zuerst scrollen wir nach unten und wir fügen in ein Textmodul Drag & Drop es direkt hier. Jetzt geben wir den Text, den wir wollen, ich habe meinen Text bereit. Also werde ich es einfach von hier kopieren und einfügen. Nein, für dieses hier möchte
ich Überschrift auswählen, um es fett zu machen und alle diese an der Mitte auszurichten. Jetzt gehen wir zu einem Styling. Hier oben scrollen wir nach unten zu einem Padding und für die Spitze, fügen
wir in 50 Pixel und dann gehen wir hier unten zu speichern und wir haben unseren ersten Text hier drüben. Jetzt bewegen wir uns mit der Maus über diesen Teil von hier und teilen sich in drei gleiche Abschnitte. Jetzt haben wir das hier zweimal dupliziert, um für jede davon eine Kopie zu machen. Nein, wir ziehen diese Kopien hier und da rüber. Nun, wir zuerst habe ich das hier gemacht und geben Sie Ihre geschäftlichen Informationen über den Standort ein. Ich werde diesen Beispielort hier drüben betreten und für den Ort selbst. Wie viel war Überschrift, um es fett zu machen und alle diese an der Mitte auszurichten und klicken Sie auf
Jetzt speichern für die letzte Über hier klicken wir bearbeiten Wir geben unsere Texte von hier und fügen Sie es
hier über jetzt für den Kontakt uns wählen wir Überschrift, um es fett und ausgerichtet alle von ihnen der Mitte Jetzt klicken Sie auf Speichern und wir sind mit diesem Teil fertig. Nun lassen Sie uns die Hintergrundfarbe hier ändern, bewegen Sie den Mauszeiger über diesen Teil hier und klicken Sie auf Optionen. Jetzt gehen wir zu einer Hintergrundfarbe hier unten und geben Sie diesen Code F sechs F sechs F sechs jetzt scrollen nach unten und klicken Sie auf Speichern Und dieser Abschnitt hier ist völlig fertig. Jetzt schauen wir, speichern und Kleidung. Und jetzt sehen wir die Veränderungen, die wir hier vorgenommen haben. Im nächsten Tutorial werden
wir sie hinzufügen. Diese Karte hier drüben. Und danach fügen wir das Kontaktformular hinzu. Danke, dass Sie zugesehen haben. Wir sehen uns im nächsten Tutorial.
32. Hinzufügen der Karte: Hi. Nun, bevor wir die Karte und das Kontaktformular hinzugefügt haben, gibt es zwei Dinge, die wir auf dieser Seite tun müssen. Zuerst sehen Sie den Text hier ist alles in Großbuchstaben. Während dieser hier im normalen Fonds ist. Jetzt müssen wir diese hier ändern, um eine normale Schrift zu sein. Zuerst gehen, um hier anpassen Jetzt, wenn Sie zu diesem Teil direkt hier klicken wir auf diesen Pfeil. Jetzt gehen wir durch die Tomographie. Jetzt ist es wie Standard-Tomographie. Jetzt gehen wir Toe mit einem und hier unten für eine Texttransformation, wir wählen keine. Und Sie sehen, dass der Fonds hier wieder normal ist Jetzt ist das zweite, was wir tun wollen, ist, wenn Sie hier bemerken, die Seitentitel sind alle in weißer Farbe, während dieser Teil Haar gibt n schwarze Farbe wir ihn in weiße Farbe ändern müssen. Also klicken wir zuerst hier und klicken dann wieder hier und du gehst hier runter zu thim. Wenn ich Optionen jetzt gehen Sie zur Hauptnavigation Und hier für diesen Teil hier wählen wir weiße Farbe Wenn Sie bemerken, dass sie Zehe weiß geändert haben, alle von ihnen jetzt möchten wir speichern in, veröffentlichen und klicken Sie auf das X hier und dann verlassen Sie diese Seite. Jetzt, da wir mit den Seitentitelfarben fertig sind, müssen
wir diese Seiten in der gewünschten Reihenfolge sortieren. Um das zu tun, gehen
wir zu unserem Dashboard, wir bewegen den Mauszeiger über das Aussehen hier und wir klicken auf Menüs. Und was diesen Tab hier betrifft, wollen
wir ihn schließen, weil wir nicht mehr brauchen. Jetzt werden wir ein Menü erstellen, in dem wir unsere Seiten so sortieren können, wie wir wollen. Ich werde dieses Menü Haupt-Unterstrich Menü nennen, und klicken Sie dann auf Menü erstellen hier. Jetzt haben wir unser Geld, das du geschaffen hast. Wir werden hier klicken, um diesen Teil direkt hier zu überprüfen. Und überprüfe diesen Teil hier. Jetzt fügen wir in den Seiten, die wir wollen, um sie irgendwas warum Einfach in sie von hier und dann klicken und zum Menü hinzufügen. Jetzt, wo wir die Seiten hier auf dieser Speisekarte
haben, können wir sie so sortieren, wie wir wollen. Nun, die Seite, die hier oben kommt, wird die 1. 1 links hier sein, und die danach wird diejenige nach ihr genau hier sein. Also müssen wir sie in diesem Wasser Hause Galerie bestellen, gebloggt und Kontakt oder jede Bestellung, die Sie wollen. Ich gehe hierher zurück. Wir machen das Haus zum 1. 1 Wir machen die Galerie zum 2. 1 und wir machen den Kontakt. Der letzte hier unten. Jetzt gibt es noch eine Sache. Wenn Sie ein Untermenü erstellen möchten, ziehen
Sie dieses hier einfach ein wenig nach rechts und es wird zu einem Untermenü von diesem hier drüben. Lassen Sie mich Ihnen zeigen, was ich mit diesem ersten Klick speichern Menü meine. Gehen Sie nun zurück zur Seite und klicken Sie auf Aktualisieren. Jetzt bemerken Sie, dass wir drei Seiten hier drüben haben, und sobald wir den Mauszeiger über
das Haus bewegen,
erscheint
die Galerie, die eine Unterseite aus dem Menü ist . Jetzt, wo ich Ihnen gezeigt habe, was ich mit einem Unterpunkt auf der Speisekarte meine, wollen
wir hier zurück in nur Drogen. Dieser hier ein wenig nach links und es wird zu einer normalen Seite auf diesem Menü. Dann klicken wir auf Speichern Menü und wir gehen zurück zu unserer Seite. Aktualisieren. Sie sehen, dass wir unsere vier Seiten in der Reihenfolge haben, die wir hier wollen. Jetzt beginnen wir das Hinzufügen der Karte und der Kontakt für Lassen Sie uns nach unten scrollen und schalten Sie das Gebäude hier drüben ein. Jetzt wieder nach unten scrollen. Und das erste, was wir tun wollen, ist, die Hintergrundfarbe von diesem Teil hier drüben zu ändern . Tun Sie die gleiche Farbe wie diese hier, so dass wir hier über wollen Optionen. Nun, die Straßenbreite
betrifft, die voll mit hier war, und was die Hintergrundfarbe angeht, machen
wir es F sechs F sechs F sechs sechs. Jetzt scrollen Sie nach unten und klicken Sie auf Speichern hier und wir haben die Hintergrundfarbe, die gleiche wie dieser Teil hier drüben. Beginnen wir nun mit dem Hinzufügen des MAB-Moduls zu diesem Teil hier. Wenn du hier
runtergehst, siehst du dieses mab-Modul. Drag & Drop es einfach hier. Wenn du zu diesem Teil hier drüben kommst,ist
das erste, was du eingeben willst, die Adresse. Wenn du zu diesem Teil hier drüben kommst, Ich möchte diese Adresse hier eingeben. Geben Sie einfach die Adresse in diesem Feld hier und unten ein. Wie für den Zoom, halten Sie es auf acht, und wie für die mit. Ich möchte es ändern, um 700 ändern Sie diesen Prozentsatz. Zwei Pixel PX Und was die Höhe betrifft, möchte
ich es auch auf 700 ändern. Jetzt, hier
unten wegen der Grenze, will
ich sie fest halten. Sie können auch eins von diesen beiden wählen, gepunktet oder gestrichelt, aber ich werde es zu solide halten. Was die Dicke des Rahmens angeht, möchte
ich es zwei Pixel machen. Was die Farbe angeht, glaube
ich, dass Weiß die professionellste ist. Und wie für den Typ, halten Sie es
einfach auf der Straßenkarte. Sie können auch eine dieser drei wählen, und hier unten. Was das Scrollrad angeht, möchte
ich das deaktivieren. Halten Sie es deaktiviert, da es ärgerlich ist, ein Scrollrad auf der Karte zu haben. Nun, den Dragonball angeht, möchte
ich ihn lassen, um zu aktivieren. Nun, wie für die Behinderten, ziehen Sie eine Rechnung auf Handy. Ich werde es ja überlassen, denn es ist ärgerlich für die meisten mobilen Nutzer, wenn sie ihre Touchscreen-Handys verwenden um ah, Drachen auf und ab der Karte, wenn sie versuchen, durch diese Seite zu navigieren. Jetzt gehen wir Zehen-Styling hier rüber und wir klopfen hier runter. Und was die Spitze angeht, möchte
ich 30 Pixel hinzufügen. Was das Recht betrifft, werde
ich nicht 100 und 100 für den unteren und 100 für die linke hinzufügen. Jetzt scrollen wir nach unten und speichern hier unten. Jetzt können Sie sehen, dass die Karte hier auf eine schöne,
elegante Art und Weise zeigt . Nun, lassen Sie uns diesen Abschnitt hier in zwei Teile teilen, damit wir diesen Teil hier für den
Kontakt verlassen können, um über diesen Teil zu schweben und klicken Sie auf diesen hier drüben. Jetzt werden wir im Kontaktformular im nächsten Tutorial hinzufügen. Vielen Dank für das Ansehen und bleiben Sie auf dieser Seite.
33. Das Kontaktformular hinzufügen: Hi. Jetzt ist es an der Zeit, den Kontakt für hier hinzuzufügen. Zuerst ziehen wir ein Textmodul in diesem Bereich. nun Umnundas Kontaktformular auf dieser Seite zu erhalten, müssen
wir zurück zu unserem Dashboard gehen und hier nach unten gehen, um Kontakt aufzunehmen. Nun, wenn Sie zu diesem Teil kommen, müssen
Sie hier zu einem kurzen Code gehen klicken Sie auf diesen Teil hier. Wählen Sie alles aus. Und jetzt kopieren. Jetzt gehen Sie zurück zu unserer Seite und fügen Sie es auf diesem Text hier drüben. Jetzt gehen wir zum Styling. Nein, wir scrollen zuerst nach unten, wenn wir eine Zeile hier drüben schwache Mitte schreiben. Weil wir wollen, dass die Formularelemente zentriert werden. Nicht links oder rechts. Nein, wir scrollen runter zu einer Polsterung hier drüben. Und was oben angeht, möchte
ich es leer lassen. Aber für das Recht möchte
ich 100 für die unteren 100 eingeben. Und für die Linke, 100 auch. Jetzt gehen wir hier unten und klicken Sie auf Speichern, und wir haben unser Kontaktformular hier drüben. Fertig und fertig. Jetzt ist es, wie speichern und geschlossen hier und wir sind fertig mit diesem Teil hier drüben. Um diese Seite fertig zu stellen,müssen
wir den Builder einschalten und Sie scrollen nach unten. Um diese Seite fertig zu stellen, Siehst du diesen Teil hier? Wir müssen es löschen, um die perfekte Ausrichtung zwischen diesen do Teilen dieses
hier und der Fußzeile hier unten zu erhalten. Da sie die gleiche Farbe
haben, bewegen wir uns hier wie löschen. Jetzt klicken wir, speichern und schließen Sie hier. Jetzt sind wir mit der Kontaktseite fertig. Danke, dass Sie zugesehen haben. Wir sehen uns im nächsten Tutorial.
34. Optimierung von Sicherheit und Performance: Hi. Nachdem wir nun mit dem Aufbau unserer schönen und atemberaubenden Website mit allen vier Seiten fertig sind, ist
es an der Zeit, unsere Website in Bezug auf Sicherheitsleistung und
Suchmaschinenoptimierung zu optimieren . In diesem Tutorial werden
wir diskutieren Website-Leistung und Sicherheit. Ich werde Ihnen zeigen, wie Sie Ihre Website sicherer machen und ein wenig mehr
Leistung in Bezug auf das Off-Seitenladen haben . Zunächst einmal werden
wir mit der Website-Sicherheit beginnen, also werden wir drei Haupt-Plug-Ins installiert, die helfen, unsere Website-Sicherheit zu verbessern. Zuerst werden
wir zu unserem Dashboard gehen und jeden dieser drei Plug-Ins installieren, und ich werde Ihnen zeigen, was jeder und jeder über Ihre Website macht. zuerst Lassen Sie unszuerstGardar Dashboard. Gehen Sie nun durch die Plug Ins hier und klicken Sie zuerst auf installierte Plug Ins. Nun, hier
drüben, sehen
Sie diesen wässrigen Fäustling Plug in, dass wir die aktiviert gelassen haben, bevor dieser Plug in ist ein wirklich guter Plug in für Anti-Spamming im Track zurück. Wie ich in der ersten Vorlesung sagte, diese Website zu bluten und in Plug Ins installiert, dieser Plug in filtert automatisch alle unerwünschten und seltsamen Kommentare auf Ihren Beiträgen. Sobald Sie es aktiviert haben, müssen
Sie sich um nichts kümmern. Nun, um diesen Plug in zu aktivieren, klicken
wir zuerst auf Aktivieren hier. Siehst du jetzt dieses dünne Banner hier drüben? Pop-up, klicken
Sie auf Aktivieren Sie Ihr oder Kismet-Konto. Jetzt klicken Sie auf. Holen Sie sich Ihre A p i er Jetzt, hier
drüben, klicken
Sie auf erhalten einen wässrigen Handschuh A p I Schlüssel. Jetzt, sobald Sie zu diesem Teil kommen, geben
Sie Ihre E-Mail-Adresse, einen Benutzernamen und ein Passwort in der Regel registrieren Sie sich hier unten. Danach erhalten
Sie eine A P I Taste, sich nur um einen Code handelt, den Sie benötigen, um diesen Plug in zu aktivieren. Es steht für Anwendungsprogrammierschnittstelle. Und sobald Sie den Mantel bekommen haben, gehen
Sie zurück zu unserem Armaturenbrett und hier unten, geben
Sie den Code ein und klicken Sie auf. Verwenden Sie diese Taste hier und das Plugging wird automatisch aktiviert und es
filtert automatisch Ihre Kommentare. Und danach musst du nichts tun. Nein, der nächste Sicherheits-Plug, den wir installieren werden, heißt ich Themen Sicherheit. Wir gehen hier Plug ins und klicken Sie auf Neu hinzufügen jetzt in das Suchfeld hier drüben, geben
Sie ein. Ich Themen Sicherheit und habe betreten. Stellen Sie sicher, dass Sie es buchstabieren, jetzt kommen wir zu diesem Teil hier drüben. Das ist der Stecker und wir wollen. Also klicken wir. Installieren Sie jetzt und klicken Sie dann auf. Plug in aktivieren. Jetzt bekommen Sie zu diesem Teil Sie brauchen nicht diese Banner über sein Schwert wird klicken Sie auf die X ist hier und hier. Nun, wenn Sie hier unten bemerken, gibt es Sicherheit. Sie klicken auf das Dashboard. Und wenn du zu diesem Teil hier drüben kommst, erscheint
diese Box. Die einzigen Dinge, die Sie von V's auswählen müssen, ist die 1. 1 hier, die ein Backup machen, um eine Sicherung Ihrer Website zu machen. Nun, das nächste, was wir tun werden, ist hier klicken,
was im Grunde bedeutet, dass dieser Stecker und stellen Sie sicher, dass es nicht mit anderen
Plug Ins sowie den installierten Themen in Konflikt . So klicken Sie einfach auf einen Klick sicher. Klicken Sie nun auf das X hier, und sobald wir nach unten scrollen, können
Sie sehen, dass dies die Flaggen sind, die dieser Plug in über unser System zeigt. Nun, wenn Sie bemerken, gibt es etwas, das als Priorität bezeichnet wird. Hier haben wir mittlere Priorität. Wir haben niedrige Priorität und wir haben hier Aufgaben erledigt. Nun, das einzige, was Sie brauchen, um so hohe Priorität hier über diesen Teil hier oben zu sorgen, zeigt uns die Sicherheitslücken, die in unserer Website sind, die behandelt werden müssen. Das ist also der Einzige, über den wir uns Sorgen machen werden. Wenn Sie also eine Flagge hier sehen, gehen
Sie einfach hier rüber und klicken Sie. Reparieren Sie es. Wenn du hier runterkommst,
siehst du diesen Teil hier drüben. Wenn du hier runterkommst, Markieren Sie einfach dieses Kästchen und klicken Sie auf. Speichern Sie alle Änderungen. Jetzt, wenn wir zu diesem Teil hier kommen, bedeutet das, dass wir mit der Behebung dieses Fehlers fertig sind. Und wir sind gut zu gehen. Der Rest von den Sicherheitsfragen, den unmittelbaren Prioritäten und den niedrigen Prioritäten. Wir müssen uns keine Sorgen um die V's machen, wie ich Ihnen schon gesagt habe, und stellen Sie sicher, dass Sie dieses Dashboard hier unten regelmäßig überprüfen und nach Warnmeldungen mit hoher Priorität suchen und sie beheben. Nun gehen wir weiter und installieren Sie den dritten und letzten Sicherheits-Plug in für diese Website. Lassen Sie uns den Mauszeiger hier rüber und klicken. Neu hinzufügen. Jetzt gehen wir zu diesem Suchfeld und geben Sie Limit Law erneut Versuche ein. Das ist der Stecker, den wir hier wollen. Und wenn Sie hier unten bemerken, gibt es über eine Million aktive Installationen, und dieser Plug in ist sehr beliebt, weil es wirklich hilft, Ihre Website-Sicherheit in Bezug auf das
Sperren des Benutzers, wenn er oder sie versucht, auf die Website zuzugreifen -Dashboard für mehr als einen bestimmten Betrag aus Versuchen. Und es hilft, Ihre Website vor Hackern zu schützen. Und so viele Cracking-Programme klicken jetzt. Installieren Sie jetzt und wie aktivieren Sie Plug
in Jetzt, um die Einstellungen für diese hinzugefügt, stecken Sie in und sehen, was es über Einstellungen unten hier und unten hier den ganzen Weg abdeckt. Klicken Sie auf Limit, Anmeldeversuche. Und wenn Sie hier zu diesem Teil kommen, sehen
Sie, dass die Aussperrungen und die Einschränkungen und alles, was Sie über diesen
Plug in wissen müssen , genau hier sind. Lasst uns eins nach dem anderen durchgehen. Die 1. 1 hier zeigt die Anzahl der Sperren, die auf Ihrem Dashboard erkannt wurden. Ob Sie versuchen, Ihr Passwort für mehr als vier Mal falsch einzugeben, oder welche Nummer Sie hier gesagt haben oder jemand anderes hier unten. Sie sperren hier, Sie geben die Anzahl der zulässigen Versuche an, bevor das System den Benutzer von der Protokollierung blockiert. Und jetzt werde ich es auf drei setzen, weil ich glaube, dass drei in diesem Fall am besten sind. Und in Bezug auf die Aussperrzeit, ich bin auf der Eingabe 60 Minuten und hier unten, ich bin auf Eingabe fünf. Nun, das
bedeutet im Grunde, dass, sobald der Benutzer versucht, das Passwort für fünf Mal einzugeben, es sperrt ihn oder sie für 24 Stunden aus dem System statt 60 Minuten. , Dies ist die Anzahl der Stunden,bis der nächste Reset abgeschlossen ist. Mach dir deswegen keine Sorgen. Lassen Sie es einfach auf 12. Wir überlassen diese beiden dem Verzug, weil ich glaube, dass sie gut sind. Jetzt hier unten, ich glaube, das ist das wichtigste Merkmal von diesem Stecker in. Was dies tut, ist, dass es ist, da Sie eine E-Mail aus dem Login I p, die versucht, sich in Ihrem Dashboard nach einer bestimmten Anzahl von Aussperrungen anzumelden. Markieren wir dieses Kästchen hier. Dies hilft Ihnen, den Überblick über die I P Adressen von Leuten zu behalten, die weiterhin versuchen, Ihre
Anmeldeinformationen zu knacken und Ihre Website zu hacken, und es ermöglicht Ihnen, weitere Maßnahmen wie
Blacklist dieser I p Adresse oder Block darin zu ergreifen . Und aus irgendeinem Grund, eine bestimmte I p Adresse versucht, Ihre Website zu hacken und Sie haben eine E-Mail über diese I p Adresse bekommen. Bitte lassen Sie es mich im Kommentarbereich wissen, und ich werde Ihnen helfen, dieses Problem innerhalb des gleichen Tages zu lösen. Jetzt, sobald Sie mit der Bearbeitung von diesem Teil hier fertig sind, klicken
wir auf Optionen ändern und jetzt gehen wir zum Performance-Teil aus diesem Tutorial Abdeckung über Plug-Ins hier und klicken Sie auf Neu hinzufügen. Jetzt werden wir einen Stecker in W drei Gesamt Bargeld installieren. Dieser Plug in hilft uns, die Leistung unserer Website in Bezug auf das Laden von Seiten zu verbessern,
was bedeutet, dass es hilft, unsere Seiten schneller zu laden. Und den Nutzern über die Website eine viel bessere Erfahrung und Leistung zu geben, ist wirklich ein wichtiges Thema,
da Statistiken zeigen, dass die Websites, die die beste Benutzererfahrung bieten, normalerweise
in etwa 2 bis 3 Sekunden geladen werden, alles danach wird langweilig und Benutzer beginnen, Ihre Website zu verlassen, und Sie werden anfangen, den Verkehr auf Ihrer Website zu verlieren und wertvolle Kunden zu verlieren. Nun lassen Sie uns diesen Stecker in den ersten Typ in W drei Raum installieren. Gesamtbetrag Bargeld. Stellen Sie sicher, dass Sie es richtig buchstabieren. Dann muss der Hut eintreten. Und das ist der Stecker. Wir wollen hier installieren. Wenn Sie bemerken, dass es über eine Million aktive Installationen und eine sehr, sehr gute Bewertung hat. Jetzt lasst uns klicken. Installieren Sie jetzt und klicken Sie auf. Plug in aktivieren. Nun, wenn Sie wissen, dass es hier unten ist, wurde
die Performance Blufgan in unserem Dashboard hinzugefügt. Auch hier oben auf das Banner, das oben auf der Website erscheint. Nun, tragen
Sie nicht über die Bearbeitung dieses Plug in oder überprüfen Sie es regelmäßig. Es erledigt die ganze Arbeit für Sie automatisch und es verbessert die Benutzererfahrung. Es macht Seiten schneller laden, ohne dass Sie etwas tun. Es erledigt die ganze Arbeit für Sie und Sie brauchen sich keine Sorgen darüber zu machen. Das ist alles für dieses Tutorial für Leistung und Sicherheit. Diese beiden Probleme wurden für Ihre Website behandelt und Sie müssen sich keine Sorgen darüber machen. Im nächsten Tutorial werden
wir S e O diskutieren, die für Suchmaschinenoptimierung steht und wir werden zu großen Plugins
übergehen, die Ihnen helfen, den Inhalt Ihrer Website zu bewerten und
diese Inhalte in der Reihenfolge zu bearbeiten , trank höher auf Suchmaschinen und möglicherweise Rang oben auf der ersten Seite von den
Suchmaschinen wie Google und als Dankeschön für das Ansehen Sehen Sie sich im nächsten Tutorial.
35. Optimierung des SEO: Hallo. Jetzt werden wir über Suchmaschinenoptimierung sprechen, die allgemein mit S e O abgekürzt wird. Was s Deal bedeutet Untätigkeit ist, dass Sie den Inhalt Ihrer Website bewerten und Sie die notwendigen Änderungen vornehmen. Sie verwenden die notwendigen Werkzeuge, die Sie in der Lage sein, besser auf Suchmaschinen und möglicherweise
oben auf der ersten Seite zu rangieren . Nun, das ist ein wirklich, wirklich riesiges Feld, und es gibt Tonnen von Dingen, die Sie tun können, um besser auf Suchmaschinen zu rangieren. Aber in der Geschichte weg, werden
wir uns auf zwei Dinge konzentrieren, die wir tun können, um besser zu rangieren. Und es gibt do Plug Ins, die wir für diese verwenden werden. Der erste Blufgan heißt Google Analytics von Yost. Also lassen Sie uns voran und installieren Sie diesen ersten Stecker in. Und lassen Sie mich Ihnen sagen, was ich mit Google Analytics meine. Lassen Sie uns zuerst auf Add New Now hier drüben in das Suchfeld Typ und Google Analytics von Yost klicken. Stellen Sie sicher, dass Sie es richtig buchstabieren. Google Analytics von Yost und dann eingegeben hatte. Nun, das ist der Stecker, den wir hier installieren wollen. Wenn Sie bemerken, gibt es über eine Million aktive Installationen und einige sehr gute Bewertungen
hier drüben . Beginnen wir mit der Installation des Steckers. Klicken Sie nun auf Plug in aktivieren und Sie sehen den Plug in hier zum Dashboard hinzugefügt. Klicken Sie auf das Dashboard, und dies ist der Teil, in dem die Analyse angezeigt wird. Sobald Sie diesen Plug in Ihrem Google Analytics-Konto verbinden, jetzt gehen wir zu den Einstellungen und hier, um diesen Plug in Betrieb zu bringen, müssen
Sie es mit Google Analytics-Konto verbinden. Wie ich bereits sagte, müssen
Sie zuerst ein Google-Konto haben und Sie müssen sich für Google Analytics anmelden und dann einen Track erhalten, und ich D. Das hilft Ihnen, Ihr Google-Konto mit diesem verbinden. Stecken Sie hier drüben ein. Sobald Sie ein Google-Konto haben und sich für Google Analytics in Ihrem
Google-Kontoangemeldet haben,können
Sie hier gehen und auf Authentifizieren mit Ihrem Google-Konto klicken. Sobald Sie ein Google-Konto haben und sich für Google Analytics in Ihrem
Google-Konto angemeldet haben, Jetzt erscheint dieses Fenster und Sie müssen Ihre Google-Anmeldeinformationen eingeben. nun Wenn Sienundie Anmeldeinformationen Ihres Google-Kontos eingegeben
haben, erhalten Sie einen Code und gehen hierher zurück und fügen den Code ein. Klicken Sie dann auf Authentifizierungscode und den letzten Teil speichern. Sie klicken auf Änderungen speichern und dann gehen Sie zu einem Dashboard hier und die Analyse wird
auf diesem Teil direkt hier angezeigt . Einfach. Google Analytics ist nur Statistiken, mit denen Sie wissen, was die beliebtesten Seiten
Ihrer Website sind und wie viele Besuche auf jeder Seite sind. Wer sind Ihre Besucher? welchen Ländern stammen sie, aus welchen Sprachen sie sprechen und so weiter. Nun, Wie ich schon sagte, um diese Pest in Arbeit zu bringen, müssen
Sie ein Google-Konto haben, und Sie müssen sich für Google Analytics auf diesem Konto registrieren, bevor Sie es mit
diesem Stecker verbinden können hier drin. Und sobald Sie dies tun, können
Sie das Dashboard hier regelmäßig überprüfen, um Ihre Website-Statistiken und Analysen zu finden, die Ihnen helfen, den Inhalt Ihrer Website zu verbessern und sich auf die Seiten zu konzentrieren. Es sind die beliebtesten jetzt. Lassen Sie uns voran und installieren Sie den zweiten und wichtigsten Stecker. Gehen Sie zu Plug Ins hier und klicken Sie auf Neu hinzufügen jetzt in das Suchfeld, müssen
Sie Wort drücken s e o von Yost und Kopf eingeben. Geben Sie ein. Jetzt ist das der Plug in. Wir wollen hier drüben. Wenn Sie bemerken, dass es über eine Million aktive Installationen und einige sehr,
sehr gute Bewertungen hier drüben hat. Klicken Sie zuerst auf Installieren, und klicken Sie
dann auf. Aktivieren Sie Blufgan. Wenn Sie hier unten sehen,wird
der Plug in dem Dashboard hinzugefügt. Wenn Sie hier unten sehen, Sie gehen voran und klicken, allgemein, und Sie können immer auf diese Schaltfläche klicken rechts hier, um eine Tour zu starten und diesen Plug in und erkundet in einem größeren Gewicht. Dieser Plug in hat so viele Bereiche, dass wir nicht vollständig abdecken können. In diesem Tutorial. Diese Bereiche sind fortgeschrittener und für Profis, die in diesem Bereich speziell auf
Suchmaschinenoptimierung arbeiten und die Website besser auf Suchmaschinen rangieren. Wie für dieses Tutorial, Ich werde Ihnen die Grundlagen und die wichtigsten Dinge, die Sie kümmern müssen, um Ranking besser auf Suchmaschinen
zu bekommen und geben Sie Ihren Benutzern eine bessere Erfahrung auf Ihrer Website. Jetzt
einfach diesen Plug und hilft Ihnen, den Inhalt Ihrer Website zu bewerten und dann zu optimieren um besser und höher auf Suchmaschinen zu rangieren. Zuerst gehen Sie durch Ihre Informationen und hier drüben ist dies der Website-Name, der auf
Suchmaschinen springt . Wenn Sie möchten, können
Sie es ändern und alles eingeben, was Sie wollen. Aber das ist der Standardname Ihres Upside, der auf Suchmaschinen erscheint. Und hier unten können Sie einen alternativen Namen für Ihre Website eingeben, aber das müssen wir vorerst nicht tun. Nun, dies ist nur die grundlegenden Informationen über Ihre Website, ob es sich um ein Unternehmen oder eine persönliche Website handelt. Von hier aus können
Sie entweder eine dieser wählen,
auch, Für jetzt, Für jetzt, unsere Monitore Person Und hier geben Sie Ihren Namen. Ich gebe meinen Namen ein. Sie können immer von hier aus eingeben, und Sie müssen den Namen des Unternehmens eingeben und das Logo von der Firma hochladen. Aber wie gesagt, vorerst werde
ich
vorerstbei einer Person bleiben und dann auf Änderungen speichern klicken. Das nächste, was wir bearbeiten wollen, ist hier unten. Titel und Mattias klicken Sie einfach darauf, und hier drüben, dies ist nur der Titel Separator von Ihrer Website. Wir wollen es behalten, dieses hier standardmäßig, weil es nicht wirklich wichtig ist, es zu ändern. Und jetzt zur Startseite. Wir müssen das hier nicht bearbeiten. Wenn Sie hier klicken, gehen Sie auf die Startseite und Sie bearbeiten sie genau wie wenn Sie von
hier aus klicken . Aber das werden wir nicht tun, weil wir unsere Homepage nicht bearbeiten müssen. Nun, wie für Beitragstypen und Taxonomie Leichtigkeit, diese sind bereits für Sie optimiert. Also mach dir keine Sorgen um ihn. Lassen Sie sie einfach so, wie sie sind. Und hier drüben Archive. Diese sind nur auf eine bestimmte Google Analytics-Einstellungen bezogen, so dass Sie nicht brauchen, um ihn zu kümmern entweder. Jetzt gehen Sie zu anderen und mögen, speichern Sie Änderungen hier unten. Jetzt, hier
unten, klicken
Sie auf Social. Dies bedeutet im Grunde, dass, wenn Sie Google über Ihre Social-Media-Verbindungen informieren möchten und dass diese Konten derselben Person gehören, die diese Website besitzt, Sie diese direkt hier verbinden. Dies sind die wichtigsten. Diese hier drüben sind nur ein paar benutzerdefinierte und fortgeschrittene Wochen, und sie sind nicht so wichtig wie diese hier unten. Wenn Sie Social-Media-Konten haben, stellen Sie sicher, dass Sie diese mit diesen Bereichen direkt hier verbinden, denn diese helfen Ihrer Suchmaschinenoptimierung, und je mehr Menschen von den Social-Media-Konten auf diese Website verwiesen werden, Dies wird sein Ranking auf Google verbessern. Jetzt gehst du hier runter. Zehe XML-Site-Karten. Klicken Sie einfach darauf. Jetzt. Hier oben bedeutet
das Kontrollkästchen, dass die Sitemap automatisch für Ihre Website generiert wurden. Du brauchst dir keine Sorgen darüber zu machen. Um zu verstehen, was wir unter Site-Maps verstehen. Wir müssen gehen, um Seite ist hier unten und klicken Sie darauf und wir werden eine zufällige Seite auswählen. Lassen Sie uns, zum Beispiel, klicken Sie nach Hause Jetzt scrollen wir rechts unten Thema. Wenn ich benutzerdefinierte Panel sehen Sie Yost s e O. Dies ist der Teil, wo wir erzeugen und bearbeiten Zykluskarten. Nun, um zu verstehen, was ich mit Sitemap meine, werden
wir die Homepage bearbeiten. Und wenn wir die Startseite bearbeiten, werden
Sie genau verstehen, was wir mit Sitemap meinen. Jetzt, genau hier. Die Vorschau des Snippets. So sieht diese Seite in Suchmaschinen aus. Und wir können diese neben der Beschreibung bearbeiten, die unter dieser Seite in diesen Feldern hier
unten zuerst angezeigt wird , lassen Sie uns mit Fokus Keyword beginnen. Dies bedeutet im Grunde, dass Sie eingeben müssen, worum es sich bei dieser Seite hauptsächlich handelt. Und was sind die Dinge, die Benutzer sehen und surfen auf dieser Seite und für die Homepage. Lassen Sie uns Web-Design eingeben und Sie klicken hier und Sie sehen diese Pop hier unten. Diese Auswertungen dieses K-Wortes zeigen Ihnen, ob dies die richtige K-Arbeit für diese Seite ist. Je mehr Sie wissen,
desto mehr sollten Sie in Erwägung ziehen, dieses Schlüsselwort zu ändern. Und wenn Sie sie alle bekommen, Ja, das bedeutet, dass dies das richtige Schlüsselwort für diese Seite ist. Jetzt, sobald wir nach unten scrollen Sie CSCO-Titel, was im Grunde der Titel ist, der hier erscheint, ist
dies der Standardtitel. sind wir wieder. Hinzugefügt. Was den ersten Teil
anbelangt, werde ich ihn zu Hause behalten. Jetzt betreten wir Dash, das ist der häufigste Separator und Hit Space, um professionell zu sein. Und dann werde ich eintragen, worum es bei dieser Homepage hauptsächlich geht. Also werde ich Web-Design betreten und wenn Sie bemerken, Webdesign hier sind Briefe beteiligt. Dies liegt daran, dass dies ein Fokusschlüsselwort auf dieser Website ist. Wenn es zum Beispiel nicht war, haben wir SC hier drüben eingegeben und hier geklickt. Sie werden sehen, dass es nicht mehr involviert ist. da dies kein Schlüsselwort ist. Und es ist am besten, wenn dies ein Schlüsselwort ist, weil es mehr Aufmerksamkeit auf Ihre Website zieht und Ihnen mehr Traffic zu bekommen. Wenn es ein Schlüsselwort war. Also werden wir das hier nur für das Webdesign behalten. Jetzt, hier
unten. Dies ist die Meta-Beschreibung, die im Grunde die kurze Beschreibung ist, die hier über diese Seite zeigen
wird und die Benutzern hilft, einen schnellen Einblick in Ihre Seite zu bekommen, bevor sie sie sie besuchen. Also hier unten werde
ich diesen Text eingeben. Nun, ich habe meinen Text hier eingegeben. Sie bemerken, dass ich das Wort Webdesign zweimal einmal in jedem dieser beiden Sätze habe. Und es gibt eine Sache, die Sie über diese kurze Beschreibung verstehen müssen. Stellen Sie sicher, dass Sie es bis und maximal drei Sätze halten, um am besten aussehen und nicht
langweilig über die Beschreibung der Seite zu sein . Stellen Sie einfach sicher, dass Sie den Leser über diese Seite begeistern und geben Sie dem Benutzer einen schnellen Einblick in diese Seite. Und noch einmal werde
ich das betonen. Stellen Sie sicher, dass Sie dieses Fokusschlüsselwort mindestens einmal in diese beiden Sätze einschließen. Und Sie bemerken hier unten in der Materie Beschreibung. Sie haben ein Ja zweimal, weil wir das Web-Design-Schlüsselwort zweimal in unserer
Beschreibung sowie den Seitentitel direkt hier eingegeben haben . Jetzt, sobald Sie fertig sind, scrollen
Sie nach oben und klicken Sie hier auf Aktualisieren und Sie bemerken, hier s E o check. Es zeigt, dass es okay ist. Nun, wenn Sie auf Überprüfen klicken, geht
es den ganzen Weg nach unten hier und durch
die Seitenanalyse, die direkt neben einem General, den wir bearbeitet haben. Gehen wir zurück zu unserer Seitenanalyse, und Sie sehen, dass dies die Parameter sind, die Suchmaschinen berücksichtigen, wenn Sie Ihre
Website und Seiten betrachten , je mehr Sie sich an diese Parameter halten, desto besser Ranking Sie wird bekommen. Und wie ich bereits sagte, es gibt fortgeschrittenere Tools und fortgeschrittenere Methoden, um Ihren Rang und oben auf den
ersten Seiten zu erhalten . Und ich schlage vor, dass Sie mit diesem Plug in spielen und versuchen, Ihre Website zu verbessern, halten Sie sich in diese Parameter so viel wie möglich, und Sie müssen das Gleiche für alle vier Seiten Ihrer Website tun. Das ist es für dieses Tutorial und für eine Suchmaschinenoptimierung. Jetzt können Sie wahrscheinlich sagen, dass Sie eine Website haben, die anspruchsvoll und überlegen aussehen, und das hat eine
sehr, sehr gute Leistung und Sicherheit sowie Suchmaschinenoptimierung. Sie müssen also niemanden mieten, um Suchmaschine zu
optimieren, Ihre Website zu überprüfen oder die Sicherheit Ihrer Website zu überprüfen oder sogar für
Performance-Plug-Ins zu bezahlen . Für irgendetwas davon. Du bekommst das alles kostenlos. In diesem Kurs haben
Sie eine vollständig optimierte Website für einen Anfänger erhalten. Und seien Sie sicher, dass Sie alle Funktionen und Optimierungen haben, die jede professionelle und erstklassige Website haben kann. Und raten Sie was? Sie haben all das selbst und Onley getan, indem Sie diesen Kurs alle diese Funktionen innerhalb des gleichen Kurses. Danke, dass Sie zugesehen haben. Wenn Sie Fragen zu einem Teil dieses Kurses oder dieser Website haben, stellen
Sie bitte sicher, dass Sie dies im allgemeinen Abschnitt dieses Kurses erwähnt haben. Vielen Dank für das Anschauen, und ich wünsche Ihnen eine sehr, sehr erfolgreiche Web-Design-Karriere
36. Letzte Worte: Hallo, erster Linie,
vielen Dank, dass Sie diesen Kurs besucht haben. Eine letzte Sache, die ich mit Ihnen über diesen Kurs teilen möchte, wenn Sie irgendwann eine Website
bearbeiten oder sogar erstellen mussten und Sie nicht wollten, dass die Leute sehen, was Sie mit dieser
Website machen , gibt es einen Plug in namens Bald kommen und Wartung -Modus , der genau hier auf dem Bildschirm angezeigt wird. Gehen Sie einfach zu Plug Ins, suchen Sie es und installieren Sie es dann. Es ist ein wirklich einfaches und einfach zu bedienendes Plug in. Sobald Sie es installiert und aktiviert
haben, werden Sie wissen, wie Sie es verwenden. Nun gehen wir über die Dinge, die wir gelernt haben, und diesen umfassenden Kurs. Zuerst haben wir unseren professionell aussehenden Domainnamen bekommen. Zweitens haben
wir unser Hosting-Konto bei den Top-Hosting-Providern und zu einem relativ günstigen Preis bekommen. Drittens haben wir unsere erstaunliche und professionelle Website Schritt für Schritt aufgebaut, ohne dass Schritt übersprungen ist. Viertens optimieren
wir die Sicherheit und Leistung unserer Website sowie arbeiten an
Suchmaschinenoptimierung . Ich hoffe wirklich, dass Sie diesen Kurs genossen und seine wertvollen Inhalte aufgenommen haben und schließlich kam mit Ihrer atemberaubenden und professionellen Website jetzt bauen diese Website nicht unbedingt bedeutet, dass Sie immer die gleiche genaue Website erstellen müssen. Sie können immer mit den Farben,
Bildern,
Schaltflächen in allen Inhalten von der Website spielen Bildern, . Seien Sie kreativ, gehen Sie tiefer und lassen Sie sich in die Welt des Webdesigns eintauchen. Exportieren Sie die neuesten Designs und Funktionen, und spielen Sie sogar mit dem Design in Abschnitten auf den Websites, die Sie erstellen. ab sofort Fügen Sieab sofortneue Seiten und Abschnitte hinzu und üben Sie weiter, weil das Üben perfekt ist. Ich würde gerne sehen, die Website oder die Websites, die Sie bauen, und all die schönen Inhalte Sie haben. Bitte zögern Sie nicht, Ihre Websites und sogar Fragen,
Feedback oder Anregungen zu teilen , die Sie im Kommentarbereich dieses Kurses haben. Und wenn Sie etwas haben, das Sie für eine ausführlichere Art und Weise besprechen müssen, können
Sie jederzeit das Kontaktformular auf der Kontaktseite meiner Website verwenden. Malik martin dot com und ich werden mit Ihnen über die E-Mail kommunizieren. Schließlich, wenn Sie glauben, dass Sie bekommen haben, was Ihnen in diesem Kurs und mit hoher Qualität versprochen wurde, werde
ich Ihnen dankbar sein, wenn Sie diesem Kurs eine Fünf-Sterne-Bewertung geben. Vielen Dank, dass Sie sich die Zeit genommen haben, in diesen Kurs zu investieren. Ich wünsche Ihnen eine sehr erfolgreiche neue Karriere im Webdesign. Auf Wiedersehen