Transkripte
1. Willkommen auf dem Kurs: Hey, alle. Ich möchte mich nur bedanken, dass Sie meinen Kurs genommen haben. Wissen Sie, Sie sind auf dem Weg, Webdesigner oder einfach nur ein Unternehmer zu werden. Wollte lernen, wie man WordPress als kompletter Anfänger oder einfach nur ein normaler
Geschäftseigentümer nur seine eigene Website erstellen zu meistern. Nun möchte
ich darüber sprechen, was Sie in diesem Kurs lernen können und was Sie davon erwarten können Nun, . ich bin eigentlich einer der am höchsten bewerteten Instruktoren für Sie, und ich bin auch für mein Design bekannt. Leute, ich betone wirklich Design als alles. Was nützt es, eine Website zu erstellen, wenn niemand sie mag? Richtig. In diesem Kurs werde
ich Ihnen nicht nur beibringen, wie man WordPress beherrscht und auch die Helme oder die Seite
Bowler beherrscht , sondern ich werde Ihnen zeigen, wie man Design auf alles betont. Nun, in diesem Kurs, werden
Sie alles über WordPress regelmäßig lernen, wie Sie alle Funktionen für
WordPress verwenden und auch, wie Sie die Elemente oder Page Builder verwenden, die bei weitem die Nummer eins kostenlose Seite Builder jetzt auf dem Markt. So werden wir darüber reden, wie man es über uns Seite Services Seite zu machen. Wir werden mehr über vorgefertigte Layouts sprechen und was primi erlaubt tatsächlich sind. Es ist im Grunde eine Seite, die bereits für Sie getan hat. Jetzt wird diese Seite Bowler die ganze harte Arbeit kostenlos machen. Es wird tatsächlich Ihre eigene Seite für Sie von Grund auf neu erstellen. Du musst gar nichts tun. Also das ist eine Seite und das ist tatsächlich wird Ihnen kostenlos gegeben werden. Sie müssen nicht für nichts bezahlen und sie haben mehrere kostenlose vorgefertigte Layouts. Wenn Sie also Hilfe bei Inspiration und Design benötigen, sich
keine Sorgen. Diese Seitenrolle hat viel für Sie. Ich habe auch Quiz in diesen Kurs aufgenommen und diese Quizzes wurden entwickelt, um Ihnen zu helfen
, über verschiedene Stile nachzudenken und Ihnen auch helfen, verschiedene Looks für Ihre Website zu erreichen . Und wir werden auch über den Parallax-Effekt sprechen. Jetzt ist dies ein sehr neuer Stil, den viele Waffen tun. Also weißt du, ich bin sehr modern. Ich lehre viele moderne Stiltrends in meinen Tutorials. Ich mag es nicht, alte schlechte Themen zu unterrichten. Wenn Sie ein schlechtes Thema wollen, wenn Sie nur Website wollen. Das ist nicht der Taurel für dich, also lass ich dich nur wissen. Im Moment wirst du etwas wirklich professionell und auch sehr einfach aussehen lassen. Das Zeug ist so leicht zu erlernen, Leute, es ist
wirklich, wirklich. In diesem Kurs könnt
ihr also erwarten, all das zu lernen. Das einzige, was ich nicht decken werde, werde ich nicht für E-Commerce. Ich werde das in einem separaten Tutorial abdecken. Aber im Moment werden
wir lernen, wie man die Seite Bowler benutzt. Wir werden darüber sprechen, wie man WordPress beherrscht, wie man Websites für andere Menschen oder sich selbst von Grund auf aufbauen kann. Also hoffe ich, dass Tora euch wirklich hilft. Es gibt eine Menge, die ich decken werde. Und ich möchte wirklich betonen, dass es bis dahin Tutorial ist. Ihr Jungs werden in der Lage sein, WordPress zu meistern, aber nicht nur Master Wordpress Jungs. Weißt du, einen schönen Anblick zu
schaffen, ist alles. Es gibt so viele Tutorials im Internet, wo sie nur Menschen Müll beibringen. Ich bin nur wie, warum du ihnen beibringst, wie man diese hässliche Website macht? Niemand wird dazu gehen. Nein, sie werden es kaufen. Richtig. Also, Leute,
ihr seid an der richtigen Stelle. Sei einfach konsistent mit dieser Zeit. Es kann frustrierend sein. Ich weiß. Vertrau mir. Ich habe so Geldstraßen in den Blöcken auf der Straße getroffen, also weiß ich, wie es geht. Sei also einfach im Einklang mit diesem Tutorial. Und auch, Jungs beobachten es den ganzen Weg, bevor ihr mir Fragen stellt. Ich habe das Gefühl, dass viele Fragen, die mich in meinen vergangenen Vorträgen stellen, von Leuten stammen es
einfach nicht sehen. Sie sehen sich nur fünf Minuten lang ein Video an. Sie sehen nicht auf den Rest und dann werfen sie mir ein paar Fragen. Ich sagte, Bruder, es ist in der Es ist im Video. Du musst es nur beobachten, weißt
du? Sieh dir die Videos an, Leute vergewaltigen mich. Eigentlich gibt es irgendetwas, was ich vermisse, oder es gibt etwas, worüber du reden willst. Bitte lassen Sie mich wissen, dass ich hier bin, um Ihnen zu helfen. OK, also lasst uns jetzt weitermachen und mit dem Kurs beginnen
2. Hosting: Na gut, Jungs. Also das erste, was wir tun werden, ist ein Hosting zu bekommen und eine Domain zu bekommen. Jetzt erhalten Sie auch eine kostenlose Domain mit dieser Website und Sie erhalten auch den höchsten Rabatt für Team Hosting, die sie mir gegeben haben, so dass ich meinen Studenten geben kann. Dieses Unternehmen bietet Ihnen auch SST Hosting, das derzeit das schnellste Hosting auf
dem Markt ist. Gehen wir also weiter und klicken Sie auf Jetzt loslegen. In Ordnung, also haben wir den Starter, das Geschäft und den Profi. Ich empfehle immer das Geschäft, denn mit dem Geschäft erhalten Sie unbegrenzte Websites statt nur eine vielleicht auf der Straße gehostet. Sie möchten mehr Websites erstellen? Wer weiß es? Ich weiß es nicht. Wir werden sehen, was passiert. Also im richtigen Jahr bin ich zu gehen, um mich jetzt anzumelden und gehen Sie voran und geben Sie in Ihre Domain. Also werde ich in Ich liebe Kylo Ren setzen und gehen, um fortzufahren. Hoffen wir, dass der neue Star Wars-Film gut ist. Es nennt sich Schurke ein Publikum. Sieh es morgen an, damit wir sehen, wie das geht. Ich habe große Dinge von seiner gehört, ich hoffe, der Hype ist es wert, Ordnung, also Herzlichen Glückwunsch hier. Du wirst voran gehen und deinen Vornamen eintragen. Dein Nachname, all diese coolen Informationen hier. In Ordnung. Und dann genau hier. Sie können mit einer Kreditkarte bezahlen, oder Sie können bereits mit PayPal bezahlen. Nun, die Kaufinformationen hier. Sie haben tatsächlich das Rechenzentrum ausgewählt, das uns automatisch am nächsten liegt. Also müssen wir uns nicht damit anlegen. Und genau hier haben wir Zeit. Also haben wir jetzt einen Monat, einen Monat oder 12 Monate. Ich empfehle immer 12 Monate, weil der Gutscheincode, den ich Ihnen geben werde, wird
Ihnen einen größeren Rabatt geben , wenn Sie sich länger anmelden. Also, genau hier, werde
ich entscheiden, den Schutz der Privatsphäre von Domain zu deaktivieren. Aber ich empfehle das eigentlich. Dies verbergen im Grunde Ihre persönlichen Informationen. Wenn jemand versucht, Wer bist du? Also weißt du, ich gehe weiter. Lassen Sie es an. Also, genau hier unter dem Promo-Code, wirst
du Darryl 626 eingeben. Das ist eigentlich meine Postleitzahl. Ich wohne in Pasadena, Kalifornien. Also hier, klicken Sie auf „Bewerben“. Und deine Basis wird nur $86 für das ganze Jahr bezahlen. So erhalten Sie eine kostenlose Domain, und das ist der maximale Gutscheincode, den diese Website zu bieten hat. Und es ist eigentlich sehr, sehr billig. Sie haben also eine ganze Website für ein ganzes Jahr und kostenlose Domain. Wenn Sie den Schutz der Privatsphäre nicht wünschen,können
Sie dieses Kontrollkästchen deaktivieren, und der Preis wird um $10 fallen. Wenn Sie den Schutz der Privatsphäre nicht wünschen, Sie werden nur $76,45 bezahlen oder Sie können Monat zu Monat tun. Aber denken Sie daran, dies ist ein 7% Rabatt auf den gesamten Betrag, so dass Sie Monat zu Monat tun, werden
Sie nicht so viel sparen. Aber denken Sie daran, dieses Unternehmen gibt Rückerstattungen Wenn Sie
also aus irgendeinem Grund nicht zufrieden sind, werden
sie Ihnen tatsächlich eine volle Rückerstattung geben. Alles klar, du
also fertig bist mit all diesen Informationen hier und all dem coolen Zeug hier , wirst
du voran gehen und auf Auschecken klicken, und es wird dich tatsächlich zu deinem Portal schicken. Und ich werde dich hier treffen. Mein Portal, denn ich habe Hosting mit dieser Firma auch. Also werde ich mich einloggen. Gut, und du kriegst vielleicht ein paar Pop-Ups. Weißt du, fragst dich, ihr s yo zu kaufen, oder was auch immer du bist,
du weißt schon, was auch immer. Sie versuchen, es an Sie zu verkaufen, wenn Sie die kaufen wollen oder nicht. Aber in der Zwischenzeit werde
ich einfach weitermachen und anklicken, vielleicht später. Dies ist eigentlich ein Portal,
Beta, dass sie vor sich haben. Sie werden ihr Portal ändern. Also werde ich gehen. Ja, vielleicht schon später. Also müssen wir Hosting in Vigata Domäne. Alles, was sie jetzt tun müssen, ist WordPress zu installieren, und es ist sehr, sehr einfach zu tun. Genau hier scrollen
wir einfach runter zum R-C-Panel, loggen Sie sich ein und wählen Sie Ihre Hosting-Konten aus. Also, genau hier, werde
ich mich einloggen. Ordnung. Also willkommen in Ihrem C-Panel. Das ist dein C-Panel, und sie haben es tatsächlich sehr benutzerfreundlich gemacht, weißt
du, vorher waren
es ein Haufen winziger kleiner Wörter und alles. Und jetzt haben sie irgendwie, weißt
du, sie haben, du weißt schon, moderner, trendiger. Sieht irgendwie gut aus. Also alles, was ich hier tun muss, ist, dass wir weiter gehen und nach unten scrollen. Scrollen Sie einfach weiter. Scrollen Sie einfach auch weiter. Genau hier. Wo es sagt, WordPress und WordPress ist, was wir verwenden werden, um unsere Website mit zu erstellen . Es ist eigentlich die beliebteste. Eigentlich denke, es ist 35% aller Websites im Internet verwenden WordPress. Sie ist ziemlich verrückt. Das ist eine Menge. Es ist schon so alle von euch hier zu tun, ist einfach auf Jetzt installieren klicken und genau hier
wird sagen, um Protokoll, Gehen Sie
einfach und lassen Sie diesen Standard hier. Gehen Sie weiter und stellen Sie sicher, dass Sie Ihre Domain auswählen. Der Name, den Sie gekauft haben, stellen Sie sicher, dass er genau dort ist. Genau hier im Verzeichnis. Stellen Sie sicher, dass nichts da ist. Okay, ich wiederhole, stellen Sie sicher, dass es nichts gibt oder nur Ihre Website beleidigen werden. Dash WP, das ist nicht das, was wir für Ihre Website-Einstellungen wollen. Wir können dies später in WordPress ändern. Also ist es nicht so groß von einem Problem hier für Ihren Admin-Benutzer. Machen Sie einen Benutzernamen für sich selbst und erstellen Sie dann auch ein Passwort. Also, weißt
du, ich werde einfach auf Admin gehen und vorerst weitergehen und deine E-Mail die du willst, , wenn du das Passwort vergessen hast. Wohin soll diese E-Mail gehen
, usw. Und wir werden nach unten scrollen. Und auch, wenn Sie verschiedene Sprachen sprechen, wird
diese Website es aufnehmen. Sie haben also eine Reihe von verschiedenen Sprachen, die Sie auswählen können. Ich spreche nur Englisch, also werde ich Englisch auswählen, und ich werde hier nach unten scrollen, und ich werde auf Installieren klicken. Und wenn ich darauf klicke, wird WordPress auf meiner Domain zu installieren. Okay, also gehen Sie weiter und klicken Sie auf Installieren. In Ordnung, also heißt es,
es dauert also heißt es,
es dauert
3 bis 5 Minuten,
aber es ist eigentlich viel schneller als das. 3 bis 5 Minuten, Da gehst du. Es ist erledigt. Ich war ziemlich schnell. Also denken Sie daran, wir haben unseren Benutzernamen und Passwort, so meine war admin und dann übergeben. Jetzt müssen wir voran gehen und klicken Sie hier, und dies wird tatsächlich in unsere Websites einloggen. Also habe ich darauf geklickt. Gut, und wir sind auf WordPress eingeloggt. Ehrfürchtig. Also haben wir unser Hosting bekommen. Wir haben unsere Domain und wir haben Wordpress installiert. Herzlichen Glückwunsch, alle. Du machst es erstaunlich. Also im nächsten Abschnitt werden wir tatsächlich das Thema installieren und wir werden tatsächlich den Page
Builder verwenden . Also sehe ich euch alle dort.
3. Thema und Plugin: Alles klar, Leute, willkommen zurück. Also, jetzt werden wir das WordPress-Theme installieren und wir werden die Seite Builder hinzufügen . Also genau hier unter dem Aussehen, gehen Sie zu Themen. Nun, wie WordPress funktioniert im Grunde ist, dass Sie ein Thema auf Ihrer Website installieren. Jetzt, genau hier können Sie auf neues Thema hinzufügen klicken und das sind alle verschiedene Arten von Themen. Es ist im Grunde die Struktur Ihrer Website, wie sie aussieht und das Gefühl davon usw cetera. Jetzt haben jede von ihnen unterschiedliche Seitenbauer. Ah, viele von ihnen haben verschiedene Arten von Customizing, usw cetera. Also werden wir tatsächlich ein sehr hoch bewertetes Thema namens Generate Press verwenden. Also, genau hier unter der Suchleiste, können
Sie eingeben, Presse
erzeugen , Presse erzeugen, und es wird diese hier sein. Und Sie können auf Details in der Vorschau klicken und es ist sehr hoch bewertet, wissen
Sie, 309 Bewertungen alle fünf Sterne. So werden wir mit einem sehr guten WordPress-Theme. Also genau hier unter diesem Installations-Button auf installieren klicken, und dies wird das Thema auf unserer WORDPRESS Website installieren. Das ist also im Grunde eine kleine Vorschau, wie es aussehen wird. Aber natürlich, es ist nicht so aussehen, wie es ist. Es wird jetzt viel besser aussehen, genau hier. Ich klicke auf aktivieren. In Ordnung. Und sagen wir einfach, Sie wollen, wissen
Sie, überprüfen Sie es. Schauen Sie sich Ihre Website an und sehen Sie, wie sie aussieht. Sie können hier auf Besuchs-Website klicken. Und das ist unsere neue Seite. Sehr langweilig. Sehr nicht hübsch. Okay, aber keine Sorge, wir werden es fantastisch aussehen lassen. Also hier drüben unter unserem Armaturenbrett. Als nächstes gehen wir zu Plug Ins und wir gehen, um neue jetzt einen schnellen Überblick über Plug Ins hinzuzufügen. Der beste Weg, wie ich Plug-Ins beschreiben kann, sind wie APS für das iPhone. Es ist im Grunde wie APS für Ihre Website, wie die Schaffung eines Forums wie die Erstellung einer Social-Media-Website klicken Sie hier auf unserer beliebten. Wir werden alle möglichen verschieden kriegen. Ich meine, es gibt Millionen von Plug-Ins und sie alle haben unterschiedliche Funktionen. Dies hier erstellt ein Kontaktformular. Dies hier verbessert Ihre Optimierung auf der Suchmaschine. Das hier, es schafft eine Capture. Es gibt so viele und der beste Weg, wie ich sagte, es zu beschreiben ist, sie sind nur APS für Ihre WordPress-Website, und ich könnte weiter mit ihr mit Keulen gehen. Aber es gibt mehr als Tausende von ihnen hier. Sie können sehen, es gibt Tausende und es gibt über 34 Seiten. So schnell. Alles, was wir tun werden, ist den Page Builder zu installieren und wir werden einen kostenlosen Page
Builder verwenden und ist nur auf den Markt gekommen und es ist wirklich, wirklich, wirklich, wirklich gut. Also geben Sie L. einen Mentor ein. L ein Mentor so Element oder und werden diese Seite Builder verwenden. Jetzt Dieser Peso kam gerade heraus, aber es ist bereits schlagen Blog. Es ist bereits treffen alle Arten von Websites wegen seiner Benutzerfreundlichkeit. Es ist so einfach, diese Seite Builder zu verwenden, so gehen Sie auf installieren jetzt bereits klicken. Es wird also installiert. Und das sind auch zusätzliche Plug Ins für diese Seite Bowler, weil es los ist. Es wird immer so populär, dass die Leute tatsächlich Plug Ins nur für diese Plug Ins erstellen. Oh, es wird im Laufe der Zeit
sehr, sehr populär. Also hier, klicken Sie auf aktivieren. Alles klar, herzlichen Glückwunsch. Also haben wir das WordPress-Theme installiert und wir haben Elemental hinzugefügt, die wir diese verwenden werden, um unser Design unserer Seiten jetzt zu installieren. Wie ich schon sagte, es ist total Dragon fallen gelassen. Leute, es ist super einfach, diesen Page Builder zu benutzen, und ich werde euch zeigen, wie man das in diesem Tutorial macht. Als nächstes gehen
wir weiter und gehen Sie zum nächsten Abschnitt, wo wir einige Seiten erstellen werden, also werde ich Sie alle dort sehen.
4. Pagess schaffen: Na gut, Leute, willkommen zurück. Bevor wir also anfangen, die Website zu gestalten , möchten
wir einige Einstellungen ändern und jetzt auch einige Seiten erstellen, genau hier unter Einstellungen gehen
wir zu Perma-Links. Nun, das ist sehr wichtig, auf allen Straßenpresse-Websites zu tun. Jetzt sehen Sie alle diese Optionen, die wir hier haben. Wir möchten die allgemeinen Einstellungen ändern, um den Namen zu posten. Nun, der Grund, warum wir dies tun, ist, weil, wenn Sie auf eine Website wie Amazon gehen , wissen
Sie, es sagt nicht amazon dot com dash shop Vergewaltigung, nicht amazon dot com dash 2016-1 zu dash, usw.. Also mit der Post Dampf tut es tatsächlich hilft, Ihre Website für die Suche ist wie
Google und Yahoo zu optimieren . Also weiß ich nicht, ob ich noch in der Nähe bin, denke ich, dass es immer noch gibt. Also ja, Sie möchten unter dem Namen des Beitrags tun und hier klicken Sie auf Änderungen speichern. Nun, eine andere Sache, die ich darauf hinweisen möchte, ist, dass du hier drüben zu den Benutzern klickst und du wirst dein kleines Profil direkt dort sehen. Und Sie können tatsächlich gehen und einige Änderungen vornehmen, richtig? hier. Weißt du, du kannst ein wenig deklarativ werden. Welches ist für dieses Tutorial zu verwenden? So wie Mitternacht. Ich denke, es ist klarer und die Gesetzgeber gut. Und auch, wenn Sie Ihr Passwort ändern oder in Ihre E-Mail einfügen möchten, hier werden Sie es tun. Also genau hier, das ist deine E-Mail. Und sagen
wir auch, Sie möchten Ihr Passwort ändern. Also genau hier klicken Sie auf Passwort generieren, und dann gehen Sie weiter und setzen Sie einfach in, was Sie möchten, und klicken Sie dann auf
Update-Profil . Okay, das ist im Grunde, wie Sie Ihr Passwort ändern. Also werden wir auf Profil aktualisieren klicken jetzt, Und wir werden einige Seiten in So direkt hier unter den Seiten hinzufügen. Es wird auf Seiten klicken, und es kommt mit einer Beispielseite, aber wir werden voran und Elite, die wir nicht wollen. Also werde ich das verwerfen und wir werden einfach hier gehen und eine neue Seite hinzufügen, genau wie , du weißt schon, nach Hause. Das ist genau das, was wir tun. Also, genau hier, gehen
wir nach Hause. Aber es gibt einige Einstellungen, die wir ändern müssen, bevor wir jetzt weitermachen, das funktioniert sehr gut mit elementar wegen seiner Optionen mit dem Sidebar-Layout und dem Fuß oder Widgets . Also genau hier wollen Sie sicherstellen, dass es Inhalt sagt. Keine Seitenleisten. Wir wollen, dass ausgewählte Widgets werden voran gehen und vielleicht zwei setzen. Wir werden über Widgets sprechen, wenn wir fertig sind, die Seite zu entwerfen. Wenn du
weitermachen willst, mach es voll mit. Weil heute jede Website im Grunde voll ist, denke ich nicht, dass eine neue Website
mehr balkiert hat . Und auch wollen wir den Inhalt Titel zu tun. So die kontinentale, zum Beispiel, Wir wollen nicht zu Hause hier auf unserer Seite sagen. Hier steht schon zu Hause. Also wollen wir es nicht zweimal sagen, also genau das tun wir. Also nehmen wir den Titel raus. Wir machen die Seite voll mit, und wir fügen keine Seitenleisten hinzu. Okay, also müssen Sie sicherstellen, dass diese vorhanden sind, bevor wir die Seite entwerfen. Also bin ich nicht gon veröffentlichen und es erstellt die Seite. Da gehst du. Wir haben unsere Seite. Es wurde vollständig erschaffen. Wenn Sie Ihre Seite sehen möchten, müssen Sie nur auf Vorschau-Änderungen hier klicken, und es wird Ihnen nur die Seite zeigen. Nun, natürlich, der Grund, warum es so aussieht, ist, weil wir nichts auf die Basia gelegt haben. Da ist nichts. Das ist im Grunde, wie wir die Homepage entworfen haben. Also im nächsten Abschnitt, Leute, werden
wir anfangen, die Seite zu entwerfen, also benutzen wir L. einen Mentor, und ich sehe euch alle dort.
5. Homepage: Na gut,
Leute, Leute, lasst uns jetzt gehen und anfangen, unsere Seite zu entwerfen. Also genau hier, Gehen Sie auf Bearbeiten mit L ein Mentor und es wird eine Seite öffnen und dann von hier, wir werden anfangen, unsere Website zu entwerfen. Also werde ich hier auf diese Website verweisen, und wir werden das als Referenz-Typ verwenden, um uns zu helfen, zu verstehen, wie wir
diese Seite erstellen . Also genau hier, werden
wir tatsächlich ein Text-Widget einfügen. Also genau hier unter unserem Texteditor, alles muss einfach voran gehen und einfach das nehmen und dann einfach dorthin ziehen. Da ist es. Also genau hier. Ich möchte das alles hier löschen, und ich möchte nur ein Bild einfügen. In Ordnung, also klicke ich auf die Rücktaste und dann direkt hier unter Adam Media, werden
wir hier ein Bild hinzufügen. Also genau hier. Klicken Sie auf Dateien auswählen. Nun, in der vorherigen Folie davor, wurden
Sie tatsächlich angewiesen, ein Paket aus meiner Dropbox herunterzuladen. Also gehen Sie los und laden Sie alle diese Bilder herunter und Sie können diese als Referenzhandbuch verwenden, damit ich tatsächlich werde , wissen
Sie, ich werde tatsächlich alle diese jetzt hochladen, nur um mir etwas Zeit zu sparen, und ich werde Klicken Sie auf Öffnen, und dann werde ich tatsächlich alle diese herunterladen. Also werde ich Video für eine Sekunde zu positionieren, während diese Download. Na gut, Leute, willkommen zurück. Also gehen wir jetzt weiter und betreten dieses kleine Lokal genau hier. Also werden wir das elementare Logo beantworten, und Sie möchten vielleicht auch Ihr Logo einfügen. Und ich habe kein Logo. Mach dir keine Sorgen. Ich zeige dir, wie du einen bekommen kannst. Sehr, ganz einfach, genau hier. Ich meine, klicken Sie auf Einfügen in die Seite. Jetzt könnt ihr sehen, dass es ein wenig weiß ist, und das ist nur, weil wir noch keinen Hintergrund haben, aber keine Sorge. Wir werden in den Hintergrund stellen. Genau da haben wir im Bild geantwortet. Ihr könnt es nicht sehen. Das ist okay. Jetzt genau hier. Gehen Sie auf Abschnitt klicken. Also, wie das funktioniert, Jungs, ist dieser Abschnitt wird tatsächlich den Abschnitt kontrollieren. Die Spalte steuert alles im Abschnitt. Also genau hier auf der Sektion werden wir das voll machen. Also möchte ich das jetzt voll machen. Ihr könnt sehen, dass es sich tatsächlich über die Seite gestreckt hat. Nun, sagen
wir einfach, wir wollen weitermachen und ein Bild hinzufügen, das Sie beginnen möchten, wissen
Sie, etwas im Hintergrund
haben, damit unsere Website gut aussieht. Also hier unter Stil, gehen Sie hier zum Klassiker für Hintergrund. Und jetzt genau hier können Sie Bild sehen. Jetzt gibt es auch Farbe. Es gibt auch einen Hintergrund, übermäßig eine Grenze, etc. Also genau hier, klicken Sie
einfach auf dieses Bildfeld, und ich werde voran gehen und fügen Sie ein Hintergrundbild hinzu. Also setzen wir dieses Bild des Pferdes und klicken Sie auf Einfügen Medien. Alles klar, also sieht es ziemlich gut aus. Bisher ist
es ein wenig klein, aber keine Sorge darüber. Nachdem ihr das getan habt, können wir
jetzt das Logo sehen. Jetzt können wir tatsächlich etwas richtig sehen. Klicken Sie also auf dieses Logo hier. Sagen wir einfach, ich möchte das zentrieren. Nehmen wir an, ich möchte dieses Lokal irgendwo hin bewegen, wo ich will, dass es hier unter Stil ist. Sie sehen, was sagt Ausrichtung geht auf die Mitte klicken. Da gehst du. Also, jetzt ist die Box rechts dort im mittleren Abschnitt. Okay, also haben wir in diesem Abschnitt hinzugefügt und den Grund, warum wir den Rest der Seiten nicht sehen können weil wir nicht genug Inhalt haben, aber wir können das wirklich voll machen mit. Also hier drüben unter Konturabschnitt, haben
wir alle diese anderen Möglichkeiten hier. Wir haben Säulenabstand. Wir haben Höhen, und wir haben aktuelle Position jetzt für Höhen können wir wählen passen auf Bildschirm und wird tatsächlich passen in diesem Abschnitt genau hier nach unserem Bildschirm. Jetzt. Auch, wenn Sie die Höhe der es ändern möchten, wie Männer Höhe, können
wir tatsächlich die genaue Höhe, die wir wollen. Also, indem Sie es ziehen, können
Sie tatsächlich die genaue Art von Position erhalten, wo Sie möchten, dass es für Ihre
Website sein . Also genau dort sind wahrscheinlich verlassen bei 950 und Alcoa und schließen Sie das. In Ordnung. So sieht es schon ziemlich cool aus. Wir haben ein Logo in der Mitte. Wir haben diesen schönen Hintergrund. Lass uns gehen. Und Adam Seymour Inhalt. Also, genau hier werde
ich auf diesen kleinen neun Quadraten kochen, und ich habe uns im Grunde auf unsere Widgets zurückverwiesen. Also diese Luft im Grunde Dinge, die wir einfach Drag & Drop Jungs auf unsere Seite und hilft uns etwas zu
entwerfen. Also, genau hier, unter der Überschrift, werde
ich das schnappen, und ich werde es direkt unten setzen. Jetzt können Sie genau hier sehen. Wir haben direkt dort eine SMS. Also Siart sagt, das ist eine Überschrift Elemente. Gehen Sie einfach weiter und setzen Sie, was immer Sie wollen. Also willkommen zu diesem Tutorial. Jetzt können
Sie auch die Größe ändern. Also genau hier unter der Größe können
wir klein auswählen. Sie können wählen mittel, wir können wählen groß, extra groß oder extra groß. Ich lasse es extra groß und hier sind die Ausrichtungen. Ich möchte auch in den Mittelpunkt stellen. Jetzt können Sie sehen, dass der Text jetzt zentriert ist. Also gehen wir hierher, um Stil zu
gestalten, können wir die Textfarbe ändern. Wir können die Schriftart ändern. Wir können alle möglichen Sachen ändern. Also genau hier auf unserer Topographie klicken Sie auf diese und genau hier haben wir Größe. Also genau hier können Sie tatsächlich die genaue Größe steuern, die Sie die Seite wollen. Es tut mir leid, der Text zu sehen, also werde ich einfach voran und lassen Sie es auf vielleicht 60 Pixel. Wie oder Pflege. Oder du könntest das einfach tun. Ich werde einfach gehen und das tun. Da gehst du. 60. Und für die Textfarbe will
ich es weiß. Also hier kann ich auf weiß klicken. Jetzt können
Sie auch verschiedene Effekte erzielen. Sagen wir mal, Sie wollen, dass es explodiert. Nehmen wir an, Sie möchten die Transparenz reduzieren. Genau hier ist dieser zweite Balken der Transparenzbalken. Also, wenn ich das nehme und ich es ziehe, wirst
du sehen, dass die Buchstaben irgendwie verblassen, weil sie immer
transparenter werden. Nun, Sie könnten dies für jede einzelne Farbe tun. Und diese Leiste hier steuert die Dunkelheit der Farbe. Also möchte ich es mehr lesen oder nicht wollen, dass es dauert, mehr
lesen, weniger
lesen. Lesen Sie das hier wird die Transparenz reduzieren
, usw. Also will ich kein Weiß. Ich möchte es einfach halten. Ich lasse das Weiß nicht. Okay, jetzt kannst
du auch andere Dinge tun. So wollen
wir zum Beispiel die Transformation ändern. Wir können dies alle Großbuchstaben haben wir alle Kleinbuchstaben oder alle Großbuchstaben haben. , Ich mache das nicht gerne,denn das weißt du nicht, ich mache es lieber selbst. Weißt du, ich will nicht, dass sie alle sagen. Großbuchstaben Das gefällt mir nicht. Wenn ich einen bestimmten Weg wollte, werde ich es tun. Richtig. Also genau hier haben wir Familie. Nun, das ist die Schrift. Also ist es eine Art Schriftart, die ihr für euren Text wollt? Sie haben Hunderte von Schriftarten, in der Regel aus, um Google einfache Schriftarten zu empfehlen. Aber dieser Plug in, glaube
ich, hat genug Geld für dich. Also, wie ich schon sagte, wir könnten alles schnappen. Siehst du, du bist hier. Was es ist hässlich Fonds. Das ist eine hässliche Schrift. Das war ziemlich cool. Weißt du, ich war süß,
aber einer, an dem ich mich wirklich festhalte, ist Roboto. Es gibt verschiedene Arten unserer Flasche. Ich denke, nur roboto regular ist gut oder Flasche kondensiert, eigentlich, ziemlich gut zu. Aber ich werde einfach Roboto machen, okay. Und auch das Warten. Dies geht also, um die Größe der Schriftarten zu steuern. So zum Beispiel, aber 300 können Sie sehen, dass jetzt dünner ist, so dass Sie gehen und ändern Sie die Gewichte. Oder Sie können es für diesen Stil hier fett machen. Wir können eine normale Kursivschrift haben oder da, die da genau. Ich denke, es ist ein düster. Also wissen Sie, ein Talic-Republikaner. Lassen Sie es als Standardwerte für hier. Höhe der Linie Wir werden ein wenig mehr über Zeilenhöhe und Zeilenabstand sprechen. Vice Basing macht im Grunde nur Platz zwischen den Buchstaben. Also, zum Beispiel, genau hier wird voran gehen und einfach so sagen. Okay, wenn Sie
also Zeilenabstand wollen, könnten
Sie das tun. Nun, Lügenhöhe ist eigentlich gut für einen Haufen Text. Also werde ich im nächsten Abschnitt darüber sprechen und auch vorankommen. Wir werden mehr über Marge und Klopfen ein wenig später sprechen, aber ich möchte auch über Eintrittsanimation sprechen. Also genau hier. Wenn Sie darauf klicken, können
wir tatsächlich zu gehen, wissen
Sie, Prellen in und links. Wir können die Animation ändern, also wenn jemand besucht, wird
die Seite so aussehen, und ihr könnt das auch für euer Bild tun. Sie können dies für Ihr Symbol tun. Sie können dies für jedes einzelne Widget tun, also hier werde ich einfach voran gehen und sagen, Was ist mit Rollen? Das ist cool. Ich mag es. Das könnte es tun. Oder leichte Geschwindigkeit. In Ordnung. Wir lassen es bei leichter Geschwindigkeit. Eigentlich, nein, nein, nein. Wir machen das Rollen. Ich mag das ein bisschen besser. Ok? Und genau hier werden wir den Rand verlassen und klopfen. Wir werden ein bisschen mehr über Marge und Klopfen nur ein wenig später sprechen. Und für die Hintergrundfarbe können
wir weitermachen und das Backup ändern. Aber ich empfehle nicht, dies zu tun, da dies tatsächlich die
Hintergrundfarbe für diesen spezifischen Abschnitt ändert , was ich nicht empfehle. Aber nur um Tutorial willen, werde ich Ihnen zeigen, wie es aussieht. So klassisch können wir voran gehen und die Farbe hier ändern. So sehen Sie, wie es die Farbe der Hintergrundfarbe ändert. , Denk dran, es wird es nur für diesen speziellen Abschnitt tun. Ok? Also empfehle ich es nicht, aber manche Leute lieben es, weißt
du? Also möchten wir, wie das aussieht. Tue ich nicht. Aber nur für totale Zwecke werde
ich klarmachen, dass wir das nicht wollen. In Ordnung, also jetzt gehen wir weiter und fügen Sie dieses andere Text-Widget hier ein. Ordnung, also gehen Sie wieder hier hoch, klicken Sie darauf und gehen Sie zum Texteditor. Und auch Jungs tun, ist einfach diesen Texteditor und ziehen Sie ihn einfach unter. Jetzt
siehst du, wo die kleine Linie erscheint. Dort wird der Text auftauchen. Also werde ich voran gehen und es fallen lassen. Und da gehst du. Wir haben SMS, und es ist in Ordnung hier. Jetzt gehe ich auf meine berühmte Website. Dies ist eine geheime Website, die ich zu Lots gehe. Erzähl niemandem davon. Es ist Dummy-Text, und es ist nur im Grunde Dummy-Text. Und es ist nur Text, um nur die Seite auszufüllen, um es irgendwie fertig aussehen zu lassen. kannst du sagen. Ich werde das kopieren und dann wieder hierher gehen, und ich werde voran gehen und das einfach zurücksetzen und das hier einfügen. In Ordnung? Jetzt, hier
drüben, unter Stil. Wir werden es ausrichten, und wir werden etwas Textfarbe hinzufügen. In Ordnung, ich wette, du fragst dich, Darryl. Ich möchte nicht, dass es sich so über die Seite erstreckt. Es sieht nicht gut aus und ich stimme völlig zu. Also werden wir weitermachen und das ändern. Aber zuerst gehen
wir weiter und reden weiter über einige der Einstellungen, unter denen wir es ändern können. Also unter dem Inhalt haben
wir es genau dort unter dem Stil. Wir können hier auf Topographie klicken. Und wir können die Größe ändern. Wir können die Gewichte ändern. Alle die gleichen Optionen, an die wir uns erinnern konnten wird
dies sehr konsistent mit vielen der Module sein, weil viele der Module gleich funktionieren, und sie werden für viele verschiedene Typen gleich aussehen. Wenn Sie also stoßen, wie wenn wir über das Icon-Widget sprechen, wird
es diesem sehr ähnlich aussehen. Also, sobald Sie es für ein Widget lernen, lernen
Sie es irgendwie für alle Widgets. Und diese sind sehr selbsterklärend. Ich weiß wirklich nicht, wie ich dir sonst sagen soll, wie man die Farbe ändert, oder? Als ob das im Grunde ist, wie du es machst, weißt
du, und hier drüben unter fortgeschrittenem, gleiches Ding. Wir können hier einige Randeinstellungen haben. Wir können den Marsch ändern. Das tut mir leid. Das Interesse Animation, etcetera. Genau so. Okay, das sieht
also ziemlich cool aus.
6. Startseite 2: Also lasst uns voran gehen und den Text in diese Mitte setzen. Nun, es gibt zwei Möglichkeiten, dies zu tun. Ich zeige Ihnen beide Wege hier unter diesem Abschnitt, genau hier. Gehen Sie und klicken Sie auf Abschnitt und hier, genau hier. Es sagt, Inhalt mit können wir diese Box machen. Indem wir dies tun, werden
wir irgendwie im Text boxen. Siehst du, wie ich es gemacht habe? Also, jetzt ist der Text in diesem kleinen Abschnitt genau hier. Jetzt gibt es eine andere Möglichkeit, dies zu tun, indem Sie die Polsterung für diesen Abschnitt ändern. Also werde ich hier rüber gehen und uns wieder voll mit Ich werde auf dieses kleine
Textmodul klicken und gehen zu fortgeschritten jetzt unter Polsterung genau hier. Wir stellen sicher, dass das nicht aktiviert ist und wir wollen Platz nach links und rechts schaffen . Also genau hier können wir auf vielleicht klicken, wie wir 500 setzen. Jetzt können
Sie sehen, dass die Polsterung hier 500 Pixel beträgt und immer dazu für
die linke Seite benötigt wird . Also links 500 oder, wissen
Sie, wo immer Sie versuchen, es zu positionieren. Also werde ich vielleicht 600 setzen und dann kann dieser sein, wissen
Sie, 600 mal 500 oder was auch immer Sie erreichen wollen. Das ist eine andere Möglichkeit, dass Sie im Grunde steuern können, wo Sie wollen, dass Texas spezifisch ist. Das ist also im Grunde, wo Klopfen in einem Spiel kommt. Aber wir werden bessere Gründe finden, ein wenig später zu klopfen,
wenn wir über
Symbole und Hintergründe
usw. reden . Symbole und Hintergründe Also, jetzt werde
ich gehen und auf Abschnitt klicken, und wir gehen einfach zu dem,
ähm, was sind die Inhalte Abschnitt genau hier? Und ich wollte einfach so verpackt werden. Ich denke, das ist viel sauberer. Es sieht einfacher aus. Und das ist der bevorzugte. Jetzt gehen
wir weiter und fügen eine Schaltfläche hinzu. Also, genau hier, werden
wir dieses kleine Knopfsymbol nehmen und nur eine Gruppe versuchen, direkt drunter zu kommen . Und da gehst du. Wir haben einen Knopf. Also wir in einer grundsätzlich Position dieses und ich liebe dieses Ding. Ausrichtung zentriert sieht perfekt aus. Jetzt, genau hier, könnten
wir Typen wie Info haben. Das alles wirklich tut, ist die Farbe zu ändern. Das ist wie eine Abkürzung. Also höre ich Erfolg. Sie erzählen Ihnen im Grunde wie Geheimnisse, wie diese Farben,
Sie wissen schon,
Gefahr oder etc. darstellen Sie wissen schon, . Und du weißt, dass es bewiesen ist. Weißt du, viele Leute sehen sich bestimmte Farben auf der Website an, wie Rot, du weißt
schon, entkommen schon davon. Klicken Sie nicht auf diese Website. Das ist im Grunde, was sie getan haben. Jetzt enthält wir den Text hier. Also werde ich mich mit uns in Verbindung setzen und verknüpfen. Also, wohin soll dieser Link gehen? Also denken Sie daran, wenn dies immer mit einem CTP beginnen Also ein CPP zero wilson dot com Und welche Größe wollen Sie das? Nun, ich will es mittel. Ich will es groß oder will extra groß. Ich werde es vorerst als Medium belassen. Und hier drüben unter Stil. Oh, es tut mir leid für Icon. Wir können ein bestimmtes Symbol auswählen. Und Leute, sie haben Hunderte von Symbolen, aus denen wir wählen können. Also, zum Beispiel, sagen
wir einfach, ich setze so etwas wie dieses Gears ein. Sie werden sehen, dass die Zahnräder direkt neben dem Symbol angezeigt werden. Und wir können auch den Symbolabstand ändern. Sie sehen, wie das Symbol ist weg von dem Text Wir können das ändern. Jetzt. Wir können auch entscheiden, ob Sie dies vorher oder nachher wollen. Also, jetzt ist die Ausrüstung hinter dem Text, oder wir können es vorher haben. Okay, jetzt werde
ich wahrscheinlich so etwas setzen. G Was ist das? G d? Das sieht ziemlich cool aus. Das lassen wir. Das ist gut. Ich mag es. Also hier wird dis Stil gehen. Und wir können die Textfarbe ändern. Also, zum Beispiel, wenn Sie die Textfarbe ändern wollen, hier würden Sie es tun wollen, okay? Und Hintern und mit dem Mauszeiger über. Also, wenn jemand über den Knopf schwebt, was willst du zeigen? Also sagen wir, zum Beispiel, ich will rosa Text oder Was ist das? Ja, nun, tun Sie etwas wirklich Offensichtliches, wie diesen rosa Text. Und dann haben wir tatsächlich die Hintergrundfarbe grün zu sein. Denken Sie daran, wenn ich
den Mauszeiger über diese Schaltfläche führe, ändert sich die Hintergrundfarbe zu grün und der Text ist jetzt rosa. Siehst du das? Also willst du diesen Blick, wenn jemand darüber schwebt? So machst du es. Ok. Und natürlich, genau hier können wir den Knopf so schnell über den Tastenradius ändern. Ich werde darüber reden. Aber genau hier enthält Sie die Hintergrundfarbe der Schaltfläche. Sie können auch die Schriftarten ändern Jetzt,
Denken Sie daran, früher, wie wir über
die Familie gesprochen, das Gewicht, all dies etc.. Dies sind die gleichen genauen Optionen für die Textmodul-Jungs. Also von hier an, aus dem Rest des Tutorials, werde
ich nicht wirklich alle diese wieder abdecken, weil an dieser Stelle sehr überflüssig zu
einer solchen Größe ist , usw. Also, weißt
du, inzwischen verstehst du
hoffentlich, was das alles bedeutet. Zum Beispiel die Schriftarten, die Gewichtungen, die Transformation und der Stil. Ok. Und auch die Zeilenhöhen und Zeilenabstand. Okay, also gehen wir rüber zum Grenztyp. Jetzt können wir es als solide haben. Wir können es als Double haben, oder wir können es als punktiert haben. Okay,
Nun, was das ist, ist die Rahmenfarbe auf dem Umriss. Also, genau hier, werden
wir wie ein Testament
setzen, wie fünf. Siehst du, wie ich ein mit jetzt es ist gepunktet jetzt ist verdoppelt. Jetzt ist es gestrichelt, etcetera. Also werde ich es so solide lassen, wie eine solide da. Und auch der Tastenradius hier. Je größer du das hast, desto runder wird es sein. Also lasst uns das auf 100 setzen. Sie sehen, wie es jetzt auf 100 gerundet ist, aber es ist nur ein Put-50. Es ist etwas leichter, wissen
Sie, aber das ist im Grunde, was der Grenzradius tut. Also, wenn Sie wollen, wie einen Radius um diese kleinen Symbole, das ist, was es vier, okay, und auch die Textauffüllung würde ich nicht empfehlen. Das liegt daran, dass es ein wenig seltsam aussieht, aber Sie können die Polsterung weg davon haben. Also vielleicht, weißt
du, dass es immer einen Nutzen für etwas gibt, Leute. Vielleicht können Sie drei riesige Kisten haben. Weißt du, es gibt immer eine spezifische Verwendung für jede Option. Es ist genau das, was du in Ordnung sein wolltest. Und natürlich der Bus, der über den schwebt. Und wir können auch eine Animation dafür haben. Sie wissen, dass Sie eine Animation für den Hover über haben können, so dass wir wie haben können, ein Herzschlag direkt dort oder etcetera und unter fortgeschrittenem rechts hier ist der Rand. Also, zum Beispiel, lassen Sie uns sagen, ich möchte diese Schaltfläche nach rechts verschieben? Das sagen, ich will 500 fragen. Sagen wir, ich will es bei, weißt
du, ich will die Spitze herum, wie, du weißt schon, äh, so
etwas wie das hier. Wir machen einfach die Spitze als 100. Also im Grunde, was es tut, ist, einen Rand von 100 Pixel von der Taste von oben zu drücken. Das ist also, was die Marge im Grunde tut. Und auch die Polsterung erinnern klopfte seinen nur Raum. Okay, genau hier möchte
ich etwas Raum schaffen. Ich werde 300 Pixel setzen, und es wird 300 Pixel Platz hier schaffen. Ok. Und auch hier, die Hintergrundfarbe Rahmenfarbe. Wir können den Radius ändern. Be enthält einen Hintergrund. Sie können tatsächlich eine Hintergrundfarbe dafür haben. Genau hier. So können Sie ein Hintergrundbild für Ihre Schaltfläche haben oder Sie können haben. Wie ich schon sagte, das sind die gleichen Optionen wie zuvor. Genau hier auf ihrem Kastenschatten. Ich denke nicht, Box, es wird für diesen Abschnitt funktionieren. Also, was ein Kastenschatten tut. Leute, es erzeugt diesen Schatten über diesem Abschnitt, aber wir werden dies verwenden, wenn wir mehr über Symbole sprechen. Also für diesen Abschnitt ist
es nicht wirklich gut, Ihnen zu zeigen Es gibt viele gute Gründe, den Kastenschatten zu verwenden. Es ist eine wirklich, wirklich coole Funktion. Abgesehen davon, Leute, das ist im Grunde, wie wir unsere Homepage erstellen. Wir haben im Grunde das Logo, den Text, ein bisschen zusätzliche Texte und den Button erstellt. Also, jetzt werden wir hier runterziehen, und wir werden diesen Abschnitt hier erstellen, also werde ich mehr über,wissen
Sie,
mehr Text sprechen wissen
Sie, . Ich werde über Trennwände sprechen und wir werden im nächsten Abschnitt über das Bildmodell sprechen, also werde ich Sie alle dort sehen.
7. Bilder und Video: Alles klar, Leute, willkommen zurück. Also werden wir in einem neuen Abschnitt direkt hier hinzufügen. Also werden wir tatsächlich einige verschiedene Widgets verwenden. Also gleich hier zuerst, das wird in unseren Titel setzen. Also werde ich mir diesen Titel schnappen und einfach diese Box hier reinlegen. Also hier, ich werde willkommen zu diesem Tutorial, und ich werde das zentrieren. Und für die Größe natürlich können
wir
natürlichdie Größe Medium setzen. Wir können es groß machen. Ich will eine extra große hier. Okay. Nun, für Stil, möchte
ich die Textfarbe in etwas wie Schwarz ändern, und ich möchte es irgendwie ein wenig nach unten drücken. Wissen Sie, dieser Abschnitt hier. Ich will ein bisschen Platz hier. Also gehen wir und machen das. Steht der Vorsprung hier unter der Spitze? Genau hier. Klicken Sie hier auf dieses Ding. Also, was das bedeutet? Grundsätzlich, wenn Sie es verknüpft lassen, wird
es es auf alle Abschnitte anwenden. Also wird es unten rechts nach links und rechts setzen. Aber ich will es hier nur ganz oben. also will ich das nicht wirklich. Also genau hier, Rücktaste. Klicken Sie hier auf diesen kleinen Link. Und ich wollte nur für die Spitze, also das ist ein wirklich guter Grund, warum Sie die Marge verwenden wollen. Ich weiß, dass
es auf der Homepage nicht viele gute Verwendungen dafür gab. Aber wie dieses Leitartikel sagt, Jungs, ich werde euch gute Szenarien für alles geben. Okay, also habe ich den Titel hier. Jetzt möchte ich einen Teiler hinzufügen. Ich möchte in einem Stil hinzufügen, also genau hier unter Teiler. Ich will das nehmen und ich will es einfach hier unter das ziehen, okay? Und genau hier schafft
das im Grunde Raum. Jetzt können wir viel Platz machen oder wir können ein wenig Platz machen, aber ich möchte das einfach für Design verwenden. Ich kümmere mich nicht wirklich um die Lücke hier oder was sie tun kann. Ich möchte es nur für das Design verwenden, also werde ich die Lücke den ganzen Weg reduzieren, und ich möchte das zentriert machen. Also jetzt ist es genau hier zentriert, und ich möchte die mit reduzieren. So sehen Sie, wie die Linie auch reduziert wird. Also werde ich es im Grunde so machen. Das ist also im Grunde nur das Erstellen, für eine Website
entwickelt wurde. Das ist alles, was ich wirklich will. Und genau hier beginnen Veränderung. Es ist gepunktet. Wir können es als versteckt ändern, etcetera. Aber vorerst werde
ich es einfach nicht dabei lassen. Und auch das Gewicht, das ich größer machen kann. Und auch kann ich die Farbe ändern, usw.. OK, also ist das, was der Teiler im Grunde auf den Punkt gebracht wird. Also als nächstes möchte ich in einem neuen Abschnitt direkt hier hinzufügen. Ich möchte noch ein paar Techniker hinzufügen und ich möchte auch ein Widget hinzufügen. Also, genau hier, klicke
ich auf dieses kleine Symbol und wir gehen zum Texteditor und ich will hier einen
neuen Abschnitt machen . Also, genau hier, werde
ich so etwas wie, äh, ich werde schon einen Dummy-Text eintragen, und ich wollte das in und für den Stil, ich will es zentriert. So, jetzt können Sie sehen, dass der Text zentriert ist und es sieht nicht gut aus. Und dann können
wir genau hier etwas anderes tun. Anstatt also einen neuen Abschnitt zu erstellen, können
wir tatsächlich eine andere Spalte einfügen. Ordnung, also genau hier, unter diesen kleinen, kleinen Symbolen, können
wir das einfach hier nehmen und es dann einfach hierher ziehen. Jetzt sehen Sie, wie wir Spalten in diesem Abschnitt erstellt haben. Siehst du das? Jetzt? Ich will nur einen. Ich möchte nur ein Bild setzen, also brauchen wir ein Löschen. Jetzt. Wenn Sie dies tun, müssen
Sie sehr vorsichtig sein. Gehen Sie nicht zum Abschnitt und gehen Sie zum Löschen, da alles gelöscht wird. Okay. Sie möchten hier zur Spalte gehen und auf Löschen klicken. Okay. Also, wenn ich auf Entfernen klicke, Ja. Jetzt haben wir nur eine Spalte. Also hier, ich will es in das Bild setzen, und du kannst jedes Bild einfügen, das du möchtest, aber genau hier gehe
ich zum Bild, und ziehe das dann einfach runter, und Genau hier werden
wir voran gehen und ein Bild machen. Also, genau hier, werde
ich auf das Bild klicken und einfach ein Bild schnappen, das ich hochgeladen habe. Also genau hier wissen Sie, es gibt eine Menge, wann wir gebrauchen können. Wir können diese Telefone benutzen, wissen
Sie, wir können alles benutzen. Deshalb habe ich euch allen Zugang zu all diesen hier gegeben. Aber ich werde diese hier benutzen,
und ich bin bereit, Medien zu beantworten. Und da gehst du. Also haben wir, weißt
du, diesen kleinen Abschnitt, der darüber spricht, und wir haben dieses große, schöne Bild, okay? Und natürlich können
wir die Bildgröße auf Mittel ändern, die wir ändern können, um, wissen
Sie, groß, voll benutzerdefinierte, was auch immer Sie möchten. Aber ich gehe weiter und lasse es so groß. Wir können auch die Ausrichtungen ändern. Nun, der Grund, warum es sich nicht wie zuvor über die Seite erstreckt, ist, weil es in diesem bestimmten Abschnitt ist. Also kann es nicht ohne sie gehen. Ich kann nicht rausgehen. Verstehst du, was ich sage? Also werde ich es zentriert lassen. Jetzt sehen Sie, was mit uns verbunden ist, können wir ein benutzerdefiniertes Wandbild machen. Also was das bedeutet, sagen wir, jemand möchte auf dieses Bild klicken. Wohin willst du sie hinbringen? Wir können hier einen Link einfügen. Und wenn jemand auf dieses Bild klickt, wird
es sie dorthin bringen. Okay, also gehen Sie zurück zu keiner und wir können eine Beschriftung wie Bild oder so etwas einfügen , aber ich persönlich empfehle es nicht. Weil ich denke, das ist eine kleine alte Schule. Aber natürlich gibt es immer einen guten Grund für alles. Aber ich werde es nicht dafür benutzen und den Stil, den wir ändern können. Und die Deckkraft ist, nun, wir können ah,
schweben Animation dafür haben . Also schwebt jemand darüber,
es schrumpft. Sieh dir das ziemlich cool an. Ziemlich cool. Also setzen Sie wahrscheinlich etwas wie Pull Shrink. Das ist ziemlich cool. So können Sie einige dieser Optionen durchlaufen. Weißt du, die
sind im Grunde ein bisschen überflüssig und genau hier unter Bildunterschrift. Wenn Sie sich entscheiden, die Beschriftung zu haben, können Sie natürlich auch die Beschriftung bearbeiten, aber wir deaktivieren tatsächlich die Beschriftung hier. Wir haben nichts genau hier und die erweiterte Einstellung, Gleiche Sache bla Diese wird nicht funktionieren, weil es in dieser Box ist. Also wollen wir es hier über die Seite strecken oder viel Spielraum setzen. Es wird nicht funktionieren, weil es eins in dieser Box ist. Okay, also wieder hier rüber zu gehen, genau wie in diesem Abschnitt. Leute, wir haben im Grunde diesen einfachen Abschnitt erstellt. Wirklich, wirklich einfach, wirklich einfach. Jetzt gehen
wir weiter und fügen Sie diese Bar hier hinzu. Lassen Sie uns voran und fügen Sie diese wirklich coole Bar hinzu. Also gehen
wir zurück hier rüber und klicken auf einen neuen Abschnitt hinzufügen. Jetzt gibt es verschiedene Stile. Und wenn wir über die Dienste sprechen, werden
wir die meisten davon nutzen. Okay, jetzt werden
wir das hier und genau hier unter der Schwelle benutzen. Diese kleinen Symbole wollten nur das Überschrift-Widget greifen. Und genau hier können wir das bewahren. So etwas wie, ähm, wissen
Sie, das ist unsere jüngste Arbeit, und ich möchte das jetzt in den Mittelpunkt stellen. Die Größe, die ich so groß machen werde. Äh, vielleicht extra groß. Nun auch möchte
ich das
auchüber die Seite strecken. Ich will nicht,dass
es dass
es diesen Spaltenabschnitt
hat. Also genau hier unter Abschnitt werde ich hier mit allen rechten und unter Inhalt Position, die ich in der Mitte wollte, also was das tut, ist im Grunde sehen Sie, wie wir den Umriss hier haben, wie der Inhalt jetzt in der Mitte dieses Abschnitts. Das ist, was die Inhaltsposition tut. Aber sagen wir, ich möchte dazu eine Hintergrundfarbe hinzufügen. Lassen Sie uns wie eine Trennwand erstellen, Art Ah, kreative Trennwand. Also genau hier unter dem Style-Knopf gehen
wir zum Klassiker und wir können die Farbe ändern. Und das wollte er schwarz. Jetzt können Sie sehen, dass wir diesen Abschnitt hier haben, wo er jetzt schwarz ist, und wir werden mehr über diesen anderen hier sprechen, das ist ein Hintergrundvideo. Nehmen wir an, Sie wollen
zum Beispiel ein Hintergrundvideo, darüber werde
ich jetzt im nächsten Abschnitt sprechen. Aber für hier werden wir nur diesen speziellen Abschnitt hier verwenden. Okay, das ist es im Grunde. Und ich möchte auch eine Trennwand darunter hinzufügen,
also möchte ich diese kleine Trennwand überall tragen, wo ich auf der Website gehe, ich möchte es irgendwie ein wenig repetitiv machen, um den Stil und den Kern die -Webseite. Also werde ich hier rüber gehen und das als weiß setzen. Jetzt, hier
drüben unter den Symbolen, will
ich die Trennwand packen, und ich ziehe sie einfach unter. In Ordnung? Sie sehen also den Trennwand hier. Ich werde das an der Mitte ausrichten. Wir werden keine Lücke setzen. Und auch, ich will Zeh erhöhen das Gewicht ein wenig, okay? Und für feste Entlastung ist
es da und dann für Farbe. Ich möchte es weiß lassen. Und für Fortgeschrittene. Wir können weitermachen und das alles wahrscheinlich gleich lassen. Aber ich möchte das mit hier ändern. Also, wenn wir es ein bisschen näher so für die Farbe machen, werden
wir weitermachen und es als Weiß belassen. Alles klar, das sieht ziemlich cool aus. Sieht schon gut aus. Also im nächsten Abschnitt möchte ich euch auch alle Videos vorstellen. Sagen wir einfach, Sie wollen einen Video-Hintergrund. Ich weiß, die Hälfte ihr da draußen seid wahrscheinlich super aufgeregt über Videos. Wir können diesen Abschnitt als Video haben. Also genau hier unter Abschnitt, können
wir zu Fortgeschrittenen gehen. Jetzt. Ich glaube, es ist unter Stil. Es ist unter Stil. Und das wird tatsächlich jedes YouTube-Video abspielen, das Sie haben. Also werde ich hier zu meinem Kanal gehen. Ich gehe bereits zu meinem Kanal hier unter YouTube. Und ich werde einfach voran gehen und so etwas wie, äh, nun, beschreiben dieses, äh, das wird Commerce-Produkt. Vintage-Tutorial? Eigentlich nein. Ich denke, es ist besser, zu vier K.
Fourcade Nature zu gehen . Das ist eigentlich eine wirklich gute Wahl. Also werde ich mir hier vielleicht so etwas schnappen. Ich werde diesen Link kopieren. Oh, ich hasse diesen Kerl. Er ist so nervig, so nervig. Du magst einfach Promi-Star, der dich behauptet. Ist alles in Ordnung? Also genau hier unter dem Video Discord und klicken Sie auf Einfügen. Alles klar, Jetzt sehen Sie, wie das Video beginnt im Hintergrund zu spielen. Also lasst uns das ein bisschen größer machen. Also genau hier unter dem Abschnitt. Alles klar, hier. Wir können die Größe davon kontrollieren. Unter den Fortgeschrittenen, sagen
wir einfach, wir wollten, wie Sie wissen, 500 mal 500. Jetzt können Sie sehen, dass wir dieses schöne Video hier haben, und es spielt also das ist eine wirklich coole Art und Weise. Ich werde die hier schließen. Es zeigt die nur wegen der Größe des Videos und des Typen bei Anmerkungen, also können wir tatsächlich ein bisschen kleiner machen, weißt
du, von 200. Willst du so etwas hier? So würden Sie das Aussehen erreichen. Und wie ich schon sagte, das wird im Hintergrund spielen. Sieht wirklich gut aus. Es sieht wirklich,
wirklich professionell aus. Aber im Moment werde
ich es einfach als klassische Farbe belassen. Und ich ändere einfach die Höhe zurück auf, äh, wir gehen hier als Null. Ok? In Ordnung. Das war also dieser Abschnitt ein bisschen über Videos ein bisschen über, ähm, du weißt schon, die Trennwand und alles. Erinnerst du dich an ein Video, das du im Hintergrund abspielen möchtest? Immer tun müssen, ist zu Abschnitt eines jeden Abschnitts gehen und einfach zu Stil und Hintergrundvideo , und Sie können einfach nur Tempo es dort und es wird jedes Video, das Sie im
Hintergrund, wo immer Sie es sein wollen, abspielen . Okay, das war's
also für die Sektionskerle. Lass uns weitermachen. und darüber reden, wie wir wirklich schöne Bilder machen und wie wir die Lücken reduzieren können, genau wie wir es auf dieser Website gemacht haben. Also werde ich euch alle dort sehen.
8. Symbole und Counters: Alles klar, Leute, willkommen zurück. Also lassen Sie uns jetzt ein paar Bilder hinzufügen und haben einen wirklich coolen Effekt, wie wir es früher getan haben. Also hier drüben unter dem Ah, füge einen neuen Abschnitt hinzu. Wir wollen darauf klicken, und wir wollen es tatsächlich auf diese vier Reihe genau hier setzen. Also haben wir vier Räume für Bilder. Okay, jetzt fügen
wir die Bilder ein. Also genau hier, unter dem Bild. Ich werde einfach gehen und das ziehen. Wählen Sie das Bild hier, und ich werde gehen und dieses hier auswählen, auch wie dieses. Legen Sie ein Medium und dann gleich hier, ich werde einfach voran und klicken Sie darauf. Hinzufügen eines weiteren beantwortet das Bild, die Seiten für diese Bilder, Übrigens, Jungs sind 5 70 von 5 70 70 Aber da ihr Jungs Condell es leicht, ihr
könnt wahrscheinlich schon selbst sehen. Entschuldigung. Hier auf ihrem Bild. Ziehen Sie es einfach hier rüber. Wählen Sie das Bild aus und verwenden Sie dieses hier. Und dann für das letzte, nehmen
wir dieses Bild, ziehen es rüber, wählen das Bild, und ich werde einfach voran gehen und dieses hier auswählen. In Ordnung, wir haben jetzt vier Bilder, also müssen wir das im Grunde voll machen, und wir müssen die Lücke reduzieren, also machen wir das. Also, genau hier unter Abschnitt, werden
wir diesen Abschnitt hier nehmen, und wir werden das voll machen. Alles klar, jetzt haben wir den vollen Bereich mit hier. Also, jetzt ist es voll mit. Jetzt höre oder sehe ich seine Säulenlücken. Jetzt können Sie die Lücke wählen, die er möchte. Wir können eine größere Lücke haben. Wir können eine große Lücke haben, können ausgedehnt haben. Wir werden eine sehr enge Lücke haben, oder wir können keine Lücke haben. So jetzt können Sie sehen, die Bilder sind alle richtig gut aufgereiht. Und an diesem Punkt gibt es keine Notwendigkeit für uns, etwas anderes zu tun. Willst du das also? Schau, so kannst du es erreichen. Jetzt möchte ich diesen Abschnitt hier im Grunde nehmen, und ich möchte ihn hinter diesem Abschnitt schließen. Jetzt gibt es eine Abkürzung, um dies zu tun. Jungs müssen nicht wieder eine ganz neue Sektion machen. Wir können Rose duplizieren. Also, zum Beispiel, ich werde euch nur eine kurze kleine Vorschau geben, richtig? hier unter Abschnitt kann ich auf diese kleinen klicken, um Rose zu duplizieren, und es wird den gesamten Abschnitt für uns duplizieren. Aber das möchte ich noch nicht tun, zumindest nicht für diesen Abschnitt. Also für diesen Abschnitt bin
ich ein Klick darauf und ich werde diesen ganzen Abschnitt hier löschen. Nun, das hier, ich will das nehmen, damit ich nicht wirklich zum Abschnitt gehen und mich erinnern, Leute, es muss Abschnitt nicht die Spalte machen. Wenn Sie die Spalte machen, wird
es nur alles in ihr tun. Und wir wollen nur im Grunde den gesamten Abschnitt nehmen. Also Abschnitt möchte ich das duplizieren. Nun, ich werde diesen Abschnitt genau hier nehmen, also wenn ich darüber schwebe, wie es sein Drag-Abschnitt ist. Ich möchte das nehmen und es einfach unter ziehen. Jetzt siehst du, wo die Teal Bar genau da ist. Lass es einfach fallen. Perfekt. Also hier, oben mit so etwas wie dieser Seite, ist
dieser Page Builder einfach erstaunlich, und ich werde es ein wenig kleiner machen. Und da gehst du. Also jetzt haben wir diesen Abschnitt, wir haben die Bilder. Es war sehr einfach zu tun. Offensichtlich. Richtig? Es war gar nicht schwer. Jetzt gehen
wir weiter und machen den nächsten Abschnitt genau hier. Wir werden tatsächlich hinzufügen. Einige coole Symbole würden tatsächlich in die Icon-Boxen hinzufügen. Also hier drüben, Leute, wir werden auf aus dem neuen Abschnitt klicken. Wir werden uns vorerst nur schnappen. Du kannst wählen, was du willst, aber ich werde nur vier schnappen,
und wir gehen hier hoch und ich gehe in die Symbolbox. Also das Icon-Feld. Also genau hier können wir eigentlich über die Ikone sprechen. Also sagen wir, Sie wissen schon, mobil reagieren. Wir können hier einen Text eintragen. Ich hoffe, das war das YouTube-Video. Ordnung, ich werde mir einen Teil dieses Textes hier schnappen und einfach gehen und ihn dort einfügen. , Wenn Sie diese Zehenverbindung irgendwo haben wollen,wenn jemand darauf klickt, können
Sie voran gehen und Ihre „Du bist hier in Ordnung“ setzen. Aber vorerst bin
ich nicht. Das werde ich nicht tun. Glauben Sie es. Blinzeln. Und hier können wir es nach links stellen. Aber zu den Rechten. Oregon legte es für die Spitze Nun, ich wette, Sie fragen sich, was dieser Titel HTML-Tag ist. Das ist mehr für Seo-Zwecke, und ich werde nicht darauf einkommen, weißt
du. H fünf h drei Tags. Alter vier Tags. Dieses Tutorial. Ich habe eine Yo Sectorial auf YouTube. Seid ihr daran interessiert? Ihr könnt es überprüfen. Aber dafür glaube
ich, es als h drei jetzt zur Überprüfung. Wir können es stapeln lassen. Wir können es umrahmen lassen. Und wir haben die Größe des Kreises geändert. Vielleicht wollte Box. So etwas wie das. Also genau hier können wir tatsächlich das ikonische Selbst verändern. Also habe ich mobil reaktionsschnell, also werde ich Telefon eingeben. Also Telefon hier, Handy. Und, weißt
du, ich mag nicht, wie das aussieht. Leute, werde
ich mögen. Ich mag dich. Und es ist einfach. Als wäre es einfach. Also für Stil, die Primärfarbe, ähm, wissen
Sie, Moment, denke
ich, für die Primärfarbe, können
wir wahrscheinlich gehen. Ich meine, wie schwarz. So sehen Sie, wie sich das Telefon schwarz ändert Und auch wir enthalten den Symbolabstand. Wir machen das Symbol größer. Wir können das Symbol machen. Wir können das Symbol drehen und Sie wissen, dass wir Abstände jetzt mit dem Abstand hinzufügen können ist, dass es Abstände von dem Symbol aus dem Text
erstellt. Alles klar, jetzt schweben Sie das Symbol. Dasselbe, wenn sie darüber schweben. Möchten Sie bestimmte Animationen haben? Und auch, welche Farbe wollen Sie? Wenn jemand den Mauszeiger über das Symbol und für Inhalte bewegt, können
wir den Inhalt ändern. Sie können den Titel des Inhalts ändern. Also hier setzen wir schwarz und wir wissen, dass diese ein wenig repetitiver sind. Sie können die Schriftart des Titels ändern. Und dann für die Beschreibung, die dieser Abschnitt hier ist. So können Sie das ändern. Sie kennen die Farbe für die Beschreibung. Und Sie können auch die
SchriftartFord ändern Schriftart . Also, das ist im Grunde die Ikone, Leute. Sehr selbsterklärend. Sehr einfach. Aber, weißt
du, ich will nicht, dass ich das nicht noch einmal wiederholen will. Das war eine Menge Arbeit, oder? Also genau hier können wir auf nur duplizieren klicken, und dann ziehen wir es einfach hier rüber, duplizieren, ziehen Sie es hier und duplizieren und ziehen Sie es einfach hier rüber jetzt, sagen
wir einfach, Sie wollen diese duplizieren ganzen Abschnitt wieder. Nehmen wir an, Sie wollen hier. Wir haben hier vier weitere Abschnitte. Also genau hier. Klicken Sie einfach auf Abschnitt und duplizieren Sie es einfach. Da gehst du. Nun ist
es auch ein bisschen zu nah an der Spitze hier. Siehst du das? Wie diese Telefone waren irgendwie zu nah an der Spitze. Also lassen Sie uns etwas Polsterung hinzufügen. Also genau hier unter Abschnitt, werden
wir zu fortgeschritten gehen und genau hier unter dem Rand oder unter der Polsterung setzen 100. nun Sienunsicher, dass dies deaktiviert ist. Wir wollen es nicht miteinander verknüpfen. Ich setze 100 genau hier und erinnere mich wie, sagen
wir ,
Sie können
zum Beispiel einen Titel hier setzen. Weißt du, du kannst etwas anderes setzen, das ich nicht wollte ,
aber wenn
du willst, kannst du einfach einen Titel hinzufügen. Aber ich denke, dieser Abschnitt hier betont irgendwie diesen Abschnitt genau hier. Also, das sind im Grunde Jungs die Ikonen. Und wenn Sie dies voll machen möchten, können
Sie zum Abschnitt unter dem Inhaltsbereich gehen. Du könntest es voll machen. Und Sie können auch entscheiden, ob Sie keine Lücken haben wollen. Du willst keine Lücken. Weißt du,
etwas, das uns so aussieht, aber das sieht ein bisschen vermasselt aus. Wir wollen das noch nicht machen, also werde ich es in der Box lassen. Ich denke, die Box, die ziemlich sauber aussieht, sieht einfach aus. Ich werde nicht jeden einzelnen dieser Typen durchgehen, weil es sehr
selbsterklärend ist, dass Sie wissen, was Sie wählen wollen? Ich werde nicht jeden einzelnen dieser Typen durchgehen, weil es sehr
selbsterklärend ist Sie können, wissen
Sie, die Position des Symbols
ändern, was auch immer Sie möchten, richtig. Also werde ich nicht zu weit auf jede Ikone
hineingehen,
weil
man für alle arbeitet. zu weit auf jede Ikone
hineingehen,
weil zu weit auf jede Ikone
hineingehen,
weil
man für alle arbeitet. OK, also ist das eine schnelle Abfahrt der Symbole. Als nächstes gehen
wir weiter und fügte den Parallax-Effekt mit den Schaltflächen hinzu. Also genau hier, werden wir tatsächlich an einer Kreuzung Fuß gehen und wirklich auf diese Vier-Säulen-Straße klicken genau hier. Okay, also haben wir diesen Abschnitt. Jetzt gehen
wir weiter und fügen einige Zahlen hinzu. wir hier runterscrollen, müssen
wir dieses Jahr den Zähler finden. Sagt Zähler zuerst und zieht nach oben. Nun, sagen
wir einfach, ich will, wissen
Sie, setzen Sie die Startnummer 21 und und 2 100 Es wird bei einem beginnen und dann zu 100 Oregon beginnen bei 50, was immer Sie wollen. Also, jetzt werde
ich nur sagen, OK, endete $100 oder eingegeben 100 gerade jetzt. Genau hier. Unter der Animationsdauer können
Sie festlegen, wie schnell sie sein soll. Aber zwei Sekunden sind ziemlich gut. Etwas länger als das, die Leute könnten, wissen
Sie, OK
sagen. Es ist irgendwie nicht cool, weißt
du? Also genau hier wird Anzahl von für Kaffeetassen,
Kaffeetassen setzen . Jetzt für Stil, können
wir den Text ändern. Jetzt lasse ich es weiß. Ich weiß, du kannst es nicht sehen, aber mach dir keine Sorgen. Wir werden hier einen Hintergrund setzen, der das jetzt auf ihrer
Topographie sichtbar macht . Dasselbe, was ich öffentlich bin. Glauben Sie es als Weißen. Aber ich möchte es vielleicht etwas größer machen. Es hier können wir die Größe davon ändern. Und für den Titel hier. Ich will den Titel als Weißer Fall. Denken Sie
daran, das ist der Titel und die Topographie. Lassen Sie mich schauen. Klicken Sie weg. Dieser Abschnitt hier wird den Titel ändern. Okay, also gehen wir voran, wir brauchen da nichts wirklich. Aber genau hier, unter Abschnitt gehen klicken Sie auf Abschnitt Ich möchte diesen Narr mit machen und ich möchte in einem
Hintergrund hinzufügen , so genau hier unter Inhalt werden wir diesen Abschnitt voll mit Ihnen sehen können es ist voll mit jetzt und ich will eine coda Stil und ich möchte in einem Hintergrund hinzufügen. Also hier drüben, unter klassisch, werden
wir auf Bild klicken. Und ich bin genau wie einer von denen hier, genau wie dieser hier. Okay, jetzt Position. Dies geht also, um die Position des Bildes zu steuern, wo es sein soll, aber im Allgemeinen als keine zu belassen. Ich möchte nur eine Betonung von allem abdecken. Die Anhänge, die wir jetzt mit der festen Option fixiert setzen, ist, dass es den Parallax-Effekt
erzeugt. Okay,
Wiederholungen, die Sie nie wollen. Wiederholen Sie jetzt, was das tut. Grundsätzlich wiederholt
es das Bild wie 45 Mal. Es ist wirklich alt und hässlich. Und wenn Sie möchten, äh, ich weiß es nicht. Ich weiß nicht mehr, wer das macht. Ich weiß wirklich nicht mehr, wer Pizza-Bilder waren. Ich denke nur, es sieht verrückt aus. Also werde ich es als keine ausdrücken. Jetzt für Größe, können
wir Abdeckung setzen, die wir setzen können ,
enthalten, oder wir können Auto usw. setzen. Jetzt, hier
drüben, unter der Rückseite auf Overlay, können
wir wählen, ein Hintergrund-Overlay auf diesem Bild zu haben, aber wirklich schnell für das Layout. Ich möchte die Größe hier im Grunde kontrollieren. Ich kann dir nicht wirklich alles zeigen, weil ich die Höhe erhöhen muss. Also genau hier, unter der Höhe, werden
wir Männer Bildschirm setzen. Und wie groß wollen Sie diese Größe? Vielleicht legen wir es auf 500. In Ordnung, jetzt klicke
ich noch einmal auf die Spalte, und genau hier, weißt
du, können
wir ihm einen Bok-Schatten hinzufügen. Siehst du alle Kastenschatten, die jetzt darüber betont? Das sieht ziemlich cool aus. Weißt du, es ist ein guter Grund, warum Toe es hinzugefügt hat. Sie wissen es? So die Farbe können wir die Farbe ändern. Sehen Sie, wie hat diese Hintergrundfarbe, die wir kontrollieren können? Kontrollieren Sie die Ausbreitung direkt hier oder wir treffen uns horizontal. Wir können es vertikal machen
, und so weiter. In Ordnung, vorerst werde
ich gehen und das leer lassen, und wir können auch die Ausbreitung dieser Farbe ändern,
verstehst du? Du siehst also, wie wir diese Animation über der Box haben. Willst du das? Geh drauf. Ok. Aber im Moment werde
ich ihn hier anrufen, und wir werden diese Reihe tatsächlich duplizieren. Also möchte ich diesen Abschnitt hier duplizieren. Nun, sehen
Sie, wie hat das wie gemacht? Wir haben gerade einen ganz neuen Abschnitt erstellt und es einfach sanftmütig machte es im Grunde 1/5 Spalte. Um das zu tun, müssen
Sie hier auf diesen Abschnitt klicken. Wenn du auf den Spaltenabschnitt klickst und ihn duplizierst, wird
es tatsächlich immer mehr Straßen schaffen, und es wird es weiter schieben. Okay, also genau hier möchten Sie auf diesen Abschnitt klicken und einfach diesen Abschnitt ziehen und ziehen Sie ihn und dann diesen Abschnitt für die Spalte. Ich möchte das löschen. Stellen Sie sicher, dass Sie nicht auf Abschnitt des Abschnitts klicken. Wenn Sie hier gelöscht gehen, wird
es Ihren gesamten Abschnitt löschen. Das habe ich schon so oft getan. Es war also so frustrierend, als ich anfing. Das ist blöd. Paige Miller. Das funktioniert nicht, weißt
du. Also genau hier, geh zur Spalte und schließe sie dort. Okay, also los gehst du. Wir haben diesen schönen Abschnitt. Sieht wirklich gut aus. Wenn ich fortfahre und scrolle,
siehst du,wie wir jetzt diesen Parallax-Effekt haben? Wenn ich fortfahre und scrolle,
siehst du, So erzeugen wir im Grunde den Parallax-Effekt. Sie müssen es als fixiert setzen. In Ordnung? Eine Wiederholung. Sie müssen es als fixiert setzen und nicht scrollen, um den Parallax-Effekt zu erzielen. Aber keine Sorge, Wir werden ein wenig mehr über Parallax sprechen, wenn wir zu diesem Abschnitt auf der Seite gehen. Ich werde das hier schließen. Eigentlich gehe
ich zu meinem Wilson. Ich möchte euch eine kurze kleine Probe zeigen, von der ich tatsächlich eine voll funktionsfähige
Parallaxe-Seite gemacht habe. Und wir werden mehr darüber sprechen. Wie erreicht man das? Sieh mal, wenn wir zu diesem Teil des Tutorials kommen, okay? Und ich habe hier
natürlich ein Video gemacht, natürlich ein Video gemacht, aber
wir werden mehr darüber reden, wie Sie einen voll funktionsfähigen Parallax-Effekt mit wirklich coolen
Dingen wie diesen haben können . Okay, also vorerst, Jungs, das ist es für diesen Abschnitt. Das ist es für den Parallax-Effekt und auch für die Zahlenzähler. Wie ich schon sagte, Sie können uns unter dem Stilbereich ändern. Die Textfarbe, alles ist da. Also will ich nicht noch einmal über
diesen Abschnitt reden , ,weil wir schon dran sind. Richtig? Also gehen wir weiter zum nächsten Abschnitt, wo wir darüber reden werden, wovon Sie
reden ? Der nächste Abschnitt. Wisst
ihr, Leute, ich bin nicht geschrieben. Wenn ich diese Tutorials mache, mache
ich nur, Weißt
du, wir werden über diesen Abschnitt hier sprechen. Wir haben dieses Handy und wir werden den Call to Action vorstellen, also sehe ich euch alle dort.
9. Handy und Carousel: Na gut, Leute, willkommen zurück. Also lassen Sie uns gehen und auf dem Telefon direkt hier hinzugefügt, und wir werden tatsächlich in einigen Text zusammen mit einem Call to Action hinzufügen. Das erste, was wir tun müssen, ist ein Zwei-Säulen-Seil zu machen. Also hier drüben, unter neuen Abschnitt hinzufügen wird zwei auswählen. Und genau hier schnappen wir uns ein Bild und ich wähle das Bild aus. Und ich werde diese Telefone hier schnappen und in Medien eintreten. Nun, Jungs, eine Sache, die ich Ihnen sagen möchte, ist, wenn Sie Bilder beantworten, stellen Sie sicher, dass es eine PNG-Datei ist. Die PNG-Datei wird tatsächlich diesen transparenten Hintergrund haben. Wenn Sie also einen anderen Farbhintergrund haben, wird
es keine Rolle spielen, weil er sich perfekt einfügt. OK, wenn Sie
also JPEG-Dateien packen, werden
die Jay Peak-Dateien das Weiß im Hintergrund haben, und es wird nicht so aussehen. Okay, stellen Sie sicher, dass es eine PNG-Datei ist. Okay, also habe ich das Bild eingelegt. Jetzt gehen wir weiter und fügen Sie hier einen Text hinzu. Also, genau hier, werde
ich mir die Überschrift schnappen und genau hier. Oh, setzt dieses Tutorial ist einfach. Eine andere Sache, über die ich reden möchte, ist, wenn Sie es tun, wissen
Sie, setzen Sie es in Text auf Ihrer Website. Das erste Wort jedes traurigen ersten Buchstabens jedes Wortes ist ideal. Und viele Leute tun das, weil es einfach gut aussieht. Und das ist im Grunde, was alle anderen tun. Also möchte ich das im Grunde zu zentriert machen oder eigentlich, nein, ich möchte das nach links stellen. Ich möchte die Telefone schließen und hier in deinem Stil. Ich werde diesen Text in Schwarz ändern. Jetzt, unter dem erweiterten Abschnitt, möchte
ich einen Rand hinzufügen. Also, genau hier, werde
ich auf das kleine miteinander verlinkte klicken und ich werde einen Rand hinzufügen. So sehen Sie jetzt, wie es Raum auseinander. Das ist also im Grunde ein guter Grund, warum wir die Marge nutzen können. Nun gibt es zwei Möglichkeiten, diesen Abschnitt zu machen. Wir können eigentlich gleich hier drüben, wir können den Texteditor ziehen und hier, oder wir können voran gehen und Spalten greifen und wir können stattdessen die Spalte dort platzieren. Es gibt also zwei Möglichkeiten, das zu tun. Nun, was die Spalten tun. Wie gesagt, erstellt
es nur im Grunde zusätzliche Spalten innerhalb des Abschnitts. Aber das will ich nicht tun. Also klicke ich auf X und klicke auf Löschen. Aber das ist nur ein anderer Weg, es zu tun. Ich zeige dir nur, dass es andere Möglichkeiten gibt, es zu tun. Jetzt, unter Texteditor, werde
ich mir das einfach schnappen. Und du siehst, wie die blaue Linie genau dort ist. Es wird es fallen lassen, und ich werde meinen berühmten Dummy-Text schnappen, und ich werde ihn einfach da reinlegen. Nun, äh, und natürlich, wenn der Stil geändert wurde, enthielt
der Stil die Textfarbe. Wir könnten es zu einer Linie machen, die zentrierte. Aber im Moment wollen wir wahrscheinlich entweder gerechtfertigt oder links gerechtfertigt tun. Sieht auch gut aus, aber ich möchte es links halten, und ich möchte einen Call to Action hinzufügen. Also dieser Knopf, so dass wir es einfach nach unten ziehen, legen Sie es direkt dort. Jetzt möchte ich wahrscheinlich die Hintergrundfarbe ändern. Weißt du, so sieht es nicht gut aus. So können
wir unter Stil die Textfarbe aber in Weiß und die Hintergrundfarbe auf vielleicht
so etwas wie Schwarz ändern . Perfekt. Das ist perfekt. Jetzt möchte ich euch allen ein neues Widget vorstellen, das wir noch nicht benutzt haben. Und das ist die Es heißt das Bild Karussell. Ja, das Bild-Karussell. Wir wollten das jetzt benutzen. Okay, also werde ich das schnappen und es einfach in den Nachrichtenbereich hinzufügen. Also, welche Bilder wollen Sie? Nun, wir brauchen noch ein paar Bilder. Ich will Anzeige in diesem. Ich möchte in diesem hinzufügen. Ich möchte Anzeige in diesem hier, und ich möchte etwas wie dieses hinzufügen,
auch hier . Und ich gehe zur Kreditgalerie. Sie können diese Namen nennen, aber dafür werde ich ihm keine Namen geben. Ich zeige Ihnen, warum. Ich denke, es ist gut, genau so. Und ich werde gehen, um eine Galerie einzufügen. Jetzt werden Sie sehen, dass die Bilder dort lüften, so dass die Bilder dort lüften und die Menschen durch sie blättern und es überprüfen können. Aber gehen wir weiter und machen ein bisschen mehr Kontrolle. Weißt du, wie viele Folien du zeigen möchtest? Also zum Beispiel, wenn Sie wirklich wollen, um Onley Tour zeigen Treibstoff, Sie wollen nicht zeigen, dass Sie nur eine zu zeigen haben können. Aber ich will vielleicht um drei. Jetzt ist es die Schriftrolle geschnitten. Weißt du, wir können das so belassen, als ob es im Grunde keiner war. Nur einer blättert, oder Sie können zwei Folien aus. Regeln werden scrollen, usw cetera. So Bild dehnen. Wenn Sie das dehnen wollen, können
wir es dehnen. Ich mag nicht, wie es aussieht, weil es ein wenig verpixelt aussieht. Also, genau hier, werde
ich keine Navigation machen. Wir können es als Pfeile und Punkte haben. Nun, der Grund, warum Sie die Pfeile nicht sehen können, ist, weil sie weiß sind und wir werden das in
nur einer Sekunde ändern . Aber wir könnten Pfeile und Punkte haben. Wir können nicht nur Pfeile. Wir können Punkte haben, aber ich werde es als Roan belassen. Punkte, die mit uns verknüpft sind, können wir diesen Link zu einem bestimmten Abschnitt machen. Sagen wir mal, das sind deine Partner. Sie können auf benutzerdefinierte Ihre l klicken und wenn jemand auf diese klickt, wird
es sie zu dem bringen. Websites. In Ordnung. Geht zu keiner. Lass uns zu zusätzlichen gehen. Also Puls über Hover, wo im Grunde, wird
es Puls über den Hover die Auto-Play setzen. Wollen Sie also, dass diese ständig so scrollen, wenn Sie das wollen, können
Sie es als ja belassen. Jetzt, Automatische Wiedergabegeschwindigkeit. Es steht also 5000. Das sind keine 5000 Sekunden. Es sind 5000 Millisekunden. Also M s. Sagen wir, Sie setzen es auf 2000. Es wird viel schneller scrollen, wenn wir das tun. Siehst du, es wird etwa zwei Sekunden warten. Eins zum Boom. Okay, es soll gehen, aber ja, es ist wahrscheinlich, weil wir auf der Seite Builder sind, aber Sie können es auch auf 1000 reduzieren. Endlosschleife Wollen Sie, dass wir weitermachen? Willst du, dass es weitergeht? Wenn Sie das möchten, gehen Sie voran und setzen Sie ja, die Animationsgeschwindigkeit. Also, wie schnell Sie wollten, um Feind wie Sie jetzt sehen, Wie hat dieser Animationseffekt wollen Sie, dass es schneller sein? Sie können so etwas wie 1000 setzen. Wir sind jetzt, es ist ein bisschen langsamer oder sogar etwas wie 100, wo es super
schnell gehen wird . Siehst du das super schnell? Aber vorerst werde
ich es einfach bei
500 bis 300 belassen werde
ich es einfach bei
500 bis 300 belassenund dann Richtung. Offensichtlich links oder rechts, gehen
wir? Lassen Sie es jetzt links für Stil. Jetzt für die Aero-Position. zunächst Lassen Sie unszunächstdie Pfeilfarbe ändern, damit wir sie sehen können. Ich will ihn zu schwarz bringen, damit du die Pfeile hier sehen kannst. Jetzt für die Aero-Position. Willst du sie drinnen? Oder Sie wollen sie außerhalb der Box, so dass sie draußen außerhalb der Box sind. Drinnen wird
es drinnen sein. Und natürlich, die Punkte können Sie ändern. Du willst sie drinnen oder draußen. Sie können die Punkte größer oder Sie können sie kleiner machen. Und Sie können auch die Punktfarbe ändern. Jetzt für Bild, können
Sie wählen, um es zu haben. Wie Sie wissen, Brauch. Wir können benutzerdefinierte Abstände zwischen den Bildern haben. Sie können diese etwas näher zueinander oder weiter auseinander für den Randtyp machen. Wir können wählen, dass es verdoppelt wird. Wir können es als punktiert haben, können es als gestrichelt haben. Und wir können das mit dieser Punkte ändern, wenn Sie möchten. Und wir können auch die Farbe dieser spezifischen Punkte ändern. Ok. Aber ich will nicht zu viel reinkommen, weil das nur zeitaufwendig ist. Und SS zwei Kern und Dekoration, denke
ich, wie das ist ziemlich Standard. Ich finde, es sieht ziemlich gut aus. Und natürlich können wir
für Fortgeschrittene die Marge ändern. Wir können die Polsterung ändern. Vielleicht willst du das ein bisschen runterdrücken oder es nach rechts schieben oder nach oben schieben , etcetera. Und mit allem, was wir haben Eingang Animation. So sehen Sie, wie wir die Eingangsanimation haben. Wo? Was? Es kommt so auf. Also für jede Einstellung können
wir Animation haben. Okay, bedenken Sie das, denn das ist für jedes einzelne Modul, das wir verwenden. Okay, also das ist im Grunde dieser Abschnitt, Leute, das war im Grunde das Telefon und diese Kämpfersitzung. Ah, die nächste Sitzung. Wir gehen tatsächlich auf die nächste Seite, oder es wird über den Abschnitt über uns sprechen. Also werde ich euch alle dort sehen
10. Theme: Okay, Leute, lasst uns einen kurzen Überblick über unsere Website nehmen. Schauen Sie sich unsere Website genau hier an. Das ist unsere Zielseite. Ihr könnt sehen, dass es schon schön aussieht. Wir haben einen wirklich,
wirklich guten Job bei der Erstellung dieser Seite. Aber es gibt einige Dinge, die ich ändern möchte und auch erwähnt, bevor wir auf die
über US Abschnitt gehen Jetzt genau hier ist unser Widget Abschnitt Und keine Sorge, wir werden über Widgets und Fußzeile sprechen und auch am Ende werden wir ein bisschen weiter fortgeschritten und sprechen Sie darüber, wie Sie Ihre eigene Fußzeile mit dem Seitengenerator erstellen können. Aber wirklich schnell, lassen Sie uns voran und sprechen über das Thema Customizer und erstellen Sie auch alle Seiten, die wir brauchen. Also genau hier unter neue hinzufügen, könnten
wir zur Seite gehen und Sie wollen die über uns Seite erstellen Also hier, um zu gehen und genau hier. Denken Sie daran, wir wollen Sidebar. Es tut mir leid. Ein Inhalt ohne Sidebar für die Widgets wird einfach gehen und für den Moment setzen. Sie wollen voll mit Inhalten und wir wollen vor und deaktivieren Sie den Inhalt Titel und gehen auf Veröffentlichen klicken und wir gehen, um neue hinzufügen wieder und wir werden in der Services-Seite und die
gleiche Sache hier hinzufügen . Inhalt. Keine Seitenleiste zu voll mit. Deaktivieren Sie den Inhalt. Ich werde das veröffentlichen und wir gehen, um neue hinzuzufügen, und dann gehen wir zu Parallax und dann
werden wir Inhalte tun. Keine Sidebar zu Widgets voll mit, und Sie wissen, dass wir ein wenig hinzufügen, um das in. Dies ist im Grunde die Erstellung aller Seiten, die wir brauchen, und dann machen wir eine weitere, die ist die Kontakt-US-Seite und dann gleich hier. Inhalt. Keine Seitenleisten. Zwei Widgets voll mit Inhalt und deaktivieren Sie den Inhalt Titel und ich werde veröffentlichen, dass. Lassen Sie uns nun über das Thema Customizer sprechen. Wenn Sie also Ihre Seiten sehen möchten, klicken Sie
einfach auf alle Seiten hier und wir haben die über den Kontakt, das Haus, die Parallaxe und den Service ist in Ordnung, aber wir müssen jetzt einige Änderungen vornehmen. Wenn du auf die Website gehst, wird
es hier so aussehen. Und das liegt daran, dass wir die Homepage als statisch festlegen müssen. Also genau hier unter Anpassen bereit, gehen Sie auf die statische Titelseite. Jetzt, genau hier. Es ist eine statische Seite. Wir müssen die Titelseite als unsere Homepage zitieren. Gut, und wir werden auf Speichern und veröffentlichen klicken. Okay. Und auch werden wir ein wenig später mehr über die Blawg sprechen. Aber dieses Thema hat es tut mir leid, diese Seite Miller hat bestimmte Abschnitte. Ford Blog. Möglicherweise müssen wir die Sperrseite nicht verwenden. Es liegt an Ihnen, aber ich werde über die gehörenden Funktionen auf diesem Page Builder sprechen. Aber gehen wir zurück und sagen wir, wir haben ein Logo. Nun,
wenn Sie
in Ihre Website investiert haben,
was sind $5? haben, Weißt du, mit $5 könnt ihr ein sehr schön aussehendes Logo bekommen. Und kurz vor dieser Sitzung
haben wir darüber gesprochen, dass ihr einen Verstand habt, wie ihr es gesehen habt. Wie ein kleiner Artikel. Es gibt eine Website namens Fiverr dot com, und die Fiber dot com ist im Grunde tun sie alles für $5. Ich meine, sie sehen dich Happy Birthday für $5. Diese Jungs werden alles tun. $5. Es ist ziemlich verrückt. Also geben Sie einfach das Logo hier ein. Nun, der Link in der Beschreibung, der ein Affiliate-Link war. Wenn ihr also etwas kauft. Ich bekomme nicht mal eine kleine Provision. Ich denke, es ist wie die Menge der Leute, die sie mitbringen. Es ist eine sehr kleine Provision, aber das ist keine Kosten für Sie. Es hilft mir nur, weißt
du, es hilft mir nur. Also schätze ich das. Aber genau hier könnt ihr sehen, wie ihr wisst, dass diese Jungs euch wirklich cool machen werden. Logos. Lassen Sie uns voran und klicken Sie auf so etwas wie Still-Logo-Design. Also Logo-Design und wir werden einige wie diese hier greifen. Also werden diese Jungs dir ein Logo für nur $5 Leute bauen. Und sie haben ein paar wirklich nette Sachen. Weißt du, sie machen wirklich ein paar nette Logos. Und viele dieser Typen sind in Übersee ansässig, also ist es sehr billig für dich. Also würde ich empfehlen, bekommen ich meine kleine gehen von dieser Website, so empfehle ich es. Nein, sagen
wir, Sie haben ein Logo. Laden wir es hoch. Das ist also unser Abschnitt hier. zuerst zu einer Site-Identität Was Sie wollen, Gehen Siezuerst zu einer Site-Identität Was Sie wollen,dass Ihre Website sagen, also können wir entweder sagen, wissen
Sie, uh, das wird Darryls Darryl-Seite sein, und wir sind räuberische ALS, die Sie nicht können Jetzt können Sie auch die Heidi's wählen. Also auf meiner anderen Seite hier, tatsächlich beide deaktiviert. Und ich habe nur mein Logo. kannst du auch tun. Du hast kein Logo. Du kannst es so lassen. Nehmen wir an, Sie haben ein Logo. Ich werde gehen, um das Logo auszuwählen. Jetzt empfehlen
sie die Größe von 3 50 mal 70. Aber ich denke, du könntest 3 50 mal 90. Nun, dieser Teil ist die Länge, also wollen Sie es irgendwie größer. Also glaube ich, ich habe mein Logo. Ist es. Ich habe mein Logo woanders gesetzt, aber jetzt werde
ich einfach voran gehen und so etwas wie, uh, oh, ist das hier? Okay, das ist
also 3 50 mal 80 und es ist eine PNG-Datei. Das kann ich nicht genug trauen. Es muss eine PNG-Datei sein, denn wenn Sie die Farbe ändern, wird
sie verschmolzen. Also hier, gehen Sie
einfach voran und tun, dass das Bild beschneiden wird. Und da gehst du. , Sagen
wir einfach,ich will all das andere Zeug hier loswerden. Ich kann auf Ausblenden klicken und auch verstecken. Okay. Jetzt für das Site-Icon. So sehen Sie genau hier, wie Faser hat grüne Punkte aus dieser Website hat seine Zahnrad-Symbol. Willst du das ändern? Klicken Sie einfach auf Bild auswählen hier, und alles, was Sie tun müssen, ist nur das Bild auszuwählen. Also, genau hier, werde
ich mir das hier schnappen. Ich wähle es aus, aber ich möchte es beschneiden. So sehen Sie, genau hier, wie wir das Bild von diesem kleinen coolen Pferd haben, werden
wir auf Bild zuschneiden klicken. Und jetzt, von jetzt an, siehst du oben links hier oben. Nun, wenn jemand auf meine Website kommt, wird
es zeigen, dass stattdessen Ok. Wirklich cool. Wirklich einfach hier rüber zu gehen. Ich empfehle nichts davon zu tun. All diese hier. Ich empfehle es nicht, weil ich mag, wie das aussieht. Aber wenn du dich ändern willst, mag
ich den Stil genau hier. Unter Ihrem Layout gehen
Sie zum Container. Du kannst dich ändern. Du kennst die Breite davon. Sie können auch wissen,, ein Container, etcetera Auch hier drüben. Unter Kopfzeile. Sie können den Header voll mit machen, oder Sie können ihn so enthalten haben. Und Sie können auch wählen, um diese voll zu haben. Und die Kopfausrichtung können Sie als Zentrum so etwas wählen. Genau da. Okay,
Also, wenn Sie diese Einstellungen haben wollen, wissen
Sie, es gibt einige Funktionen, die Sie haben können. Ich persönlich mag es nicht zu sehr, aber dann wieder,weißt
du, weißt
du, es ist deine Website, also zeige ich dir im Grunde, wie man es stylt. Also werde ich wieder hier rüber gehen. Primäre Navigation. Wir können die Einstellungen auf all diesen ändern. Also der Navigationsinhalt, das ist dieser Abschnitt direkt hier Wir können haben, dass die Praktikantin enthalten. Vorwurf Mugabe als voll. Oder wir können dies in,wissen
Sie,
über dem Header ändern wissen
Sie, . Was auch immer Sie wollen, die Luft. Nur im Grunde Einstellungen, wo Sie einfach, wissen
Sie, entscheiden können, wohin Sie es wollen. Ähm, ich werde es wahrscheinlich belassen, wie Sie wissen, unter der Kopfzeilennavigation Ausrichtung, vielleicht Zentren. Gut. Wissen Sie, wenn wir es hier haben, vielleicht sind die Zentren gut und Navigation und Drop-down. Wenn Sie ein Dropdown-Menü haben, werden
wir über Drop-Down-Menüs in nur ein wenig sprechen. Ähm, es wird tatsächlich ein,
ähm,
ein Hover-Icon oder ein Menüelement
usw. erstellen ähm, ein Hover-Icon oder ein Menüelement . Aber ich habe momentan keine Dropdown-Menüs, so dass es Ihnen jetzt nichts für die Navigationssuche zeigt. Wir können wählen, ob das aktiviert wird. Und was das tun wird, ist, dass dieses kleine Symbol zu schaffen, und die Leute können eine Website nach etwas Bestimmtem suchen. Okay, hier rüber zu
gehen. Seitenleisten Wir benutzen keine Seitenleisten. Vielleicht für eine blockierte Seite. werden wir. Wir werden ein wenig später über die Blockseite sprechen. Und wir haben auch Widgets, die wir ein wenig später über Widgets sprechen werden. Und Menüs. Wir können jetzt tatsächlich ein Menü erstellen, also gehen wir weiter und machen das. Also genau hier, gehen Sie auf ein Menü hinzufügen klicken. Wir machen Menü eins, erstellen das Menü, und lassen Sie uns gehen und einige Elemente hinzufügen. Und so fügen Sie einige Elemente hinzu. Wir werden das Haus bla,
bla , bla, und hatten die in. Alles klar, jetzt ist das unsere Speisekarte hier. Also zu Hause Kontakt mit den Parallax-Diensten und jetzt, wenn Sie das Format ändern wollen, können
wir weitermachen und, wissen
Sie, legen Sie es dort hin, oder wir werden den Kontakt hier drüben setzen, etcetera. Nun, wenn Sie ein Dropdown-Menü erstellen möchten. Sie müssen dies auch tun und einfach so unter diesen Abschnitt ziehen. Okay? Und dies wird ein Dropdown-Menü erstellen. Jetzt werde ich auf das Hauptmenü klicken hier und jetzt sehen Sie genau hier, wie wir dieses
Dropdown-Menü haben . Wo hat die Über? Und jetzt geht hier die Parallaxen-Seite. Also willst du diesen Effekt? kannst du tun. Aber vorerst glaube
ich, dass man das als Blink als Hauptmenü überlassen kann, oder, weißt
du, es liegt an dir. Wenn nicht ah, ist
es unser Hauptmenü. Das ist es, was wir benutzen. Aber dieses Thema mag es nicht, dass es schafft, dass kleine Schaltfläche direkt dort. Also möchte ich nicht, dass es einige es als das lassen und klicken Sie auf Speichern und veröffentlichen. So erstellen Sie ein Menü und Sie kennen viele Zehr Gut, denn wenn Sie diese Drop-Down-Effekte haben wollen, können
Sie das mit dem tun, müssen Sie ein Menü erstellen, um das zu tun. Okay, jetzt, für Widgets wird darüber sprechen, was es ein wenig später ist. Ein zusätzliches CSS. Das ist benutzerdefinierte Codierung all das Zeug hier drüben. Soweit Farben und Layouts für eine Linkfarbe, werden
wir tatsächlich brauchen, um dies zu ändern, die wir wahrscheinlich nicht ändern werden, ist etwas wie Weiß. Das heißt also, wenn wir benutzerdefinierte Links erstellen, was ein wenig später sein wird, wenn wir über die sprechen, ähm Was ist das? Die benutzerdefinierte Fußzeile. Wir werden darüber sprechen, warum Sie die Linkfarbe ändern möchten. Ich habe das auf harte Weise herausgefunden, weil ich einen Klienten hatte, der mich anschrie, und ich wusste nicht warum. Und ich fand es so gut, also ist es im Grunde, Leute, das ist das Thema. Customizer. Ah, viele von denen hier, wie Farben. Ich würde diese nicht empfehlen, weil wir die Farbe und auch die Topographie auf der
eigentlichen Seite Bowler selbst ändern können . Also brauchen wir nicht zu verwenden, was der Theme-Customizer uns gibt, so dass wir eine Menge davon ignorieren können. Aber für die Site-Identität und auch das Layout, möchten
wir vielleicht einige dieser Einstellungen ändern und auch sicherstellen, dass Sie die Titelseite ändern . Das ist sehr, sehr, sehr wichtig. Okay, also Michael sagen Sie, dass sie veröffentlicht wurden? Gut. Und wie ich schon sagte, Jungs, goto Fiber Es ist der beste Ort, um Ihr Web zu bekommen, um Ihr Logo zu bekommen. Ich meine, und du weißt schon, sei
nicht billig. Versuchen Sie nicht, ein kostenloses Logo zu bekommen. Es wird ein Albtraum. Ich meine, es ist, ich habe es getan und ich es, ich gehe immer zurück zu Faser. Ich gehe einfach zurück, da es nicht gut ist. Gehen Sie einfach zu Fiverr, geben Sie $5 aus. Es ist gut. Wenn nicht, wenn Sie kein Logo haben oder Sie nicht wollen, verwenden Sie
einfach den Text ist völlig in Ordnung. OK,
jetzt, da wir das erstellt haben, bin
ich ein Koch auf der Über Seite und wir werden unsere über uns Seite erstellen, also werde ich euch alle dort sehen
11. Über uns: Na gut, Leute. Also lasst uns jetzt voran gehen und die über uns Seite machen. Also, genau hier, werde
ich gehen, um die Seite über uns zu bearbeiten. Nun, wenn Sie nicht finden können, dass Sie auch zu Ihren Seiten direkt hier gehen können, indem Sie auf alle Seiten klicken,
die zu ungefähr gehen . Und wir werden das mit L einem Mentor bearbeiten. Und jetzt, da ihr euch ein bisschen wohl fühlt, werden
wir den Prozess etwas beschleunigen. Wir werden das etwas schnell machen, damit Sie es verstehen. Es ist irgendwie dein Gehirn zu ärgern. Okay, genau hier unter der Überschrift werde
ich voran gehen und es schnappen. Und Leute, wir machen einfach den gleichen genauen Abschnitt. Es ist wirklich einfach. Es ist wirklich einfach. Okay, also hier drüben, werde
ich weitermachen und Änderungen an der Über uns machen. Ich werde das in den Mittelpunkt des Stils stellen. Ich werde die Textfarbe in Schwarz ändern. Jetzt, hier
drüben, unter Stil. Ich kann die Topographie ändern, aber das will ich nicht tun. Jetzt drüben hier unter Abschnitt, möchte
ich in einem Hintergrundbild hinzufügen Also hier unter Stil Hintergrundtyp. Wir werden klassisch machen, und wir werden uns vorstellen. Okay, jetzt, genau hier. Ich wähle die Krähe aus. Nun, die Größe ist 1920 mal 4 23 Okay, also gehe ich voran und antworte jetzt in die Medien gehe zurück. Siehst du, wie es so nicht gut aussieht? Wir müssen nur zum Auslegen gehen. Wir werden in die Höhe gehen und einfach das Hoch hier ändern. So 400. Das sieht gut aus. Die Spaltenposition Mitte. Die inhaltliche Position, die ich in der Mitte wollte. Alles klar, jetzt, genau hier. Ich klicke auf den Text und wir können zum Stil gehen. Und genau hier auf einer Topographie können
wir die Größe dieses Textes ändern, aber in Ordnung, jetzt gehen
wir weiter und fügen Sie einige weitere Abschnitte hinzu. Dieser Abschnitt ist ziemlich fertig. Einfach hier rüber zu gehen. Wir gehen auf den Weg. Und ich wollte voran gehen und hier einen Text einschreiben und,
du weißt schon,
genau hier habe ich einen schnellen Überblick genau so gegeben du weißt schon, . Ich werde einen schnellen Überblick geben, und wir werden das zentriert machen. Jetzt. Sie wollen voran und setzen Sie dies wissen Sie, wir wollen es ein wenig nach unten ziehen, aber wir wollen auch die Farbe ändern. Also die Textfarbe. Ich will es schwarz machen. Und du erinnerst dich, wie würdest du das runterdrücken? Denk darüber nach. In Ordnung? Es ist unter den erweiterten Optionen, und es ist die Marge. Denken Sie daran, wir erstellen einen Rand von 100 Pixeln genau so. Okay, jetzt wollen wir in dieser Bar hinzufügen. Also ich bin sicher, dass Sie wissen jetzt, wie Sie in der Bar hinzufügen, klicken Sie auf diese rechts hier. Wir werden zum Teiler gehen und dann einfach nach unten ziehen. Nun, die Ausrichtung muss in diesem zentriert sein, okay? Und die Lücke. Ich will eine sehr kleine Lücke, und dann werde ich es einfach so reduzieren. Okay, einfach. Einfach. Nun, der nächste Abschnitt möchte ich in einem Abschnitt direkt hier hinzufügen. Eigentlich möchte
ich es im Text hinzufügen. Und dann haben wir hier einen Abschnitt hinzugefügt, und wir stellen Ihnen alle diese Bartheke vor. Also hier drüben, werde
ich zu diesem Abschnitt Texteditor gehen. Wir werden einfach nur, dass wir es hier setzen können, oder wir machen einen ganz neuen Abschnitt. Also, genau hier, werde
ich einfach voran gehen und etwas Dummy-Text einfügen und sehen, ob ich einfüge. Also habe ich dort mein Dummy-Textil. Mal sehen, ob ich das tue. Ja. In Ordnung. Cool. Jetzt für Stil. Ich möchte, dass das so zentriert ist. Jetzt gehen
wir weiter und fügen Sie in Ihrem Abschnitt hinzu. Also fügen Sie in Ihrem Abschnitt wird zwei Balken setzen, dieser Abschnitt direkt hier. Ich werde tatsächlich zu diesem Abschnitt gehen und zum Texteditor gehen und einfach etwas Texaner ziehen. Alles klar, fügen Sie es ein. Nun sagen wir, ich möchte hier etwas Raum schaffen. Weißt du, ich möchte eigentlich, dass dieser Abschnitt mehr Polsterung hat. also auf Abschnitt hier klicke, möchte
ich zum erweiterten Abschnitt hier gehen, und ich möchte tatsächlich einen gewissen Spielraum machen. Eigentlich könnten
wir etwas Polsterung machen, also setzen Sie wie 100 genau da, so dass das ein bisschen besser aussieht. Das teilt es ein bisschen mehr auf. Tun wir nicht. Wir wollten etwas Platz haben. Jetzt, genau hier. Ich werde ein anderes Modul hinzufügen. ich hier klicke, werde
ich nach unten scrollen und wir werden die Fortschrittsleiste einfach so verwenden. Also genau hier haben wir, weißt
du, meine Fähigkeiten. Also Web-Design und dann genau hier haben wir Typ. Also, das sind nur im Grunde Farben, wissen
Sie, wenn Sie es wie eine kleine Abkürzung, und genau hier, wir haben Prozentsatz setzen, wissen
Sie, etwas wie 90%. Jetzt können Sie das Prozentzeichen ausblenden, wenn Sie möchten, also werde ich es einfach wenn Sie möchten,
also werde ich es einfach
verstecken. So wird es einfach sagen, 90 oder einfach nur Es wird nur sagen, die Bar aus Versehen, und dann direkt hier wird die Erfolgsrate setzen. Alles
klar, klar, für Stil möchte
ich, dass die Balkenfarbe etwas anderes ist. Ich will, dass der Garko schwarz ist. Weißt du, es passt zu
meinem, meinem Stil hier. Von was? Ich versuche, es zu erreichen. Wie das Genre, die Bar Hintergrundfarbe, können
wir das und auch die innere Textfarbe ändern. Das ist also die innere Textfarbe. So können wir das in so etwas wie Blau oder Grau oder so etwas ändern. Alles klar, jetzt wird der Titelstil, wir werden wahrscheinlich zu schwarz ändern, was dieser Abschnitt hier ist. Und wir können auch hier durchgehen und auch die Schriftart ändern. Und für den fortgeschrittenen Abschnitt können
wir uns entscheiden,
eine Animation zu haben können
wir uns entscheiden,
eine Animation zu haben, wie,
du weißt schon,
sie schwingt so nach unten. , wie, du weißt schon, Nun, anstatt tatsächlich ein völlig neues Modul zu erstellen, können
wir diese Zeile einfach so duplizieren, und auch hier drüben können
wir tatsächlich entscheiden, wissen
Sie, das sieht nicht aus Zu gut. Vielleicht können wir Adam noch etwas mehr Text hier
finden,
um es irgendwie finden, aufeinander abzustimmen. Und auch, wir können tatsächlich die Linienhöhe tun. Also hier drüben, unter dem fortgeschrittenen Abschnitt, glaube
ich, es ist, oder für den Inhalt Stil, es ist Topographie. Entschuldigung. Und wir können die Zeilenhöhe ändern. Also genau hier können wir wählen, es im Grunde mit diesen Balken zu kombinieren, um es
so aussehen zu lassen. Siehst du, wie ich das gemacht habe? Und auch, das ist der Zeilenabstand, aber ich irgendwie einsam, dass das so ist, dass die Zeilenhöhe eine gute Idee ist, es irgendwie anzupassen und es wirklich gut aussehen zu lassen. Okay, jetzt gehen wir weiter und fügen den sekundären Balken hier hinzu. Und ich bin sicher, ihr wisst schon, wie man das macht, aber lasst uns einfach weitermachen und durchlaufen. Ich bin ein Klick darauf. Schnappen Sie sich diese Überschrift und einfach nur voran und schieben Sie es dort hinein und wir werden unser
erstaunliches Team und Zentrum setzen , und vielleicht wird die Größe es als etwas wie eine große oder extra große verlassen. Jetzt
für den Abschnitt, um, wir werden auf Abschnitt hier klicken. Wir wollen in einer Farbe hinzufügen und auch diesen Narren mit so Inhalt machen wird es voll mit. Und wir werden tatsächlich gehen, um Stil Classic und wird die Farbe schwarz ändern. Jetzt sieht das gut aus. Nun möchte
ich auch sicherstellen, dass dieser Inhalt in der Mitte ist. Also, genau hier auf unserer Content-Position, werde
ich Mill setzen. Jetzt ist es in der Mitte. Und
natürlich natürlich können
wir tatsächlich eine dieser Bars nehmen. Vielleicht können Sie duplizieren diese Balken sind wirklich knifflig. Nein, da ist wirklich klein. Also werden wir das einfach packen und wir werden es einfach so hinlegen und wahrscheinlich
diese Textfarbe in vielleicht etwas wie Weiß ändern . Alles klar, jetzt reden wir über den neuen Abschnitt, welche Ohren. Es sind eigentlich Profile, aber ich habe es tatsächlich so gemacht. So kommt es nicht. Also hier gehen wir, um einen neuen Abschnitt hinzufügen wird drei Zeilen zu machen und wir werden zu diesem Feld direkt
hier gehen , und wir werden tun Bild Box sagte das Bild Feld. Und genau hier machen wir ein Bild. Nun, eigentlich, haben Sie das Bild ist schon hier, also werde ich mir das hier schnappen. Und die Größe dieser Jungs ist 3 54 mal 2 83 und wir gehen, um Medien einzufügen. In Ordnung, also haben wir das Bild dort und wir werden Stacey setzen und hier können wir ein paar verschiedene
Texte setzen . Ich werde voran gehen und meinen berühmten Dummy-Text einfügen, den ich jetzt für Stil geschrieben wurde. Also wollen wir diese Betonung ein wenig größer machen, damit wir es tatsächlich ein
bisschen größer machen können . Wir machen es oder so, wie 80. Und wir können auch den Bildabstand aus dem Text auswählen. Aber ich werde es so belassen, und wir können tatsächlich Animationen hinzufügen, damit wir ein Pulswachstum hinzufügen können. Sie bewegen sich mit dem Mauszeiger darüber und auch den Inhalt, damit wir die Inhaltsfarbe ändern können, die wir ändern können. Das hier ist also für den Titel. Und das hier ist für die Beschreibung. Also Titelfarbe, ich lasse es schwarz. Und für die Beschreibungsfarbe werde
ich es wahrscheinlich als etwas wie Grau belassen. Alles klar, Cool. Also haben wir diesen Abschnitt hier. Jetzt gehen wir. Und aus einigen sozialen Symbolen. Also werde ich hier auf diesen Abschnitt klicken, und wir werden nach unten scrollen, und wir werden kommen, um soziale Symbole zu sehen und einfach das zu nehmen und wir können tatsächlich, weißt
du, wir werden es tun, Eigentlich denke
ich, es wird ein bisschen hilfreicher sein. Nun, tatsächlich, fügen Sie eine Spaltenzeile. Also durch das Grabbing Säulen greifen diese und legen Sie es direkt dort. Jetzt nehme ich das und ziehe es einfach hier runter. Es tut mir leid. Dieser Abschnitt und ziehen Sie es einfach hier und hier können wir zwei Dinge tun, Wissen
Sie, wir können ich nur als eins wollen. Unter den Spalten werde
ich das zerstören. Wir haben nur eine Spalte, und hier werden wir tatsächlich die sozialen Symbole einfügen. Ziemlich cool. Sieht gut aus. Jetzt lassen
soziale Symbole immer alles gut aussehen. Ich weiß nicht, warum jetzt, um diesen Kerl zu ändern, das wirklich einfach ist. Hier drüben, unter Ihren sozialen Symbolen auf klicken, ist
es einfach nur voran und setzen, was Social Media-Website Sie möchten und dann
in Ihrem Brunnen setzen , so muss es öffentlich sein oder muss eine Fan-Seite Jungs sein. Wenn Sie ihn also zu einem privaten Profil bringen, wird
es nur sagen, dass dieses Profil privat ist. Okay, also alles, was Sie tun müssen, ist weiter zu gehen, geben Sie Ihren Link für Ihre Facebook-Seite dort und auch Ihre Twitter und auch Ihr Google. Außerdem können
Sie mehr hinzufügen. Also genau hier. Ich kann auf diese klicken und gehen, um so etwas wie WordPress Bei einem anderen Artikel, Noble setzt ah, flackern so etwas, richtig, So sieht das ziemlich gut aus. Also werde ich es jetzt retten. Alles klar, Cool. Also speichern wir diese Seite und das ist eigentlich Video wird aufhören, und wir werden mit der nächsten Folie fortfahren
12. Über 2: Also lassen Sie uns mit dem über uns fortfahren. Also auch für die Symbole hier können
Sie die Form von ihnen wählen. Wenn Sie ihn Kreis wollen, wollen
Sie TEM etwas Sorry Quadrat oder gerundet Jetzt ein schneller Weg, um, wissen
Sie, beenden Sie diesen Abschnitt, anstatt das manuell zu tun, wie wir zuvor hatten. Wir können diese Reihe duplizieren. Tut mir leid, dieser Abschnitt und wir ziehen ihn hier hoch. Nun, auch für die Symbole werden verdoppeln doppelt, dass, und wir werden einfach gehen und ziehen Sie sie direkt dort als gut. Also genau hier. Ich will sichergehen, dass ich ihn dort hingebracht habe. Okay, das ist
also ein sehr schneller Weg,
um das ist
also ein sehr schneller Weg,
umdie Seite wirklich schnell
vollständig zu gestalten. Nun, auch, wenn Sie hier bemerken, sehen
Sie, wie ich diese Spalte hier habe. Also hätte ich Abschnitt machen sollen. Also werde ich voran gehen und das löschen,
und ich möchte diesen Abschnitt tatsächlich duplizieren, weil dieser Abschnitt das Symbol steuert. Also genau hier, Kreuzung, klicken, duplizieren. Und dann werden wir den Abschnitt direkt dorthin ziehen. Nein, nein, ruf ihn
nicht an. Wird es tun. Also schnappen wir uns den Abschnitt. Da gehst du genau da hin. Okay, jetzt sind sie perfekt ausgerichtet. Sieht gut aus. Das heißt, wir können das hier wieder tun, indem wir anrufen, Ähm, und wir können es auch so duplizieren. Und wir werden das einfach löschen. Ruf ihn gleich hier an, in Ordnung. Und du weißt, dass wir hier sind. Wir machen weiter und setzen jemand anderen ein, also lösche ich das. Ich werde das Bild von diesem Kerl hier und hier reinstellen. Ich werde seinen Namen ändern. Sag also, was sein Name sein soll. Bob wird Bob wählen. Und dann genau hier klicken
wir darauf und wir werden wählen. Das Bild wird das löschen, und wir werden dieses Bild von dieser Frau hier platzieren und ihren Namen als Jennifer setzen. Jennifer. Okay, also dieser Abschnitt sieht ziemlich gut aus, weißt
du, es ist ein sehr sauberer Abschnitt. Es ist direkt auf den Punkt. Es ist einfach. Nun, lassen Sie uns voran und stellen Ihnen alle ein neues Modul vor, das eigentlich das,
ähm, tut mir leid,
nicht ein neues Modul genannt ähm, tut mir leid, wird, aber wir werden hier einen anderen Stil erstellen. Okay, hier drüben werden
wir einen neuen Abschnitt hinzufügen. Wir werden dieses Mal zwei Balken erstellen, und wir wollen diesen Effekt erzeugen, dass dieser Kontakt uns jederzeit und auch diesen Klick mich Abschnitt direkt hier. Also genau hier, gehen
wir weiter und gehen hier rüber und wir ziehen ihn Text, und wir werden einfach einfach setzen uns jederzeit in der Art kontaktieren. Ich werde die Farbe in etwas wie Weiß ändern. Jetzt. Der Grund, warum ich das getan habe, ist, weil wir einen Hintergrund hinzufügen und es wird anders
aussehen. Also unter Abschnitt rechts hier lief Änderungen Sex in voll mit, und ich möchte die Content-Position in der Mitte hier drüben in ihrem Stil. Wir wählen diesen Klassiker aus, dann wählen wir die Farbe aus und setzen ihn schwarz. So können Sie jetzt sehen, dass wir den Inhalt direkt dort haben. Jetzt wollen wir das im Grunde ein wenig zentrierter machen. Also genau hier, wenn ich auf die Überschrift doppelklicke, können
wir einfach auf die Mittelausrichtung klicken. Nun, hier
drüben,
alles, was zu tun ist, ist, in eine Schaltfläche zu ziehen. Klicken Sie also darauf. Gehen Sie voran und ziehen Sie eine Schaltfläche. Jetzt werde ich wahrscheinlich setzen klicken Sie mich. Setzen Sie sich mit uns in Verbindung. Call to Action Jungs sind immer sehr gut, je mehr Call to Action haben, desto besser wollen Sie Ihr Publikum zu lenken. Sie möchten ihnen mitteilen, was sie tun sollen, wenn sie auf Ihrer Website navigieren. Ich weiß, das klingt etwas aggressiv, aber vertrau mir. Ah, ich bin seit einiger Zeit gut gestaltet und es ist wirklich empfehlenswert. Also möchte ich es direkt an der Mitte und dem Typ hier ausrichten. Offensichtlich diese Luft nur Abkürzung Farben. Also möchte ich ändern, wohin sie gehen. Alle setzen http dot dot dot gov dot darrell Wilson Hoops, darrell wilson dot com. Und wir können auch das Symbol auswählen Vielleicht möchte ich so etwas wie dieses kleine Ding
direkt dort und dann für Stil setzen . Textfarbe ist gut, eigentlich wissen, was? Nehmen wir diese Änderung. Es war groß. Dieses kleine bisschen anders wird in invertieren die Farbe wird die Textfarbe als schwarz setzen und dann werden wir die Hintergrundfarbe als weiß setzen, also Hintergrundfarbe, weiß. Das sieht genau dort ziemlich cool aus. Und wir können die Schriftart auch hier ändern. Und auch die Animation, etcetera, was auch immer wir gerne tun möchten. Aber
du weißt, dass ich das nicht tun werde. Und das ist im Grunde, wie wir diesen Abschnitt erstellen. Leute, es war sehr einfach, sehr einfach. Und wir haben eine voll funktionsfähige Seite über uns in einer Angelegenheit von 10 bis 15 Minuten. Jetzt möchte ich diesen Abschnitt speichern. Leute, dieser Abschnitt wird nicht auftauchen. Also mach dir keine Sorgen, wenn das ganze seltsame Zeug hier ist. Wenn Sie einfach voran gehen und klicken Sie auf rechts hier dieses X und gehen Sie, um die Seite zu sehen , wird
es nicht angezeigt. Das ist also die Seite, die wir sehr schlank,
sehr gut aussehend erstellt haben . Und es ist direkt auf den Punkt. Also genau hier sind die Fußzeilenwidgets, und wir werden darüber ein wenig später sprechen. Okay, das ist es
also für die Leute über uns. Herzlichen Glückwunsch. Jetzt gehen wir weiter und machen die Services-Seite. Und danach werden
wir über Primi-Layouts und auch den Parallaxeneffekt sprechen. Also werde ich euch alle dort sehen
13. Quiz 11: Alles klar, Leute. Willkommen zu unserem ersten Quiz in diesem Quiz. Ich werde euch allen zeigen, wie ich dieses Aussehen hier erreicht habe. So können Sie sehen, ich habe diese oberen Balken, die Art von nur Übergang und sie alle, dass wirklich einzigartigen Look. Also kommt dieser von links, oben und links rein. Und auch, ich habe diese beiden Bilder überlappen sich. Jetzt können
Sie das mit L. einem Mentor machen. Weißt du, es ist machbar, weil du Webdesign machst. - Jungs. Es ist wirklich schwer, Ideen und Inspiration zu bekommen. Und vertrau mir, ich war da. Es ist schwer, Ihre Website zu gestalten und herauszufinden, was gut für Sie ist. Also werde ich dir ein wirklich cooles Design zeigen. So haben Sie einige wirklich coole Strategien, die Sie für Ihre Website verwenden können. Also hier rüber zu gehen,
alles, was es für diesen Abschnitt,
Leute,
ist,dass Leute,
ist, ich im Grunde nur drei Spalten eingefügt habe, mit denen ich es voll gemacht habe, und was ich tat, war, dass ich die Animation tatsächlich für jeden einzelnen von ihnen anders gemacht habe. Also hier drüben unter meinem Kolumnenabschnitt, ist mein aktueller Spaltenabschnitt hier, und ich werde einfach auf dieses kleine Symbol klicken und hier drüben unter Stil, ihr
könnt sehen, dass ich es im Grunde allein gelassen habe. Ich habe die Primärfarbe,
die sekundäre Farbe Nothing geändert . Nichts zu verrücktes. Aber unter dem fortgeschrittenen Abschnitt rechts hier habe ich die Animation verblasst den Fuß nach links. Also, wenn jemand nach unten scrollt, hat
es diesen coolen Look, wo sie alle Art von Zusammenstoß zusammenstoßen und es passt perfekt. Also im Grunde habe ich drei Reihen direkt hier gemacht. Und wenn du hier zu diesem Abschnitt gehst, habe ich es nur voll gemacht mit dem ist alles, was ich getan habe. Also machte ich drei Spalten, mit denen ich zum Narren gemacht habe, und ich änderte einfach die Animation für jeden einzelnen von ihnen. Nun, für diesen Abschnitt hier, ist
dieser Abschnitt ein bisschen fortgeschrittener. Das ist also eine zweispaltige Zeile, also wird man ihn hier anrufen, und ich habe eine andere Spalte hier. Nun, diese Bilder haben beide die gleiche Größe,
also alles, was sie getan haben, war im Grunde einfach ein Bild hier einzufügen. Ich habe nichts geändert. Du gehst zum Fortgeschrittenen. Es ist nichts getan. Aber wenn Sie zum Sex gehen den zweiten Abschnitt rechts hier und wir klicken auf Spalte und lassen Sie uns einfach voran und gehen Sie zu den fortgeschrittenen. Du wirst sehen, dass ich die Marge auf einen negativen 300 ändere. Also, was das tut, ist, dass es es im Grunde in die andere Richtung bewegen wird. Also, zum Beispiel, ich lasse es so. Eine Null. Wir haben nur zwei Bilder. Lass uns das einfach noch mal ändern. 20 auch, nur um dir alles zu zeigen, was von Grund auf neu aussieht. Das ist also eine zweispaltige Zeile, aber ich möchte das ein wenig nach unten drücken. Ich möchte dort etwas Marge schaffen, also werde ich 100 machen und das wird es tatsächlich dort schieben. Jetzt kann
ich etwas etwas anderes machen. Ich kann sogar minus 500 gehen. Mal sehen, genau hier minus 400. Und Sie sehen, wie die Bildart direkt dort auftaucht, so dass Sie im Grunde das
Bild steuern können , wohin Sie es mit dem Rand wollen. Also kenne ich vorhin die Lektion. Ich habe irgendwie nicht zu viel über die Marge gesprochen. Und ich habe dein Denken getroffen, Darryl, weißt
du, ich lerne nichts, also ist das ein perfektes Beispiel dafür, warum die Marge jetzt für die linke Seite so wichtig ist, anstatt ihm 400 Martin an die links, ich will sagen, weißt
du was? Lassen Sie uns voran und quetschen Sie es auf die Seite wird es minus 400 so geben. Also das ist eigentlich ein wirklich cooles Aussehen und ich habe es tatsächlich auf einer anderen Website gemacht. Dies ist eine Website, die ich für einen Kunden vor einer Weile gebaut habe. Hoffentlich ist
Ihre Website immer noch auf und ich habe tatsächlich das gleiche genaue Aussehen aufgenommen. Also hier drüben, unter den Blättern unter der Rubrik über die USA. Jetzt werde ich hier nach unten scrollen und du siehst, wie ich die Bilder
überlappen habe . Es ist ein es ist ein Blick, den Sie zu Ihrer Website hinzufügen können. Weißt du, es gibt einige Dinge, die du damit erreichen kannst. Schau, es gibt einige wirklich coole Features mit den Bildern, die sich überlappen, genau wie hier. So wie ich es auf dieser Website getan habe, können
Sie es vielleicht links hier drüben platzieren, vielleicht etwas Inhalt hinzufügen usw. Also möchte ich dir dein Gehirn ein wenig aussuchen. Leute, ihr wisst schon. Ich hoffe, das hilft. Es ist ein ziemlich gepflegter Look. Es ist ein cooles Aussehen. Ähm, ich muss arbeiten, was ein wenig später kommt. Also, uh oh, Peak. Ich sehe, ihr lernt nichts von ihnen, und ich seh euch in der nächsten Vorlesung.
14. Dienstleistungen1: Hey, willkommen zurück, Leute. Also, weißt
du,
hoffe, dass das Quiz dir geholfen hat. Sie wissen schon,
hoffen, Ihnen noch mehr Ideen für Ihre Websites zu geben. Jetzt werden
wir weitermachen die Serviceseite
machen. Also, genau hier werde
ich mit L. einem Mentor ins Bett gehen, und wir werden tatsächlich eine Website erstellen, die genau so aussieht. Dies wird die Seite sein, die wir erstellen werden. Es ist sehr einfach. Es ist sehr praktisch. Wir haben Zeugnisse und auch dieses coole Akkordeon. Also werde ich euch zeigen, wie man genau die gleiche Seite baut. Also, genau hier, gehen
wir weiter und gehen zu unserer Überschrift. Wir werden nur weitermachen und das runterziehen, und hier werden wir nur unsere Dienste stellen und nichts, was ich über Jungs reden will, ist Bitte
stellen Sie sicher, dass Sie bis zum Ende dieses Tutorials bleiben, um viel zu lernen. Ich will nur sicherstellen, dass ihr alles versteht, bevor ihr euch losmacht und versucht, neue Dinge auszuprobieren. Also genau hier werde ich zum Stil gehen und vielleicht die Farbe in etwas wie Weiß ändern und
erinnere mich daran, wie man den Hintergrund ändert. Leute, jeder hebt eure Hände. Okay, es ist unter Abschnitt, also Abschnitt gehen Sie voll mit Stil. Vielleicht können wir ein Video hinzufügen. Wissen Sie, Sie können in Ihrem eigenen Video direkt hier hinzufügen. Vielleicht. Gehen wir hier rein und raus aus einem Video. Wir werden ein Video für diesen Abschnitt hinzufügen. Ich werde vier K Natur hier setzen, vier K Natur. Und ich werde mir eins davon schnappen und das werde ich kopieren. Ich hasse diesen Kerl. Er ist so nervig. Willst du reich sein durch mein Buch für einen Dollar, und du wirst reich? Nein, das stimmt nicht. Okay, also haben wir das Video hinzugefügt, Lincoln genau da. Nun, unter dem Layout, wollen
wir weiter gehen und sicherstellen, dass das ein bisschen größer ist. Unter dem HaiF können
wir also Mindesthöhen sagen. Und da gehst du. Wir haben unsere Dienstleistungen, und es sieht toll aus, genau dort. Ok. Es wird die Höhe nicht ändern. Denken Sie daran, wir können es ändern, aber ich werde es einfach bei 400 belassen, jetzt auch für den Text hier. Stellen Sie sicher, dass Sie auf den Text klicken, und wir können auch die Überschriftengröße ändern. Also unter Stil gehen Sie zur Topographie und wir könnten es ein bisschen größer machen. In Ordnung. Also etwas, das genau so aussieht jetzt auch Sorgen. Hier, wir gehen gleich hierher, und wir ziehen das hier runter, und wir werden einen Titel erstellen, also werde ich ihn Stil zentrieren. Ich werde es schwarz machen. Und ich möchte eine Marge hinzufügen. Weißt du, ich will es etwas runter machen. Weißt du, es wird ein bisschen da unten machen. Klicken Sie hier, und ich möchte eine Trennlinie hinzufügen. Ich möchte weiterhin den gleichen Stil hinzufügen, den ich auf meiner Website habe. Also hier ich, wenn ich die Lücke reduziert, Ich will ein Zentrum. Es und ich wollen das mit nur ein bisschen so einfach machen. Alles klar, jetzt möchte ich eigentlich einen neuen Abschnitt machen. Wir werden hier einen sechsspaltigen Abschnitt verwenden. Also sechs Spalten genau wie diese hier, und wir werden eintreten. Also Mike auf Kisten. Also genau hier. Icon Box gehen Sie voran und schnappen Sie sich eine genau dort. Es sieht also etwas seltsam aus. Aber was wir tun können, um das zu beheben, ist es nach links oder nach den Rechten zu schaffen. Aber genau hier können
wir im Grunde einfach die Größe des Textes reduzieren. Etwas Einfaches wie dieses,
dases im Grunde ein bisschen einfach
halten würde das . Aber wenn wir die Seite
ausbreiten, ausbreiten, wird
es etwas anders aussehen. Also genau hier, unter Abschnitten können wir voll mit gehen, und es wird tatsächlich reduzieren oder es tut mir leid, gestreckt die Größe des Textes. Also hier können wir im Grunde etwas tun wie, ähm, wissen
Sie,
gehen, um auf diese Geschichte klicken Hier, ich klicke darauf, und dann werden wir sagen, Sie wissen, ich will das Um ein gerechtes zu sein, und dann werden wir, ähm, die wir setzen verwalten verwalten, und dann ein Held hat etwas Dummy-Text hinzugefügt. Hoppla. Gehen wir und holen meinen berühmten Dummy-Text hier schon. Also werde ich weitermachen und ein paar davon schnappen, und wir werden das
hier einkleben . Nein, Wenn ich den Stil ändern möchte, kann
ich die Primärfarbe in etwas wie Grün und auch den Inhalt ändern. Also möchte ich, dass der Inhalt genau hier ist. Ich möchte schwarz sein, also ändere ich den Titel des Inhalts in Schwarz. Und denken Sie daran, wie wir das früher gemacht haben. Wir könnten das einfach duplizieren und hierher ziehen. Duplizieren Sie das. Dadurch sparen Sie viel Zeit, wenn Sie eine sechsspaltige Zeile erreichen möchten. Jetzt können
Sie auch Bilder verwenden, Leute, Sie können alle möglichen Dinge verwenden. Weißt du, an diesem Punkt fängst
du an zu lernen, wie man den Paige Miller benutzt und Imagination ist alles. Und das Besuchen anderer Websites ist auch eine sehr gute Idee, um Ihnen dabei zu helfen, verschiedene
Möglichkeiten zu entdecken , wie Sie Ihre Website erstellen können. Also, unser Held hat einfach hier, wir werden etwas wie,
ähm,
erstaunlich setzen ähm, . Und dann hier wird Spaß machen. Dann hier werden wir voran gehen und einfach oder einfach setzen. Ok. Und dann gehen wir weiter und setzen so etwas wie, ähm, erstaunlich. Nein. Cool. In Ordnung. Also haben wir unseren Abschnitt direkt hier erstellt. Und auch, wenn Sie Jungs brauchen, um die Farbe dieses alles zu tun scheint, ist gehen, um Stil und Ziegen auf die,
Sie wissen, Sie wissen, die primäre Farbe, die Sie ändern können, um jede Farbe, die Sie möchten ändern. In Ordnung. Und noch eine Sache, über die ich reden möchte. Wenn Sie diesen ganzen Abschnitt duplizieren möchten, denken Sie
daran, daran, gehen Sie
einfach zum Abschnitt hier und gehen Sie, um den gesamten Abschnitt für Sie zu duplizieren und . Okay, im Moment will ich diesen ganzen Abschnitt nicht, aber ich werde einfach weitermachen, weißt
du? Ich lasse es da drin. Ich lasse es nur für erzählte Zwecke. Nun, das nächste, das Sie tun möchten, ist tatsächlich diesen Abschnitt hier zu erstellen
, der irgendwie wie ein Akkordeon ist. Und ich werde dir beibringen, wie man diese Bilder auch reinbringt. Also, genau hier, werden
wir gehen, um einen neuen Abschnitt hinzuzufügen. Wir werden nur einen hier rüber bringen, und wir werden nach unten scrollen, und wir werden ein neues Widget verwenden. Diesmal. Wir werden den Tab Abschnitt verwenden, So
etwas wie das hier. In Ordnung. Jetzt für die Registerkarte, klicken Sie auf Registerkarte rechts hier und sagen Sie unsere Arbeit. Und dann können wir hier über unsere Arbeit reden. Also vielleicht so etwas wie, ähm, weißt
du, ich werde einfach einen Dummy-Text eingeben Jungs, weil ich es nicht mal mehr ausdrücken muss. Ich schreibe einfach nur verrückte Sachen rein und sagen wir, wir wollen dieses Bild. Also, was würde eintreten? Und genau hier? Ich möchte weitermachen und Medien hinzufügen. Also klicken wir darauf, und ich werde ein Bild einpacken. Wir werden uns etwas einfallen lassen, das genau hier so aussieht. Wir greifen auf die Krähe. , Nehmen wir an,Sie möchten die Größe ändern. Das ist etwas kleiner. Wenn Sie hier zu unseren Styles gehen, können
wir das hier wirklich ändern. Der Rahmen mit etcetera, tippen Sie auf Inhalt. Aber eine andere Möglichkeit, dieses Bild zu ändern, Jungs,
ist, indem Sie auf das Bild selbst klicken und bearbeiten. Nun, dieser Abschnitt hier, sehen
Sie, alles sagt Medium hier. Sie können darauf klicken und zur vollen Größe gehen. Also will ich diese volle Größe. Irgendwas sieht genau so aus. Wirklich professionell sieht wirklich gut aus. Und auch wenn wir zurück zu den Zellen Jungs gehen, können
wir auch die Grenze ändern. Sie sehen, wie die Grenze beginnt, genau dort an Ort und Stelle zu kommen. Wir können auch die Rahmenfarbe ändern, vielleicht wollen sie schwarz. Und wir können auch die Hintergrundfarbe ändern. Wissen Sie, wir können die Farbe des Hintergrunds dafür ändern. Du kennst diese Luft so klebrig. All diese Farben, Die arbeiten nicht zusammen. So nah beim Schließen, dass direkt dort auch die aktive Farbe. So können wir tatsächlich die aktive Farbe ändern. Wenn also jemand aktiv darauf klickt, können
wir auch die aktive Farbe ändern. Und dann können
wir von hier aus auch die Topographie ändern. Das habe ich gerade gelöscht. Tut mir leid, Leute. Ich werde noch ein Mal in der Krähe gehen. Entschuldigung. Genau hier. Ich war auch eine andere Möglichkeit, es zu ändern. Also, wenn Sie in voller Größe gehen, können
Sie auch diesen Link zu einem bestimmten Mädchen haben. Also genau hier, unter verknüpft mit Ihnen können benutzerdefinierte Wandbild eingeben. Wenn jemand darauf klickt,
soll er auf andere Websites gehen? Wenn jemand darauf klickt, Immer zu tun ist, gehen Sie voran und legen Sie das da hinein und es wird auftauchen. Okay, jetzt wird es auch tippen, um zum Tab
zu gehen . Also gehen wir weiter und schließen das und gehen
auch zum Tab . Und hier werden wir unser Pferd setzen. Und dann, genau hier, werde
ich weitermachen und vielleicht das ganze Zeug hier
zurückspalten, und ich werde das einfügen. Mal sehen, fügen Sie das ein und dann werde ich ein Leerzeichen hier setzen, und wir werden hier ein Bild hinzufügen. Also füge Medien hinzu und ich bin draußen in diesem Pferd, so dass die Größe voll ist, also wird es ein Bild in voller Größe sein, und es sieht absolut wunderschön aus. Schön. Okay, also das ist im Grunde, wie wir in der Registerkarte Abschnitt hinzufügen, ist nur ein anderes Modul. Es ist nur eine andere Möglichkeit, Ihre Arbeit zu präsentieren. Also, zum Beispiel, Sie wissen, dass sie durchgehen können, wie, Sie wissen, unsere Häuser, unsere Projekte, unsere Mitarbeiter, was auch immer Sie wollen, Du weißt schon, was immer du es stylen willst. So würdest du es tun. Und Sie möchten auch ein neues Element hinzufügen. Sie klicken auf, fügen Sie ein neues Element, in der Lage, einen anderen Tab zu erstellen, so hier wird aus dem Druck und Demi Text wieder zu gehen. Aber geben Sie ein und ich werde in 1/3 Bild nur für Zwecke zu sprechen hinzufügen. Weißt du, es ist das, was so etwas wie dieses Telefon hier hinzugefügt hat. Und das ist ein Full-Size-Telefon. Also, da gehst du hin. So machen wir es. Okay, also lasst uns weitermachen und einen neuen Abschnitt hinzufügen
, der der Testimonial Abschnitt sein wird. Also genau hier, unter Hinzufügen neuer Abschnitt wird auf, dass klicken und wir werden direkt hier setzen. Also müssen wir das tun, und wir gehen hier hoch,
und alles, was wir jetzt tun werden, ist in den Testimonial Abschnitt hinzuzufügen. Also wird ein Zeugnis voran gehen und sich so einfach schnappen. Genau hier haben wir den Text von dem, was Sie das Zeugnis sagen wollen. Worüber sollen diese Leute reden? Ihre Websites. Also, weißt
du, erstaunliche Arbeit. Das beste Tutorial über dich für mich, je. Sie besser, wenn Sie eine gute Bewertung sein, sonst werde ich. Ok. Wir werden ja. Ja. Habt ihr es richtig verstanden? Ok. Also dann direkt hier unter dem Bild können wir ein Bild für das Bild hinzufügen. Also werde ich so etwas hier reinlegen, und ich werde das eintragen. Und da gehst du. Wir haben das Bild von dem Kerl und wie heißt er? Sein Name ist also John Doe. Was ist sein Job? Nun, er ist eine Designer-Image-Position. Wir können das hier oben rechts platzieren. Oder Sie können es beiseite lassen, was Sie möchten. Ok. Und
wir können auch die Ausrichtung ändern. Ich denke, Senator sieht immer gut aus für Stil. Wir können Inhaltsfarbe direkt hier setzen, und Sie können die Farbe des Inhalts und auch für das Bild selbst ändern. Sie können das Bild ein wenig größer machen und wir können tatsächlich einen Rahmentyp hinzufügen. Wenn wir uns für eine Grenze entscheiden, wähle
ich keine Grenze. Aber du weißt, Hey, du kannst alles tun, was du willst, hier und dann genau hier. Natürlich können
wir uns entscheiden, in einem Radius hinzuzufügen. Also, was die Strahlen machen Jungs, es schafft nur im Grunde einen Kreis um ihn herum. Das ist im Grunde, was der Radius jetzt tut, für Namen genau hier. Wir können den Text und die Schriftart dafür ändern. Und auch das Gleiche für den Job. Also für den Designer, hier unter Job. Wir können einfach im Grunde die Textfarbe dafür ändern. Solch Aziz blau. So ist jetzt blau. Und wir können auch weitermachen und die Sie wissen,
die Topographie sowie ändern . Die Größe, was auch immer Sie wollen, dass es etcetera sein. Okay, das war's
also für diesen Abschnitt. Jetzt gehen
wir weiter und duplizieren es einfach. Du weißt schon, dupliziere das und ziehe es hierher, und ich könnte den Namen ändern. Jetzt werde ich sagen,
ähm, wie ist dein Name? Was ist es? Wie heißt sein Name? Jessica hätte Jessica noch nicht. Deswegen ist Jessica da drin. Und Jessica ist ein ah, was Jessica sein? Sie ist Buchhalterin. Ordnung. Und dann werden wir das Bild in Jessica umwandeln. In Medien einfügen. Und da gehst du. Und dann sagt, dass du sagst, Ah, er hat mich abgerissen. Nur ein Scherz. Und dann vielleicht ein Smiley-Gesicht. Okay, das ist im Grunde, wie wir im Testimonial Abschnitt hinzufügen würden, und das war's. Leute, wir haben eine voll funktionsfähige unsere Services-Seite. Jetzt. Natürlich ist
dieser Teil, weißt
du, viel zu viel. Ich würde nicht, ich würde nie zu viel Text Menschen wirklich durch Bilder empfehlen. Du weißt, ob es schön ist. Bilder sehen gut aus. Das Video sieht gut aus. Jeder liebt es. Es gibt zu viele Texte. Niemand will das Zeug lesen. Sie kümmern sich einfach nicht zu viel. Sie wissen es wirklich nicht. Eine Person, die ihn kümmert, kleidet mich an. Die Leute wollen nur direkt auf den Punkt kommen. Halten Sie es einfach und nur, wissen
Sie, Bebe gerade für alle. Alles klar, das ist es im Grunde für unsere Dienste. Page, Leute, äh, hier rüber zu
gehen, haben
wir tatsächlich dieselben exakten Websites erstellt. So ist es sehr einfach. Und denk daran, Leute, Phantasie ist alles. Weißt
du, ihr versucht zu lernen, wie man seine Seite Mutter diesen Punkt benutzt. Also werde ich jetzt ein bisschen mehr darüber reden. Erweiterte Funktionen und auch vorgefertigte Layouts. Denn jetzt, wo wir anfangen zu lernen, wie man eine Seite Miller benutzt, könnten wir
vielleicht ein bisschen komfortabler machen, wissen
Sie, einen
Schritt weiter gehen und ein bisschen weiter fortgeschritten werden. Okay, ich sehe euch alle in der nächsten Vorlesung.
15. Widgets und Fußzeile 1: Hey, Leute, Willkommen in diesem Abschnitt, wir werden jetzt über Widgets reden. Diese Dinger sind hier ganz unten. Ich werde darüber reden, was das sind und wie Sie sie verbessern können. Wie du sie machen kannst, was immer du willst. Es gibt Millionen von denen es da draußen ist. Es gibt Instagram-Feeds. Twitter Feeds Facebook wie Box über uns. Dinge da. So viele Widgets da draußen. Also werde ich Ihnen eine kurze Einführung geben, wie Sie Ihre Fußzeile verbessern können. Also, genau hier, geh zu meinem Armaturenbrett und zuerst zeige ich dir, was sie sind. Also genau hier unter dem Auftritt in Klicken auf Widgets. Jetzt sehen Sie rechts hier haben wir Fußzeile, Widget ein, Wir haben Fuß oder Widget, um wir eine rechte Seitenleiste haben, eine linke Seitenleiste und eine Kopfzeile. Jetzt haben wir die Sidebar deaktiviert, also müssen wir uns jetzt darum kümmern. Hier drüben unter Fußzeile, Widget eins. Diese sind momentan aktueller Zeuge, also können wir einen beliebigen Text hinzufügen. Also alles, was Sie auch tun müssen, ist das zu nehmen, ziehen Sie es hier rüber. Und vielleicht könnte ich das über uns sagen. Du weißt schon, über uns und dann schmeiß hier einen Text ein. Du weißt, dass wir ein paar Dummy-Texte machen können. Ich gehe auf meine geheime Website genau hier, und wir werden einige Dummy-Text alle Rechte ergreifen. Mein Internet ist ein wenig langsam gehen, um dies zu kopieren und dann gehen Sie voran und fügen Sie diese dort und klicken Sie dann auf Safe jetzt auch für den Kalender. Ich sage, Gott, dieser Kalender hier, ziehe
ich über zwei Fuß. Welche es, um unser Date zu setzen. Okay, also habe ich das gerettet. Jetzt werde ich hier ein neues Fenster öffnen, und wir werden dir jetzt die Widgets zeigen. Also hier muss ich hier unten rechts runter gehen. Und da ist das über uns. Und auch das Datum ist genau da. Denken Sie daran,
denken Sie daran, in den Einstellungen früher, wie wir verschiedene Widget-Stile hatten, wie es im Grunde vier oder fünf gab. Also werde ich auf alle Seiten hier gehen. Ich gehe nach Hause. Ich sehe, genau hier steht es Fußzeilenwidgets. Sie habe ich nur zwei Widgets. Also genau hier zeigt, dass ich nur zwei Widgets, aber wir können bis zu fünf Widgets auf diesem WordPress-Theme haben. Also hier gehen zu vier Änderungen zu vier jetzt, und ich gehe, um Einstellungen zu aktualisieren und wir werden jetzt für Widgets verwenden. Sagen wir einfach, Sie möchten verschiedene Widgets erhalten. Also überhöre sie Plug Ins, wir gehen, um neue und Jungs hinzuzufügen, das ist der Teil, wo Sie sich irgendwie abwagen und in die wunderbare Welt von WordPress gehen und einfach im Grunde finden, was Sie brauchen, weil ich nicht wirklich Ihnen sagen, dies ist das beste Widget. Dies ist der beste Plug in. Es wäre unfair und voreingenommen für mich, das zu sagen, weil es so viele Widgets gibt und jedes von ihnen eine andere Funktion hat. Sie kennen diese Luft Google Analytics, Mega-Schieberegler, unverletzt Form. Ah, Kontaktformular, etcetera. Also das sind alle Widgets, und ich mag im Grunde sagen, dass diese Luft wie aps ihre APS für Ihre WordPress-Websites. Also werde ich euch allen zeigen, wie man eine Facebook-ähnliche Box macht. Also, genau hier, werde
ich Facebook wie Box machen, und wir werden einfach, wir bekommen ah, riesig weniger von ihnen und Jungs, es braucht Zeit und Versuch und Irrtum, um gute zu finden. Vertrau mir. Es gibt viele schlechte Widgets da draußen. Ich habe eine ganze Liste durchgemacht. Wie zum Beispiel, ich bekam ah, bald
kommen, bald kommen und wie, es funktionierte nicht und zum Beispiel,
ich bekam ah,bald
kommen,bald kommen und wie,
es funktionierte nicht und
sechs von ihnen funktionierten nicht. Also genau hier, ich gehe jetzt zu installieren, und wir werden nur diesen Lauf hier als Beispiel für ein Widget in unserer Fußzeile verwenden. Also werde ich hier aktivieren. Also haben wir tatsächlich das Widget Facebook Like Box aktiviert. Nun, wie verwenden wir diese Ursache im Grunde hier drüben, wir haben keine Einstellungen, etc. Wir müssen direkt hier zu unseren Widgets zurückkehren. Also unter Erscheinungsraum, klicken Sie auf Widgets und jetzt können Sie das Facebook-Gesicht sehen. Es tut mir leid, dass Widget Facebook wie Box ist eine neue Option, und es ist da. Also klickst du darauf und ich kann einfach voran gehen und sagen: Weißt
du was? Ich gehe und nehme das und ziehe es einfach auf Widget oder Fußzeile. Widget Nummer drei. OK, so Held setzen Folgt uns. Paige, ich d. Dies ist, wo Sie in Ihre Facebook-Seite eingeben wollen. Also, hier gehe ich zu meinem Facebook und gehe zu meiner Fanseite hier, und ich werde dieses Mädchen gleich hierher bringen. In Ordnung? Ich gehe zurück zu diesem für Seite I d. Ich werde gehen und es dort für die mit einfügen. Ich möchte 300 und auch die Höhe 300 hinzufügen. Sie möchten vorerst einen kleinen Header verwenden? Setzen Sie Nein. Willst du die Deckung verstecken? Sicher. Ja. Ich will nicht, dass ich das große nicht will Das ist die Tarnung hier. Ich will das nicht wirklich da drinnen. Und du willst Freunden Gesichter zeigen? Ja, warum nicht? Möchten Sie Seitenbeiträge anzeigen? Ja, sicher. Also werde ich jetzt auf Speichern klicken. Jetzt geht es zurück auf unsere Website und aktualisiert die Seitengruppen, die zu L.
A Mentor zurückkehren . Da gehen wir. Und gehen wir weiter und scrollen Sie einfach nach unten zum Ende der Seite und Walla. Jetzt haben wir eine schöne Facebook-Like-Box. Sehr professionell. Sieht sehr gut aus. Jetzt. Außerdem haben
Sie bemerkt, dass diese Box hier dieses Widget überlappt. Und das ist wegen der mit hier. Wir haben das mit ein bisschen zu groß gemacht. Also genau hier unter mit vielleicht könnten wir tun 1 50 und wir gehen, um zu speichern, und dann hier drüben wird die Seite aktualisieren. Und da gehst du. Man kann sehen, dass es jetzt nicht ein bisschen zu klein ist, aber ihr könnt die Idee verstehen ,
wisst ihr, macht das
einfach ein bisschen größer. Vielleicht 200 werden gut 200 sein und wir werden voran gehen und die Seite aktualisieren. Und ich denke, das sieht ein bisschen besser aus. Aber denken Sie auch daran, dass je mehr nur, dass Sie haben, desto mehr scrunch wird das sein. Und auch wir könnten das voll mit machen. Also dieser Abschnitt hier, sagen
wir, zum Beispiel, es ist Box jetzt, aber Sie können tatsächlich in das Thema Customizer gehen hier, und wir können tatsächlich diesen Abschnitt voll mit, was bedeutet, dass es sich über die gesamte Seite erstreckt. ich hier runterscrolle, werde
ich zu meinen Sachen auf ihrer Website Identity gehen. Nein, es ist unter Layouts und Fußzeile. Also genau hier haben wir unsere Fußzeile mit hier und wir haben voll Wir haben enthalten, aber für das inter enthaltene Foto, vielleicht wollen voll zu tun. Und jetzt können Sie sehen, dass sich das tatsächlich auseinander ausgebreitet hat. Also jetzt geht es auseinander, das gesamte verteilt sich über die gesamte Seite. Also habt ihr die Idee dort, wisst ihr, im Grunde erlaubt
es nur, ihr wisst schon, Ah, mit Widgets voll
auszusehen oder nicht. , Ich weiß nicht,welcher besser aussieht oder nicht. Ich bin immer noch 50 50, weil ich das volle mit Blick mag, aber ich denke, dass dieser Stil vielleicht nicht gut geht, aber, weißt
du, das liegt allein an dir. Ich lasse Sie im Grunde nur wissen, wie Sie das ändern können. Also werde ich gehen, um zu speichern und zu veröffentlichen, und ich gehe zurück. Nun, lasst uns voran und vielleicht finden ein anderes Widget für uns zu installieren. Also hier drüben und PlugIns waren zu gehen, um neue hinzuzufügen und wir können tatsächlich zu beliebten gehen, wissen
Sie, wir können, wissen
Sie, um zu
suchen. Es gibt Tonnen von ihnen. Wir können auch zu empfehlen gehen, was sie denken, dass wir Basis von unseren anderen
Suchen mögen . Es gibt also eine ganze Reihe hier, und vielleicht können wir etwas tun wie, Mal sehen, hier können wir hinzufügen. Lassen Sie uns eine soziale Symbole tun, soziale Symbole. Also haben sie eine Menge von ihnen hier. Ich mag die von der Zugangspresse. Ich denke, Schauspieler Presse hat einige wirklich gute soziale Symbole. Also werden wir das hier reintippen. Wir werden in Zugriff drücken, sobald Sie anfangen, wissen
Sie, WordPress für eine Weile
verwenden, beginnen
Sie wirklich zu wissen, wer hat das Beste, Blufgan und alles. Also genau hier ist die sozialen Symbole für WordPress. Stecken Sie ein. Ich gehe und klicke auf Jetzt installieren und benutze dieses hier. Und es ist sehr hoch bewertet. Weißt du, es ist für Halb Star mit über 70.000 aktiven Installationen. Also werden wir diesen Zugang Presse Social Icons verwenden. Das ist eigentlich ein wirklich guter. Ich habe ein Tutorial zu diesem auf YouTube. Also, wenn Sie nach diesem Video, stellen Sie sicher, dass ein überprüfen. Jetzt werde
ich hier aktivieren, okay? Nun, einige Plug Ins werden tatsächlich ein neues Menü erstellen, so sehen, genau hier, wie wir Zugang Presse Social Icons haben. Einige Widgets werden tatsächlich auf der linken Seite sein. Also denken Sie daran, dass, wenn Sie einen Stecker in installieren, Also werde ich gehen, um tatsächlich soziale Symbole zu unterdrücken. Und ich werde einfach eine neue soziale Ikone erstellen. Also, genau hier, werde
ich den Namen des Sets setzen. Was? Die Namen. Ich werde soziale ein soziales setzen. Und genau hier werde ich eigentlich aus verfügbaren Themen wählen. Und ich werde nur sagen, dass ich etwas will, das genau hier so aussieht. Also haben wir all diese Ikone, die sich geöffnet haben. Jetzt will ich nur noch das Facebook-Spiel. Das war's. Genau hier unter Facebook ist die Sache genau hier. Ich werde gehen und unsere Facebook setzen oder einfach Facebook mitbringen, ich werde gehen und 50 setzen. Setzen Sie 50 für das Symbol HaIF Also das ist im Grunde die Symbolhöhe und das Symbol mit allem in Ordnung, und dann hier werde ich gehen und fügen Sie in meine Facebook-Seite und dann rechts hier alle Zwietracht und setzen Facebook. Jetzt werde ich hier nach unten scrollen
und wir werden, ähm, ähm, Tool-Tipp. Wir können zeigen, dass das in Ordnung ist. Symbol-Hover-Animation. Vielleicht möchte ich, dass das pulsiert. Wenn jetzt jemand darüber schwebt, klicke
ich auf das Symbol speichern. In Ordnung, jetzt geben sie uns diesen kurzen Code. Nun, das ist Onley vier Text, also müssen wir diesen kurzen Code nicht wirklich verwenden. Wir werden dies auf unseren Widget-Bereich setzen. Also gehen Sie zurück hier rüber zum Aussehen, gehen Sie zu Widgets. Jetzt sehen Sie Zugang Presse, soziale Ikone Trope. Plötzlich, siehst du das? Lasst uns jetzt weitermachen und das unter Nummer vier setzen. Also Zugang für soziale Symbole, Äh, und nehmen Sie das, ziehen Sie es über, und dann werde ich setzen folgen Sie uns, wählen Sie das Symbol, setzen Sie Social ein und gehen Sie in Sicherheit. Alles klar, jetzt werde
ich hier rüber gehen und diese Seite aktualisieren, und ich bin ein Scroll den ganzen Weg runter. Und da ist es. Also, jetzt haben wir unser Facebook, und wenn ich darauf klicke, wird
es mich auf meine Facebook-Fanseite bringen. Okay, das ist
also ein kurzer Überblick über Widgets. Leute, es gibt eine Menge Widgets da draußen, eine Menge Plug Ins, also ist es ziemlich schwer für mich, euch irgendwie beizubringen. Was ist der beste Plug in? Ich habe
jedochviele Empfehlungen jedoch auf meinem YouTube-Kanal. Sieh dir das an, wenn ihr interessiert wart. Das war's also, Jungs, für die Hexen und die Fußzeile. Gehen wir zu den nächsten Abschnitten. Ich werde euch alle dort sehen.
16. Layouts1: Hey, willkommen in diesem Vortrag, wir werden über vorgefertigte Layouts sprechen und wie Sie eine Website in Sekunden mit
L.
A Mentor erstellen können L. . Außerdem werden
wir darüber sprechen, wie Sie Ihr eigenes Layout erstellen und importieren und
auf andere verschiedene Websites exportieren können. So schnell. Bevor ich darauf klicke, möchten
Sie sicherstellen, dass sich Ihr Inhalt unter keinen Seitenleisten befindet. Sie können die Anzahl der Widgets Pool sprechen über Hexen in nur ein wenig entscheiden. Und genau hier unter voller Inhalt, können
Sie das direkt dort überprüfen lassen. Und auch Inhalt Titel verlassen. Der Scheck ist gut, jetzt klicke ich auf Bearbeiten mit L einem Mentor, und wir werden das vorgefertigte Layout verwenden, das L Motor mit uns gegeben hat. Also genau hier, klicken Sie auf Vorlage hinzufügen und elementar hat tatsächlich alle diese Vorlagen für uns erstellt, um uns zu helfen, Ideen und auch Inspiration zu geben. Jetzt klicke ich auf das hier. Wir werden das hier benutzen. Wir werden diese Anwaltskanzlei benutzen, genau hier und da gehst du. Also ist die Website für uns erstellt und das sind Live-Jungs. Dies ist also eine ganze Website, die bereits für uns gemacht hat. Die ganze harte Arbeit ist erledigt. Alles, was wir tun müssen, ist weiter zu gehen und einfach unsere Bilder zu nehmen, setzen Sie es hinein, setzen Sie unseren Titel, setzen Sie unsere Informationen ein, und los geht's. Also, zum Beispiel, das ist so, dass Sie eine Änderung daran vornehmen wollen? Ich werde gehen und das öffnen. Es ist ziemlich einfach Jungs zu punkten, um darauf zu klicken. Wir sind hier, wenn setzt Nummer eins im Vertrieb, und genau hier können Sie voran gehen und die Texte ändern. Das ist Dummy-Text und hier oben, vielleicht wollen Sie voran gehen und diesen Titel hier ändern. Darryl und Wilson, Darryl und Wilson. Und hier werde ich so etwas wie Cool you to me, Instruktor. Die Besten. Du meinst Struktur, oder? Das ist richtig. Okay, also das Beste für mich, Ausbilder, einfach so. Okay, jetzt sagen
wir einfach, du willst diesen Abschnitt im Grunde behalten. Weißt du, ich mag nur diesen Abschnitt des Schlitten. Ich mag nichts anderes. All das andere Zeug, das ich nicht mag. Nehmen wir an, ich möchte das einfach nehmen und speichern und in einen anderen Teil meiner
Website laden . Es ist sehr einfach. Also, genau hier in Ihrem Abschnitt, klicken
Sie auf diesen kleinen Speicher-Button, Secret Safe Klicken Sie darauf. Und ich werde dieses,
äh,
Lawley verlinken äh, , um zu retten, also habe ich das hier. LOL-Layout. Nun, sagen
wir einfach, ich möchte es auf einen anderen Teil meiner Website laden hier auf einem Scroll nach unten und rechts hier unter Vorlagen hinzufügen. Ich bin ein Klick auf Vorlagen hinzufügen. Gehen Sie zu meinen Vorlagen und unter dem Gesetz Layouts, ich werde es nur einfügen. Und da gehst du und du kannst diesen Kerl auf jeder Seite auf irgendeinem bestimmten Teil der Website . Es muss nicht die gleiche Seite sein. Es könnte ein beliebiger Teil der Website sein. Sagen
wir mal, Sie haben eine andere Domain. Nehmen wir einfach an, Sie haben eine andere ah ganz andere Website und Sie wollen diese
Informationen zu nehmen und sie auf eine andere Website zu setzen. Sie können das hier unter Abschnitt tun. Wir werden auf Abschnitt klicken und auf Safe klicken, und wir machen etwas wie, ähm, eigentlich, nein, wir können stattdessen einfach in unsere Bibliothek gehen. Also dieser Abschnitt hier, Mal sehen. Wir können das auf zwei Arten tun. Ich werde einfach so machen. Wir machen es einfach von Grund auf neu. In Ordnung. Also werde ich es von SECTION machen. Wir werden das speichern, und wir exportieren einen Export. Und ich bin ein Weg, um genau hier zu retten. Alles klar, jetzt haben wir einen Export hier. , Nehmen wir einfach an,Sie haben eine andere Domain, und Sie möchten dieses Layout auf eine andere Website setzen. Also genau hier, ich bin ein Klick auf Export. Und das ist nur ein kleiner Morgen. Also genau da ist das Layout genau da. Es ist also ein Mentor Dot Jason. , Sagen
wir mal,Sie möchten das auf eine andere Website laden. Außerdem müssen
Sie das jetzt tun, damit wir das Layout genau dort haben. Es heißt elementarer Punkt Jason, ich gehe hier rüber, um zu sehen oder auf mein Armaturenbrett zu gehen. Ich werde nichts davon retten, und ich gehe runter zu L. einem Mentor, und ich gehe jetzt in meine Bibliothek, genau hier. Ich werde auf Import-Layouts klicken, wählen Sie die Datei und ich glaube, es hieß l ein Mentor und sehen hier l ein Mentor. Ist es, richtig. Es ist da, wo es ist. Elementar, Doc. Jason! Genau hier. Das ist also die Folge, die wir haben. Und ich werde jetzt auf Öffnen und Importieren klicken. Und da gehst du. Also, Import Import ein ist jetzt auf der Website. Das ist im Grunde, wie Sie diese Layouts nehmen und sie in eine andere
Domäne exportieren würden . Weil Sie vielleicht eine Menge Layouts erstellen möchten, und dann vielleicht,
Sie wissen, Sie haben einen Client und Sie könnten einfach eine Lay auf ihrer Website laden und dann bam, Dort gehen Sie. Wissen Sie, Ihre Arbeit ist bereits erledigt, also ist das eine wirklich gute Idee. Wenn Sie ein Web-Designer sind, ist
es eine sehr gute Abkürzung und Laden, Laden von Vorlagen und Bibliotheken Jungs ist keine Schande. Weißt du, es spart viel Zeit. Es ist immer noch ein sehr schönes Layout, das sie für uns erstellt haben. Es ist also keine Schande, das zu tun. Ich mache es die ganze Zeit, weil Kunden manchmal eine wirklich schöne Website wollen, und wenn sie bereits etwas wirklich Gutes gemacht haben, verwenden Sie das
einfach bei einigen Modifikationen, etc. Okay, das ist
also im Grunde mein Tutorial. Jungs auf Layouts. Ihr könnt voran gehen und durch die Liste der Layouts gehen. Sie können Ihre eigenen verwenden. Sie können sie exportieren,
importieren, was immer Sie möchten. Alles klar, das war's für diesen Vortrag, Leute. Wir sehen uns alle in der nächsten Vorlesung.
17. Parallax1: Hey Leute, willkommen zurück. In diesem Vortrag werden
wir alles über den Parallaxen-Abschnitt sprechen und wie man dieses Aussehen erreicht und wie ich es
gemacht habe . Jetzt ist der Parallax-Effekt tatsächlich wachsende Popularität und viele Leute mögen es, weil er einfach wirklich sauber aussieht. Es sieht wirklich lustig und einzigartig aus. Heute zeigen wir Ihnen, wie Sie den Parallax-Effekt wie diesen auf Ihre Website integrieren Also lassen Sie uns hier rüber zu unserer Website gehen und wir gehen, um unsere Seite hier zu gehen, . und ich bin ein Go, um Seite zu bearbeiten und wir werden jetzt klicken Sie auf Bearbeiten mit L ein Mentor. Und wie immer, Jungs, stellen Sie sicher, Content-ID ohne Seitenleisten, die Widgets, können
Sie wählen, wie viele Widgets Sie möchten. Wir haben in der vorherigen Vorlesung über Widgets gesprochen und auch den Inhalt und auch den Titel des Inhalts. Also klicke ich auf Bearbeiten mit L, einem Mentor, und wir werden jetzt diesen schönen Parallax-Effekt erstellen. Also werde ich voran gehen und einfach eine Überschrift schnappen, und ich werde voran gehen und Parallax willkommen heißen. Und dann hier werde ich voran gehen und jetzt eingeben, auch, für diesen Stil können
wir wählen, um dies zu ändern. Ich ändere es wahrscheinlich zu Weißen. Nun möchte
ich dazu einen Hintergrund hinzufügen. Also unter Abschnitt hier, erste Dinge, die ich tun möchte, ist, dass ich das voll machen möchte. Und auch Naja, eigentlich werde
ich die Höhe als nächstes machen, weil ich Ihnen irgendwie das Bild zeigen möchte. Zuerst gehe
ich zum Stil. Ich gehe zum Klassiker und gehe zum Bild. Nun können
wir auch einen Videohintergrund setzen. Okay, also möchte ich dich nur daran erinnern, dass du Videohintergründe darstellst. Also hier drüben und zum Bild gehen. Und ich werde nur eines dieser Bilder hier auswählen. Medien einfügen. Und jetzt gehe ich zurück zu Layouts, und genau hier unter HaIf werde ich Männer Höhen machen. Nun, hier ist im Grunde, wo Sie die Höhe des Bildes direkt dort steuern können. Siehst du das? So können Sie voran gehen und entscheiden, was sie möchte. Ich werde etwas wie offene 700 7 700 dann die Content-Position setzen. Ich will es in der Mitte, genau hier. Na gut, vielleicht möchte ich das etwas größer machen. Also, wenn ich hier auf das klicke, können
wir tatsächlich voran gehen und uns ändern. Das wird auf die Größe gehen, und ich werde einfach etwas
extra extra großes tun und ich werde einfach etwas
extra extra großes tun, das genau so aussieht. Jetzt möchte ich sicherstellen, dass dieser Abschnitt hier behoben ist, weil gerade jetzt, wenn ich das Bild scrolle, weißt du nicht, es bleibt. Also, um diesen Parallax-Effekt Look zu bekommen, musst
du auf Abschnitt klicken und hier drüben gehen wir zum Stil, und wir werden diese Optionen hier haben. Also glaube ich, es ist unter dem, um die anderen die Wiederholungen oder Anhaftung? Ja. Oder der Anhang, den Sie es jetzt mit dem festen tut wie behoben behalten möchten, ist, dass es das Bild dort
hält, wo es ist. Also, wenn Sie diesen Parallax-Effekt erzielen wollen, ist genau
das, wie Sie es tun. Aber lassen Sie uns einen Schritt weiter gehen. Lasst uns jetzt weitermachen und hier eine weitere erstellen. Lassen Sie uns gehen und einen ganz neuen Abschnitt erstellen. Also, genau hier werde ich gehen, um einen neuen Abschnitt hinzuzufügen. Ich werde voran gehen und das hier reinlegen. Schnapp dir das. Ich werde diese Kopfzeile Text Tier packen setzt unsere Firma ist erstaunlich und wir werden in den Mittelpunkt stellen. Nicht für den Stil. Ich werde zu Weißen wechseln, und dann hier drüben, klicke
ich zurück, und wir klicken jetzt auf Abschnitt und Abschnitt, mit dem wir das voll wollen, wir gehen zum Stil. Wir wollen zum klassischen gehen, und genau hier gehen wir voran und wählen das Bild. Jetzt wähle
ich das hier aus. In Ordnung? Und jetzt, um das zu verbreiten, werden
wir hier rüber gehen, um uns anzulegen, und wir werden zum Hype gehen und ich kann wirklich fit zum Bildschirm machen. Und was für den Bildschirm passt, passt es tatsächlich zu Ihrem aktuellen Bildschirm. In Ordnung, aber ich denke, das ist ein bisschen zu groß. Ich will nur etwas in der Nähe. Vielleicht hatten wir 700 los. Klingt gut. So sieht es aus. Und wir müssen auch sicherstellen, dass dies unter fixiert ist. Also, unter Stil, gehen
wir zu den Anhängen und stellen sicher, dass das hier fest ist. Also jetzt haben wir einen doppelten Parallax-Effekt direkt dort. Und auch wir können hier immer wieder Sachen hinzufügen. Also zum Beispiel, sagen
wir, ich möchte hier auf diese klicken. Wir könnten vielleicht das Bild-Karussell hinzufügen und es einfach unter ziehen. Und dieser Typ hat hier nicht nur ein paar Bilder hinzugefügt. Weißt du, ich habe nicht diesen hier gemacht, diesen und diesen hier und diesen hier, ich werde eine neue Galerie erstellen und
die Galerie einfügen . In Ordnung, also habe ich meine vier Bilder dort, und genau hier könnten wir Bilder groß machen. Ich werde wahrscheinlich setzen, wissen
Sie, Sie können 300 usw. setzen. So können Sie jetzt sehen, dass wir unsere Bilder dort haben, so dass diese ziemlich cool aussehen. Ich denke, weiße Bilder würden auf diesem Hintergrund wahrscheinlich ein bisschen besser aussehen. Aber ich zeige Ihnen nur, wie Sie dies tun, nur für Sie wissen, wenn die Maut Zwecke und alles auch, sagen
wir einfach, Sie wollen in einem Text hinzufügen. Aber bevor wir aus dem Text, lassen Sie uns einfach einen anderen Abschnitt erstellen. Lass uns einfach noch einen erstellen. Besorgen Sie diese doppelte Parallaxe schöne Wirkung, die wir hier los haben. Also hier drüben. Ich werde einen neuen Abschnitt hinzufügen. Klicken Sie hier. Klicken Sie auf diese direkt hier. Schnappen Sie sich den Überschrifttext. Und wir hier will ich sagen, das ist Parallax und klicken Sie auf, wissen
Sie, Mitte. Der Stil ändert sich zu Weißen, genau wie wir es getan haben. Und ich werde auf diese Abschnitte klicken und der Abschnitt, erinnere dich, kontrolliert seinen ganzen Abschnitt. Ich möchte das so voll mit und die Content-Position. Halten Sie es in der Mitte. Und auch die Höhe. Zwei Männer Höhe. Genau da. Jetzt müssen wir ein Hintergrundbild hinzufügen. Das ist das Problem, genau da sieht nicht aus, es hat hier kein Hintergrundbild. In Ihrem Stil klicken
Sie auf klassische Bilder Tiere wie dieses. Jetzt antworten in Medien und Voila! Da gehen wir. Sieht wirklich gut aus. nun daran, Denken Sienun daran, für den Anhang müssen Sie ihn in behoben ändern. Behoben gibt Ihnen den Parallax-Effekt Jetzt gehen zurück zum Layout. Willst du das im Grunde ein bisschen größer machen, einfach so? Das sieht ziemlich gut aus. Und dann können wir hier, wissen
Sie, einige weitere Widgets
hinzufügen. Sie wissen, dass Sie Inhalte direkt hier der Text-Widgets hinzufügen können. Und ich werde es einfach dort setzen und dann für den Stil, den ich in der Mitte wollte. Und ich will diesen Text weiß genau so, okay? Und sagen
wir auch, Sie möchten hier einige Zahlenzähler hinzufügen. Gehen wir weiter und machen das. Also genau hier und klicken Sie darauf, und ich werde tatsächlich Spalten setzen und ich werde das hier wirklich setzen. Hoppla. Ich habe es einfach überall hier und jetzt können wir die Spalten hier einfügen. Also, hier werde
ich Spalte nehmen und alle, vielleicht eine hinzufügen. Also haben wir drei. Vielleicht drei sind gut. Nun, ich möchte diesen Abschnitt unterhalb des Textes hier. Also werde ich auf diesen Abschnitt klicken, und ich werde einfach dort klicken. Und jetzt haben wir den Abschnitt unter dem Text. Klicken Sie also auf dieses Symbol hier und ich möchte voran gehen und einige Zahlenzähler eingreifen . Also Zahlenzähler, und dann gleich hier, werde
ich Sie wissen lassen, dass das in Ordnung ist, wissen
Sie, coole Nummer. Ich schätze, wir können etwas anderes setzen, aber ich möchte diesen Text in Weiß ändern. Also unter Textfarbe, möchte
ich das als Weiß und auch für den Titel setzen. Ich will den Hintern weiße Esel setzen. Nun, sagen wir, ich möchte diese Zeile duplizieren. Dasselbe, ich bin dupliziert. Und da gehen wir. Also, jetzt gehen wir weiter und sagen, dass du es weißt. Vielleicht möchte ich keinen ganzen Abschnitt erstellen. Wir haben bereits drei Abschnitte gemacht, um alles noch einmal zu machen. Lassen Sie uns einfach einen ganzen Abschnitt duplizieren und ziehen Sie ihn dann einfach über. Also hier drüben, werde
ich einfach voran gehen und auf Abschnitt klicken und wir werden diesen Abschnitt
gleich dort duplizieren . So, jetzt können Sie sehen, dass die Seite tatsächlich auseinander ausgebreitet hat, was ein weiterer wirklich cooler Look ist. Aber ich möchte einfach diesen Abschnitt nehmen und ihn einfach nach unten ziehen. Also habe ich diesen Abschnitt hier und ich möchte ihn einfach hier nach unten ziehen. Und da gehst du. Jetzt haben wir einen wirklich coolen Parallax-Effekt. Ihr könnt sehen, dass es wirklich gut aussieht. Es fing an zu kommen. Jetzt möchte ich auch über Video-Schieberegler sprechen. Es gibt also eine Menge über Videos,
Kämpfer, die du tun kannst. Sie wissen, Zum Beispiel, anstatt diesen großen Hintergrund zu haben, können
wir tatsächlich nur einen Video-Schieberegler integrieren. also einen Abschnitt hier hinzufügen, gehen wir zum Stil und wir gehen einfach voran und greifen in einem
YouTube-Video . Und ich empfehle wirklich, in den vier K-Videos zu greifen, weil YouTube alles hat. So ist es eine monströse Websites. Also vier k Natur und, wissen
Sie, eine davon
zu greifen, ist, wissen
Sie, wahrscheinlich eine Ihrer besten Lösungen. Also schnapp ich mir das hier und wir werden sehen, wie das hier in Ordnung aussieht. Und ich werde voran gehen und fügen Sie es in genau dort und während Gesetz So das ist ein wirklich cool Sie wissen,
Hintergrund, dass Sie für Ihre Website haben können. Nein, wir haben, ah, Video-Apfelwein plus den Parallax-Effekt
, der ziemlich cool aussieht. Also fühlen Sie sich frei Jungs durch diese zu gehen, wissen
Sie, und Durcheinander mit den Parallax-Einstellungen können Sie wie eine voll funktionsfähige Parallaxe-Seite haben
sticht einfach heraus und Sie können es dekorieren. Sie können alle möglichen wirklich coolen Sachen hinzufügen. Das war's also für die Sektion Jungs. Ich hoffe, das hat dir geholfen. Gehen wir zum nächsten Abschnitt, also werde ich euch alle dort sehen
18. Quiz 2: Na gut, Leute, willkommen zurück zum nächsten Quiz. Wir werden darüber reden, wie ich diese Preistabellen erstellt habe. Also Preis-Tabellen sind wirklich schön, ihre einzigartig. Jetzt gibt es 1000 verschiedene Stile. Aber ich möchte Ihnen nur das Format zeigen, wie Sie eine Preistabelle erstellen, damit Sie
eine für sich selbst erstellen können . Nun, wirklich, all das sind Jungs. Wenn man sich das genau anschaut, ist
es nur ein Text, ein Text, eine Zeile. Ich habe hier eine Nikon hinzugefügt und einen Aufruf zum Handeln. Und dann habe ich nur im Grunde die gesamte Box mit einer Farbe skizziert, um ihm irgendwie das
deutliche Aussehen zu geben , als wäre es eine eigene Preistabelle. Also, genau hier unter der Spalte, werden
Sie sehen, dass ich im Grunde die Hintergrundfarbe hier ändere. Sehen Sie, dass unsere Veränderung, die Farbe direkt dort. Dieser Abschnitt hier ist ein Kopfzeilentext. Also habe ich hier im Grunde nur einen Steuersatz gemacht. Dies ist auch ein Kopfzeilentext, und ich habe nur im Grunde , wissen
Sie, ich habe die Größe im Grunde größer gemacht, um mehr Wert zu geben, um es wie eine
Preistabelle
usw. aussehen , um es wie eine
Preistabelle zu lassen. Und in diesem Abschnitt hier ist nur ein Teiler. Also Header, Header Teiler. Und in diesem Abschnitt hier, eigentlich, ein bisschen mehr Anpassung. Dies ist also im Grunde das Symbol Liste Gadget direkt hier. Also die Symbolliste. Jetzt werde ich das löschen und dir zeigen, wie ich es gemacht habe. Das hier ist also die Symbolliste, und ich ziehe sie einfach hierher. Nun, standardmäßig wird
es so aussehen. Also, wie habe ich das gemacht? Hoppla. Tut mir leid. Also, wie habe ich es geschafft, so etwas wie das hier auszusehen? Wir werden alles, was wirklich getan hat, war etwas wie, wissen
Sie, volle S E o Service. Und ich habe hier einen Scheck gestellt. Sie können setzen, was Sie wollen, und ich werde Web-Design-Unternehmen, und dann genau hier werden Sie keine Bonitätsprüfung, die Sie verrückt sein müssen, um das zu tun. Aber einige Firmen da draußen, weißt
du, ich weiß es nicht. Also genau hier haben wir die hier, alles. Das ist ziemlich gut. Aber wir müssen es im Grunde ausrichten, damit es ein wenig besser aussieht. Also hier drüben, unter Stil, möchte
ich sicherstellen, dass es zentriert ist. Okay, also haben wir es zentriert. Jetzt können Sie hier die Symbolfarbe in etwas wie Schwarz ändern. Aber das eine wichtige Eigenschaft ist, dass wir den Zeilenabstand verwenden müssen, weil der Zeilenabstand es
im Grunde macht. Geben Sie ihm die Illusion, dass es eine Preistabelle ist. Also hier drüben, unter dem Text, gehen
wir zur Topographie und genau hier unter den Zeilenhöhen. Wir werden das ein bisschen größer machen und wissen Sie, der Zeilenabstand, den wir kennen können, Mr. Vice basiert
ein wenig, usw. Das ist im Grunde, wie wir die Preistabelle erstellt haben. Und denken Sie auch daran, sobald Sie fertig sind, diese Preistabelle zu erstellen, ist
alles, was Sie tun müssen, ist nur die Rose duplizieren. Mach es dir nicht zu schwer. Ich habe nicht versucht, alles alleine
zu machen. Verwenden Sie einfach Technologie, wissen
Sie, verwenden Sie, was hier verfügbar ist. Alles, was zu tun ist, klicken Sie einfach auf Duplikat. Und jetzt hat es eine zweite Zeile und dann Spaltenduplikat. Und dann genau hier,
alles, was Sie tun müssen, ist einfach voranzugehen und den Titel zu ändern. Und auch hier. Dasselbe, weißt
du, nur bis 99. Und Jungs. Es gibt auch viele Demos, wie man Preistabellen erstellt. Da ist auch dieser Presstisch. Und wenn ihr euch diese Preistabelle sehr genau anschaut, ist das
alles wirklich, Jungs ist das hier ein riesiger Abschnitt. Lassen Sie mich Ihnen die Analogie dahinter zeigen. Das hier ist also ein riesiger Abschnitt, und es ist nur grau. Dies ist eine Spalte mit einem weißen Hintergrund,
einem Text, einem Text, einem Text, der Divider-ICOM-Liste und einer Call-to Action-Schaltfläche. Und wenn Sie bemerken, wenn sie einen Mauszeiger über haben, wird
es hier blau. Genau das Gleiche. Es geht also nur darum, Ideen zu bekommen und einfach zu lernen, wie man den Page Builder benutzt. Und es sieht kompliziert aus, aber es ist wirklich nicht, weißt
du, es ist nur ein Text. Eine Textteiler-Symbolliste. Ah, Knopf mit nur blauem Hintergrund, das war's. Und genau hier, der außerhalb des Grenzradius. So ist der Grenzradius 10 und das gibt ihm im Grunde das abgerundete Aussehen. Ändern Sie Einstellungen. Ich
meine, meine, null. Es wird das Aussehen verlieren, wie hier. Also diese Box hier sehen, wie sie jetzt quadriert ist. Sie wollen also diesen abgerundeten Look. Sie müssen den Rahmenradius hinzufügen. Etwas um 20 bis 30 wäre großartig. Also, das war's, Jungs, für dieses Quiz. Ich hoffe, das hilft dir. Vielleicht könnten Sie in der Zukunft einige Preistabelle machen, die wirklich,
wirklich cool aussah . Vielleicht sogar besser als meine, also sehe ich euch alle in der nächsten Vorlesung.
19. Kontakt: Hey, Leute, Willkommen zurück. In diesem Vortrag werden
wir über das Kontaktformular sprechen. Wir werden das Google Maps-Bild verwenden. Ich werde Ihnen alle zeigen, wie Sie das Kontaktformular Plug in zusammen mit nur Erstellen einer
einfachen Kontaktieren Sie uns Seite verwenden . Also lasst uns jetzt weitermachen und loslegen. Ich gehe zurück zu unserem Kontaktformular und hier, klicke auf Bearbeiten mit L A Mentor. Oder wenn das nicht ist, steht Ihnen diese Option nicht zur Verfügung. Gehen Sie einfach zu bearbeiten Seite und auf den Wettbewerb Der Kontakt US Abschnitt. Klicken Sie einfach auf eine mit l einem Mentor, und dies wird diesen ganzen Abschnitt für uns öffnen. So schnell. Es ist sehr einfach. Genau hier. Klicken Sie auf. Fügen Sie in Ihrem Abschnitt hinzu. Wir wollen diese große Karte hier erstellen. Also haben wir diesen Abschnitt hier. Nun, ich möchte nur Google Maps hier nehmen und es einfach dorthin ziehen. Einfach. Einfach. Jetzt hier. Ich werde Avalon Hollywood setzen, und auch wir können die Zoomstufe kontrollieren. Weißt du, wir könnten es ganz nah hineinzoomen, oder wir lassen es zoomen. Wirklich nah draussen, etcetera. Es tut mir leid. Dies ist je höher die Zahl, desto näher wird sie vergrößert. Außerdem können
Sie auch die Höhe ändern. Aber es war so etwas genau hier und auch verhindern Scroll. Das heißt,
wenn jemand darüber blättert, willst du die Schriftrolle verhindern oder nicht? Also, indem Sie auf Ja oder Nein klicken, sehen Sie , wenn ich meine Maus benutze und scrollen, wird es nicht vergrößert. Also denke ich, das ist eine gute Idee, das zu tun. Manchmal bleiben Menschen hängen, wenn sie die Seite nach unten scrollen. Sie sind wie, Oh, mein Gott sagt es. Wir wissen es. Weißt du, was ich meine? Ich habe das auf vielen Websites gemacht. Also, genau hier, gehe
ich zum Abschnitt. Ich will das voll machen. Und ich möchte auch sicherstellen, dass es hier keine Lücke gibt. Siehst du die Lücke da? Ich will diese Lücke beseitigen. In Ordnung. Also, das ist im Grunde, wie Sie in Google Maps eingeben, ist sehr, sehr einfach. Es gibt einen sekundären Weg, dies zu tun. Jetzt werde ich Ihnen zeigen, dass der sekundäre Weg nur für zwei Mautzwecke ist, nur um Sie ein bisschen mehr
lernen zu lassen. Was Sie also auch tun können, ist hier, in einem Texteditor, einfach fahren und einen Text packen. Und jetzt sehen Sie, es gibt zwei Tabs. Da ist ein Bild im Text. Jetzt für zukünftige Referenzleute, wenn ein Plug in oder etwas Ihnen sagt, einen kurzen Code oder ein Stück Skript einzugeben, wird
es immer in den Texteditor des Textfelds gehen. Okay, also lass mich dir genau zeigen, was ich meine. Also habe ich nur Rücktaste, dass ich jetzt zu Google Maps hier gehen werde. Ich gehe zu Google Maps, und ich werde einfach etwas wie
Dollinger,
meineHeimatstadt
Chatsworth,
Kalifornien setzen meine Dollinger, Heimatstadt
Chatsworth, Chatsworth, . Jetzt werde ich auf Teilen klicken. Nun, zwei im Bett Karte. Und du siehst das hier? Dieser Code. Ich werde das hier kopieren. Ich gehe zurück und füge das hier in die Kiste ein. Also, wenn ich jetzt wieder hier rüber gehe, wirst du sehen, dass das tatsächlich auftaucht. Das ist also eine alternative Möglichkeit, die Google Maps zu verwenden. Nun, wenn sie unter visuell verwendet wird, es nicht funktionieren. Ich gehe einfach voran und füge diesen Code einfach unter Visual ein. Du wirst den ganzen Code sehen. Okay, das ist
also der Unterschied. Also, wenn ein Plug in oder etwas Ihnen sagt, es in Ihren Text beliebigen Text zu setzen, müssen
Sie sicherstellen, dass es sich unter dem Textfeld befindet, sonst funktioniert es nicht. Und das gilt für alles, was für kurze Codes gilt. Das gilt für einen PHP-Code, der für alles gilt, was ein Plug in Ihnen direkt gibt. Okay, genau hier, ich werde einfach voran gehen und nur gelogen. All das und wir werden diese Box nicht benutzen. Ich werde voran gehen und einfach diesen ganzen Abschnitt löschen. Weißt du, es macht es immer manchmal. Weißt du, wenn es das auch tut. Ihr Leute, wo es ist, als hättet ihr so hochgeklickt. Es tut einfach, dass manchmal ist es einfach seltsam. Also weiß ich es. Also jetzt gehen wir weiter und fügen Sie hier einen Text hinzu. Also möchte ich einen Text,
einen Teiler und einen Text hinzufügen . Inzwischen denkst du, Oh, das ist nur Übung, weißt
du, das ist hübsch. Ziemlich einfach. Ich hoffe, ihr kehrt zurück, um zu lernen, wie man das benutzt. Also hier. Aber kontaktieren Sie uns. Setzen Sie dies in die Mitte und für den Stil. Ich will es schwarz machen. Und ich möchte eine Marge hinzufügen. Ich möchte hier etwas Platz hinzufügen. Wenn ich darauf klicke, werde
ich sagen, warum ich 100 100 Bilder von dort wollte. jetzt Klicken Siejetzthier, eine an einer Trennwand rechts darunter. Reduzierte die Lücke, Legen Sie es in der Mitte und reduzieren Sie die mit rechts dort. Hoppla. In der Mitte, genau da. Und auch hier. Ich möchte einige neue Inhalte hinzufügen. Ich will einfach voran und Adam etwas Text. Vielleicht können Sie über Ihre Websites sprechen oder was auch immer Sie möchten. Also, hier werde
ich gehen, um einen Dummy-Text einzugeben, und ich werde mir das schnappen. Vielleicht ist das zu viel, weißt
du? Ich weiß es nicht. Vielleicht ist das zu viele Texte und hier zu sehen. Tempo es rein. Ja, vielleicht ist es zu viel. Ok, so
etwas. In Ordnung. Jetzt haben wir diesen nächsten Abschnitt hier, wo es ein bisschen mehr geteilt ist, wo wir unser Büro
haben, und wir haben diesen Abschnitt hier, also werde ich Ihnen zeigen, wie das geht. Also, hier werde
ich einfach voran gehen und sagen: Alles klar, zentriert. Ich gehe weiter, zentriere diesen Text jetzt genau hier. Ich werde einen neuen Abschnitt hinzufügen und wir werden auf Alles in Ordnung klicken. Jetzt, hier
drüben. Ich will die Überschrift nehmen und ich werde so etwas wie, ah, war unsere Bürozeiten, unser Büro. Und dann kann ich auch so etwas wie den Text machen. Natürlich, wenn sie schwarz werden und für den Vorschub, kann
ich es nicht auf eine Welle schieben wollen. Ich will hier von oben wegstoßen. Ich werde etwas Spielraum hinzufügen, also bin ich nicht 100. Okay? Also hat etwas Marge direkt dort hinzugefügt. Jetzt wollen auch im Grunde einige Icons direkt hier hinzufügen. Also, du weißt schon, unser Telefon, unser Standort , unsere Faxnummer, etc. Also das, was ich nenne, wäre die beste Wette dafür. Es würde nur das nehmen und es einfach dort fallen lassen. In Ordnung? Und denken Sie auch daran, dass Sie mehr hinzufügen können. Wissen Sie, wir können so viele hinzufügen, wie wir wollen. Also hier können wir etwas hinzufügen wie, Ah, Pasadena Boulevard
bauen, Hollywood ,
Kalifornien, etc. Also, genau hier, mache
ich etwas wie, du weißt schon, unser Telefon und dann fange ich an. Aber so etwas wie, wissen
Sie, für das Symbol wird gut setzen Telefon und dann genau hier, gehen Sie
einfach vor und setzen Sie Ihr Telefon. Sie wissen es? Also 1 88 Nein, 288 ein 9999 Okay, also das ist im Grunde, wie ich diesen Blick genau dort erreicht. So können Sie grundsätzlich jedes durchgehen und es, wissen
Sie, wissen
Sie,auch für den Link
entwerfen. Wenn Sie also möchten, dass dies ein Link ist, auf dem jemand darauf klicken und sie zu einer anderen
Website bringen würde , würden
Sie Ihren Link direkt dort eingeben. Auch für Stil. Er kann die Symbolgröße ändern, um ein wenig größer zu machen und auch die Schriftfarbe zu ändern . Okay. Und dann, wie natürlich, können
Sie es zu einer Linie machen. Sie können es zu den Rechten schaffen, etc., wo immer Sie sein wollten. Oder Sie können tatsächlich hier gehen und einfach den Text der tatsächlichen Zahl selbst ändern. Hier können Sie also den Text ändern, einrücken und dann vielleicht auch die Textfarbe und Topographie ändern. Also wisst ihr, was das jetzt ist? Ich will das nicht nochmal durchmachen. Also lassen Sie uns jetzt voran und sprechen über das Kontaktformular Plug in. Also, genau hier,
geh, um zu retten. Und wir werden unseren aktuellen Fortschritt speichern, und wir werden jetzt zu unserem Dashboard gehen. Okay, jetzt solltest
du das auch unter einem anderen Fenster machen. Aber, weißt
du, nur um Dienstleistungen zu verkaufen, gehe
ich einfach zum Dashboard, und wir machen das einfach von Grund auf neu, okay? Also gehen wir hier rüber, um Plug Ins zu kommen, gehen
wir, um neue hinzuzufügen. Nein, da draußen sind viele Steckdosen. Früher habe ich das Kontaktformular sieben empfohlen, aber ich empfehle das Kontaktformular sieben nicht mehr, weil ich nur viele meiner Zuschauer finde und
viele meiner Zuschauer finden, dass es im Laufe der Zeit eine Art Gold hat. Also bin ich es. Wissen Sie, ich empfehle nicht mehr Kontaktformular sieben. Ich werde tatsächlich empfehlen Contact Bank und diesen Stecker hat es für mich funktioniert, also weiß ich, dass es ziemlich gut funktioniert. Und es ist ein relativ, ähm, wissen
Sie, guter Plug in zu verwenden. Es war eine Kontaktbank. Sehen? Genau hier. Es nennt sich Kontakt. Ein anderer Weg. Ihr habt euch beschränkt, nur indem ihr mich hier kontaktiert, und es gibt Tonnen von ihnen genau hier. Aber viele dieser Kontaktformulare, wissen
Sie, viele von ihnen sind sehr altmodisch. Ah, viele von ihnen funktionieren nicht. Das beliebteste ist das Kontaktformular sieben. Aber wie ich schon sagte, es hat sich im Laufe der Zeit irgendwie verdorben. Und ich finde, dass der Stecker in nicht gut funktioniert. Ah, oft benutze ich Ah, Kontaktformular sieben. Dass der Stecker, es tatsächlich einfach nicht sendet es an Spam platzt statt. Posteingang, dies ist Kontaktformular sieben. Aber ich würde uns nicht mehr empfehlen, weil, ähm, seit dem neuen Update von WordPress, es hat eine Menge Probleme bekommen. Aber jetzt gehen wir voran und lösen Sie einfach den Stecker in, dass wir nach Serena suchen, tippen Sie in WP Contact Bank, und genau hier werden wir dieses Formular verwenden. Also genau hier. Klicken Sie einfach auf Jetzt installieren, und wir werden diesen Stecker in installieren. Und was dieser Plug in tun wird, ist, dass er im Grunde ein Kontaktformular für uns erstellen wird. Also, wenn jemand auf unsere Website geht und uns eine E-Mail sendet, wird
es direkt in unseren Posteingang gehen. Okay, so ist es fast fertig Installation und klicken Sie auf Aktivieren. In Ordnung, also genau hier, können
Sie sehen, dass der Kontakt spät Edition installiert ist. jetzt Gehen
wirjetztweiter und nutzen Sie dieses Kontaktformular. Manchmal, Leute, wenn man Plug Ins installiert, ist es
manchmal schwer, sie zu finden. Du musst dich irgendwie umsehen. Manchmal ist es unter Einstellungen, etc., aber Bögen genau hier. Also gehen Sie einfach auf Kontakt rosa klicken. Und sie haben im Grunde einen Demo-Wald gemacht. Sie haben im Grunde schon eins für uns erstellt, also lasst uns einfach voran gehen und dieses benutzen. Aber, weißt
du, vielleicht sollte ich das nicht tun. Lassen Sie uns jetzt voran, Erstellen Sie
einfach ein ganz neues Formular, nur um Ihnen nur für ditto Dienste zu zeigen. Also genau hier haben wir Namen gebildet und wir haben eine Formularbeschreibung. Wir haben eine leere Nachricht. Wir haben eine falsche E-Mail-Nachricht. Eine Erfolgsbotschaft
, etc. OK, also ist dies im Grunde ein schnelles Forum, das sie für uns erstellt haben. Jetzt können wir das hier tatsächlich einfach nehmen und sagen wir, ich möchte hier in einer einzigen
Zeilenbeschreibung hinzufügen . Also genau hier haben wir die 2. 1 genau hier. Und vielleicht möchten Sie etwas hinzufügen, wie einen Absatztext. Also, genau hier, werden
wir die Namen hier ändern. Also werde ich zu Einstellungen gehen, und genau hier, ich habe jetzt wie Name, Ist das erforderlich oder nicht erforderlich? So summiert sich zu Ihnen. Ich klicke auf Speichern. Und wieder hier. Das Gleiche hier. Ich werde so etwas wie, ähm, Nachricht tun. Und dann hören Sie vielleicht eine Menge E-Mail-Adresse. So E-Mail-Adresseinstellungen. Ich möchte dies erforderlich machen. Okay. Und dann genau hier werden Kontrollkästchen tun, oder Sie können ein Auswahlfeld tun. Ähm, weißt
du, was immer du hinzufügen möchtest, es gibt eine Menge Gadgets hier. Also, hier, vielleicht willst du so etwas wie,
ähm,
nichts tun ähm, . Das reicht. Vielleicht nennen Sie einfach nur als E-Mail, um es einfach zu halten. Weißt du, ich denke, das ist ziemlich gut. So Erfolgsmeldung, wissen
Sie, erfolgreich gesendet, um sichere Form zu sein. Jetzt können wir eigentlich nur dieses Ah,
dieses Kontaktformular benutzen . Also genau hier. Dies ist das Kontaktformular, das wir erstellt haben. Also werde ich voran gehen und das hier benutzen. Jetzt muss
ich das alles packen, und ich kopiere das. Jetzt geht es zu unserem Kontaktformular. So Seiten, alle Seiten kontaktieren uns. Alles klar, also das ganze Fleisch, das Sie jetzt gemacht haben, ist einfach voran und wir werden hier nach unten scrollen, und wir werden das WordPress-Widget verwenden. Also genau hier, unter Preisverleihung. Möchten Sie den willkürlichen Text nehmen und einfach voran und ziehen Sie das direkt dorthin. Und wir wollen den Kurzcode nehmen und einfach ihn dort einfügen, und dann klicken wir auf Speichern und voila. Jetzt haben wir Namen, Nachricht und E-Mail, und sie können einfach weitergehen und ihre Nachricht senden. Also, das ist es, Jungs für die Kontakt-uns Seite, wir haben im Grunde eine voll funktionsfähige Kontakt-uns Seite haben ihnen ihre Karte gegeben. Wir haben ihnen hier den Titel gegeben, das Büro und das Kontaktformular. Das ist so ziemlich das für diesen Abschnitt, Leute. auch Lassen Sie unsauchvoran gehen und vielleicht fügen Sie hier einen weiteren Abschnitt hinzu. Also habe ich im Grunde einen weiteren Abschnitt direkt hier unten erstellt. Und das einzige, was ich getan habe, war, dass ich hier im Grunde einen neuen Abschnitt hinzugefügt habe. Und tatsächlich können
wir das auf zwei Arten tun. Wir können zu zwei Spalten gehen und hier kann ich einfach voran gehen und einfach einen Überschrifttext
hier hinzufügen . So sieht es so aus, als ob das ist und dann werde ich einen Texteditor direkt darunter hinzufügen . Und auch ich tat war im Grunde gehen zum Abschnitt und dann von Abschnitt ging ich voran. Und ich habe gerade im Grunde eine Marge genau so erstellt, und auch hier unter diesem Abschnitt unter dieser Spalte können
Sie auch einen Rand hinzufügen. Sie möchten das Formular grundsätzlich so ausrichten, dass es immer sein soll. kannst du tun. Das ist also im Grunde ein kurzer Überblick darüber, wie ich diesen zweiten Abschnitt direkt hier auf dem
Kontaktformular erstellt habe . Also sagte ich, Sie könnten dies ein wenig länger sein, um vielleicht eine Art von Übereinstimmung mit diesem Text, weil dieser Abschnitt direkt hier, können
Sie sehen, dass die Kontaktbox länger ist, so dass Sie das tun können und auch die Ihre Nachricht wird tatsächlich sehen hier ein bisschen größer aus. Vielleicht können wir diese Grenze größer machen, wenn wir das Kontaktformular erstellen. Anders als das,
Leute, Leute, das ist es im Grunde für das Kontaktformular. Abschnitt zwei. Ziemlich einfach. Ziemlich unkompliziert, oder? Also werde ich euch alle im nächsten Abschnitt sehen.
20. Blog: Hey, Leute, willkommen zurück. Jetzt werden wir über Bloggen reden. In diesem Tutorial werden
wir darüber sprechen, wie man einen Blawg-Beitrag macht. Und ich werde euch auch die Pro-Version von L.
A Mentor vorstellen , weil sie einige Besonderheiten hat, die sich auf den Block Post beziehen. Also genau hier, wenn Sie einen neuen Block Post starten wollen, gehen
Sie hier rechts zu plus neu und gehen Sie zu posten, oder wir gehen unten zu unserem Dashboard genau hier, und wir können tatsächlich darauf zugreifen, indem Sie zu Beiträgen gehen und neu. Das hier ist also im Grunde nur ein Blawg-Post zu erstellen. Und denken Sie daran, dass wir auch elementar verwenden können, um unsere Blawg-Seite zu entwerfen. Anstatt also den Standardeintrag zu haben, können
wir tatsächlich einen benutzerdefinierten Blawg-Post erstellen. Aber genau hier werde
ich Blawg-Post eins setzen,
und , weißt
du, ich werde weitermachen und jeden Text eingeben, den du wahrscheinlich hier hättest. Also, zum Beispiel, ich werde einfach weitermachen. Und so, wie etwas Einfaches hier. einfach, Sieeinfach, Setzen
Sieeinfach,worüber Sie reden wollen, wie ein Sie wissen, cooles Zeug und genau hier. Weißt du, wir können das eine Linie in die Mitte stellen. Ah, Linie nach links schwächen Kugel wir können kursiv. Es sind alle Arten von wirklich coolen Funktionen. Auch die Unruhen. Es tut mir leid, dass der Toolbar-Toggle einige zusätzliche Funktionen wie,wissen
Sie,
in Dellen gibt wissen
Sie, . Er will Sonderzeichen geben. Sie können diese in Ihre Beiträge einfügen oder, wissen
Sie, wenn Sie eine bestimmte Textfarbe haben möchten, können
Sie das auch tun. Es gibt also eine Menge kleiner Optionen hier, die Sie verwenden können,
um mit Ihren Einstellungen
herumzuspeichern , ,wenn Sie möchten. Nun, was wichtig, was ich tun möchte, ist hier den ganzen Weg hier rüber zu gehen und ein
vorgestelltes Bild zu setzen . Leute, wann immer du irgendeine Art von Post
machst, musst du ein vorgestelltes Bild haben. Es ist im Grunde ein Bild, das Ihren Blockpost darstellt. Also hier wollte ich voran gehen und diesen Kerl hier setzen und sagte, dass als Featured Bild und das ist im Grunde es für die Blockpfosten. Es sieht so aus, , wissen
Sie, wir, wissen
Sie,wir haben einige Inhalte in ziemlich einfach auch auf einer Kreditkategorie für sie gehen. So zum Beispiel wird
dieser Block Post über Tiere sprechen und Sie könnten andere Block-Posts haben ,
die über etwas anderes sprechen usw. Deshalb möchten Sie Ihre Blockposts und auch Tags kategorisieren. Also vielleicht so etwas wie ein Hundetier, etc., und diese anderen Optionen sind im Grunde Standard für die Blockpostseite. Also lassen Sie uns jetzt voran und veröffentlichen diesen Beitrag bereits. Jetzt haben wir tatsächlich eine Seite dafür erstellt. Wir haben nicht einmal eine Seite für die Blockbeiträge. Also genau hier unter Seiten werden gut gehen, tatsächlich alle Seiten laden. Ich glaube, wir haben einen. Nein, wir haben keins. Also, genau hier, werden
wir gehen, um neue hinzuzufügen und blawg einzugeben, und bald veröffentlichen wir es einfach dort. Ok. Damit der Beitrag auf dieser Seite angezeigt wird,müssen
wir dies im Theme-Customizer einrichten. Damit der Beitrag auf dieser Seite angezeigt wird, Genau hier unter ihr tut es mir Leid. Maßgeschneidert. Du klickst darauf. Jetzt gehen wir runter zur statischen Titelseite. Jetzt sehen Sie, was sagt Post Page? Wir wollen, dass die Blawg-Seite zu machen. Ok. Und dann sind wir hier. Wir gehen zu speichern und zu veröffentlichen und auch Sie bemerken, genau hier. Das Menü erscheint jetzt direkt hier unter Blawg. Die Seite sieht also gut aus. Jetzt gehen
wir weiter und gehen zu unserer Blockseite. Also, genau hier, werde
ich gehen und auf Blawg klicken. Und da gehst du. Also haben wir diesen coolen kleinen Beitrag hier, und wissen Sie, es hat ah, Featured Bild. Es hat diese Information genau hier
, etc. Also das ist im Grunde Jungs der Block Post auf den Punkt gebracht. Es ist sehr einfach. Es ist sehr unkompliziert. Es ist nicht schwer zu verstehen. Und was hier richtig ist, ist das im Grunde Widgets. Sie wissen, wie auf der Fußzeile genau hier, wie wir diese Widgets haben. Sie können die ist tatsächlich auf die Seite legen. Also gehen Sie hier zu Widgets, Sie sehen oder hören es ist richtig Sidebar. Dieser Abschnitt hier steuert, was Sie auf dem Blawg sehen. Jetzt können Sie in Ihrem eigenen hinzufügen, können Sie in einem Facebook-Like Box. Sie können alle Arten von cool hinzufügen. Wissen Sie, was auch immer Sie auf den Märkten finden können. Aber wenn du das nicht willst, kannst
du einfach gehen und sagen, du weißt, ich will keine Archive zeigen. Klicken Sie auf Löschen, und ich möchte keine Kategorien löschen anzeigen, und ich möchte keine Meta anzeigen und löschen, das ist Und wenn Sie zurück zu unserer blonden Seite gehen, werden
Sie feststellen, dass Onley drei von ihnen hier erscheinen. Also haben wir die letzten Beiträge und die letzten Kommentare. Auch die anderen sind verschwunden. Also, das ist eine schnelle natürliche Jungs, wie man die Blockposten zu machen. Und wie ich schon sagte, wenn sie dort klicken, gehen Sie. Es gibt den Block Post und machen Login und sie können einen Kommentar hinterlassen, etcetera, was auch immer sie möchten. Okay, das ist
also eine kurze Zusammenfassung der leeren Seite. Aber gehen wir jetzt weiter und gehen zurück zu unserem Posten. Also geh zu meinem Posten hier und wir gehen, um Post eins zu blockieren. Und Sie wissen, wenn Sie anpassbar werden möchten, können
Sie in diesem Kontaktformular direkt hier hinzufügen. So zum Beispiel können
Sie
zum Beispieldirekt hier klicken Hinzufügen in das Kontaktformular, oder Sie können in ein Bild direkt hier hinzufügen, indem Sie Medien hinzufügen und einfach nur ein
Bild einfügen . Und sagen wir, Sie wollen dies in der Mitte ausrichten, können Sie das tun. Ich meine, so zu helfen, Ihrem Blog einige,
Sie wissen schon,
einige zu geben Sie wissen schon, . Einige fühlen eine gewisse Anpassung. Weißt du, es sieht gut aus. Und auch, ähm, anders als das ist das im Grunde für den Block Post. Aber Sie wissen, Sie können dies auch mit den Elementen oder Paige Miller bearbeiten. Also genau hier auf dem Klick auf Update, und wir werden einen neuen Beitrag machen, werden
wir einen brandneuen Beitrag zu einem neuen Beitrag machen, und wir werden jetzt und hier blockieren,
anstatt nur Inhalte zu posten , Ich werde tatsächlich mit L einen Mentor bearbeiten, und wir können tatsächlich einen benutzerdefinierten Beitrag direkt hier erstellen. Also, genau hier, können
Sie sehen, jetzt können wir das tatsächlich anstelle von dem, was uns gegeben wird, verwenden. Ich bin standardmäßig. Vielleicht möchten Sie hier ein Bild hinzufügen. Wir können, weißt
du, das Bild hier
reinstellen. Und dann können
wir hier voran gehen und sagen: Ich will hier einen Text. Ich werde in einen Text setzen, wissen
Sie, die erstaunlichste Reise, das erstaunlichste Pferd und schwächen Zentrum. Es ist Und hier können wir voran gehen und vielleicht sogar ein Google Maps setzen, vielleicht sogar ein Symbol. Also, wenn Sie diese Blockpost Jungs machen, empfehle
ich, den elementaren Paige Miller zu verwenden, weil Sie viel mehr Kontrolle darüber haben, was Sie tun können. Und sagen wir, zum Beispiel, du willst dieses Zeug nicht hier, das du dieses Jahr nicht willst. Sie wollen nur ein Bild und etwas Inhalt, wissen
Sie, all das Zeug zu zeigen. Gehen wir jetzt weiter und gehen zurück. Also gehen wir zu meinem Dashboard genau hier. Jetzt, wenn du den Blockposten machst, also genau hier, werde
ich
auch einen Blockposten machen . Ihr würdet nur das gleiche Feature machen, Leute,
ihr würdet hier runtergehen. Du würdest sagen, ich will den Inhalt, aber ich will keine Seitenleisten. Und dann, genau hier, wirst
du sagen, ich will es voll mit, und ich will nicht, dass der Titel angezeigt wird. Also genau hier. Wenn ich auf Vorschau-Änderungen klicke, geht
es im Grunde nur zu hier. Ich gehe weiter und mache es so. Es wird ein bisschen klarer sein, also klicke ich auf „Veröffentlichen“ hier und jetzt gehe ich mit,
äh,
dem Page Builder zu bearbeiten äh, . Also, jetzt sind das unsere Post-Jungs. Das ist also im Grunde unser Beitrag, und Sie können voran gehen. Ich meine, Sie können ein vorgefertigtes Layout für Ihren Beitrag einfügen. Verstehst du, was ich versuche, dich zum Nachdenken zu bringen? So können Sie im Grunde alles, was Sie wollen, hier als Ihren Blockpost setzen, und es wird nicht als eine Seite betrachtet, ist nur Ihr Beitrag. Also lasst uns hier bei Template gehen. Ich werde gehen und sagen, du weißt schon, ich werde hier einfach etwas wie Thea das Layout eins hier setzen. Und ich werde das beantworten, und ich werde es retten. Und das ist dein neuer Blawg-Beitrag. Dies ist ein Block Post. Dies ist keine Seite. Dies ist ein Block Post. Also, wenn
ich hier rüber gehe, werde ich die Seite ansehen. Nun, das ist ein Posten. Genau hier können
Sie sehen, dass dies der eigentliche Beitrag selbst ist. So dass Sie nicht Sie sind nicht begrenzt durch das, was das Thema vermittelt, dass die Seite Bowler kann
alles tun , was Sie wissen, bekommen sogar erstaunliche Blog erstellen, wissen
Sie? Und auch hier auf unserer blawg, können
Sie sehen, dass die Post da ist. Also, wie ich schon sagte, Sie sind nicht darauf beschränkt, was der Block Ihnen sagt, zu tun und alle möglichen wirklich coolen Funktionen. Nun, auch, Sie wollen im Grunde die Menge der Dinge, die Leute sehen, einschränken. Also, um das zu tun, gehen Sie
wirklich hier rüber zu Posts und wir werden voran gehen und klicken Sie auf einen dieser Beiträge genau hier. Das ist Block Post, auch. Hey, Jungs, noch
eine Sache. Ich möchte darauf hinweisen, ob Sie den Auszug unten zeigen möchten, müssen
Sie hier oben zu den Bildschirmoptionen gehen und auf Auszug klicken. Und jetzt haben Sie die Ausschnittsoption. Okay, also genau hier unter Auszug hier. Gehen Sie weiter und geben Sie einfach ein, was Sie möchten, dass sie in der Vorschau angezeigt werden. Das ist also ein wirklich cooles Blawg-Post klicken Sie hier und scrollen Sie auch hier nach unten. Wir werden uns vorgestellten Bild direkt hier setzen. Also werde ich Featured Image setzen, und ich werde ein Bild von dieser Krähe hier aufstellen und dies als mein vorgestelltes Bild verwenden und dann gehen wir zu aktualisieren. Also, wenn ich im Grunde Onley das hier und die Krähe haben möchte, müssen
wir zum Thema Customizer gehen und das in den Einstellungen ändern. Also, genau hier, werde
ich gehen, um es anzupassen. Ich gehe runter zu Blawg und gehe wirklich nach Onley. Zeigen Sie den Auszug speichern veröffentlichen, und wir sind fertig. Also, wenn jemand auf den Block klickt, Post hier
setzen, werden sie nur sehen, was wir ihnen gesagt haben, sie sollen klicken. Es tut mir leid, was wir gesagt haben, Teoh, wir setzen in den Auszug und auch das Bild, das sie auf seine klicken, werden sie in die blawg
post genommen werden . Okay, so würden Sie das Blawg jetzt im Grunde für die Pro-Version von Element verwenden oder es hat
tatsächlich seine eigene. Also lassen Sie mich Ihnen allen zeigen, wovon ich rede. Ich werde alle diese Registerkarten schließen, und ich lasse diese offen, also springen wir zu meiner anderen Website hier. Ordnung, das ist
also meine andere Website, und ich habe die Pro Virgin jetzt installiert, genau hier. Es sagt Post direkt hier, dieser Page Builder, tatsächlich, nehmen Sie
einfach alle Ihre Beiträge und setzen Sie es einfach in eine wirklich ordentliche Reihenfolge und richten Sie es sehr schön aus. Und es ist wirklich professionell, wirklich einfach. Und wenn jemand darauf klickt, wird er zur Beitragseite weitergeleitet. Das ist also ein Merkmal der Elemente oder pro. Wenn Sie möchten, ist
es wie gesagt, ich habe einen Link in der Beschreibung. Ihr könnt auch meinen Gutscheincode verwenden. Ich werde auch haben, dass ihr Jungs 10% Rabatt auf euren Einkauf sparen werdet. Du musst es nicht kriegen. Aber wenn Sie das Layout genau hier mögen und sich auch daran erinnern, können
Sie dies auf jedem einzelnen Teil Ihrer Website platzieren. Sie sind also nicht wirklich auf die Blawg-Seite beschränkt. Nehmen wir an, Sie möchten
zum Beispiel keine blockierte Seite haben. Also wollen Sie nur im Grunde in Ihren Posten hier setzen, das ist, was es vier ist. Und es gibt alle Arten von Funktionen und Optionen über Sie wissen, wie viele Post Sie zeigen möchten, wie viele Spalten? Etcetera. Okay, also kurz gesagt,
Jungs, Jungs, das ist der Blawg und auch der Blockpfosten. Also, noch eine Sache, über die ich reden möchte, ist, dass du das gleiche mit dem Blawg-Post machen kannst wie der grundlegende, aber es ist sehr begrenzt, also lass mich dir zeigen. Ich werde nur auf die über uns Seite gehen und ich bin ein gehen, um mit L.
ein Mentor zu bearbeiten , und ich werde tatsächlich ein WordPress-Widget als Wo ist es bei den letzten Beiträgen bekannt zu nehmen. Und ich werde es hier fallen lassen. Das sind also die letzten Beiträge. Und wenn Sie hier sehen, hat
dies tatsächlich den Blockpost an den Blockpost eins und alle. Mein Posten hier. In gewisser Weise kann
ich es irgendwie überall hinstellen, wo ich will. Das Problem
ist, dass es sehr hässlich ist, können
Sie sagen, und es ist sehr begrenzt. Und das ist die Standardeinstellung, die Sie mit WordPress und eine Menge von dem Zeug, das kommt Standard-WordPress Jungs ist nicht wirklich das Beste. So können Sie auch so etwas wie aktuelle Kommentarkategorien oder, ähm , wissen
Sie ,
Seiten ,
Archive, etc., Kategorien direkt hier setzen. Und ich hatte Tiere, also, weißt
du, es ist etwas begrenzt, Leute. Also ich Sie wissen, ich empfehle nicht wirklich, ähm , wissen
Sie, das Zentrum mit dem Standard mit WordPress, weil es nur sehr begrenzt ist, und es ist einfach nicht gut, also können Sie wählen, Verwenden Sie das, Aber wenn Sie nicht wollen, dass die Pro-Version, Ich empfehle, nur eine Blawg zahlt sich selbst und nur mit, dass, weil die Frau, die kommt Standard mit WordPress ist hässlich. Weißt du, niemand wird es mögen. Niemand wird darauf klicken. Und es ist wirklich, dass es kein Bild gibt, weißt
du? Es sieht nicht gut aus. Also, das ist im Grunde der Block Post. Kurz gesagt,
Jungs, können
Sie wählen, um die Elemente oder Pro-Version haben oder die Block-Seite erstellen, oder sogar den Standard verwenden, wenn das mit WordPress kommt. Okay, das war's, Jungs gehen zum nächsten Vortrag und ich werde euch alle dort sehen.
21. Quiz 3: Hey, Leute, willkommen zu unserem letzten Quiz und diesem Quiz. Wir werden darüber reden, wie man den Split-Screen-Effekt hat. Jetzt. Ich bin sicher, dass Sie Websites gesehen haben, auf denen sie die Hälfte ihrer Website eine Farbe und dann
die Hälfte der anderen hier haben. Sie können sehen, dass ich die Hälfte des Bildschirms als hellgrün habe, und ich habe ein Objekt mit ihm. Und dann
habe ich in diesem Abschnitt nur ein grundlegendes Objekt gesetzt. Also versuche ich nur, die Tatsache zu betonen, dass Sie eine Split-Screen-Landingpage oder einen
Split-Screen-Effekt haben können . Also werde ich dir zeigen, wie ich das habe. Und vielleicht können Sie dies für Ihre Website tun, wenn Sie den Split-Screen-Effekt wollen. Ich habe dies für Kunden Websites getan. So ist es ein sehr beliebter Trend. Hier sieht es so aus, als hätte alles, was wirklich getan hat, zwei Abschnitte. ich hier rüber gehe, habe ich einen Abschnitt hier, und ich habe einen anderen Abschnitt hier. Alles, , wirklich getan hat,
war im Grunde, dass ich hier ein Bild hinzugefügt habe, aber wir werden es wirklich wieder schaffen, weil es eine Sache ist. Aber ich denke für dieses Quiz. Ich muss Ihnen im Grunde zeigen, wie ich es geschafft habe. Also, genau hier, werde
ich gehen, um einen neuen Abschnitt hinzuzufügen, den ich auch setzen werde. Ok. Jetzt, direkt hier mit einem Klick auf Abschnitt und Sie sehen, wie es sagt mehr Strukturen direkt hier. Ich habe die 66 33 genau hier geschnappt. Jetzt kann ich auch die 50% schnappen. Ich entschied mich nur, die 66 33 zu schnappen. Also werde ich das nochmal machen. Und genau hier. Ich werde das in voll mit und genau hier ändern. Ich werde die Höhe vorerst so normal belassen. Also werde ich voran gehen und hier einen Hintergrund hinzufügen. Ich werde ein Bild hinzufügen, das ich in diesem Bild hier hinzufügen werde. In Ordnung, also haben wir diese beiden Bilder hier. Nun, ich möchte im Grunde beginnen, diese Seite ein wenig auszudehnen. Also, für die Höhe, werde
ich fit auf den Bildschirm setzen. Also jetzt passt es nur auf den Bildschirm genau hier. Eigentlich werde
ich so etwas wie die Männerhöhe tun. Wir machen meine Höhe. Wir verstecken uns Männer um acht. Oder 7 79 79, also habe ich diese beiden Boxen hier. , Alles,was ich tun möchte, ist, dass ich hier und auf diesen Abschnitt gehe. Ich werde nur ein Bild machen. Ich werde nur auf das Bild antworten. Und genau hier werde
ich das Bild aussuchen und es direkt dort platzieren. Und in diesem Abschnitt direkt hier und Jungs, können
Sie alles, was Sie in Text-Widgets setzen können. Sie können in jedem von diesen setzen. Ich mache dies nur für zwei Tour Zweck ist nur, um Ihnen zu helfen, mehr Ideen für Ihre
Website zu bekommen . Und hier drüben werde
ich das hier reinlegen. In Ordnung, also haben wir diese beiden Bilder, und auch ihr könnt die Größe ändern. Weißt du, wenn es zu groß ist, könnten
wir es etwas kleiner machen, und so weiter. Oregon Gewohnheit Medium. Was immer Sie möchten. Alles klar
, hier drüben möchte
ich tatsächlich den Abschnitt der Polsterung ändern. Und auch möchte
ich es hinzufügen und so über Stil hier überlagern. Ich werde zu eigentlich gehen, nein, ich gehe hier zu meiner Kolumne. Wir werden es in der Säule tun. Wenn Sie dies tun,
Leute, Leute, ist
es sehr einfach, verwirrt zu werden, auf das Bild zu klicken oder auf den Abschnitt zu klicken oder auf die Spalte zu klicken . Also für den Split-Screen-Effekt, wollen
Sie auf die Spalte klicken, okay? Und dann für einen Hintergrundtyp klicken Sie darauf. Ich will eine Farbe haben. Weißt du, ich möchte
eine blaue Farbe hinzufügen , aber ich möchte eine transparente Farbe machen. Also lassen Sie mich, wo die Leute tatsächlich ein bisschen sehen können. So etwas genau da. Ok, jetzt gehe ich zum Vorsprung hier, und ich werde es wirklich deaktivieren. Ich weiß. Ich werde die Polsterung verlassen und wir werden etwas Polsterung hinzufügen. Nun, ich weiß nicht 200 oder füge etwas wie 300 hinzu. Ordnung, InOrdnung,
also haben wir die Polsterung für 300 hinzugefügt. Nun, wenn Sie einfach im Grunde genug Polsterung hier hinzufügen wollen, um nur oben und
unten zu bedecken , so können wir tatsächlich wieder hier rüber gehen und das hier setzen und dies bei 300 aktivieren
und dies bei 300 aktivieren. Okay, Sie können
also sehen, dass dieser Abschnitt gelöscht wurde und alles jetzt ziemlich gut aussieht, wie für diesen Abschnitt hier. Nehmen wir zum Beispiel an, Sie wollen voran gehen und diesen Abschnitt hier runter schieben. Wir werden tatsächlich auf die äh-Spalte hier klicken, und ich werde zum Fortgeschrittenen gehen, und wir werden jetzt nur noch einen Spielraum hinzufügen. Also, jetzt werden wir hier eine Marge hinzufügen. Also widersprechen wir uns im Grunde. Jetzt sage ich Nein, nein, nein, nein. Ich weiß, dass Sie Polsterung wollen, aber ich möchte nach unten gehen, also werde ich diesen Abschnitt tatsächlich nach unten drücken, um diesen Effekt zu erzielen. Das ist also ein anderer Weg, wie ihr diesen Effekt erzeugen könnt. Sieht wirklich gut aus. Und wie ich schon sagte, es geht nur um Phantasie Jungs und nur herauszufinden, was Sie wollen, wissen
Sie, genau hier können wir wie eine Landung wie ein Haufen Steuern hinzufügen. Und genau hier können wir wie ein Mädchen suchen, weißt
du, nach links schauen. Und sie kann irgendwie so
sein wie, Oh, Oh, meine Güte, die Preise sind so schlau, du weißt schon, so
etwas. Das ist also im Grunde, wie Sie den Effekt erstellen können, dass diese Landingpage
im Grunde geteilten Bildschirm jetzt möchte ich Ihnen eine weitere Sache für einige Bilder wie diese
hier zeigen . Du könntest diesen Abschnitt direkt hier bekommen. Du musst sicherstellen, dass, wenn du dein Bild hier reinstellst, also gehe ich zum Abschnitt. Also wollen Sie sicherstellen, dass der,
ähm, der Ach, der Abschnitt hier ist eigentlich unter Auto. Also ich denke, es ist unter der Spalte rechts hier für den Grenztyp. Lassen Sie mich hier sehen. So ist es unter dem Abschnitt, genau hier ist es unter dem Stil. Oh, ja, genau hier. Okay, also ist es hier drüben, Leute, wisst ihr, ich verirre mich. Manchmal verwende ich die Seite polar, aber ich weiß nicht, wo alle Optionen sind. Wenn Sie also etwas wie Größe machen, möchten
Sie sicherstellen, dass es sich um eine andere oder eine Containerabdeckung handelt, also enthalten Sie möglicherweise noch diesen Effekt hier. Aber wenn Sie die,
ähm,
das Cover haben ähm, , abhängig von Ihrem Bild, wird
das tatsächlich den gesamten Abschnitt abdecken. Okay, das war's
also. Leute, für dieses Quiz, ich hoffe, ich habe euch geholfen. Mit dieser Strategie können
Sie den Split-Screen-Effekt auf Ihrer Website erstellen, um diese Illusion zu erzeugen, dass der Bildschirm in zwei Hälften geteilt wird. Also hoffe ich, dass dir das hilft. Entschuldigung. Weißt du, ich kann mich nicht auswendig lernen. Alle Optionen sind auf dieser Seite. Baumeister. Ich benutze Hunderte, aber das ist definitiv eine der besten Seite wird, wie ich je gesehen habe. Gehen wir also weiter und fahren mit dem nächsten Vortrag fort. Leute, ich seh euch alle dort.
22. Customer: Hey, willkommen zurück, Leute. Das wird also ein bisschen mehr ein fortgeschrittenes Tutorial sein. Und ich wollte das benutzen, weil ich dir helfen will, Paige Miller zu verstehen. Ein bisschen besser jetzt, wenn Sie hier nach unten scrollen, sehen
Sie diese Fußzeile? Rufen Sie die über die Seiten und folgen Sie uns. Nun, Leute, das ist keine Fußzeile, die zum Thema kommt. Ich habe das gerade selbst erschaffen, und ich habe im Grunde die Illusion, dass dies unsere neue Fußzeile ist. Anstatt also die Standard-Widgets zu verwenden, die uns das Thema gibt, können
wir ein wenig weiter gehen und im Grunde unsere eigene Fußzeile erstellen. Also werde ich dir heute zeigen, wie man das macht. Also genau hier haben wir eine über uns, unsere Seiten. Und dann folgen wir uns mit diesen sozialen Symbolen. Also werde ich hier auf diese Seite gehen. Und wenn ich hier nach unten scrolle, verwenden
wir normalerweise diese Widgets direkt hier. Aber wenn du ein bisschen anpassbarer werden willst, zeige
ich dir, wie das geht. Entschuldigung. Hier. Ich gehe zur Seite bearbeiten. Bevor wir das tun,müssen
wir einige Einstellungen ändern. Bevor wir das tun, Also unter dem Fuß oder Zeugen hier, werden
wir voran gehen und Null-Widgets setzen. Also im Grunde zu sagen, ich will keine dieser Hexen am Ende der Seite. Also, jetzt, wenn ich auf Bearbeiten mit L ein Mentor klicke, wird es zeigen, dass es keine wir nur unten. Und dann werden
wir von dort aus unsere eigene benutzerdefinierte Fußzeile verwenden. Also genau hier sind die Widgets jetzt weg. Und genau hier können wir einfach auf Hinzufügen eines neuen Abschnitts klicken und wir werden nur im Grunde eine Fußzeile
erstellen. Jetzt ist es genau wie die Widgets durch Klicken auf, fügen Sie einen neuen Abschnitt. Wie viele Spalten möchten Sie? Sie möchten ein zwei-Spalten-Widget? Sie möchten ein Drei-Spalten-Widget für Spalten-Widget, etc. Also werde ich voran gehen und vier auswählen und genau hier werde ich wahrscheinlich die Überschrift
hier setzen , und ich gehe weiter und setze dieses Zentrum und ich werde alles gut machen, und dann gleich hier. Ich werde einfach voran gehen und einen Texteditor hier schnappen, und ich werde das genau dort platzieren und hier haben wir einen Dummy-Text, also ist das im Grunde unser Abschnitt über. In Ordnung? Wenn ich das hier abschließe,wirst
du sehen,
dass
es ziemlich gut aussieht. Wenn ich das hier abschließe, wirst
du sehen,
dass wirst
du sehen,
dass
es ziemlich gut aussieht. Und wenn wir ihm eine Farbe geben, wird
es eine Fußzeile darstellen. Also, wenn
ich hier rüber gehe , gehe ich zum Abschnitt, und du kannst dich entscheiden, es voll zu lassen oder nicht. Es liegt an Ihnen, wenn Sie eine voll mit Fuß wollen oder nicht. Wenn nicht, glaubst
du es. In Schachtel. Also, genau hier, werde
ich gehen, um die Hintergrundfarbe zu stylen. Ich meine, du könntest einen Fuß haben, oder du hast ein Video, das unten abgespielt wird. Wissen Sie, Sie können tatsächlich ein Video direkt hier einfügen und ein Video im Hintergrund abspielen lassen, wenn Sie möchten. Aber vorerst werde
ich einfach eine Grundfarbe wählen, genau hier, okay? Und wenn ich wieder hier rüber gehe, möchte
ich das ändern. Vielleicht zu weiß und auch hier. Ich werde das auch in White ändern. Okay, jetzt, dieser Abschnitt hier, was soll ich hier machen? Vielleicht Seiten jetzt? Auch ihr
habt das in diesem Abschnitt genau hier bemerkt. Nimm diese Linie. Jetzt , wisst ihr,was das ist. Es ist nur die Trennwand, genau hier ist es die Trennwand. Und ich habe es im Grunde einfach reingesteckt, und ich kann , wissen
Sie ,
äh, die Lücke ein wenig
reduzieren und vielleicht weiß machen, und ich werde die Größe davon reduzieren. Also werde ich es zentrieren und dann das mit genau so reduzieren. Ok? Also hier drüben machen
wir etwas anderes. Spaziergänge, um eine Seite zu machen ist jetzt dies ist, wo Links an Ort und Stelle. Und wenn Sie sich an den Anfang des redaktionellen erinnern, sprach
ich über Links. Jetzt ändern sie die Farben. Jetzt werden wir darüber reden. Also genau hier, werde Seiten aufstellen und ich werde das hier zentrieren. Und dann für den Stil, werde
ich gehen und weiß setzen. Außerdem kann
ich den Teiler hier hinzufügen. Ich gehe einfach voran und lasse es dort fallen. Und die Lücke wird nur die Lücke reduzieren. Setzen Sie das zentriert und ich werde Sie noch mit tun und dann werde ich es hier jetzt in die Farbe setzen, genau hier. Wir werden tatsächlich die Überschrift wieder verwenden und wir werden nur im Grunde die
Seiten nennen , die wir derzeit haben. Also im Grunde sagen:
Okay, Okay, wie viele Seiten haben Sie? Also genau hier. Ich werde das hier direkt hierher
ziehen, um es bei der, ähm, mal sehen, genau hier. Wir gehen weiter und ziehen das. Es wird manchmal ein wenig quetschig. Also hier, ich werde einfach nach Hause setzen, und ich zentriere das, und du siehst, was Link hier sagt? Wir greifen im Grunde nur die Startseite. Also das hier, wir werden das verwenden, aber wir müssen es bei http starten. Denken Sie daran, dass http und dann direkt hier wird www dot l ein Mentor tutorial dot com setzen. Nun, für die Größe, vielleicht will ich ein bisschen kleiner. So etwas wie das. Perfekt. Dann hier werden wir es als weiß ändern. Okay, jetzt, wenn Sie den Mauszeiger darüber bewegen, werden die
Leute tatsächlich auf unsere Homepage gehen. Also, anstatt im Grunde die Widgets zu verwenden, können
wir das verwenden und ich werde ein Duplikat haben, das vielleicht dreimal. Also hier werde ich voran gehen und die über, und wenn Sie Hilfe brauchen, um Ihre Erlaubnis Links zu finden, genau hier. Hoppla. falsche Website goop sieht, dass wir gehen, um über nur gehen, um auf die über klicken und dann einfach nur Krabben diesen Link direkt hier und kopieren Sie es einfach. Denken
Sie daran, Sie müssen mit einem CTP beginnen. Also, http und dann gehen wir voran und einfach gespeist oder fügen Sie das in genau dort ein. Und da gehst du. Und sorgen Sie dafür, dass nichts vorne ist. Stellen Sie sicher, dass es ja ist, es ist alles gut. Also haben wir die über uns und dann genau hier,
beginnen, voran zu gehen und ändern dies in etwas wie kontaktieren Sie uns. Also stellen Sie das unter Kontakt. Und dann noch einmal, wir gehen hier rüber zum Kontaktbereich und wurde einfach diesen Link beschrieben, und wir werden voran gehen und einfach Tempo dieser Link genau dort. Alles klar, Perfect. Also Nummer klicken Sie auf Safe. In Ordnung. Also, bevor ich zum nächsten Abschnitt gehe,
wenn ich den Mauszeiger über das, es geht, dass im Grunde sehen Sie, wie die Texas Black Ich will Ihnen im Grunde zeigen, wie Sie das
ändern. Also, genau hier, werde
ich gehen, um die Seite zu sehen und wir scrollen hier nach unten. Du hast dich über seinem Schwarzen. OK, also ist es schwarz, und wir müssen im Grunde sicherstellen, dass es die Farbe ist, die Sie es haben wollen. Also genau hier,
Gehen Sie, um anzupassen. Ok. Und, weißt
du, ich erinnere mich nicht, dass ein Wort genau ist, also denke
ich,es ist unter den ich, Handelslayouts genau hier. Ihre primäre Navigationskopfzeile. Kennen Sie den Container? Nein. Vielleicht unter Fußzeile. Keine Seitenleisten? Nein. Okay, also ist es hier irgendwo, und wir werden weitermachen, und wir werden nur eins nach dem anderen weitergehen, bis wir einen Kerl finden. Da ist es also. Also Farben so genau hier haben wir die Linkfarbe und die Linkfarbe schweben. Sie möchten also grundsätzlich sicherstellen, dass die Längenfarbe so ist, wie Sie es sehen möchten. Und auch die Längenfarbe, der Hover über ist, wie Sie aussehen wollten. Also höre ich Put Blue. Und hier gehen wir weiter und setzen Rot nur für Kontrollzwecke. Und ich werde voran gehen und sagen, dass wir jetzt gehen und nach unten scrollen. Jetzt sind die Links rot, und wenn ich den Mauszeiger darüber führe, ist
es blau. Siehst du das? So würden Sie diesen Abschnitt im Grunde erstellen. Ok. Und wenn ich darauf klicke, wird es mich einfach auf meine Website bringen. Also verlinke ich es mit meiner Homepage. Also, das ist ah, erweiterte Funktion, wie Sie es tun können. Und denken Sie daran, stellen Sie sicher, dass die Permanente richtig ist, wie hier. Ich habe es nicht richtig eingegeben, also muss ich das ändern. Und auch hier. Das tat ich nicht so gut. Also hier gehen wir, um mit L.
ein Mentor zu bearbeiten , und ich werde einfach hier nach unten scrollen. Und ich würde sicherstellen, dass ich hier nicht sehen. Ich habe es zu viel betreten. Also ein KPCh Elementary doc com über und perfekt. In Ordnung, also werde ich es einfach retten. Ich zeige dir nur, dass ich einen kleinen Fehler gemacht
habe. Na gut, jetzt gehen
wir weiter und machen die Social-Media-Icons. Also werde ich ihn hier anrufen lassen, und ich werde nur ein paar Social-Media-Symbole einfügen. Also, wenn wir hier unten gehen, können
wir im Grunde einfach die Social-Media-Icons aus diesem Abschnitt direkt hier greifen. In Ordnung, also haben wir jetzt die Social-Media-Symbole, die Linkfarbe ist rot, also vielleicht möchten Sie das ändern, weil die Linkfarbe auch die sozialen
Symbole beeinflusst . Also hier muss
ich sagen, du weißt schon, ich will ihn irgendwie. Ach, weißt
du ,
wir können
den Stil ändern weißt
du . Wenn wir möchten, können
wir so einen Kreis haben. Aber eine andere Sache, die Sie vielleicht tun möchten, ist, einen Überschrift Text direkt hier zu greifen und setzen folgen Sie uns. Und dann von hier, werden
wir gehen und lassen, dass da und hier, wir werden die Trennwand auf DSI greifen, wenn ich es bekomme. Okay, gut. Ich hab's. Und ich bin ein reduzierter Lückenmittelpunkt. Machen Sie die mit etwas kleiner bis 20 und dann werde ich die Farbe hinzufügen. In Ordnung. Und dann genau hier. Vielleicht muss ich diese Farbe in etwas wie Weiß ändern. Okay, jetzt gehen wir weiter und sehen, wie es aussieht. Ich werde es einfach hier speichern, und dann sehen wir nur die Seite an und sehen, wie sie aussieht. Also, hier werde
ich zur Seite gehen, und wenn ich hier nach unten scrolle, werden
Sie feststellen, dass es sich perfekt einfügt. Wir haben einen Fuß oder hier. Sie können sogar Ihr Logo hinzufügen. Ihr Firmenlogo. Genau hier. Geben Sie eine Beschreibung. Ich versuche nur, Ihre Augen im Grunde ein wenig zu öffnen, damit Sie an die
Möglichkeiten denken, die Sie mit diesem Page Builder haben. Wenn es keine Einschränkungen gibt. Anstatt die Hexen zu verwenden, die sie uns geben, können
wir unsere eigene benutzerdefinierte Fußzeile erstellen. Das war's also für diesen Vortrag, Leute. Äh, ich hoffe, das hilft dir. Ich würde das persönlich verwenden, weil ich denke, das sieht viel besser aus als die
Standard-Widgets . Okay
, zum nächsten Vortrag.
23. Mobile Optimierung: Alles klar, Leute, willkommen zurück. In diesem Kurs werden
wir über mobile Optimierung und Jungs sprechen. Dies ist ein sehr wichtiger Vortrag. Mobile Optimierung ist extrem wichtig, da es ab 2016 mehr mobile Benutzer gibt
als es jetzt Desktop-Benutzer gibt. Sie müssen also wirklich sicherstellen, dass Ihre Website für mobile optimiert ist. Du musst das tun. Es ist eine Anforderung. Wenn du es nicht tust, wirst
du Probleme auf der Straße haben. In Ordnung, also lasst uns weitermachen und loslegen. Lassen Sie mich Ihnen zeigen, wie Sie Ihre Website optimieren können. Also hier, klicken Sie auf dieses kleine Symbol hier unten rechts hier. Und wir haben drei Möglichkeiten. Wir haben Desktop-Tablet und Handy. Also genau hier. Wenn ich auf Handy gehen, Dies ist, was meine Website derzeit auf Handy aussieht. Nun, das Bild ist nicht richtig auf Handy ausgerichtet, wie ihr Jungs sehen könnt, vielleicht möchte ich das ändern. Also, genau hier, werde
ich Stil machen. Wir werden genau hier auf diesen Abschnitt klicken. Anima gehen zum Stil. Und ich werde im Grunde die Position dieses hier ändern, um es
richtig auszurichten . Da gehst du. So können Sie jetzt sehen, dass es auf dem mobilen Gerät besser aussieht. Scrollen
wir hier weiter nach unten und gehen weiter und fangenan,
Probleme eins nach dem anderen zu lösen. Scrollen
wir hier weiter nach unten und gehen weiter und fangen Jetzt im Allgemeinen ist
mobil
im Allgemeinensehr, sehr einfach. Es optimiert normalerweise sehr gut, aber sagen wir, Sie möchten etwas ändern. Also, genau hier, werde
ich runter gehen, um hier zu stillen. Ich werde mich jetzt begnügen. Siehst du, wie es drei kleine Bars gibt. Kreise. Genau hier. Dies bedeutet im Grunde, dass dies es für das mobile Gerät optimiert. Dieser optimiert es für die Tablets, und dieser optimiert es für den Desktop. Nehmen wir
zum Beispiel einfach an,ich möchte den Inhalt hier ändern. zum Beispiel einfach an, Also werde ich das hier aufmachen. Jetzt, genau hier. Sie können sehen, dass ich gerade die mobile Version ändere und ich könnte es vergrößern. Ich kann es kleiner machen
, und so weiter. Also, auf mobilen Geräten, werden
sie so etwas sehen, genau hier. Okay, also lasse ich Sie nur wissen, dass dies im Grunde ist, wie Sie Änderungen an Ihren
Websites vornehmen würden , mit dem Page Builder, der genau hier vermasselt ist. Gehen wir weiter und finden Sie weiter, wenn Sie etwas finden, das schlecht aussieht. Sehen Sie, genau hier ist es im Grunde schon vollständig optimiert. Es ist ziemlich unglaublich. Aber lassen Sie uns jetzt die Tablet-Version überprüfen. Also gehe ich hier zum Tablet,
und es sieht so aus, als hätten wir Arbeit zu erledigen. Ja, das tun
wir. Dieser Abschnitt sieht also in Ordnung aus. Dieser Abschnitt sieht in Ordnung aus, aber hier nach unten scrollen, sieht
dieser Abschnitt beschissen aus. Das sieht nicht gut aus. Also im Grunde müssen Sie sicherstellen, dass wir diesen Abschnitt genau hier behoben. Jetzt gibt es ein paar Möglichkeiten, wie wir es tun können. Wir können entweder die Größe des Textes reduzieren oder ich denke, das ist ziemlich viel es, aber wir können die Größe des Textes reduzieren, also lasst uns das tun. Also, genau hier im Inhalt, werde
ich zu dir gehen. Zuerst sehen
Sie den Titel, die Titel. Okay. Genau hier. Aber wir müssen voran gehen und die Beschreibung hier ändern. Also die Beschreibung möchte ich im Grunde die Größe hier reduzieren. So etwas. Genau da. Richtig, das sieht etwas reaktionsfähiger aus. Siehst du, wie das jetzt aussieht? also hier rüber, könnte
ich genau dasselbe tun, um Inhalte zu stylen. Öffne hier die Topographie. Und dann werden wir die Größe ändern. Also etwas, das genau hier so aussieht. Das ist also sehr wichtig. Jungs. Wenn Sie Ihre Website für Mobilgeräte optimieren, müssen
Sie im Grunde über Ihre gesamte Website abblättern, um sicherzustellen, dass es vollständig reagiert. Es tut mir leid, dass du das hier tun musstest, also weiß ich nicht, dass ich es wirklich nicht weiß. Ihr kennt euch. Ja. Ihr habt es verstanden. Du hast es. Du hast es. Also geht es hier runter, damit Sie etwas anderes finden können. Genau hier haben wir diese Zahlen. Sie sehen aus wie Mist. Lass uns das ändern. Ich bin ein Go to style hier und gehe zum Titel hier und öffne diesen Abschnitt. Jetzt möchte ich im Grunde die Größe davon ändern. Dieser Abschnitt sieht also in Ordnung aus. Erstaunliche Verkäufe, aber ich muss diesen Abschnitt hier ändern. Ich muss diese Zahlen ändern, weil sie nur ein wenig zu groß ist. Also hier drüben, unter Zahlen. Ich öffne das und wir werden die Größe der Zahlen ändern. Etwas, das aussieht, können wir es einfach so schieben. Okay, jetzt ist die Website im Grunde für das Tablet optimiert. Jetzt gehen
wir weiter und überprüfen das Telefon. Perfect ist vollständig für das Telefon als auch optimiert. Indem du das tust, Leute, ist
es im Grunde , weißt
du, du musst es einfach herausfinden. Du weißt, was du auf Etcetera erreichen willst,
und, ähm, ähm, wie ich es gesagt habe, Zaveri Simple. Es ist sehr einfach. Sie müssen nur durch Ihre Sicht gehen und sicherstellen, dass Sie diese Änderungen für jedes
bestimmte Gerät vornehmen , okay? Und vielleicht genau hier, vielleicht möchte ich die Polsterung hier reduzieren. Weißt du, hier ist ein bisschen zu viel Platz. Also, genau hier, gehe
ich zu meinem Abschnitt hier. Ich werde sicherstellen, dass das Ah ist.
Sehen Sie, wie das aussieht? Nun, dort sieht
es gut aus. Und dann das Handy. Ja, vielleicht könnte ich die Polsterung nur um ein bisschen reduzieren. Also genau hier. Ich gehe zu Vielleicht ist es das Richtige hier und gehen Sie zum Fortgeschrittenen. Ah, ich kann so was hier machen. Ich werde voran gehen und einen oberen Rand setzen. Lassen Sie uns einige Fähigkeiten zu einigen Geheimnissen machen. Nun, eigentlich hilft das wirklich wirklich, indem man sich in Null verwandelt. Siehst du, wie ich das gemacht habe? Ich habe diese alle im Grunde auf Null reduziert. Und es sieht so aus
, als ob standardmäßig es
standardmäßigauf Null setzt. Also, ich meine, das sieht ziemlich gut aus, oder? Für Handy? Ja, das glaube ich. Also werde ich voran gehen und auf Safe klicken. Ich wollte es in Minus etwas ändern, aber ich denke, das sieht
auch ziemlich gut aus. Okay, es geht hier runter. Lassen Sie uns eine andere Seite überprüfen. Gehen wir weiter und gehen Sie zu unserem Menü direkt hier, und wir werden tatsächlich zu unserem Dashboard gehen müssen. Und wir gehen auf alle Seiten und schauen uns die „Über uns“ -Seite an. Mal sehen, ob es in diesem
Abschnitt eine Notwendigkeit für mobile Optimierung oder Tablet-Optimierung gibt. Genau hier gehe
ich zum Tablet und scrolle nach unten. Wissen Sie, es sieht ziemlich gut aus auf den Tablets, die gehen und versuchen Sie das Handy genau hier. Wir gehen jetzt durch das Handy. Nun, dieser Abschnitt hier, könnten
Sie sich ändern. Weißt du, wir könnten im Grunde so etwas wie dieses hier in der Mitte ausrichten, das auf mobilen Geräten ein
bisschen besser aussieht . Und vielleicht können wir auch die Größe dieses Textes reduzieren. Ich denke, es sieht
aber irgendwie okay aus. Unser Team Bob. So wie ich war, wie ich sagte, diese Seite Bowler ist auch super reaktionsschnell. Ich meine, es gibt sehr wenig Änderungen, die ich Teoh machen muss, um dieses Handy freundlich zu machen. Also geht es wieder hier hoch. Wir schauen uns einfach noch mal an, und das ist es im Grunde. Jungs. Also denken Sie daran, durch zu gehen und gehen Sie durch alle und alle, um sicherzustellen, dass Ihre Website
vollständig für mobile und auch die Tablets optimiert ist . Ich kann die Wichtigkeit dieses Kerls nicht betonen. Es ist sehr, sehr wichtig. Es gibt mehr Menschen, die mit ihren Handys einkaufen, als Menschen tatsächlich ihren Desktop heute. Okay, das war's
also für diesen Abschnitt,
Leute, Leute, ich hoffe, das hat geholfen. Gehen wir zu den nächsten Abschnitten. Ich werde euch alle dort sehen
24. Pro-Version: Ein Kerl. Also möchte ich Ihnen alle die Pro-Version vorstellen Und was die Pro-Funktionen haben, dass die kostenlose Version nicht. Also, genau hier, werde
ich darauf klicken. Jetzt sehen Sie, was sagt Pro-Elemente? Also genau hier habe ich Post Portfolio Form Vorlage eine unbezahlbare ein Countdown Folien und
auch Handel Produkte. Das hier ist also der Schieberegler genau hier. Dies ist also im Grunde ein Schieberegler, und
Sie können, wissen Sie Animationen dafür
erstellen. Sie können wählen, wie Sie es aussehen möchten. Es gibt alle Arten von Anpassung für so genau hier auf den Bearbeiten Folien, können
Sie sehen, dass ich eine Hintergrundfarbe habe. Es tut mir Leid. Ein Hintergrundbild. Ich kann ein Hintergrund-Overlay hinzufügen. Ich kann die Geschwindigkeit einstellen. Ich kann die Höhe einstellen. Es gibt eine Menge Anpassungen, die Sie mit diesem Schieberegler tun können. Wenn Sie also die Pro-Version kaufen möchten, habe ich einen Gutscheincode, der Ihnen 10% Ihren Kauf spart. Das ist nur, wenn Sie an der Pro-Version interessiert sind, können
Sie Zugriff auf den Schieberegler bekommen. Jetzt. Außerdem
gibt es noch einige andere, die Sie kennen, früher haben wir über die Blawg gesprochen, und das hier ist im Grunde das Portfolio. Und das Portfolio ist nur ein weiterer Weg, wie Sie Ihre Blawg präsentieren können. So sieht es auch wirklich, wirklich gut aus. Eine andere Sache, die wir tun können, ist das Kontaktformular. Das hier ist also unser Kontaktformular, und das wurde mit dem Formular Plug in genau hier erstellt. Also müssen Sie nicht gehen, um Ihren eigenen Stecker zu bekommen. Du kannst einfach voran gehen und es selbst holen. Also genau hier haben wir das Portfolio. Und auch da sind die Beiträge, die ich euch allen ein bisschen früher gezeigt habe, was ein bisschen so aussieht. So ist es ein wenig sauberer als die Standard-Art, wie Wordpress es Ihnen gibt. Dies ist also eine andere Möglichkeit, wie Sie die Pro-Version verwenden und hier zurück gehen können. Wir haben die Preise. Hier können Sie also die Preislisten sehen. Das hier ist unbezahlbar. Es ist im Grunde diskret seine ganzen Preise für Sie. Wenn Sie also in Eile auf Industrie oder eine Art Industrie sind, möchten
Sie ein Menü zeigen. Dies ist ein sehr gutes Feature. Als nächstes haben wir die Zahlenzähler. Das sind also die Zahlenzähler hier, und es gibt viele Möglichkeiten, die Sie anpassen können. Es ist und, wissen
Sie, machen es ein wenig anpassbarer. Es ist also ziemlich einfach und unkompliziert. Du kannst es programmieren,
um
einen Countdown zu haben . Sie können es programmieren, um alle möglichen wirklich coolen Sachen zu haben. Also das ist das Countdown-Widget, und auch wir haben Handel Produkte. Also, wenn Sie sich entscheiden, etwas auf hier zu verkaufen,
alles, was Sie tun müssen, ist, gehen Sie einfach voran und
ziehen Sie es dort rüber und dann sind sie Ihr Produkt ist, es scheint, und ich denke, dass Sie es anpassen können. Du kannst alle möglichen wirklich coolen Sachen damit machen. Sie können die Eingangsanimation für ihre usw. ändern. Also, das sind im Grunde die meisten der Pro-Version Jungs. Wenn ihr daran interessiert wart, gibt es einen Gutscheincode. Ich glaube, es ist Darrell Wilson. Irgendwas. Es ist in der PDF-Datei. Ich behalte meinen Gutscheincode wirklich nicht im Auge. Also, das ist es, Jungs, für die Pro-Version, es hat einige coole Funktionen, und es gibt viele coole Möglichkeiten, wie Sie es verwenden können, um auf Ihrer Website zu implementieren. Also, das ist es für diesen Abschnitt, Leute, ich sehe euch alle im nächsten Abschnitt.
25. Telefonbereich: Na gut, Leute, willkommen zurück. Also lassen Sie uns gehen und auf dem Telefon direkt hier hinzugefügt, und wir werden tatsächlich in einigen Text zusammen mit einem Call to Action hinzufügen. Das erste, was wir tun müssen, ist ein Zwei-Säulen-Seil zu machen. Also hier drüben, unter neuen Abschnitt hinzufügen wird zwei auswählen. Und genau hier schnappen wir uns ein Bild und ich wähle das Bild aus. Und ich werde diese Telefone hier schnappen und in Medien eintreten. Nun, Jungs, eine Sache, die ich Ihnen sagen möchte, ist, wenn Sie Bilder eingeben, stellen Sie sicher, dass es eine PNG-Datei ist. Die PNG-Datei wird tatsächlich diesen transparenten Hintergrund haben. Wenn Sie also einen anderen Farbhintergrund haben, wird
es keine Rolle spielen, weil er sich perfekt einfügt. OK, wenn Sie
also Jay Peak-Dateien packen, werden
die J-Pic-Dateien das Weiß im Hintergrund haben, und es wird nicht gut aussehen. Okay, stellen Sie sicher, dass es eine PNG-Datei ist. Okay, also habe ich das Bild eingefügt. Jetzt gehen wir weiter und fügen Sie hier einen Text hinzu. Also, genau hier, werde
ich mir die Überschrift schnappen und genau hier. Oh, setzt dieses Tutorial ist einfach. Eine andere Sache, über die ich sprechen möchte, ist, wenn Sie es tun, wissen
Sie, schreiben Sie es in Text auf Ihrer Website. Das erste Wort jedes traurigen ersten Buchstabens jedes Wortes ist ideal. Und viele Leute tun das, weil es einfach gut aussieht. Und das ist im Grunde, was alle anderen tun. Also möchte ich das im Grunde in der Mitte machen oder eigentlich, nein, ich möchte das nach links stellen. Ich will es nah an den Telefonen und genau hier in deinem Stil. Ich werde diesen Text in Schwarz ändern. Jetzt, unter dem erweiterten Abschnitt, möchte
ich einen Rand hinzufügen. Also, genau hier, klicke
ich auf das kleine zusammen, und ich werde einen Rand hinzufügen. So sehen Sie jetzt, wie es Raum auseinander. Das ist also im Grunde ein guter Grund, warum wir die Marge nutzen können. Nun gibt es zwei Möglichkeiten, diesen Abschnitt zu machen. Wir können eigentlich gleich hier drüben, wir können den Texteditor ziehen und hier, oder wir können voran gehen und Spalten greifen und wir können stattdessen die Spalten dort platzieren. Es gibt also zwei Möglichkeiten, das zu tun. Nun, was die Spalten tun. Wie gesagt, erstellt
es nur im Grunde zusätzliche Spalten innerhalb des Abschnitts. Aber das will ich nicht tun. Also klicke ich auf X und klicke auf Löschen. Aber das ist nur ein anderer Weg, es zu tun. Ich zeige dir nur, dass es andere Möglichkeiten gibt, es zu tun. Jetzt, unter Texteditor, werde
ich mir das einfach schnappen. Und du siehst, wie die blaue Linie genau dort ist. Es wird es fallen lassen, und ich werde meinen berühmten Dummy-Text schnappen, und ich werde ihn einfach da reinlegen. Nun, äh, und natürlich, wenn der Stil geändert wurde, enthielt
der Stil die Textfarbe. Wir könnten es zu einer Linie machen, die zentrierte. Aber im Moment wollen wir wahrscheinlich entweder gerechtfertigt oder links gerechtfertigt tun. Sieht auch gut aus, aber ich möchte es links halten, und ich möchte einen Call to Action hinzufügen. Also dieser Knopf, so dass wir es einfach nach unten ziehen, legen Sie es direkt dort. Jetzt möchte ich wahrscheinlich die Hintergrundfarbe ändern. Weißt du, so sieht es nicht gut aus. So können
wir unter Stil die Textfarbe aber in Weiß und die Hintergrundfarbe auf vielleicht
so etwas wie Schwarz ändern . Perfekt. Das ist perfekt. Jetzt möchte ich euch allen ein neues Widget vorstellen, das wir noch nicht benutzt haben. Und das ist die es das Bild Karussell genannt wird. Ja, das Bild-Karussell. Wir wollten das jetzt benutzen. Okay, also werde ich das schnappen und es einfach in den Nachrichtenbereich hinzufügen. Also, welche Bilder wollen Sie? Nun, wir brauchen noch ein paar Bilder. Ich will Anzeige in diesem. Ich möchte in diesem hinzufügen. Ich möchte Anzeige in diesem hier, und ich möchte etwas wie dieses hinzufügen,
auch hier . Und ich gehe zur kreativen Galerie. Sie können diese Namen geben, aber dafür werde ich ihnen keine Namen geben. Ich zeige Ihnen, warum. Ich denke, es sieht gut aus, genau so. Und ich werde gehen, um in die Galerie zu gehen. Jetzt werden Sie sehen, dass die Bilder dort lüften, so dass die Bilder dort lüften und die Menschen durch sie blättern und es überprüfen können. Aber gehen wir weiter und machen ein bisschen mehr Kontrolle. Weißt du, wie viele Folien du zeigen möchtest? Also zum Beispiel, wenn Sie wirklich wollen, Onley Tour zeigen Feeley wird nicht zeigen wollen, können Sie nur eine zu zeigen, aber ich will vielleicht um drei. Jetzt ist es die Schriftrolle geschnitten. Wissen Sie, wir können das so lassen, wie wahrscheinlich niemand für grundsätzlich jeder nur einen blättern wird, oder Sie können zwei Dias aus haben. Regeln werden scrollen
, etc. So Bild dehnen. Wenn Sie das dehnen wollen, können
wir es dehnen. Ich mag nicht, wie es aussieht, weil es ein wenig verpixelt aussieht. Also, genau hier, werde
ich keine Navigation machen. Wir können es als Pfeile und Punkte haben. Nun, der Grund, warum Sie die Pfeile nicht sehen können, ist, weil sie weiß sind und wir werden das in
nur einer Sekunde ändern . Aber wir könnten Pfeile und Punkte haben. Wir können nicht nur Pfeile. Wir können Punkte haben, aber ich werde es als eine Reihe lassen und Punkte verbunden, damit wir diesen Link zu einem bestimmten Abschnitt machen können . Sagen wir mal, das sind deine Partner. Sie können auf benutzerdefinierte Ihr oh klicken, und wenn jemand auf diese klickt, wird
es sie dazu bringen. Websites. In Ordnung. Geht zu keiner. Gehen wir zu zusätzlichen. Also Puls über Hover, wo im Grunde wird es Puls über den Hover die Auto-Play setzen. Wollen Sie also, dass diese ständig so scrollen. Wenn Sie das wollen, können
Sie es als ja belassen. Jetzt. Automatische Wiedergabegeschwindigkeit. Es steht also 5000. Nun, das sind keine 5000 Sekunden. Es sind 5000 Millisekunden. Also M s. Sagen wir, Sie haben es auf 2000 gesetzt. Es wird viel schneller scrollen, wenn wir das tun. Siehst du, es wird etwa zwei Sekunden warten. Eins zum Boom. Okay, es soll gehen, aber ja, es ist wahrscheinlich, weil wir auf der Seite Builder sind, aber Sie können es auch auf 1000 reduzieren. Endlosschleife Wollen Sie, dass wir weitermachen? Willst du, dass es weitergeht? Wenn Sie das möchten, gehen Sie voran und setzen Sie ja, die Animationsgeschwindigkeit. Also, wie schnell Sie wollten, um Feind wie Sie jetzt sehen, Wie hat dieser Animationseffekt wollen Sie, dass es schneller sein? Sie können so etwas wie 1000 setzen. Wir sind jetzt, es ist ein bisschen langsamer oder sogar etwas wie 100, wo es super
schnell gehen wird . Siehst du das super schnell? Aber vorerst werde
ich es einfach bei
500 bis 300 belassen , ,und dann hat die Richtung offensichtlich ihre Rechte verlassen. Wir lassen es jetzt nach links für Stil. Jetzt für die Aero-Position. zunächst Lassen Sie unszunächstdie Pfeilfarbe ändern, damit wir sie sehen können. Ich will ihn zu schwarz bringen, damit du die Pfeile hier sehen kannst. Jetzt für die Aero-Position. Willst du sie drinnen? Oder Sie wollen sie außerhalb der Kiste. Also draußen werden sie außerhalb der Box sein. Drinnen werden
sie drinnen sein. Und natürlich, die Punkte können Sie ändern. Du willst sie drinnen oder draußen. Sie können die Punkte größer machen oder Sie können sie kleiner machen. Und Sie können auch die Punktfarbe ändern. Jetzt für Bild, können
wir wählen, um es zu haben. Wie Sie wissen, Brauch. Wir könnten benutzerdefinierte Abstände zwischen den Bildern haben. Sie können diese etwas näher zueinander oder weiter auseinander für den Randtyp machen. Wir können wählen, dass es verdoppelt wird. Wir können es als punktiert haben. Wir können es als gestrichelt haben. Und wir können das mit dieser Punkte ändern, wenn Sie möchten. Und wir können auch die Farbe dieser spezifischen Punkte ändern. Okay. Aber ich will nicht zu viel reinkommen, weil das nur zeitaufwendig ist. Und SS zwei Kern und Dekoration, denke
ich, wie das ist ziemlich Standard. Ich finde, es sieht ziemlich gut aus. Und natürlich können wir
für Fortgeschrittene die Marge ändern. Wir können die Polsterung ändern. Vielleicht willst du das ein bisschen runterdrücken oder es nach rechts schieben oder nach oben schieben , usw. Und mit allem, was wir haben Eingang Animation. Siehst du also, wie wir die Eingangsanimation haben? Nun, was es so aufkommt. Also für jede Einstellung können
wir Animation haben. Okay, bedenken Sie das, denn das ist für jedes einzelne Modul, das wir verwenden. Okay, also das ist im Grunde dieser Abschnitt, Leute, das war im Grunde das Telefon und diese Kämpfersitzung. Ah, der nächste Abschnitt. Wir gehen tatsächlich auf die nächste Seite, oder es wird über den Abschnitt über uns sprechen, also werde ich Sie alle dort sehen
26. Thema und Plugin: Alles klar, Leute, willkommen zurück. Also, jetzt werden wir das WordPress-Theme installieren und wir werden die Seite Builder hinzufügen . Also genau hier unter dem Aussehen, gehen Sie zu Themen. Nun, wie WordPress funktioniert im Grunde ist, dass Sie ein Thema auf Ihrer Website installieren. Jetzt, genau hier können Sie auf neues Thema hinzufügen klicken und das sind alle verschiedene Arten von Themen. Es ist im Grunde die Struktur Ihrer Website, wie sie aussieht und das Gefühl davon usw cetera. Jetzt haben jede von ihnen unterschiedliche Seitenbauer. Ah, viele von ihnen haben verschiedene Arten von Customizing, usw cetera. Also werden wir tatsächlich ein sehr hoch bewertetes Thema namens Generate Press verwenden. Also, genau hier unter der Suchleiste, können
Sie eingeben, Presse
erzeugen , Presse erzeugen, und es wird diese hier sein. Und Sie können auf Details in der Vorschau klicken und es ist sehr hoch bewertet, wissen
Sie, 309 Bewertungen alle fünf Sterne. So werden wir mit einem sehr guten WordPress-Theme. Also genau hier unter diesem Installations-Button auf installieren klicken, und dies wird das Thema auf unserer WORDPRESS Website installieren. Das ist also im Grunde eine kleine Vorschau, wie es aussehen wird. Aber natürlich, es ist nicht so aussehen, wie es ist. Es wird jetzt viel besser aussehen, genau hier. Ich klicke auf aktivieren. In Ordnung. Und sagen wir einfach, Sie wollen, wissen
Sie, überprüfen Sie es. Schauen Sie sich Ihre Website an und sehen Sie, wie sie aussieht. Sie können hier auf Besuchs-Website klicken. Und das ist unsere neue Seite. Sehr langweilig. Sehr nicht hübsch. Okay, aber keine Sorge, wir werden es fantastisch aussehen lassen. Also hier drüben unter unserem Armaturenbrett. Als nächstes gehen wir zu Plug Ins und wir gehen, um neue jetzt einen schnellen Überblick über Plug Ins hinzuzufügen. Der beste Weg, wie ich Plug-Ins beschreiben kann, sind wie APS für das iPhone. Es ist im Grunde wie APS für Ihre Website, wie die Schaffung eines Forums wie die Erstellung einer Social-Media-Website klicken Sie hier auf unserer beliebten. Wir werden alle möglichen verschieden kriegen. Ich meine, es gibt Millionen von Plug-Ins und sie alle haben unterschiedliche Funktionen. Dies hier erstellt ein Kontaktformular. Dies hier verbessert Ihre Optimierung auf der Suchmaschine. Das hier, es schafft eine Capture. Es gibt so viele und der beste Weg, wie ich sagte, es zu beschreiben ist, sie sind nur APS für Ihre WordPress-Website, und ich könnte weiter mit ihr mit Keulen gehen. Aber es gibt mehr als Tausende von ihnen hier. Sie können sehen, es gibt Tausende und es gibt über 34 Seiten. So schnell. Alles, was wir tun werden, ist den Page Builder zu installieren und wir werden einen kostenlosen Page
Builder verwenden und ist nur auf den Markt gekommen und es ist wirklich, wirklich, wirklich, wirklich gut. Also geben Sie L. einen Mentor ein. L ein Mentor so Element oder und werden diese Seite Builder verwenden. Jetzt Dieser Peso kam gerade heraus, aber es ist bereits schlagen Blog. Es ist bereits treffen alle Arten von Websites wegen seiner Benutzerfreundlichkeit. Es ist so einfach, diese Seite Builder zu verwenden, so gehen Sie auf installieren jetzt bereits klicken. Es wird also installiert. Und das sind auch zusätzliche Plug Ins für diese Seite Bowler, weil es los ist. Es wird immer so populär, dass die Leute tatsächlich Plug Ins nur für diese Plug Ins erstellen. Oh, es wird im Laufe der Zeit
sehr, sehr populär. Also hier, klicken Sie auf aktivieren. Alles klar, herzlichen Glückwunsch. Also haben wir das WordPress-Theme installiert und wir haben Elemental hinzugefügt, die wir diese verwenden werden, um unser Design unserer Seiten jetzt zu installieren. Wie ich schon sagte, es ist total Dragon fallen gelassen. Leute, es ist super einfach, diesen Page Builder zu benutzen, und ich werde euch zeigen, wie man das in diesem Tutorial macht. Als nächstes gehen
wir weiter und gehen Sie zum nächsten Abschnitt, wo wir einige Seiten erstellen werden, also werde ich Sie alle dort sehen.
27. Endung: Alles klar, Leute. Herzlichen Glückwunsch zum Abschluss des Kurses. Gönnen Sie sich eine Hand. Ich hoffe, dieser Kurs hat dir geholfen zu lernen, wie man WordPress besser benutzt. Ich hoffe, es hilft Ihnen, zu lernen, wie man die Elemente verwendet. Oder Page Builder, was sein wird, ich sage euch Jungs wird die Nummer eins kostenlose Seite Builder auf
dem Markt sein. Nun, bis dahin dieses Kurses, ich hoffe, ihr könnt diese Webseiten machen. Ihr habt Ärger. Zögern Sie nicht, mir Fragen zu stellen. Sag mir Bescheid, wenn ihr Hilfe bei irgendetwas braucht. Außerdem möchte
ich euch von meinem YouTube-Kanal erzählen. Mein YouTube-Kanal ist also alles. WordPress, ob Sie lernen möchten, wie Sie Google Analytics installieren, ob Sie lernen möchten, wie Sie den Yoast Seo Plug in installieren oder sogar einen Live-Chat
auf Ihrer Website kostenlos einrichten möchten. Mein YouTube-Kanal spricht alles über WordPress, so dass sie Jungs sagten, ich hoffe, ihr Jungs gibt mir eine gute Bewertung und ich hoffe, euch alle im nächsten Kurs zu sehen. Ich sehe euch alle später.