Bau und Design einer professionellen WordPress-Website – Einführung in Elementor und Homepage-Design|Teil 4

1. Elementor Einführung: Hallo und herzlich willkommen bei der Gestaltung mit elementarem Abschnitt. Nun, wenn Sie entlang des Kurses verfolgt haben, werden Sie gelernt haben, wie man eine voll funktionsfähige WORDPRESS Website einrichtet, alle wesentlichen Plugins installiert und auch die Psychologie hinter der Schaffung professioneller -Seiten auf Ihrer Website. Jetzt ist es Zeit, etwas über einen Mentor zu erfahren. Also, was ist L ein Mentor? L. Ein Mentor ist die professionellsten Designer-Tools da draußen, um uns von Rukia-Designern zu kompletten Profis zu machen . Lassen Sie mich Ihnen zeigen, was ich meine. Jetzt sind hier ein paar Beispiele für Menschen mit elementaren für ihre das Zeichen zusammen mit dem Ozean WP WordPress-Theme. Richtig. Also werfen Sie einen Blick auf diese schöne Website. Das erste, was wir bemerken werden, ist, dass es ein großes, wunderbares Bild um die ganze Gegend herum gibt. Jetzt haben wir gelernt, dass dies über der Falte genannt wird. Wir haben den Namen der Person hier und dann ihr Slogan scrollen nach unten. Wir werden eine Menge mehr Informationen über die Website über die Person bekommen. Aber der Punkt hier ist, dass dies ein elementares Design ist. Dies ist mit dem elementaren Werkzeug und das ist extrem professionell aussehend, weil es so sauber ist . Jetzt verwenden die meisten Designer ein Web-Designer eher elementar für die Gestaltung, weil es so einfach ist . Es ist so schnell, und Sie können eine voll funktionsfähige, schöne Website in nur ein paar Stunden erstellen . Es ist erstaunlich, keine Codierung erforderlich. Also, wenn wir uns diese Website ansehen, haben wir bemerkt, dass das Thema ziemlich das gleiche ist. Wir haben ein großes, wunderbares Bild. Es gibt hier einen Titel. Es gibt hier einen Slogan oder besser gesagt, Beschreibung. In diesem Fall würde ein Scrollen nach unten eine Reihe von Informationen erhalten. Dies könnte alles sein, was ein Verkaufseinsatz sein würde, um Ihr Produkt zu präsentieren. Putting Ihre E-Mail oft sagte es Ra, und Sie werden sich daran erinnern, dass Pat Flynn etwas Ähnliches mit seinem Design gemacht hat. Jetzt ist dies so betroffen, weil Sie feststellen, dass es Abschnitt gibt. Wir haben hier einen Vollbildabschnitt, nach unten scrollt. Wir haben einen anderen Abschnitt, einen anderen und dann einen anderen, einige sind Vollbild, aber die meisten decken den gesamten Bildschirm. Sehr professionell. Nun, wenn wir einen Blick auf diese Website, die auch elementar mit dem Ozean WP verwendet, all diese Beispiele sind, werden Sie feststellen , dass sie hier ein Video im Hintergrund verwenden. Jetzt vermitteln sie deutlich, worum es bei ihnen geht. Und dann gibt es einen Aufruf zum Handeln unten genannt. bedeutet, dass Sie möchten, dass die Leute klicken, kümmern sich um eine E-Mail zu erhalten, Melden Sie sich an, um Ihre Produkte etwas zu kaufen. Was auch immer es ist, die Priorität von Ihrer Homepage, Erinnerst du dich? Immer setzen die Priorität würde hier beginnen, die Heimat Pitch alles. Jetzt sind das meine Lieblings-Art von Hausfischen, weil sie so sauber sind, ihre direkt auf den Punkt. Und das werden wir auch anstreben. Wenn es darum geht, unsere Entscheidung nach unten zu scrollen, erhalten Sie weitere Informationen zu setzen, immer noch sehr sauber. Entweder mit dieser Art von Halbbildschirm oder ganzen Bildschirm das Zeichen richtig? Und schließlich, diese Seite mit einem ähnlichen Design läuft dort, die den gesamten Bildschirm genau hier abdeckt. Wir fertigen das Zeichen von Branson Organisationen trat Creative Digital Studio. Wenn ich schwächen könnte,fangen Sie an. Wenn ich schwächen könnte, Denken Sie daran, das ist der Anfang hier. Button wurden tatsächlich hier nach unten gescrollt, also hat er all diese wertvollen Informationen auf der ersten Seite in einer großen langen Schriftrolle gesetzt, wie Sie feststellen werden, dass die meisten Leute haben. Und dann, natürlich, einige soziale Beweise, die die Kunden präsentieren. Nun, das ist nur, um Ihnen zu zeigen, dass jeder diese schönen Websites dank eines Tools wie L A Mentor erstellen kann . Lassen Sie uns also genauer auf das gehen, was elementar jetzt ist. L. Ein Mentor ist, was man als Page Builder bezeichnet. Mit anderen Worten, es hilft Ihnen, Seiten zu erstellen, wie würden Sie es gesehen haben? Und woraus besteht Ihre Website? Nun, im Grunde verschiedene Seiten jetzt. In der Vergangenheit brauchten Sie Programmierkenntnisse, um Websites erstellen zu können. Jetzt hat WordPress es vereinfacht. Ah, danach kamen viele Steckdosen. Zu vereinfacht. Und jetzt haben wir einen Mentor, um es schön aussehen zu lassen. Wenn du wie ich bist, wirst du wissen, dass ich überhaupt kein Designer bin. Ich habe kein gutes Auge für diese Zeit, aber dank L. A Mentor wird alles super einfach. Es ist ein sehr intuitives Werkzeug zu verwenden, und sie haben auch eine andere Funktion, die wirklich hilft off. Das ist die Fähigkeit, Kalk entwerfen zu können. Jetzt wirst du es bemerken. In den vorherigen Vorträgen, als wir unsere Seiten erstellt haben, haben wir die Seite erstellt und dann gingen wir zur Vorschau, um zu sehen, wie es sich herausstellte. Jetzt, mit L. einem Mentor, können Sie die ganze Seite lebendig aufbauen. Sie bekommen zu sehen, fragen Sie, setzen die verschiedenen Funktionen, verschiedene Teil verschiedene Hexen und sehen, wie es sich herausstellt. Live ist eine unglaubliche Funktion, und es spart so viel Zeit und Hilfe durch die intuitive Gestaltung jetzt wieder. Da ich kein Designer bin, schätze ich wirklich, dass dieses Elementar mit Seitenvorlagen gefüllt ist. Ich brauche sie wirklich, und es macht mein Leben so sehr Ostern. Ich würde kein Logo entwerfen, aber trotzdem haben wir ein toll aussehendes Logo, und ähnlich würde ich nicht weitergehen und eine Seite entwerfen. Aber dank der Vorlagen, können wir wirklich, wirklich gut aussehende Seiten und daher wirklich gut aussehende Website, dank dieses Tools. Mit anderen Worten, wenn wir lernen, diese Tools zu beherrschen, werden nicht nur wirklich kompetent sein, wenn es darum geht, Websites zu erstellen, sondern auch diese Websites zu entwerfen, ob das für Ihr Unternehmen ist, Freiberufler zu sein, jemandem zu helfen, Ihr eigenes Geschäft aufzubauen, könnte alles sein, solange Sie brauchen, um eine Website zu bauen entschieden, professionell aussehen. Elementary ist das Werkzeug jetzt Es gibt auch eine elementare Funktion namens Elementary Can Va. Grundsätzlich, was es tut, ist, dass es Ihnen erlaubt, alles zu entfernen, was auf dieser bestimmten Seite ist, was die Seitenleiste Die Fußzeile bedeutet. Wenn Sie wollen, um das Logo als Menü alles und einfach machen es komplett sauber ein Kanada, so dass Sie in der Lage sind, zum Beispiel, einen Film dort oder Sie könnten ein großes Bild dort setzen und dann könnten wir die Unterzeichnung. Aber einige können ein Menü in der Spitze sein, Ihr Logo, etc. Aber diese Funktion macht es so einfach, denn wenn Sie von einem sauberen Schiefer mit dem elementaren Kanada beginnen können, wird das Design so viel einfacher. Und hier ist das letzte verrückte Ding. Es ist eigentlich kostenlos. Es gibt eine Pro-Version, eigentlich, ich denke, es gibt zwei Pro-Version. Wenn Sie es für mehrere Websites verwenden möchten, die Sie kosten, ich glaube, $99 oder $199 für ein Jahr off Updates derzeit, aber 90% davon ist völlig kostenlos, und 19% werden mehr sein, als wir für unseren Zweck brauchen, richtig? Und wenn Sie sollten, jemals durch irgendwelche Tools oder irgendwelche Plug-Ins und Meiner Meinung nach, wenn Sie jemals ein Plug in kaufen ist entweder für den Schutz Ihrer Website für die Wiederherstellung und sichern Sie Ihre Website auf dem elementaren einstecken, um sich wie ein Profi zu entscheiden. Aber noch einmal, Sie werden feststellen, dass wir im Grunde alles in diesem Page Builder haben. Und wenn Sie jemals mehr brauchen sollten, haben Sie das Budget dafür. Es ist einfach, diese Funktionen für woo kommerzielle zu aktualisieren und zu verwenden. Zum Beispiel, wenn Sie in eine E-Commerce-Website erstellen möchten, werden wir später mehr darüber sprechen, und ich werde Ihnen zeigen, wie Sie einen E-Commerce mit Ankömmlingen erstellen. Okay, Also, wenn Sie so aufgeregt sind wie ich bin, um mit dem Aufbau dieser Seiten zu beginnen, die wir bereits vorbereitet haben , unsere Homepage ist unsere Startseite hier Seite und natürlich unsere Ressource ist Seite, dann lasst uns loslegen gehen durch elementare von Anfang an, den ganzen Weg bis zum fertigen Produkt. Das fertige Ding, richtig? Lassen Sie uns anfangen, die nächste Vorlesung zu sehen 2. Elementor: Alles klar, Leute, wir werden alles über elementare lernen, aber um das zu tun, ist es eine gute Idee, von Anfang an anzufangen. Beginnen wir also am hinteren Ende unserer Website und gehen hier zu Elemental. Nun, wie bei den meisten Plug-Ins, werden sie ein paar von Einstellungen und verschiedene Optionen, die damit einhergehen. Bevor wir anfangen und anfangen, es zu benutzen, werden wir weitermachen und durchschütteln, was all das bedeutet. Und wenn wir etwas ändern müssen, machen wir das. Okay, also fangen wir jetzt in den Einstellungen an. Das erste, was wir in den Einstellungen haben, ist, wo Sie möchten, dass elementare angewendet werden, oder? Also im Moment haben wir es zu den Post-Typen von Post-Seiten, und das ist es. Aber wir könnten auch elementar auf die männliche Dichterseite oder meine Bibliothek anwenden. Aber das ist nichts, woran sie jetzt wirklich denken müssen. Ich will nur, dass du weißt, dass diese Optionen hier drin sind. Wenn Sie die Seite des männlichen Dichters später anpassen möchten, Sie daran, dass Sie dort verschiedene Seiten erstellen können. Der Mann ist Abonnement-Seite, etcetera. Dann haben wir auch die Standardfarben deaktiviert. Nun, das ist, wenn Sie die Farben verwenden möchten, die mit Ihren Themen in erster Linie kommen. Dann könnten Sie diese überprüfen, um die elementaren Standardhalsbänder zu deaktivieren und diese stattdessen und das gleiche mit den Telefonen zu verwenden. Sie können die Mittel aus elementaren deaktivieren, um diejenigen aus Ihrem Thema zu verwenden. Aber in den kommenden Vorträgen, wenn wir anfangen, unsere Homepage zu entwerfen, werden wir tatsächlich durchgehen, welche Halsbänder und welche Mittel für Ihr Unternehmen zu verwenden sind, je nachdem, was Sie mit Ihrer Website machen, worum es geht und welches Gefühl, dass Sie die Psychologie von Telefonen und Halsbändern liefern wollen . Wirklich aufgeregt. Ich glaube, du wirst den Vortrag lieben, aber im Moment werden wir die nicht anfassen, oder? Wir werden diese später anpassen. Dann haben wir auch die Verbesserung elementos Einstellung, was bedeutet, wenn Sie elementar helfen möchten, indem Sie ihnen erlauben, Ihre Nutzung zu verfolgen. Nun, das ist ein Animus-Daten, die sie sammeln, um ihre Plug in zu verbessern. Und wenn Sie das wollen, können Sie nicht wirklich viel tun. Ich neige dazu nicht, weil ich nicht die Last von mir selbst haben will. Mit anderen Worten, es könnte die Dinge etwas verlangsamen. Und ich bin nicht wirklich darin, das zu tun, auch wenn es für einen guten Zweck da ist. Und dann bewegen wir uns zum Stil. Und hier haben wir den generischen Formstil. Wir haben den Inhalt mit dem Stil von Ihren Seiten, dieser Stil, den ich aussehen wollte, wie es mit den Zwischenräumen dazwischen passen wird usw. Nun, wir müssen das jetzt nicht wirklich berühren, weil wir tatsächlich mit diesem mischen wenn wir in l sind. Ein Mentor selbst und im Voraus haben wir Dinge wie CSS-Druckmethode und für uns Sterbliche, die nicht in -Codierung. Wir müssen uns überhaupt nicht darum kümmern. Wechseln Sie in den Editor-Loader-Modus. Wir werden das auch nicht anfassen, denn das ist zur Fehlerbehebung und wir werden nicht in solche Dinge gehen . Dies ist für fortgeschrittene Benutzer. Das ist nichts, was ich entweder mit diesem Plug ihn mache, und dann haben wir etwas, das Editing-Handles genannt wird, und das ist eigentlich ein anständig aktuelles Feature. Nun, was das tut, ist, dass es die Bearbeitungsblöcke ändert Jetzt, ich weiß, dass wir noch nicht mit elementar begonnen haben, aber ich möchte Ihnen nur zeigen, was das tut. Wenn wir das versteckt halten, bedeutet das, dass wir, um einen Block anzupassen, damit wir Gutenberg blockieren. So wird es für Sie vertraut sein, um einen Block anzupassen, wir mit der rechten Maustaste auf diesen Block klicken. Nun, wenn wir das zeigen, wird es verwenden, um diese Abstandshaltung mit der rechten Maustaste zu behandeln. Und es sieht so aus. Sie gehen voran, Sie aktivieren dies, um anzuzeigen, und dann, wie Sie im Block sehen können, erhalten Sie diese Art von Ausklappen, wo Sie kopieren können, Sie können bearbeiten, Sie können es schließen, etcetera. Nun, das liegt ganz an Ihnen, wie Sie es tun wollen. Aber im Allgemeinen, was auch immer Sie beginnen, was Sie werden sich wohl fühlen, ich denke, dass diese Funktion ist in erster Linie, weil viele Leute, die Elementar für eine Weile verwendet haben, sie unwohl mit der rechten Klick-Option. Aber wenn du gerade erst mit Elementar anfängst, wirst du dich wohl fühlen, höchstwahrscheinlich mit dem ich die richtigen Klicks wirklich mag. Ich werde das hier verstecken. Also lassen Sie uns jetzt zum Roll-Manager gehen, genau wie es sagt, Roll Manager ist, wenn Sie erlauben möchten, bestimmte Bearbeitung in L. Ein Mentor zu machen . Wenn Sie zum Beispiel möchten,dass Ihr Redakteur keinen Zugriff auf L. A Mentor hat,würden Sie weitermachen und Kallick hier rein. zum Beispiel möchten, Wenn Sie zum Beispiel möchten,dass Ihr Redakteur keinen Zugriff auf L. A Mentor hat, Jetzt. Die verschiedenen Rollen auf Ihrer Website wird viel wichtiger für Sie sein Sobald Ihre Website beginnt richtig zu wachsen und Sie können die Signierung verschiedenen Rollen zu verschiedenen Personen beginnen . Sie können mehrere Autoren haben, wenn Sie einen Blogger haben. Zum Beispiel, wenn Sie Mitwirkende jemanden haben, der hier nimmt, wenn Sie ein CEO usw. nun Wenn SienunZugriff auf bestimmte Inhalte gewähren möchten, müssen Sie Pro gehen. Aber was Sie tun können, ist, dass Sie den Zugriff von Personen auf das beschränken können, was Menschen es in L. A Mentor hinzufügen können , und Sie tun das über Roll Manager. Gehen wir also zu Werkzeugen über. Jetzt hier drin ist eigentlich etwas, das Sie ein paar Mal verwenden könnten, und das ist das regenerierte CSS Now, obwohl wir nicht wirklich viel mit CIA arbeiten, sagt, dass dies tatsächlich etwas ist, das im Stil gesagt wird, und dieser Stil wird der Wille Ihrer Seite sein. Vielleicht ist der Fonds die Halsbänder , etc. Also, wenn wir das aktualisieren und wir bemerkt haben, dass die Updates nicht tatsächlich stattfinden , dann sind die Chancen, dass etwas mit den Handgelenkknochen nicht stimmt. Zum Beispiel, Zwischen elementaren und dem Thema, das wir haben, Wir haben Ozean WP. Also, wenn etwas hinkt oder etwas fehlt oder vorhanden waren, tun einige mit L verpasst . Ein Mentor, alles, was wir tun müssen, ist zurückzugehen und auf Regenerate Dateien zu klicken, und dann werden wir sicherstellen, dass sie sinken und im Grunde 99% der Zeit, das macht es einfach funktioniert, richtig? Also, was auch immer Sie Stil geändert haben, das wird anfangen, von ihnen zu arbeiten. Wahrscheinlich werden wir diese ein paar Mal verwenden, wenn wir unsere Website mit L. einen Mentor erstellen , und dann haben wir eine Sink-Bibliothek, und die Bibliothek wird später im elementaren Abschnitt viel nützlicher sein, wenn wir verwenden Sie Vorlagen. Wenn Sie zum Beispieleine bestimmte Vorlage herunterladen oder Ihre eigene speichern und Sie bemerken, dass dies in Ihren gespeicherten Vorlagen nicht sichtbar ist, müssen Sie nur zu elementaren Werkzeugen gehen und auf Senkenbibliothek klicken und zum Beispiel Wenn Sie zum Beispieleine bestimmte Vorlage herunterladen oder Ihre eigene speichern und Sie bemerken, dass dies in Ihren gespeicherten Vorlagen nicht sichtbar ist , Meistens wird das Problem lösen, und dann haben wir den abgesicherten Modus und die sicheren Motive. Wenn Sie Probleme oder etwas Besonderes in elementar beheben möchten, ist dies eine erweiterte Funktion. Wir werden das nicht benutzen, damit wir uns nicht wirklich darum kümmern müssen. Das ist im Grunde für die Nerds. Und obwohl ich mich für einen riesigen Nerd halte, bin ich nicht gut genug, um in die Codierung zu gehen und den abgesicherten Modus abzuschalten. Also werden wir das nicht benutzen. Wir haben auch die Debug-Leiste jetzt das Debug. Es ist ähnlich, wenn Sie nach Problemen suchen möchten, die gesagt haben, wir werden dies auch nicht verwenden. Dies sind also alles erweiterte Funktionen, die wir nicht brauchen, um fantastische Websites zu erstellen. Also gehen Sie weiter, um Sie zu ersetzen oder L. Nun, wenn Sie den Kurs die ganze Zeit verfolgt haben, allem, das ist fantastisch. Gute Arbeit. Zweitens, Sie werden sich erinnern, als wir einen Plug in heruntergeladen haben, um unsere Website zu sichern. Als wir unsere Website gesichert haben, waren wir in der Lage, unsere Website woanders zu migrieren, richtig? Und was wir dann tun können, ist, dass wir das weg migrieren und dann auch unser gesamtes Element migrieren oder mit diesem ersetzen U R L Wright wird auch wahr halten. Wenn Sie den Domain-Namen in einen neuen Domain-Namen ändern, müssen Sie diese u R l zwei aber wieder ersetzen, genau wie es dort steht. Sie sollten wirklich eine Sicherungskopie Ihrer Datenbank erstellen, bevor Sie so etwas tun , und zum Glück , und zum Glück würde unser Backup. Und wir wissen, wie man das Backup manuell macht. Also, wenn Sie Ihre alte Ihre el oder Ihre Migration ersetzen müssen, dann gehen Sie vor und zurück zuerst und dann verwenden Sie dieses Recht in Ihrem alten Ihre l und dann wussten Sie , und klicken Sie auf ersetzen Euro, und dann gehen wir auf Versionskontrolle. Also sollten sie ein neues Update mit L A Mentor starten, zum Beispiel, und Sie bemerken, dass Hey, warten, Diese tatsächlich meine Website gebrochen. Das ist sehr selten, aber wie bei allen Steckern, könnte es passieren. Aber es ist sehr, sehr selten. Aber Sie können tun, ist gehen Sie voran und installieren Sie die alte Version, die wir wissen, tatsächlich funktioniert. Und natürlich haben wir unsere Website gesichert, sagte, es würde jeder Verlust sein Aber das ist, wo wir zur Rollback-Version gehen, die vorherige Version, um diejenigen zu installieren, die tatsächlich funktioniert hat. So können wir weiterhin unsere Website bearbeiten und weiterhin Fortschritte in unserem Geschäft, und wir haben auch, wenn Sie ein besserer Tester werden wollen, wenn Sie diese aktivieren, dann haben Sie die Möglichkeit, neue Versionen zu testen, bevor sie veröffentlicht. Wenn Sie auf, dass, das ist absolut nicht notwendig Erwachsenen bei ihm, um dies auf Behinderte zu halten. Dann haben wir Wartungsmodus. Also, wenn Sie Ihre Website aktualisieren oder auf dieser bestimmten Seite, was Sie tun können, ist, dass Sie gehen und verwenden Sie eine bald kommende Tempo, zum Beispiel, oder eine Wartungsseite. Also Leute kommen auf Ihre Website dort zu sehen, es bald kommen, oder eine Wartungsseite, die Ihnen erlaubt, zu tun, was Sie in Ihrer Website tun müssen. Okay, bevor du alles veröffentlichst. So könnte dies großartig für alle Wartungs-Updates oder einfach nur für diese Anmeldetage sein. Wenn Sie es einfach nur ablegen möchten, aktualisieren Sie Ihre Website in Ruhe und veröffentlichen Sie sie dann mit ihrem neuen schönen Design. Okay, dann haben wir, wer auf Ihre Website zugreifen kann, Leute eingeloggt. Oder wenn Sie dies als benutzerdefinierte festlegen möchten, so dass nur Personen mit bestimmten Rollen tatsächlich protokolliert werden können. Sobald dieses System bald oder Wartung kommt, ziehe ich es vor, dies einfach eingeloggt zu halten. Und dann haben wir die Vorlagen. Wenn Sie eine unsichere Vorlage erstellt haben, wenn Ihre Website heruntergefahren ist, können Sie diese verwenden. Wenn Sie keinen Kreativen haben, können wir hier einen erstellen. Jetzt neige ich dazu, das auch nicht zu tun. Wenn ich jemals die Website ablegen würde, was ich im Grunde nie, jemals tun, würde ich voran gehen und den Wartungsteil verwenden. Dann haben wir Systeminformationen. Und hier drin gibt es nur einen Haufen Fachjargon. Es hilft uns überhaupt nicht. Es sieht einfach so aus. Es gibt nichts von Informationen, die wir hier verwenden können, also werden wir hier keine Zeit verbringen. Wir haben hier einen Reiter „Erste Schritte“. Ein Schwung. Das ist wirklich toll, denn L A Mentor ist grundsätzlich unbegrenzt in seinem Potenzial für die schöne Wissenschaft. Und es gibt viele Tipps und Tricks, die Sie von hier aus verwenden können. Du wirst das nicht zu sehr brauchen, weil ich eigentlich dein Leitartikel sein werde, oder? Du wirst das nicht zu sehr brauchen, weil ich eigentlich dein Leitartikel sein werde, Deshalb sind Sie hier in diesem Kurs, um die Wissenschaft und wunderbare Website schön zu machen. Aber um eine Menge Tipps und Tricks zu lernen, haben sie einige wirklich Tutorials hier gegeben. Kann dies überprüfen und dann den vollständigen Artikel erhalten. Nun, wenn Sie Hilfe benötigen, können Sie auf klicken, bekommt Hilfe hier. Sie haben große Unterstützung, um eine häufig gestellte Fragen in hier können voran gehen und überprüfen , dass aus. Es gibt Tutorials, etc., wirklich, wirklich toll. Und dann haben wir eigene Gründungen. Jetzt ist dies eine Pro-Funktion, die Sie beißen müssen, um Ihre Kundengelder hinzuzufügen und benutzerdefinierte Mittel bedeutet, wenn es ein Telefon gibt, das Sie heruntergeladen haben oder vielleicht sogar selbst erstellt , das Sie verwenden möchten, um Ihre Website noch einzigartiger zu machen. Aber es gibt eine Menge Spaß, wie viele Telefone hier drin, die wir benutzen können. Und in der kommenden Vorlesung in der Psychologie über, die verschiedenen Fonds würden einen auswählen, der perfekt zu Ihrem Geschäft passt, ist, dass wir uns keine Sorgen darüber machen müssen, und dann haben wir die GoPro Hintern. Und wenn Sie die aktualisierte Version von elementar und natürlich kaufen wollen. Dies kann ein Vorteil sein, wenn Sie dies für eine Weile verwenden und Sie mehrere Websites haben und Sie zusätzliche Hexen verwenden möchten und es über mehrere Plattformen verwenden möchten. Aber wie ich in der vorherigen Vorlesung sagte, ist dies nicht nötig. Sie bekommen im Grunde alles für freie Zone Open Source, und wir werden Kick Ass Website mit der kostenlosen Version machen, richtig? Du bist die meisten Kinder. Du brauchst die Pro-Version nicht. Aber wenn es irgendetwas gibt, was du für einen Stecker machen solltest, dann wird es der Anti-Virus oder die Ersatz- oder Elementarsonde sein, meiner Meinung nach. Und dann haben wir hier unten Vorlagen. Jetzt haben wir unsere sagen, dass Vorlagen. Also, zum Beispiel, sollte ich mich entscheiden, verschiedene Seiten für verschiedene Kurse zu erstellen, möchte ich vielleicht die ähnliche Art von Off-Page-Build haben. Also, was ich tun könnte, ist, bestimmte Seite gebaut und speichern, dass, wie er Vorlage und verwenden Sie es immer und immer wieder wird viel Zeit sparen. Und natürlich, natürlich, wenn wir anfangen, Vorlagen herunterzuladen, die wir später durchmachen werden, wird das auch hier reingestellt. Der Theme-Builder ist eine Pro-Funktion, daher haben wir keinen Zugriff darauf. Aber es ermöglicht Ihnen, in die integrierte gehen, zum Beispiel, um Ihre ah zu bearbeiten, Header Ihr Essen er in der l a Mentor. Aber auch hier gibt es nichts, was wir tun müssen, denn wir wissen schon, wie man das draußen macht. Und ich werde Ihnen zeigen, wie Sie die verschiedenen Funktionen nutzen, um Ihre Website fantastisch zu machen. Ohne das haben wir Pop-Ups und Pop-Ups, die wir alle kennen. Der Papst ist auf deinem Bildschirm. Sie möchten zum Beispiel eine E-Mail öffnen, zum Beispiel eine E-Mail öffnen, oder wenn es etwas gibt, das Sie auf Ihrer Website ankündigen möchten, das ist eine Pro-Funktion. Aber ehrlich gesagt, das ist ziemlich sensibel. Sie können richtig verwendet werden, aber sie können auch sehr ärgerlich sein. Aber das ist nichts, was wir hier brauchen. Wir können große neue Vorlagen, und hier können wir Vorlagen in Kategorien setzen, oder? Also, das sind die verschiedenen Einstellungen in elementar, so haben wir durch Einstellungen Rolle gelungen, System in für all diese wichtigen Sachen und Sam-Platten, die wir durch Maurin Tod später gehen gehen gehen gegangen und Sam-Platten, . Ich möchte, dass Sie sich vor allem daran erinnern, dass, wenn Sie zu L. gehen ein Mentor und Werkzeuge. Wir haben das regenerierte CSS. Also, wenn es etwas, das nicht auf Ihrer Website aktualisiert wird, gehen Sie sagen einem Mentor Tools und klicken Sie auf Regenerate files. Die meiste Zeit wird dies das Problem von Ihrem Thema lösen, nicht aktualisieren Sie Ihren Stil, nicht funktionieren, wie sie sollten. Sofort. Gehen wir zur nächsten Vorlesung über und verwenden Sie elementar. Das ist wirklich aufregend, Leute sehen in der nächsten Vorlesung. 3. Startseite Pre-Design: Alles klar, Leute, in diesem Vortrag werden wir voran gehen und unsere Homepage gestalten. Nun, wenn Sie den Kurs von Anfang an verfolgt haben und Sie die gleichen Schritte wie ich befolgt haben, werden Sie genau wie ich jetzt keine Homepage haben, weil wir zuvor unsere Homepage in einen Anfang verwandelt hier Seite. Also, was wir tun werden, ist gehen Sie weiter und gehen Sie zu Seiten hier und klicken Sie auf Hinzufügen Neu und tatsächlich eine Homepage erstellen, die wir verwenden können. Also werde ich das Haus anrufen, und dann klicke ich auf „Veröffentlichen“ und dann veröffentlichen, und dann gehe ich zurück zu allen Seiten. Und wenn Sie jetzt nach unten scrollen, werden Sie sehen, dass der Anfang hier unser Front-Patient auf der Titelseite und Homepage ist, diese Art von Synonymen. Also, was Sie tun möchten, ist auf schnelle Bearbeitung klicken, weil diese Schnecke Sie erinnern, was die Schnecke ist? Das ist, was nach Ihrem Domain-Namen angezeigt wird. Also die Schnecke hier sind Robin und Jesper dot com. Schrägstrich nach Hause. Aber das ist sehr verwirrend für die Suchmaschinen, weil wir das hier sofort in den Start verwandeln wollen . Die Startseite hier sollte hier beginnen. Säure Slug macht viel sinnvoller für die Suche und Ohren und Menschen gleichermaßen. Jetzt, wann immer Sie Schnecken schreiben, möchten Sie immer Kleinbuchstaben verwenden, und Sie möchten immer einen Bindestrich verwenden, wenn Sie Leerzeichen verwenden. Dann gehen wir weiter und klicken auf Update. Und jetzt schauen wir uns unser Zuhause an. Wenn wöchentlich schnell bearbeiten, werden Sie sehen, dass dieses Bein nach Hause gerufen wird und dann gestrichelt Sie Wir wollen nur, dass dies zu Hause genannt wird, und dann werden wir auf Update klicken. Da gehen wir. Und jetzt gehen wir zu den Einstellungen und lesen. Und jetzt werden wir unsere Homepage von Anfang an in Zuhause verwandeln und jetzt auf Änderungen speichern klicken . So ist die Homepage derzeit nicht in unserer Speisekarte angegeben, und das ist genau, wie wir wollten. Wir möchten, dass die Startseite die erste Seite ist. Sie sehen, dass der Editor, aber Sie wollen nicht, dass es im Menü sein, weil wir es bereits im Logo haben. Also, was wir tun werden, ist, das in ihre Homepage zu machen, Pre-Design es zu machen, indem wir all den Flaum entfernen , den wir nicht brauchen, und dann werden wir weitermachen und das wirklich professionell und schön mit L zu einem Mentor machen. Ich meine, deshalb sind wir in diesem Abschnitt, oder? Also, jetzt werden wir zu Seiten gehen und dort klicken und dann gehen wir zu Hope, die jetzt eine Titelseite ist. Startseite ist unsere Homepage. Das ist fantastisch. Und jetzt, Jungs, endlich können wir auf diesen großen blauen Knopf klicken, der uns eine Weile in die Augen starrt . Das ist mit Elementar hinzugefügt. Okay, jetzt, sobald ich darauf klicke, wird unsere Homepage in eine elementar bearbeitete Seite verwandeln, rechts und wird auch die gesamte Seite von Gutenberg öffnen, die wir benutzt haben vor in den elementaren Editor. So sieht der elementare Editor aus. Sie werden viele Dragon Drop Features von Gutenberg erkennen, aber auch mit diesem schönen Leben bearbeiten. Jetzt mach dir keine Sorgen um das alles. Wir gehen durch das Dashboard in der nächsten Vorlesung. Aber jetzt, um mit unserem vor das Zeichen der Homepage fortzusetzen. Was wir tun werden, ist hier zu den Einstellungen zu gehen, und das wird ein paar allgemeine Einstellungen für die Homepage aufzeigen, wie sie den Titel ändern wollen, in den sie den Status ändern möchten. Ich möchte ein vorgestelltes Bild hinzufügen. Wir werden das jetzt nicht tun, und dann können wir auch die Titel verstecken. Nun, wenn wir uns den Titel jetzt ansehen, es sagt zu Hause und die meisten unserer Seiten hat einen solchen Kurs betitelt. Assistant Titel, natürlich, ist über blawg Blut, etc. für sind entworfen, um die nächste Ebene zu nehmen und suchen wirklich sauber und wirklich professionell. Wir wollen keine Titel mehr verwenden, oder? Ich möchte die Website so sauber und direkt auf den Punkt wie möglich machen, so dass wir der Welt nicht erklären müssen, dass dies eine Homepage ist. Wir wollen nur den Zweck von unserer Website zu liefern, den Zweck von unserer Homepage und wir haben über früher gesprochen. Also, was wir tun werden, ist, dass wir tatsächlich gehen, klicken Sie zurück auf Einstellungen hier und wir werden auf Titel jetzt ausblenden klicken, wenn dies nicht den Titel für Sie verbergen, dann sind die Chancen, dass das Thema, das wir verwenden, es ist nicht vollständig synchronisiert mit elementaren jetzt. Und das liegt daran, dass sie manchmal den anderen Namen in den Codes haben. Das müssen wir nicht wissen. Wir müssen nur wissen, wie wir es beheben können. Also, wenn Sie hier klicken und es nicht wirklich versteckt, denken Sie daran, dies ist eine Live-Vorschau. Dann lassen Sie mich Ihnen zeigen, wie Sie das umgehen und alle vier Titel verstecken, weil das Ocean WP gerade nicht funktioniert. Also lasst uns weitermachen und alle unsere Titel auf allen unseren Seiten verstecken, weil wir die nicht mehr benutzen werden . Also, was wir tun wollen, ist richtig. Klicken Sie hier auf unser Logo und klicken Sie auf Link in New Tab öffnen. Und dann gehen wir hierher und klicken auf Customized. Wenn Sie sich am hinteren Ende Ihrer Website befinden, gehen Sie einfach zum Erscheinungsbild und passen Sie dann an. Und jetzt gehen wir weiter und gehen zu allgemeinen Optionen und Seitentitel. Und hier, wo es Stil sagt, wir tatsächlich voran gehen und klicken von Standard zu versteckt. Was das also tun wird, wenn Sie auf Publisher klicken, ist, dass die Titel von all Ihren aktuellen und zukünftigen Seiten verbergen wird . Es wird uns eine Menge Ärger ersparen. Es wurde also veröffentlicht. Alle Titel sind verschwunden mit nur leicht aufgeräumt unser Design. Ehrfürchtig. Also, jetzt komprimieren wir diesen nach unten und gehen zurück in L, einen Mentor. Jetzt müssen wir nur noch diese Seite aktualisieren. Klicken Sie auf Urlaub, Paige, das ist völlig in Ordnung. Und dann ist der Heimtitel weg. Alle ihre Titel sind weg. Ehrfürchtig. Nun, wenn wir weitermachen und jetzt wieder in die Einstellungen gehen, ist das der wirklich wichtige und interessante Teil. Im Moment haben wir hier etwas, das Seitenlayout sagt. Okay. Und haben sie das schon mal benutzt? Wir haben das Elemental voll mit verwendet, um die Seitenleiste zu entfernen. Und wenn Sie entlang des Kurses mit uns verfolgt haben, Ich empfehle dringend, dass Sie voran gehen und Sie klicken Sie auf die l aumentar voll mit und wir werden verwenden. Dies ist ein hübsches Design, bevor wir mit der Gestaltung unserer Homepage beginnen. Der Grund dafür ist, dass ich dieses Menü liebe. Ich liebe es, dass wir das Logo hier haben, und es ist auch das Essen er, das hier mit unserer Datenschutzerklärung in Bezug auf die Bedingungen enthalten ist . Nun, wenn Sie gerade springen, starten Sie den Kurs und ging direkt in L. Ein Mentor, Sie haben eine Website. Aber Sie haben nicht alle diese Funktionen oder Sie kümmern sich nicht wirklich um diese Funktion. Wann immer alles tun, können Sie etwas namens elementare Leinwand verwenden, und dies ist eine Funktion, die auf einer Menge von Website, Ich liebe es, dies zu verwenden, vor allem, um mit, weil Blick auf diese. Es ist eine völlig saubere Leinwand, und wir können anfangen, alles aufzubauen, was wir hier drinnen wollen. Je nach Ihrem Design in Ihrem Zweck können Sie voran gehen und wählen, ob Sie die elementare Leinwand mit dem Elementar voll mit verwenden möchten . Aber wenn Sie von Anfang an mitverfolgt haben, empfehle ich, dass Sie elementar voll mit verwendet. Das ist, was ich benutzen werde, und das wird die Grundlage sein, um unsere Homepage zu signieren. Also gehen wir hin. Ich werde nur weiter gehen und klicken Sie auf Updates, und jetzt sind wir alle fertig, die vor entworfen haben oder Homepage sehen den nächsten Vortrag. Jungs 4. Elementor: In Ordnung, also lasst uns ein wenig mehr über elementare lernen, indem wir durch das Dashboard gehen. Aber zuerst. Wie kommen wir zu L. Ein Mentor von unserer WordPress von der Rückseite und von unserer Website. Nun gibt es zwei Möglichkeiten, den elementaren Editor hier wirklich zu betreten. Die 1. 1 wäre, ein von Ihrem Dashboard aus zu starten, zu den Bildschirmoptionen zu gehen und dann das Elementar oder die Bewertung zu aktivieren. Denken Sie daran, daran, wir klicken dies in einer sehr viel früheren Vorlesung des Kurses weg. Jetzt, von hier aus, werden Sie in der Lage sein, neue Seiten zu erstellen, indem Sie einfach hier klicken. Sie werden bemerken, dass der Patient, den wir unsere Homepage bearbeitet haben, tatsächlich elementar hier unten sagt. Und alles, was wir tun müssen, ist auf Bearbeiten mit L. Ein Mentor zu klicken , und wir springen direkt in einen Mentor, der beginnt, diese Seite zu bearbeiten. Okay, also hier sind wir. Jetzt gehen wir durch dieses Dashboard hier drüben, all die verschiedenen Funktionen. Nun, wenn Sie von Anfang an diese Kerne mitverfolgt haben, dann ist das wirklich genial. Denn dann wirst du gelernt haben, wie man den Gutenberg Editor benutzt, der auch Drag & Drop Funktion hat . Sie werden eine Menge dieser Funktionen hier erkennen, denn wenn wir uns diese ansehen, haben wir die grundlegenden Elemente hier drin, was die Dinge wie Überschrift nimmt, Editor-Bild , Video-Schaltfläche, etc. dass Sie einfach voran gehen und klicken, ziehen Sie es hier und Drop, und wir haben eine Überschrift mehr darüber in ein wenig. Aber seine Verschiedenheit ist alles. Hier ist Dragon Drop. Also was? Wir haben alle grundlegenden Elemente, die hier vor sich gehen. Und wenn wir nach unten scrollen oder einfach zusammenbrechen, diese grundlegende, wir haben auch die allgemeinen, was Dinge wie Bildergalerie ist. Sie können eine Sternbewertung Bildpflege haben, so kann ich Alert Kurzcode Soundcloud Sidebar auflisten. Lesen Sie Mutter. Es gibt einen Ton Off-Funktionen hier ist so ein großartiges Werkzeug. Und wenn wir diese auch zusammenbrechen, haben wir auch die WordPress-Widgets, die wir durch aus dem Hexenbereich früher gehen . Wir können auch einfach klicken, Drag & Drop so sehr, sehr einfach Seiten auf diese Weise zu erstellen. Nun, das nächste, was wir hier tun können, was Sie bemerken werden, ist, dass, wenn ich das grundlegende öffne und zum Beispiel einen Texteditor hier hinzufügen möchte, dann alles, was ich tun werde, ist, den Texteditor hierher zu ziehen, und ich werde ein Stück Texas bekommen, genau wie der Gutenberg-Redakteur. Und wenn das passiert, wird das hier den Texteditor öffnen. Also und es braucht jemanden zu schreiben und kann das einfach hier schreiben. Ich kann den Stil, die Ausrichtung und alles ändern . Es ist super ähnlich wie Gutenberg, und dann haben wir auch erweiterte Funktionen, die wir später durchlaufen werden. Aber alles wird genauso funktionieren, als wenn du es hier reinziehst, ziehst du es. Sie werden in einen Editor gehen, wo Sie die verschiedenen Funktionen bearbeiten können. Nun, wenn ich noch mehr Dinge hinzufügen will, werde ich nur hier oben in der rechten oberen Ecke mit all diesen Plätzen klicken, und ich werde gleich wieder hier reingehen. Sagen wir mal, ich wollte etwas anderes hinzufügen. Nehmen wir an, ich möchte dieses Bild hinzufügen. Ich werde nur darauf klicken und es nach oben bewegen und Sie können das erkannt haben. Sie können es oben setzen, oder Sie können es unten genau so setzen. Nun, wenn ich unten setzen wird hier enden, und wenn ich das löschen will, werde ich tun, ist richtig. Klicken Sie auf und klicken Sie auf Löschen. , Denken Sie daran, wenn wir früher in den Einstellungen sind, als die Süchtige Funktion hier oben gewesen wäre, wenn wir am Lenker hinzugefügt haben. Aber jetzt werden wir den Rechtsklick dafür verwenden und es einfach löschen, damit wir alles hinzufügen können . Und das ist ein Quadrat von sich selbst, wo Sie eine Reihe von Dingen hinzufügen können. Haufen Videos, Knöpfe, alles. Du wirst bemerken, dass wir auf verschiedene Hexen oder Elemente ziehen können. Sie sind im Grunde Synonyme hier drin. So können Sie auf diese Weise verschiedene Abschnitte mit unterschiedlichen Funktionen beibehalten. Richtig? Also lassen Sie uns sagen, dass ich hier meinen eigenen Header hinzufügen wollte. Ich kann die Dinge, die ich von hier ziehen möchte, ziehen Sie hier hinein und erstellen Sie einen Header oder un über der Falte Heimtempo. Du erinnerst dich, was über der Falte bedeutet, was alles ist. Das wird auf Ihrem Bildschirm angezeigt, wenn Sie die Seite öffnen. Dann könnte ich das und das nächste Quadrat hier unten machen. Das könnte die Dinge sein, wo ich setzen, zum Beispiel unter dem vollen, der erste Bildschirm unter der Falte, und wir könnten eine andere und eine andere tun. All das wird in ein bisschen mehr Sinn ergeben. Nun, wenn ich auf dem ganzen Quadrat zusammenbrechen möchte, muss ich nur voran gehen und auf das Löschen hier oben klicken. Boom! Jetzt ist alles weg. Das nächste, was es so erstaunlich und so schön mit diesem Editor ist, ist diese Funktion. Beachten Sie das Plus hier drinnen. Wenn ich darauf klicke, wird in einem ganzen neuen Abschnitt hinzufügen, es ist so einfach, es zu lesen. Also lassen Sie uns sagen, dass ich hinzufügen würde, dass wir hier vier verschiedene Abschnitte los haben. 1234 Und dann kannst du das bearbeiten, das zwischen ihnen liegt. Zum Beispiel die Höhe zwei Spalte. Holen Sie sich das Überlaufen. Sogar das Tag, das wirklich cool ist, weil das bedeutet, dass Sie Ihren eigenen Header erstellen können. Und die Suchmaschinen werden es als Hitter erkennen, weil Sie HTML in Header geändert haben . Mit anderen Worten, Header ist für Suchmaschinen. S e o o noch mehr dazu im S e o Abschnitt. Okay, wenn wir also wieder hier reingehen, wo wir alle unsere Widgets haben, könnte ich in diese Überschrift einfügen. Wirklich gut. Gehen wir zurück. Ich könnte in diesem Video hinzufügen. Gehen wir zurück. Ich könnte in einem Google Maps zu diesem hinzufügen. Die Möglichkeiten der Bearbeitung sind hier endlos, und das ist es, was es so erstaunlich macht. Deswegen liebe ich das. Sie können solche professionelle Website leicht machen. Ich meine, in Stunden, wenn du das gelernt hast. Also lasst uns das ganze Quadrat so entfernen. Da gehen wir. Nun, das nächste, was Sie tun können, ist gehen Sie voran und klicken Sie hier. Und das ist das nächste Gedankensprengen hier. Wir werden einen Haufen von Vorlagen bekommen. Jetzt sieh dir die an. Das sind Seitenvorlagen, richtig? Wenn Sie hier nach unten scrollen und sagen wir Nun, dieser sieht wirklich gut aus, alles, was Sie tun müssen, ist auf sie klicken und Sie können erwarten, inspiziert, Sehen Sie, wie es aussieht scrollen mit Meer wir haben diese schöne, schöne Landschaft, Videoszene. Sie haben diese Frau auftaucht. Wir haben die Box, die nimmt und der Knopf geht weiter. Sehr einfach, sauber und schön scrollen nach unten. Wir haben diese kleine Falte hier drin, wo wir anrufen können. Wir haben die Zahl, die unter der Falte scrollt. Wir haben alle Funktionen aus dem Service, einige Bilder und dann einige weitere Informationen. Ich mag es wirklich. Also werde ich voran gehen und auf Einfügen klicken und dann bekommen wir diese ganze Seite. Sieh mal, es ist so einfach. Ich könnte einfach weitergehen und schreiben. Robin und Jesper beginnen bei der Bearbeitung winziger Dinge, Hinzufügen in unsere Zahlen, Hinzufügen in unserer Funktion und ehrlich in ein paar Stunden, würde ich eine Kick ass Website. Das ist alles dank elementarer so einfach zu bedienen. Nun, lassen Sie uns das alles zusammenklappen, indem Sie hier auf den Abschnitt Löschen klicken. Wir werden einfach alles in diesem Quadrat löschen, oder besser gesagt, in diesem Fall war es nur das Video. Und auf diesem Platz, zum Beispiel, haben sie es geteilt, also wird diese Telefonnummer hier zusammengebrochen sein. Und wenn ich sie überhalte, sehe ich, dass das ganze Spielfeld von diesem Quadrat gelöscht wird . Dies teilte das hier auf. Es hängt also alles davon ab, wie du all deine verschiedenen Hexen und dein eigenes Design aufteilen willst, richtig? Also alles, was ich Ihnen hier zeige, werden wir in mehr Details gehen, wie wir durch und bauen unsere Homepage gehen. Dies ist nur, um durch das Dashboard und seine vielen Funktionen laufen aus Wie elementar funktioniert. Okay, wenn wir runtergehen, haben wir einige zusätzliche Funktionen wie Einstellungen. Nun, wir haben die Einstellungen kurz früher in der Vorlesung berührt, als wir unsere Hauspatienten Einstellung oder elementar voll mit hier drin gemacht haben, können wir auch den Stil ändern, was bedeutet, dass wir voran gehen und klicken Sie auf Hintergrund und fügen Sie ein Bild hinzu, das bedeutet, dass wir ein Bild zu diesem Hintergrund hinzufügen würden, der hier stattfindet. Wir können auch die Grady verwenden, was bedeutet, dass wir Farben verwenden und einen bestimmten Anrufer in diesem Hintergrund machen können . Und die Möglichkeiten der Bearbeitung sind hier endlos. Und jetzt, wenn ich runtergehe, haben wir auch Navigator. Nun, Navigator wird etwas sein, das zum Beispiel, Angenommen, ich klicke hier rauf, gehe zurück zu Hexen und füge in der Überschrift hier drin hinzu. Jetzt sehen wir die Überschrift in unserem Navigator. Wenn ich zurück in die Elemente gehe und ich in einen Hintern und s gut hinzufüge, lass es uns unten legen. Hier können wir sehen, dass wir in der gleichen Spalte die Überschrift und die Unterseite haben. Nun, wenn ich hierher zurückgehe und ein Video in einem kleinen Quadrat hinzufüge, dann werden wir sehen, dass dieses Video tatsächlich in einem neuen Abschnitt ist. Jedes dieser Quadrate wird als Abschnitte bezeichnet, oder? Also, wenn ich schnellen Zugriff auf sie will, kann ich einfach auf sie klicken und ich kann den Märtyrer sehen. Ähnlich, wenn ich in der oberen linken Ecke nach oben klicke, wird dies im Navigator markiert, und dann lassen Sie uns einfach jedes Quadrat, Quadrat oder Abschnitt zusammenbrechen , spielt keine Rolle, wie Sie sie nennen und diese auch zusammenbrechen und dann runtergehen. Wir haben auch Geschichte jetzt Geschichten von wirklich nützlichem Feature, weil es zeigen wird, war alles, was wir getan haben. Zum Beispiel Zum Beispiel haben wir gerade das Video hinzugefügt. Also, wenn ich hier klicke. Wir bekommen alles zurück, wenn wir das Video haben. Also, wenn du irgendwelche Fehler machst, machst du dir Sorgen um Oh, wie wird das aussehen? Oh, bin ich zu weit gegangen? Kann ich das rückgängig machen? Ja, das kannst du. Und das ist das Schöne daran. Hier drin ist alles gerettet, das ist wirklich Austin. Wir haben sogar unsere Vorlage, wenn wir diese hier hinzugefügt haben. Und natürlich, wenn Sie zum neuesten gehen möchten, klicken wir einfach auf den oberen und wir kommen zurück. Wir haben auch Revisionen. Nun, Revisionen sind, wenn wir diese großen Änderungen vorgenommen haben, die man sagen sollte, ich habe vor einer Minute vor 13 Minuten. Ich habe ein wenig mit diesem und aus der Vorlesung gespielt, die gefilmt wurde. So haben wir auch die sparen hier klicken können, dass ich anwenden und neu laden könnte. Es gibt also nie irgendwelche Sorgen darüber, dass etwas verloren geht, weil hier unten alles gespeichert ist. Ich gehe runter. Wir haben auch den Responsive-Modus. Das ist wirklich nützlich, denn als Ihre Bearbeitung live, was selbst erstaunlich ist, können Sie voran gehen und überprüfen Wie wird das im Tablet aussehen? Wie soll das auf dem Handy aussehen? So erhalten Sie immer direktes Feedback. Und wir wissen, dass die Mehrheit der Menschen im Internet heute ihr Handy benutzen. Also müssen wir sicherstellen, dass alles an Mobiltelefone angepasst ist, oder? Wenn nicht, treffen wir uns in einem Haufen wichtigen Verkehr. Also werden wir sicherstellen, dass wir diese immer im Auge behalten, wenn wir unser Design machen , und dann haben wir Vorschauänderungen. Also, wenn ich etwas tue, gehen wir zurück zu Hexen hier oben. Und dann lassen Sie uns hinzufügen. Lassen Sie uns in diesem Video zum Beispiel. Hier ist es. Nun, wenn ich sehen möchte, wie das aussieht, könnte ich einfach auf Vorschau-Änderungen klicken, wird sich in neuer Registerkarte öffnen. Wir haben das schon mal gesehen, und es wird mir zeigen, wie es jetzt aussieht. Okay, so sieht es mit dem Video aus. Nun, wenn ich diesen Abschnitt weiter bearbeiten möchte, kann ich meine Maus einfach über diesen Bearbeitungsabschnitt bewegen und Sie werden einen anderen Bearbeitungsmodus erhalten . Und das Schöne daran ist, dass du entscheiden kannst, dass du den Abschnitt einpacken willst, willst du ihn voll haben willst. Willst du einen Anruf in Lücken haben? Es wird sehr wichtig sein. Wir haben verschiedene Nennen Sie sie Contin Position, Überlauf HTML-Tag, Struktur alles. Sie können den Stil ändern, alles und das ist außerhalb des Abschnitts. Wenn Sie einen Abschnitt oben hinzufügen möchten, zum Beispiel klicken Sie zum Beispiel einfach auf das Plus und Sie werden hier einen Abschnitt hinzufügen, den ich empfehle, wenn wir das Design machen und Sie werden uns bemerken, wir gehen, dass wir jeden Abschnitt behalten für jeden Inhalt. Also, zum Beispiel, das erste, was wir tun wollen, sagte der Hauptzweck für unsere Homepage , die in einem Abschnitt sein wird, Das wird der oberste Teil des täuschten Abschnitts jetzt unten sein . Wir könnten zum Beispiel, wenn ich eine E-Mail hatte, entscheiden Sie sich in meinem Wunsch, eine Telefonnummer oder irgendetwas hinzuzufügen, vielleicht Zeugnisse. Was auch immer es sein mag, es wird unter dem vollen sein. Das erste, was auftaucht, wenn du nach unten scrollst, wird in einem neuen Abschnitt auf dem neuen Platz sein. Ok. Und um diese zu löschen Alles was wir tun müssen, ist auf das X klicken hier. Es wird hier auf das X klicken. Das ist auch weg und das deckt all diese Funktionen und alle Hexen ab. Jetzt haben wir auch etwas namens Global. Nun, dies ist ein Pro-Funktionen, die Ihr machen würde, was global ist. Es ist nicht wichtig, nur wollte Ihnen zeigen, was dieser Teil ist, aber wir werden nicht verwenden, weil es ein Pro Feature nach unten geht. Wann immer Sie etwas getan haben, auf das Sie stolz sind, können Sie auf Update klicken und das wird aktualisiert. Wir haben auch die gleiche Option. Sie könnten es als eine Vorlage speichern, über die wir früher gesprochen haben, kann zur Vorlage gehen und dann laden, dass, wenn Sie eine bestimmte Vorlage für bestimmte Seiten haben wollen und auch nur Entwurf speichern und schließlich nach oben gehen, wir wissen, dass wir zu den Hexen, wenn wir hier rechts klicken, Aber wenn wir hier klicken, bekommen wir ein anderes Paar von Optionen los. Wir bekommen unsere Standardfarben sind Standard-Fonds sind Standard-Farbauswahl, und dann haben wir globale Einstellungen, die Dinge wie der Standard-generische Fonds, der Inhalt mit dem Widget-Raum usw. sein wird . Auch haben wir Licht Box Licht. Gebucht ist, wenn Sie ein Bild hinzufügen, das Sie auf das Bild klicken wird herausspringen, so dass Sie die Bilder mehr Vollbild sehen können . Es ist eine erstaunliche Funktion, die sie hier hinzugefügt haben Klicken Sie hier, um zurück zu gehen. Wir haben die Dashboard-Einstellungen, das ist nur dieser Teil, den wir früher durchgemacht haben. Wir haben die über elementary wird Sie auf ihre Homepage bringen. Wir haben den Finder , der wirklich cool ist. Wenn es etwas Bestimmtes gibt, das Sie auf dieser Seite finden möchten, können Sie einfach danach suchen und dann können wir die Seite anzeigen oder zum Strich verlassen. Aber welches ist das Backend Ihrer Website? Okay, Leute, jetzt in der nächsten Vorlesung, wir eigentlich weitermachen und das Thema von unserer Website entscheiden, oder besser gesagt, das Gefühl, das wir ausdrücken wollen. Und wir werden beginnen, indem wir entscheiden, welche Standardmittel wir für unsere Header für unsere Sub-Header verwenden möchten . Für das generische, Sie haben den Text gereiht. Es sagte, auf das Gefühl zu entscheiden und zu verstehen, dass, wenn Sie nicht ein Designer sind, wie ich kein Designer, Chancen sind Sie nicht. Aber da draußen gibt es Designer, die die Psychologie aus den Mitteln verstehen. Also müssen wir die Psychologie vom Telefon mit dem Gefühl verbinden, dass Sie Ihren Besucher liefern wollen . Und ich werde Ihnen genau zeigen, wie das geht, weil es eine Menge Vorlagen gibt, die die Seiten, auf denen das Telefon ausdrückt, welches Gefühl hat, also werden wir uns ansehen, welchen Service wir haben? Welches Gefühl will zum Ausdruck bringen? Also was hat angerufen? Können wir uns entscheiden, dieses Gefühl auszudrücken und welche Mittel dazu passen? Dann machen wir das Gleiche für das kältere Thema unserer Website. Es gibt eine super spannende, so ein integraler auf wichtigen Teil aus der Gestaltung Ihrer Websites, etc. In der nächsten Vorlesung, Jungs 5. Globale Werte setzen: in diesem Vortrag werden wir über die Festlegung globaler Werte sprechen. Also, was das ist, ist im Grunde bestimmte Werte zu setzen, die l ein Mentor immer wieder verwenden wird , wenn Sie eine Seite entwerfen. Okay, also beginnen wir damit, die globalen Werte für unsere Fonds festzulegen. Also, während wir hier elementar sind, was wir tun werden, ist die Oper links Ecke hier zu gehen, klicken Sie dort und dann auf Standardgelder verschoben. Wir werden Geld vor Farben durchlaufen, weil die Mittel so wichtig sind, wenn es um den Ausdruck selbst geht , von Ihrem Geschäft aus der Website für Ihr Restaurant, für Ihr Design oder Ihr Blut, was auch immer es sein mag, dass Sie Erstellen jetzt. Also werden wir hier auf Standardschriftarten klicken. Wie Sie sehen können, haben wir vier verschiedene Typen. Wir haben eine primäre Überschrift, sekundäre Überschrift, einen Textkörper und Akzent nimmt. Das erste, was wir tun werden, ist, dass ich hier vier verschiedene Beispiele herausgeben werde , die all diese vier verschiedenen Arten von Text darstellen werden. Dann werde ich Ihnen die Psychologie hinter ihnen zeigen und wie Sie einen Ausdruck finden können , der zu Ihrem Unternehmen passt und dann auch Werkzeuge, um richtige Paarungen zu jedem Telefon zu finden . Nun, die Mittel sind eigentlich ganz auf Kunst. Aber für uns, die nur eine wirklich gute Darstellung von unserer Website im Geschäft haben wollen, nehmen wir die Abkürzung und gehen für die Vorlagen. Es gibt definitiv das Effektivste, was wir hier tun können. Also primäre Schlagzeilen, zweite Überschrift Körper nimmt Akzent nimmt Wir gehen weiter und gehen, zu dem es nicht ausdrücken wird , nur um Ihnen ihre Unterschiede zu zeigen. Das wird also die Überschrift sein, und das wird die zweite Überschrift sein, und das wird der Körpertext sein, der ihn direkt darunter setzen wird . Und ich werde einfach weitergehen und schreiben. Dies ist der Text traf ein Tief. Ich werde diese auch zentrieren, damit sie leichter zu sehen sind. Und dann werden wir den Akzent hinzufügen. Takes wird das hier unten unten setzen. Also gehen wir, und dann gehen wir wieder rein und gehen zu Standardgeldern. Hier richten wir unsere globalen Werte ein, alles, was ich tun werde, ist, diese Menüs zu öffnen. Da gehen wir. Und hier wird es sowohl knifflig als auch interessant, denn hier entscheiden wir uns für unsere Telefone und wie wir reden, sind frühere Mittel tatsächlich auf Kunst. Also, was wir tun werden, ist, dass wir einen Führer von Dot com verwenden werden. Nun, in diesem Kerl haben sie eine Reihe von verschiedenen Vorlagen. Sie haben eine Liste mit verschiedenen Fonds Paarungen, die Sie voran gehen und sehen, was John Ihr Geschäft und Ihre in check, dass out, schauen Sie sich ihre Handy-Eltern und folgen Sie einfach. Und wenn es nicht alles auf elementar gibt, werde ich Ihnen zeigen, wie man eine Alternative findet. Oder wenn Sie sowieso nur Ihre eigenen Alternativen finden wollen. Also, was ich tun werde, ist, dass ich das durchblättern werde, bis ich etwas finde, das mir hier und hier gefällt . Ich habe diese Titelseite gefunden. Jetzt gestalten wir unsere Homepage, Titelseite, Homepage, das ist ziemlich dasselbe. Und wenn man sich das ansieht, sieht es wirklich schön aus. Ich genieße wirklich die offene Sensation hier. Wenn ich ein wenig nach unten scrolle. Ich bekomme eine Erklärung, wie es funktioniert und dann auch ein praktisches Beispiel. Und ich genieße das wirklich. Also, eigentlich werde ich weitermachen und dieses Set verwenden, OK, OK, also zuerst haben wir die primäre Schlagzeile und das ist die offene Sounds extra fett. Also werde ich zurück gehen und ich werde weitermachen und jetzt offene Klänge schreiben, bemerken, dass sie nicht die offenen Klänge extra fett haben, aber was ich tun kann, ist das Gewicht zu ändern, weil das Gewicht ein anderes Wort für fett ist. Also werde ich von 600 auf 800 gehen, wir können sehen, wie sich das die ganze Schlagzeile hier ändert . Und es fängt an, viel mehr wie dieses zu sehen, und ich genieße dieses Looks wirklich. Also werden wir das behalten. Lass uns hierher gehen. Standardmittel. Also, jetzt haben wir gesagt oder primäre Schlagzeile. Und was ist eine primäre Schlagzeile? Nun, die Hauptüberschrift wird sein, wenn wir zu unseren Elementen oder Widgets gehen und wir diese Schwertüberschriften verwenden. Wenn ich hier auf diese Überschrift klicke, können Sie sehen, dass es das Tag h ein bis sechs Jahre Dave Span oder P haben kann. Jetzt spielt es keine Rolle, welche Sie verwenden. Es wird mehr wichtig sein, wird nicht zum S e o Abschnitt kommen. Was hier wichtig ist, ist, dass es die Überschrift für den Abschnitt , den Sie bearbeiten, für was auch immer erfüllt, so dass Sie nach Hause fahren wollen, oder? Und wenn wir hier wieder rein gehen und zu den vollen Telefonen gehen, existiert die zweite Überschrift eigentlich nicht so viel in L. A Mentor. Die zweite Schlagzeile. Es wird in erster Linie sicher sein, weshalb ich diese Gegenhexen als Beispiel benutze. Denn all die verschiedenen Schlagzeilen hier, ob diese h 2345 oder sechs diese sind alle ihre primären Schlagzeilen gezählt. Also die zweite Schlagzeile, Es wird eigentlich sehr, sehr selten verwendet werden . Es ist nur gut, darüber zu wissen, okay, aber jetzt konnten wir den Cooper Hewitt nicht finden. Also, was ich tun werde, ist, dass ich nach offenen Sounds suchen und versuchen werde, das zu vergleichen, indem ich Peridot anrufen gehe. Si o nein. All dies wird in der Ressource sein, ist so hier drin. Was ich tun werde, ist nach offenen Söhnen genau so zu suchen und dann zu drücken, und dann unten unten können wir ein paar verschiedene Paarungen sehen, die vor sich gehen. Und die coole Sache hier ist, dass Sie einfach auf diese Takes klicken und direkt in Ihrem eigenen als auch, nur um zu sehen, wie es aussieht. Und dann scrollen wir einfach nach unten, bis wir etwas sehen, das uns gefällt. Okay, jetzt, ich denke eigentlich, dass das hier wirklich cool ist. Überlegter Baskerville. Ich genieße das wirklich. Also, das leere Badezimmer, ich werde das benutzen. Also gehen wir zurück. Ich werde es hier überprüfen und nach Blei Atem suchen, Bhaskar! Und da gehen wir. Da haben wir es. Befreien Sie Baskerville. Und dann haben wir die Schlagzeile. Ich denke, es sieht wirklich, wirklich nett aus. nun Wenn wirnunzum Textkörper gehen, wird dies der größte Teil des Textes sein, den wir auf unserer Website fahren. Sie werden globaler Wert sein. Also, wenn du in einer Überschrift machst, wirst du diese Werte von diesen dicken offenen Söhnen bekommen, die wir hier ausgewählt haben Und wann immer du schreibst und es dauert, wirst du diesen Körper nehmen. Also möchte ich wirklich sorgfältig wählen und sicherstellen, dass wir unsere Paarungen machen. Nun, jetzt gehen wir zurück zur Dose eines Leitfadens hier, wo sie empfehlen, dass wir hier PT-Sounds verwenden , also und ich denke, es sieht auch wirklich gut aus. Hier sieht es auch wirklich toll aus. Also werde ich einfach nach P T Söhnen suchen. Und da ist es. Wir haben es. Also werden wir nur sehen, wie sich diese verwandeln. Da gehen wir. Könnte wie ein kleiner Unterschied aussehen. Aber wenn Sie anfangen, viel Text hinzuzufügen, wird dies wirklich addieren. Dies wird im Grunde 90% des Designs von Ihrer Website am Ende sein, vor allem, wenn Sie bloggen. Nimmt dies alles Sponsor wirklich alles. Also genieße ich diesen Teil wirklich, und dann werde ich einen Akzent haben. Nimmt uns gut genug für den Akzent nimmt, die auf Dinge wie die Tasten wie verschiedene Teile Ihrer Sidebar sein wird, usw. Nein, sie haben eigentlich keine Empfehlung für Akzenttext hier drin. Also, was wir tun werden , ist, das Paar wieder zu finanzieren, und wir werden nur weiter scrollen, bis wir etwas gefunden haben, das gut zu offene Söhne. Denn das ist die Schlagzeile, die wir verwenden. Also lasst uns auf die Meeresbrise Serif bewegen. Ich genieße wirklich besonders den Hintern. Ein Knopf nimmt, wie in diesem Fall. Atmen Sie Serif ein. Ich werde das überprüfen und sehen, wie es hier aussieht. Einfrieren! Da gehen wir. Ich klicke auf Kim und sie würden gehen. Okay, ich genieße dieses Set wirklich. Alles, was ich jetzt tun muss, ist schnell und bewerben. Und plötzlich haben wir unsere globalen Werte für unsere Fonds gesagt, und das wird völlig entscheiden , wie wir uns ausdrücken. , Denken Sie daran, hier können Sie durchgehen und sehen, welche Mittel Sie für Technologie haben wollten, zum Beispiel, welche Gefühle Sie für eine Kunstgalerie für Einladungen und Veranstaltungen haben wollen? Ich meine, all diese Telefone drücken unterschiedliche Gefühle aus. Es ist also sozial gute Idee, mit den Telefoneltern zu gehen, die von professionellen Designern empfohlen werden . Sie sind Menschen, die in diesem Bereich forschen und studieren. Ich empfehle, dass wir tun, was funktioniert. Also haben wir unsere Telefone eingerichtet. Wenn du sie sehen willst, Maurin Death, können wir sie anklicken. Und dann können wir zum Beispiel zurGröße gehen zum Beispiel zur und dies groß machen. Wir können es sogar auf XXL setzen und sehen, wie es aussieht. Und das gefällt mir wirklich. Killeen. Hör zu, ich bin super glücklich über diese Wahl. Ich denke, du solltest dasselbe tun. Schauen Sie sich die Ressource ist gehen und finden Sie Ihr Genre Jordan ish. Finden Sie Ihre Paarungen und gehen Sie dann zum oberen Lift. Wechseln Sie zur Standardeinstellung. Font würde deine globalen Werte sein. Diese werden also immer angewendet und dann aufgestellt. Hit, bewerben. Und dann werden wir zum nächsten Vortrag übergehen, wo wir dasselbe tun werden für die Farben unserer Website Farben sind auch super wichtig, da wir diese Farbe sehen können, richtig? Es wird einfach nicht in der nächsten Vorlesung zu sehen. Jungs, 6. Match dein Menü - -: Alles klar, Leute, bevor wir weitermachen und uns in unserer Farbpalette für unsere Website entscheiden, je nachdem, welche Bedürfnisse Sie in John haben und welchen Service Sie anbieten , usw. werden wir weitermachen und die Fonds, die wir gerade zusammen mit unserer Speisekarte und unserem Essen ausgewählt haben. Er Nun, wenn Sie sich für die elementare kann va entschieden haben und Sie derzeit kein Menü oder eine Fußzeile haben und Sie nicht planen, entweder eine zu verwenden, Sie können voran gehen und überspringen diese Vorlesung. Aber wenn du es bist, was ich empfehle, dass du das Menü im Essen verwendest oder bleibst und wir werden weitermachen und das tun. Okay, die ersten Dinge, die wir auschecken wollen, sind die Namen von diesen Fonds, die wir für die primäre Überschrift entschieden haben Der zweite Überschrift Körper nimmt einen Akzenttext. Nun, was wir wollen, ist die sekundäre Überschrift, die Familie im oberen Menü hier gebildet hat. Das Hauptmenü. Ok. Und dann gehen wir weiter und passen die Körper nimmt auf den Text des Urheberrechts und auch auf das Essen unsere Links für die Datenschutzrichtlinie und Bedingungen. Okay, Also, was wir uns hier erinnern müssen, ist die zweite er Überschrift und der Text. Okay, also für mich, das ist Arbeit Baskerville, MPT Sands. Also werden wir die im Hinterkopf behalten. Was wir auch tun können, ist weiter zu gehen und zu entfernen. All diese waren dabei, dieses ganze Quadrat zu entfernen, auch als Abschnitt bekannt. Wenn Sie hier klicken, würden sie Gewehr gehen. Und wann immer Sie Änderungen vornehmen, denken Sie daran, auf Update zu klicken. Da gehen wir. Also werden wir hier auf die obere linke Ecke klicken und dann auf Exit to Dashboard klicken und das wird uns zum Back-End für die Website bringen, und wir gehen zum Auftritt hier unten und klicken Sie auf Anpassen. Und dann gehen wir zur Typografie auf dem linken Dashboard, hören, dass wir dort in den Tab klicken, und dann gehen wir weiter und klicken auf das Hauptmenü. Das ist die erste 1, mit der wir anfangen werden. Sie würden gehen und dann klicken wir auf die Telefonfamilie. Nun, das Hauptmenü ist dieses. Wir werden auf die Telefonfamilie klicken und ich werde nach Lead Brah suchen. Und das sind diese befreite Baskerville. Wenn Sie also einen Blick auf das Hauptmenü hier und schauen, wenn ich auf die Arbeit Basketball klicke , können wir die Änderung sehen, die es macht. Und ich bin schon ein Fan dran. gefällt mir diese große Zeit Eigentlichgefällt mir diese große Zeit. Das ändert also unser Hauptmenü. Nun, wenn wir können, können wir die Größe auch so ändern. Wenn Sie es etwas größer haben wollen, könnten wir es sogar in 16 schaffen. Da gehen wir. Da. Wir haben 16 wirklich mögen es in Ford. So gesehen, können Sie auch mit dem Buchstabenabstand spielen. Aber ehrlich gesagt, würde ich das nicht tun, weil das die Front selbst durcheinander bringt. Und dann gehen wir weiter und klicken auf die Rückseite, und wir gehen runter, um dort zu tun, wo Essen oder Urheberrecht steht. Okay, und das Copyright, das dieses Copyright tatsächlich nimmt, das wir hier geschrieben haben, und ich werde nach P T. Sands suchen . Alles in der Tat. Waas klickt auf PT auf meiner Tastatur und er wird hier runter zu P T springen und sie hätten PT Sands. Also, wenn Sie dieses Stück Text im Auge behalten und wir es betrachten können, ändern und da gehen wir. Also nicht ein großer Unterschied, aber es wird viel besser mit der allgemeinen Gestaltung für Website passen, vor allem, wenn wir anfangen, Inhalte zu ihm hinzuzufügen. Also, was wir hier auch machen wollen, ist es ein bisschen mit dieser Größe zu spielen, oder? Das ist wirklich klein. Nun, wir wollen das vielleicht etwas größer machen. Ich genieße es wirklich, Ford hier zu sehen. Da gehen wir. Vielleicht 30. Ja, lassen Sie es uns halten, eine 13 sieht wirklich gut aus. Also 13 und Größe. Ich mag dieses Design wirklich. Und dann gehen wir zurück und ändern die Hintern. Nun, also ändern wir einfach das Essen oder die Urheberrechte. Wir gehen zurück, scrollen nach unten zu Essen oder Menü, und wir wechseln das Telefon. Familie auch P T Sands. Okay, jetzt, sieh dir das an. Wieder einmal können wir den Unterschied sehen. Und da gehen wir. Nun, einige Leute bieten vielleicht an, ihr Top-Menü zu passen, ihre wichtigsten wichtigsten neu hier mit ihrer Fußzeile. Und das kannst du absolut tun. Es ist nichts falsch daran, aber ich persönlich, ich ziehe es vor, den Copyright-Text zusammen mit dem Essen oder übernimmt alle. Ich denke nur, dass es für ein schöneres und saubereres Design sorgt. Und dann werde ich diese Größe dort ändern. Also geht es, dass 12. Mal sehen. Dritte Szene 14. 14. Sieht ziemlich gut aus. Wir gehen noch. 13. Ich denke, es ist wirklich gut. Und dann klicke ich auf „Veröffentlichen“, und das wird dieses für das Hauptmenü, die Corporate Takes und das Essen oder die Speisekarte veröffentlichen . Es wurde also veröffentlicht. Es wurde geändert. Tolle Jungs, nicht mit ihm. Passen Sie das Telefon auf unserer Website an. Wir haben die globalen Werte festgelegt, was bedeutet, dass, wenn wir anfangen, Inhalte zu erstellen, wir beginnen, Kopfzeilen, Unterteile, Reiten, Takes hinzuzufügen Unterteile, Reiten, , die alle mit den Telefonen übereinstimmen, die wir bereits haben gewählt. Also, was, machen wir weiter und machen das Nächste? Es geht um die Farben. Schau dir an, welche Farbe mein Geschäft repräsentieren soll. Welche Farbpalette passt dazu? Und das ist der globale Wert für die Farben, genau wie wir es mit den Fonds getan haben. Siehst du, in der nächsten Vorlesung, Jungs 7. Globale Werte setzen: Ordnung, Leute, in diesem Vortrag werden wir über die Farben reden. Was sie bedeuten, wie Sie sie richtig nutzen, um Ihr Unternehmen zu repräsentieren und dann natürlich, setzen Sie unsere globalen Werte. Nun, genau wie mit den Mitteln, können wir das so einfach machen oder s fortgeschritten, dass ich, wie wir es jetzt genießen, mich für vier Telefone entschieden habe. Mit nur zwei wird es dir gut gehen. Wenn Sie nicht zu tief hineingehen wollen und Farben ähnlich sind, müssen Sie nicht zu tief hineingehen. Aber ich möchte Ihnen zeigen, wo Sie alle Ressourcen finden können, ist es, die Erkundung so tief zu machen , wie Sie möchten, denn ich finde, dass dies eine Menge Spaß macht. Nun, das erste, was wir uns ansehen können, ist die Bedeutung und Symbolik aus der Farbe. Dies ist ein großartiges Tutorial aus Kanada. Ich werde es reinlegen. Die Ressource ist jetzt hier drin. Sie werden darüber reden, was jede Farbe symbolisiert. Was Sie also tun möchten, ist über die Farben nachzudenken, über die Sie für Ihr Design nachgedacht haben . Schau dir an, was sie symbolisieren. Sie einen Blick durch die redaktionelle und sehen Sie, ob dies mit Ihren Gedanken und Ideen aus Ihrem Geschäft übereinstimmt . Nun beispielsweise kein Unternehmen haben, möchten Sie beispielsweise kein Unternehmen haben,das zum BeispielVerkäufe ausmacht, zum Beispiel und in erster Linie Schwarz und Rot als Farben verwenden. Da diese Luft wirklich aggressiven Farben, Vielleicht möchten Sie mit weicheren Farben dort zu gehen. Dieser ist nicht in Stein gesetzt. , Denken Sie daran,dass es hier kein Richtiges oder Falsches gibt, aber es gibt Richtlinien von dem, was im Allgemeinen besser funktioniert. Ok. Und für mich ziehe ich es vor, an diese Richtlinien zu gehen, setze es von Anfang an so ein, dass alles an Ort und Stelle steht und halte es dann während des gesamten Designs einfach . Moment, das nächste, was wir tun können, ist, tatsächlich voran zu gehen und unsere eigene Farbpalette mit Leinwand Farbpalette Generator zu generieren . Und das werden wir voran gehen und tun. Aber zuerst, werfen wir einen Blick auf unsere aktuelle Farbpalette. Wenn wir also in elementare Schriftsteller gehen, habe ich diese zurückgesetzt, so dass wir die verschiedenen Farben überprüfen können. Gefragt. Sie haben sich verändert. Sie können dies auch tun, wenn Sie möchten, aber dies ist nicht obligatorisch. Das ist nur, um dir zu zeigen, was der Unterschied machen wird. Wenn wir also hier oben auf die Menüschaltfläche gehen und dann zu den Standardfarben wechseln, werden Sie feststellen, dass es hier bereits Standardpaletten gibt. Also, wenn du es einfach machen willst, kannst du hier auf einen der Palast klicken und dann wirst du den Palast richtig holen ? Sie können sehen, alles ändert sich sofort, wählen Sie jeden Gaumen, den Sie möchten. Jetzt klicke ich hier auf verwerfen, um zum Original zurückzukehren. Das ist derzeit festgelegt. Also haben wir primären, sekundären Text und Akzent, dass wir die Farbe jetzt ändern werden. Das erste, was ich tun werde, weil ich werde auf der Grundlage der Farben dieser Website von den Logo-Farben rechts ist ein wirklich cleverer Weg, um das Design Ihrer Website. Also, was ich voran und tun werde, ist Canvas Kohler Generator zu verwenden, den ich gerade über Klicken auf Bild hochladen gesprochen habe, und dann werde ich nach unten scrollen und tatsächlich dieses Logo verwenden, das wir hochgeladen haben , und dann bin ich wird eine Farbpalette von diesem Hochladen erhalten, die so aussehen wird . Jetzt muss ich nur nach unten scrollen. Und wie Sie hier sehen können, bekomme ich diese schöne Farbpalette, die auf dem Logo basiert, das hier drin ist. Okay, was ich tun werde, ist zu entscheiden, welche von denen ich verwenden möchte und wo. Und hier sind ein paar Tipps und Tricks für das zukünftige Design. Wenn wir hier wieder reingehen,werden Sie feststellen, dass der primäre Anrufer von Dingen wie dem Header weggehen wird. Wenn wir hier wieder reingehen, Es ist auch in der Zahl Counter wird in der Zahl selbst sein, die das primäre Symbol von diesem Widget ist. Also all das große Zeug, wie Kopfzeilen , zum Beispiel Zahlen in bestimmten Zeugnissen usw. Das wird diese Farbe benutzen. In ähnlicher Weise wird das diesen Fonds verwenden. Wir haben uns für die primäre jetzt sekundäre entschieden. Dasselbe wie mit dem Fonds hier. Wir haben eine sekundäre Farbe, die unter der Zahl hier angezeigt wird. Und der zweite er ist nicht sehr häufig, wenn es um L. Ein Mentor geht , aber er existiert immer noch, ? Takes, Das wird die Takes sein, die wir in einem Akzent schreiben, der auf Zubehör Zeug wie Knöpfe und sicherlich Osten sein wird , und sicherlich genau das kommt mit ihm. Was ich also vorangehen werde, ist, das Primär in Schwarz zu setzen. Und der Grund dafür ist, dass diese Wissenschaft, die wir machen werden, wird zurück Kreuz enthalten. Es wird eine einzelne Farbe oder ein großes Bild geben. Und dafür ist es am einfachsten, Ihre Überschriften und großen Takes entweder in weiß oder schwarz zu halten. Das sind also die beiden Primärfarben, die ich im Design für die Kopfzeilen verwenden werde. Also, was ich tun werde, ist, dass ich zurück zur Farbpalette gehen werde und ich werde auf Kopie hier klicken, weil es mit dem schwarzen Logo fertig wird, das wir verwenden. Hätte ich einen anderen Farbton von Schwarz gehabt, hätte es das ausgewählt, und ich hätte das stattdessen verwendet, um mit dem Logo zu übereinstimmen. Ich gehe zurück, klicke hier auf Primär. Ich werde das entfernen und dann gehe ich einfach voran und füge das hinein und dann klicke ich es so weg und du kannst sehen, dass es zusammen mit der Zahl in Tonhöhe schwarz wird . Nun, ich ziehe es vor, die Farben wirklich einfach zu halten. Also, was ich tun werde, ist, dass ich zurückgehe und ich das tolle hier drin kochen werde. Ich werde wieder hier reingehen und ich werde dasselbe Grau für sekundäre wie diesen und für den Text einfach so halten , weil ich nicht mit zu vielen Farben herumspielen will. In ähnlicher Weise mit Mitteln ging ich für vier. Du kannst mit zwei gehen. Du kannst mit drei gehen. Ich ziehe es vor, ein paar mehr dort zu behalten, aber es liegt ganz an dir. Ich ziehe es vor, einfacher mit den Designfarben zu gehen. Und dann endlich, der Akzent, Wir werden einfach die Schaltfläche und diese Art von Widgets sein. Ich werde diese Art von Tomatenfarbe verwenden, die es direkt von unserem Logo genommen , weil das wird eine schöne Übereinstimmung auf unserer Website sein. Also werde ich weitermachen und ich werde hier auf Accent klicken, entfernen Sie das, fügen Sie es ein, und dann gehen wir. Ich klicke auf „Bewerben“. Und jetzt werde ich auf Update klicken und wir haben unsere Farben gewählt. Super einfach, super nett. Nun, später, können Sie auch feststellen, dass es bestimmte Anrufer wie das Blau noch auftauchen, wenn ich über meine Maus über das Menü hier. Darum kümmern wir uns in der nächsten Vorlesung. Nun, wenn Sie irgendwelche Probleme hatten, eine anständige Farbpalette aus Kanadas Generator zu extrahieren, was Sie tun können, ist diese Kohler Extraktor in hier ist auch in der Ressource ist. Alles, was Sie tun müssen, ist die Datei hochzuladen scrollen Sie nach unten, finden Sie es dort gehen wir wie folgt, und dann bewegen Sie die Maus über. Und sagen wir, ich möchte diese Farbe extrahieren. Hier sehen Sie den Suman rechts. Wo immer ich meinen Mund halte, klicke ich darauf und gebe mir den Farbcode. Ich kopiere es. Ich habe elementare erben und Sie haben es Super einfach. Nun, wenn Sie das wirklich genießen, möchten Sie tiefer in Farben eintauchen. Ich werde auch voran gehen und fügen Sie diese auf die Ressource ist nein. Dies ist eine Taubenzone Farbpalette. Also was? Sie können hier tun, ist Ihr eigenes Halsband, das Sie genießen? Zum Beispiel, sagen wir, haben Sie dieses Rot wirklich genossen? Was Sie bemerken werden, ist, dass viele davon sie sich im Einklang bewegen, wenn Sie dies bewegen. Das heißt, wenn Sie eine gewisse Pastoral haben, alle anderen, werden sie Pastell Esel werden. Nun, so gefragt, finden Sie eine schöne Farbe, die Sie mögen, zum Beispiel dieses Rot. Die anderen Farben werden zusammen mit ihnen passen. Also, wenn Sie das wirklich genießen und Sie gehen möchten, die fortgeschrittenere Route können Sie voran gehen und dies tun, finden Sie Ihre eigene Farbpalette. Dann kopieren Sie einfach die Anrufer von unten hier unten und schließlich, für Ihre Inspiration. Dies ist auch die Ressource ist hier. Wir werden ein paar Beispiel-Websites haben, wie sie verschiedene Halsbänder verwenden um ihre Website zu gestalten. Sie können eine Menge Leute sehen, die wirklich fett mit den Anrufern in hier mischen viel passen. Es ist wirklich aufregend, weil dieses Schild so persönlich ist. Sie können es so gestalten, wie Sie es wollen. Ich ziehe es vor, ein bisschen einfacher mit den Farben zu gehen, aber am Ende sind diese nicht in Stein gesetzt. Die Front ist auch nicht. Wir können jederzeit zurückkehren, die Halsbänder ändern und die globalen Werte ändern, wenn wir in unserem Design wollen, genau so, wie wir es für richtig halten. In der nächsten Vorlesung, Jungs, wir weitermachen und wir werden in den Farben geändert werden, wenn wir mit der Maus hier im Menü schweben , weil sie immer noch blau sind, und ich möchte, dass sie im selben Rot wie Dieser hier. Also, jetzt in der nächsten Vorlesung, was wir tun werden, ist, die Farbe zu ändern. Wenn wir den Mund über die Speisekarte hier bewegen, können Sie sehen, dass es zu einem Blau wird. Ich wollte in das gleiche Rot verwandeln, das wir in unserem Logo haben und das wir für unseren Akzentanrufer gesetzt haben , richtig? Dasselbe gilt für die weitere hier unten. Sie können sehen, dass sich das in Blau verwandelt. Ich will es in dieses Rot verwandeln. So halten Sie Ihre Website offen oder wo auch immer Sie Ihre Farben extrahiert haben, so dass wir diesen Farbcode verwenden können. Natürlich, Wenn Sie Ihren eigenen Kurs oder verschiedene Farbcodes haben, gehen Sie einfach voran und verwenden Sie diese und dieses Zeichen frei. So mache ich es. Es soll ein Schritt für Schritt sein, um Ihnen zu helfen, aber Sie haben immer freie Hände am Ende. Das macht so viel Spaß mit dem Design. Solange wir die wichtigen Elemente zusammen machen, richtig, richtig, also sehen wir die nächste Vorlesung, Leute. 8. Match dein Menü - Fußzeilen: Okay, Leute. In diesem Vortrag werden wir die Farbpalette anpassen, die wir gerade erstellt haben oder einfach in unser Hauptmenü kopiert haben, in unsere Links und in unser Essen. Äh, richtig, weil du mit allem übereinstimmen willst. Im Moment haben wir hier die Farbpalette aus den Logo-Rechten. Aber wenn ich mit der Maus über das Hauptmenü schwebe, wird er in hellblau. Und das stimmt nicht wirklich überein. Wir wollten die anderen Farben wie die Knopffarbe anpassen, zum Beispiel, um ihm eine schönere insgesamt entschiedene Art und Weise zu geben, viel professioneller. Also, was ich in erster Linie Eastern tun werde, werde ich hier klicken, und ich werde diesen Körper verlinken, damit ich Ihnen zeigen kann, was der Schwebeeffekt ist und was die Farbe sein wird, wenn Sie nicht wissen, was ein Schwebeeffekt ist, Das werde ich dir in einer Sekunde zeigen. Ich werde nur voran gehen und klicken Sie auf Link einfügen und Google Punkte schreiben. Kommen Sie. Da gehen wir. Also, jetzt, wenn ich auf diese klicken wird mich zu Google bringen, aber bemerkte, dass, wenn ich mit der Maus über diesen Link, es verwandelt sich in eine bläuliche Farbe. Dies wird als Hover-Effekt bezeichnet. Wenn etwas die Farbe oder Größe ändert, zum Beispiel, wenn Sie den Mauszeiger darüber bewegen, also werden wir diese Farbe auch ändern. Was wir jetzt tun wollen ist, dass wir in die obere linke Ecke gehen wollen, klicken Sie auf Ihre entfernte Menüschaltfläche und klicken Sie dann auf Standardfarben. Und wir wollen das hier oben lassen, damit wir schnell auf die verschiedenen Farben zugreifen können . Dann klicken wir auf dieses Logo hier, klicken Sie rechten Maustaste und klicken Sie auf Gone open link in New tab. Und von hier aus gehen wir weiter und klicken Sie auf Anpassen, und dann gehen wir zu allgemeinen Optionen und links hier. Und dann klicken wir auf das allgemeine Styling auf der linken Seite hier. Hier stylen wir unsere Farben. Und in der ersten Spalte hier oben, wo wir primäre Hover-Primär- und Hauptrahmenfarben haben, können wir diesen Bereich ändern. Das erste, was wir tun werden, ist, auf den primären Anrufer zu klicken und das Halsband zu wechseln . , Denken Sie daran,dass ich Ihnen von dem Übereffekt erzählt habe, also macht es Sinn, die Farbe des Hafeneffekts zu ändern. Sie werden diese Anrufervielfalt hier ändern, aber aus irgendeinem Grund, in Ocean WP, wird die Primärfarbe die Harvard-Farbe sein. Das umfasst also beide von diesen. Ich habe keine Ahnung, warum sie das im Design gemacht haben, aber derzeit funktioniert es so. Also werden wir diese Regeln befolgen. Also, was wir tun wollen, ist diese Farbe diese helle, bläuliche Farbe in diesen roten Kragen zu ändern . OK, also werde ich hier auf dieses Halsband klicken, und dann gehe ich zurück zu elementar in der vorherigen Registerkarte. Ich klicke auf dieses Rot, höre die Akzentfarbe, und dann gehe ich einfach weiter und wähle diesen Code aus. Ich werde es polieren und dann wieder hier reingehen. Ich werde diesen Code entfernen, und ich werde diesen Code einfügen. Okay, also sieh dir jetzt an, was passiert, wenn ich mit der Maus über das Menü schwebe, richtig? Es verwandelt sich in genau diesen Anrufer, den wir als Thema verwenden, das in unserer Farbpalette ist. Wenn sich die Farbe nicht sofort ändert,klicken Sie einfach so unten, und dann können Sie es wieder nach oben klicken. Wenn sich die Farbe nicht sofort ändert, klicken Sie einfach so unten, Dies wird normalerweise den Anrufer setzen, so dass das wirklich gut aussieht. Aber wenn wir hier auf die Körperfarbe gehen, können wir sehen, dass dies auch rot wird, was wirklich schön ist. Aber es hat eine dunklere Farbe, weil es verlinkt ist, richtig. Wir können auch die unten hier sehen, wo es sagt, was wir unsere Cookie-Benachrichtigung haben. Das wird rot werden. Aber die Hauptfarbe Datum natürliche Farbe ist so dunkel, dass wir nicht einmal lesen können diese Cookie Hinweis. In ähnlicher Weise haben wir weiter und das wird auch rot. Damit wir all das ändern können. Fragen Sie. Wir wünschen uns. Nun, was ich ändern möchte, ist eigentlich dieser Anrufer, in den er sich ändert, weil ich nicht möchte, dass die Hyperlinks in dieser Art grauer Farbe sind. So kann man kaum erkennen, dass es sich um einen Hyperlink handelt. Ich wollte eigentlich in Rot sein. Also, was ich tun werde, klicke das hier runter und dann gehe ich runter. Wir werden das in einer Sekunde durchmachen. Keine Sorge. Ich gehe runter. Ich werde den Website-Hintergrund überspringen, weil wir das in einem Mentor machen werden und ich gehe runter zur Link-Farbe, richtig? Also das erste, was ist, der Anrufer selbst wird die natürliche Farbe aus sein. Der Link wird für alle Hyperlinks gehen, einschließlich dieser, die zu unserer Datenschutzrichtlinie geht. Und was ich hier gerne mache, ist eigentlich zur Farbe zu gehen und dieselbe Farbkombination zu verwenden, die ich für das Logo, den Akzentkragen usw. verwende. Und so werde ich es einfach entfernen, einfügen, einfügen, und da haben wir diese schöne rote Farbe. Aber die Sache ist, jetzt, wenn ich mit der Maus über schaue, passiert nichts. Genau dann wollen wir irgendwie diesen Pop-Effekt haben, wie dieser sieht wirklich schön aus, dass etwas passiert, wenn man darüber schwebt. Es ist sehr professionell. Also, was ich tun werde, ist zu gehen, um den Anrufer hier zu schweben, und ich werde auch den gleichen Anrufer hier einfügen. Aber jetzt werde ich etwas nach unten gehen, so dass es einen helleren Farbton von rot bekommt und klicken Sie es so weg. Also sieh dir das an. Jetzt sehen Sie, wie es irgendwie ein wenig springt, wenn ich mit der Maus über, und das bedeutet nur, dass, wenn Sie mit der Maus über einen Link bewegen, etwas passiert. Und das ist ein sehr professionelles Gefühl, eine ähnliche Datenschutzrichtlinie zu haben. Legen Sie die Maus über. Es wird aufgehellt. Es ist so schön, dass du es merken wirst. Hover Think ist auf den meisten Orten auf unserer Website. Also sieh dir das an. Ok. Aber, Tom, zum Beispiel, wenn ich mit der Maus über bemerkt, dass es dunkler wird über eine Maus über die Datenschutzrichtlinie, wird es leichter. Wir haben das Gefühl, dass etwas passiert. Genau dann haben wir die Datenschutzrichtlinie und die Geschäftsbedingungen, und alles, was wir tun müssen, ist, diese Vermögenswerte zu behalten, ist, weil, ehrlich gesagt, ich denke, das sieht wirklich gut aus. Das ist jetzt unsere Primärfarbe. Ich freue mich wirklich darüber. Also, was ich tun werde, ist gehen Sie voran und klicken Sie auf Veröffentlichen. , Es gibt hier auch etwas,das als „Main Border Caller“ bezeichnet wird. Nun ist der Haupt-Grenzaufruf, wenn es tatsächlich diese kleine Zeile ist, die das obere Menü selbst trennt . Also, wenn ich in die Hauptrahmenfarbe gehen würde und ich das tatsächlich in weißen Look hier drinnen drücken würde. Was passiert? Also klicke ich auf weiß und du kannst sehen, dass die Grenze verschwindet und jetzt schmilzt dies in die Website und das kann ein schöner Vorteil sein, wenn es zu deinem Design passt, richtig. Sie möchten ein Menü auf Ihrem Hintergrund setzen, Aber wenn Sie Ihr Menü getrennt halten möchten, können Sie voran gehen und klicken Sie es zurück, indem Sie auf Standard hier klicken und Sie erhalten diese kleine kleine Zeile, die alles trennt. Nun, natürlich, könnte ich das ändern und es auch in eine rote Linie bringen. Aber meiner Meinung nach sieht das nicht so schön aus. Ich ziehe es tatsächlich vor, dass das eine schöne Trennung bekommt. Was wir auch bemerken wollen, ist, dass vier unsere Top-Menü, die nicht so ziemlich vollständig bearbeitet haben , wie wir wollen. Es gibt etwas hier oben, das sagt: Platzieren Sie Ihre Inhalte hier. diesem Grund bekommen wir einen weiteren Haupt-Grenzanrufer hier oben. Was wir also tun werden, ist eigentlich voran zu gehen und dieses sogenannte Top-Menü zu entfernen. Dies wird als oberer Menüteil bezeichnet, so dass diese Rahmenfarbe nicht einmal existiert. Wir haben nur die untere rechts. Dann werden wir diesen wirklich schönen Effekt haben, wenn wir tatsächlich auf unserer Homepage scrollen. Denn gerade jetzt, wenn wir weiß in Richtung Weiß sind, haben wir das Weiß im Menü und wir haben Weiß im Hintergrund. Es trennt immer noch diese Rahmenfarbe, trennt das Menü vom Hintergrund. Wir entfernen es, es trennt sich nicht. Und das gefällt mir wirklich. Schauen Sie sich die Trennung für das Menü an. Also lassen Sie uns voran und entfernen Sie diesen oberen Menübereich, dass wir eine noch schönere Passform für das Menü hier machen können . Obermenü, reguläres Menü. Also werde ich voran gehen und auf Verlage klicken. Vergewissern Sie sich, dass Sie alles, was Sie tun, immer veröffentlichen und speichern. Und dann klicke ich hier zurück, und dann klicke ich noch einmal auf Zurück, wir gehen runter, wo oben steht, oder? Und dann werden wir zum General gehen und dann werde ich diese Hope-Bar deaktivieren, und Sie werden feststellen, dass das wirklich verschwindet. Manche nennen es das oberste Menü. Einige Leute nennen es die obere Leiste, aber es jede Rate, die Sie hier klicken, um Anpassung oben sind deaktivieren Sie es, klicken Sie auf veröffentlichen, und wir haben einen viel schöneren Blick auf unserer Website und Onley eine Hauptgrenze Farbe. Also haben wir die Speisekarte, die wir haben die Top viele oder die Tope sind alle weg Jungs. Tolle Arbeit. Gehen wir zur nächsten Vorlesung. Wir haben alles angepaßt. Siehst du da. 9. Anatomie von Abschnitten: Okay, Leute, in diesem Vortrag werden wir über Abschnitte lernen, was sie sind und wie man sie benutzt. Also dieser Teil in L. Ein Mentor wird ein Abschnitt genannt, und ich habe mich zuvor auf diese Quadrate bezogen. Diese Quadrate sind also als Abschnitte bekannt, und ein Abschnitt ermöglicht es Ihnen, eine Reihe von verschiedenen Spalten in ihnen hinzuzufügen, so dass Sie in der Lage sind ziemlich alles zu entwerfen, was Sie wollen. Also, um es zu zerlegen, das erste, was wir haben, ist der Abschnitt Teil rechts, in den wir alles ziehen können. Jetzt, innerhalb dieses Abschnitts, können wir eine Spalte erstellen, und es ist innerhalb dieser Spalte, die wir in unserem Element hinzufügen werden. Wenn Sie sich an Element erinnern, könnte es sich auf dem Bild befinden. Es könnte ein Header sein. Es könnte ein Video sein. Es könnte ein Text sein, im Grunde ein Zähler. Irgendwas. Es könnte alles sein, was auf Element aufgerufen wird. Es könnte auch ein Widget von jeder Art sein, Recht, alles zu sein. In diesem Beispiel habe ich ein Bild und eine Notiz hinzugefügt, weil ich ein Element habe. Dieses Bild wird höchstwahrscheinlich die gesamte Spalte vertuschen. Wenn du es wolltest. Sie sind die Dimensionierung liegt ganz bei Ihnen, aber das Element deckt ab, das ihn jetzt anrufen. Spalten sind vollständig anpassbar. Also, wenn du es wolltest, könntest du auch den Anruf aufteilen. Das bedeutet also, wenn Sie die Ausgabe in dem, was Sie erstellen, vollständig ändern könnten , können Sie stattdessen zwei Elemente hinzufügen. Anstatt ein großes Bild zu haben, könnten Sie ein Bild nach links setzen. Und dann könnten Sie einen Text zu den Rechten hinzufügen. Okay, jetzt haben wir ein Produkt auf der linken Seite und wir können eine Beschreibung vom Produkt auf der rechten Seite haben . Und aufgrund dieser Spalten ist es so einfach, sie zu zentrieren und sicherzustellen, dass alles an der richtigen Stelle auf unserer Website ist . Also, wenn Sie etwas zusätzliches hier hinzufügen wollten, könnten wir sie innerhalb dieser Spalte anrufen. Ich schätze, sie nennen diese Spaltenausnahme. Scherze beiseite, es nannte ihn in einer Spalte. Das würde also nur bedeuten, dass wir ein anderes Stück wie dieses hinzufügen. Okay, also, der rechten Spalte haben wir einen anderen Aufruf hinzugefügt, inder rechten Spalte haben wir einen anderen Aufruf hinzugefügt,in dem wir ein zusätzliches Element hinzufügen können, und das könnte zum Beispiel ein mittlerweile unteres Element sein. Es könnte alles sein, was wir hinzufügen wollen. Also, wenn du irgendwas auf deiner Website in deiner Rubrik machst, willst du eine Idee haben? Wie viele Spalten brauche ich hier? Was ist der Ausblick? Was ist zu entscheiden, dass ich für mich gehe, denn so ziemlich der Himmel ist hier die Grenze, Leute, weil ihr genauso gut vier Spalten gehabt habt habt. Und innerhalb all dieser Spalten könnten wir Bewertungen hinzufügen. Zum Beispiel könnten wir Testimonials oder eine Reihe von Produkten hinzufügen, weil alle diese Spalten Elemente enthalten werden . Und was diese Elemente sind, liegt ganz bei Ihnen, weshalb elementar so einfach zu bedienen ist. Und sobald Sie die Abschnitte verstehen, die sie etwas hinzuzufügen nennen, sind alle diese wirklich professionell aussehenden Websites plötzlich sehr einfach zu erstellen. Nun, wenn wir es wollten, könnten all diese Bewertungen oder Testimonials oder Produkte von 4 bis 6 gehen und waren in der Lage, Elemente in jedem von diesen hinzufügen und jetzt plötzlich könnten wir eine Produkt-Anzeige haben. Stattdessen ist der Himmel begrenzt. Ich weiß nur, dass es innen von jedem Abschnitt Spalten geben wird. Man nannte ihn mehrere Säulen, spielt keine Rolle. Aber das wird dadurch entschieden, wie Sie Ihre Elemente platzieren wollen. Wenn Sie beispielsweise eine Galerie haben , können Sie eine Spalte und nur eine große Galerie haben, oder Sie können mehrere Spalten haben und das Bild manuell hinzufügen. Lassen Sie mich Ihnen ein praktisches Beispiel zeigen. Wenn wir also einen Blick auf Pat Flynns Website intelligentes, passives Einkommen werfen, können wir sehen, dass er uns sehr ähnlich ist, oder vielmehr, wir haben sehr ähnlich wie er unsere Speisekarte hier oben, richtig? Dasselbe gilt für uns. Wir haben unsere Speisekarte hier oben. Dann ist er ein zusätzliches Menü. Aber das brauchen wir unten nicht. Hier hat er seinen ersten Abschnitt rechts. Dies ist, wo wir unsere Homepage für den ersten Abschnitt entwerfen, ziehen alles hier jetzt, wie groß Sie Ihre Abschnitte machen wollen? Das wird ganz von dir überlassen. Aber meiner Meinung nach wird die praktischste Lösung und die Art und Weise, wie ich die ganze Seite entwerfen werde durch Aufteilen des Abschnitts sein, je nachdem, was wir hinzufügen. So haben wir hier zum Beispiel die sogenannte oberhalb der Falte. Wenn Sie sich erinnern, liegt dies daran, dass dies die oberste Ebene ist, die Sie auf Ihrem Bildschirm sehen. Also hier hat er hinzugefügt, offensichtlich ein Hintergrundbild von sich selbst, das komplett weiß ist. Es gibt ein Bild von ihm und seine Unterschrift hier rechts und links. In hier hat er in einem Header hinzugefügt. Und brillant, lassen Sie mich Ihnen helfen, ein passives Einkommensgetriebenes Online-Geschäft nach unten aufzubauen. Dies ist ein zusätzlicher Header ist nur ein kleiner. Vielleicht auf H drei über h vier. Wir werden näher eingehen, was sie sind und was sie bedeuten, später im Kurs. Aber im Grunde ist H eins der größte. H sechs ist die kleinste. Hendrawan ging zu Kopf oder drei Header für etcetera. Und dann hat er in einem mehr lernen Button hier hinzugefügt, die einen Hover über Effekt hat. Und all das jetzt, wenn wir es betrachten, ist eigentlich sehr einfach. Aber es ist so effektiv und es ist so schön. Und das ist sein oberhalb der Falte Design. Okay, also würde ich all das in einen Abschnitt einfügen und dann könnten wir zum Beispiel die Spalten hinzufügen . Wir hätten uns trennen können. Sie riefen ihn herein, wo wir ein Hintergrundbild von ihm haben und dann ein Weiß ihn anrief, oder wir könnten eine große Spalte haben, wo das eigentlich nur ein großes Bild ist. Es hängt alles von der Praktikabilität auf dem Bild, vom Material, wie Sie entscheiden möchten. Es ist Sarah. Es gibt hier nicht wirklich richtig oder falsch. Wir arbeiten mit dem, was wir haben, richtig, aber dann wollen wir eine Kopfzeile hinzufügen, einen anderen Kopf oder jede Unterseite, damit wir sehen können, dass wir vielleicht hier drin eine große Spalte haben wollen . Und hier wollen wir drei Spalten haben und wir werden näher eingehen, wie das in einer bevorstehenden Vorlesung funktioniert , weil wir unsere eigene Homepage entwerfen werden, und wir werden einen ähnlichen Blick wie diese mit einer Beschreibung mit einem schönen großen Hintergrundbild und einem Knopf, denn ich liebe das absolut. Das Zeichen So könnte dies ein Abschnitt sein, der nach unten scrollt. Wir haben das Esel-Feature in der sozialen Beweis und es sagt die New York Times, Forbes Lifehacker Inc. Pro Blogger. Und das ist wirklich schön, weil alles, was Sie tun müssen, ist diesen Teil als einen Abschnitt erstellen einen schwarzen Hintergrund, und dann könnten Sie in einem Text oder einem sehr winzigen Hedren hier und rechts wie in dargestellt hinzufügen. Und dann würden Sie hier nur ein Bild hinzufügen, ein Bild hier, hier, hier und hier, und das könnten Spalten sein. So einfach ist es. Das wären also 12345 und sechs Spalten. So einfach ist es. Und dann fügen Sie sie einfach in einer Rolle wie dieser zusammen. Es gibt also viele verschiedene Kundenstationen, die Sie tun können. Oder es könnte ein großer Abschnitt mit einem großen Aufruf sein, mit nur einem Bild hinzugefügt. Scrollen nach unten. Wir haben die E-Mail oft. Das Gleiche. Dies könnte ein Abschnitt hier sein, und dann haben wir einen Header unten hinzugefügt. Wir haben einen kleineren Header und dann haben wir die E-Mail geöffnet und dann die Unterseite hinzugefügt, und das ist alles super einfach durch Design. Aber das Schöne ist, wie professionell sauber es jetzt aussieht, wenn du es wolltest, könntest du das und das und das im selben Bereich haben. Meiner Meinung nach ist das nicht praktisch, aber Sie können es tun, so dass hier nicht so viel richtig oder falsch ist. Es geht mehr um Praktikabilität und wie Sie die verschiedenen Spalten und die verschiedenen Elemente, mit denen Sie arbeiten, teilen möchten. Aber jetzt, da wir anfangen, über den Abschnitt über die Spalten über die Elemente zu lernen , und wir wissen, dass alles einfach Drag & Drop ist und wir das Framework mit dem Pre gemacht haben, das mit den globalen Werten entwickelt wurde, Dinge sehen nicht mehr so schwierig aus , oder? Also, was wir tun werden, ist, wenn wir weitermachen, weiter lernen und dann anfangen, unsere eigene Homepage zu entwerfen , die heutigen Jungs folgen meinem Schritt, , die heutigen Jungs folgen meinem Schritt, und Sie werden auch eine tolle Homepage in kürzester Zeit die nächste Vorlesung 10. Hintergrundteil 1 Teil: Na gut, Leute. In diesem Vortrag werden wir fortfahren und anfangen, den Hintergrund für unsere Homepage zu gestalten. Bevor wir das machen,wollen wir hier in einem Mentor zum Menü gehen und unseren Farbwähler ansehen. Bevor wir das machen, Nun, die Farbauswahl wird die Standardfarben sein, aus denen Sie wählen können, wenn Sie entwerfen. Also haben wir bereits unsere globalen Werte gesagt, was bedeutet, dass diese die primären Werte sein werden, wenn wir zum Beispiel einen Schlagzeilenkrieg hinzufügen. Wenn wir einen Text hinzufügen, zum Beispiel einen bestimmten Fonds, erinnern Sie sich an diesen Vortrag, richtig? Aber hier ist ein Farbwähler. Also, wenn wir das entwerfen, werden sie die Primärfarbe für uns sein. Nun, was ich tun möchte, ist tatsächlich in einigen unserer Farbpalast hier drin hinzufügen, zum Beispiel, ich möchte das rötliche statt vielleicht das Blau haben, und ich möchte auch die hellere Version abschalten. Großartig. Also gehe ich einfach zurück und gehe zu den Standardfarben. Geh zum Grau hier drinnen. Ich werde damit fertig werden, und dann gehe ich zurück, gehe zum Farbwähler und ersetze dann eines dieser Grauen durch diesen Code hier drin. Okay, ich werde dasselbe für die Nächste tun. Und ich empfehle wirklich, dass Sie das gleiche tun, um sicherzustellen, dass Sie die Farbpalette haben . Fragen Sie Ihre Standardwahl, weil Sie uns bemerken werden. Wir gehen, es wird viel anders sein. Mögliche Anpassung ist für uns, und ich werde diese Art von bläulicher Farbe entfernen wir hier so und fügen Sie es in und da gehen wir. Wenn ich nun den Farbwähler schaue, habe ich die Paletten hinzugefügt, die ich wirklich haben will. Okay, könnte mehr weniger für dich sein. Also lasst uns anfangen, unseren Hintergrund für unsere Homepage zu bearbeiten. anfangen, Bevor wiranfangen, gibt es ein paar Dinge, die ich möchte, dass Sie darüber wissen, dass Sie entscheiden werden, welche Art von Hintergrundbildern wir speziell für Sie verwenden werden, da Sie Ihre eigenen Website mit Ihren eigenen Zielen in Ihrem eigenen Genre , Nischen , Produkten, etc. Das ist also, wenn wir schauen, bekommen Pat Flynns Website Smart passives Einkommen, die wir oft getan haben, weil es so gut ist. Du wirst bemerken, dass er etwas hat, das als Narr mit Design bezeichnet wird. Das bedeutet also, dass sein Bild, sein Hintergrundbild, das zufällig weiß ist. Hier geht es den ganzen Weg bis zu den Enden. Wenn wir nach unten scrollen, hier ist ein weiteres Widget hier unten mit einer schwarzen Hintergrundfarbe, die den ganzen Weg bis zum Ende geht . Jetzt ist der Inhalt selbst Box. Sie können sehen, dass dieser Header im Einklang mit diesem kleineren Header ist im Einklang mit dieser Schaltfläche, die im Einklang mit dieser steht, wie in etcetera, etc cetera, die Box-Inhalt genannt wird. Aber der Hintergrund, die Bilder hier sind sie voll mit. Nun, wenn wir uns zum Beispiel WP Beginner dot com ansehen , werden Sie feststellen, dass sie hier alles super verpackt haben und sie nicht das volle mit Feature verwenden . Das ist also ein völlig anderes Design. Das bedeutet, dass wir für unseren Zweck, wie wir hier ein großes und nettes Hintergrundbild hinzufügen werden, wollen wir, dass es mehr Horace Santel ist, um diese Art voll mit Blick zu haben. Und wenn wir zum Beispiel auf einem Blick so hatten , wollen wir vielleicht etwas verwenden, das ein bisschen vertikaler ist. Das ist also das erste, was wir wissen wollen, bevor wir mit unserem Design vorankommen. Also diese Luft sowohl große Beispiele als Websites. Nun, um unser Hintergrundbild zu finden, wenn Sie nicht Ihr eigenes haben, werden wir voran gehen und verwenden Picks gehorchen, weil es hier eine Reihe von schönen, hochauflösenden Bildern gibt , die Sie kostenlos verwenden können, nein Attribution erforderlich. Natürlich, wenn Sie Ihre eigenen haben, können Sie das verwenden. Und wenn Sie nicht finden können, wonach Sie suchen, können Sie Shatter stock dot com verwenden. Ich werde hinzufügen, dass in Ressource ist auch. Aber bevor wir wieder weitermachen, gibt es ein paar Dinge, über die wir hier nachdenken müssen. Wir wollen über den Brennpunkt unseres Bildes wissen. Okay, wenn Sie also ein Bild von sich selbst verwenden, wollen Sie wissen, dass das Bild von Ihnen etwas zentrierter sein wird, oder? Und der Grund dafür ist, wenn wir anfangen, es mobil und tabellarisch reaktionsfähig zu machen. Ah, viele dieser Seiten werden vom Bild verschwinden. Wenn es also wichtig ist, dass Sie auf dem Bild sind, möchten Sie sicherstellen, dass Sie einen klaren Fokus in diesem Bild haben. Ähnlich. Wenn Sie ein Produkt oder etwas haben, oder jemand, den Sie vertreten Jetzt werde ich gehen und nach einem Bild suchen, das wird ein tolles Gefühl geben, wenn sie auf unserer Website in den Mittelpunkt kommen, wird nicht so wichtig sein . Aber ich sage, ich werde Ihnen zeigen, wie man die angepassten und reaktionsfähigen Versionen macht. Okay, das erste, was ich tun werde, ist die Suche nach dem Bild. Das Schlüsselwort hier kann alles sein, was zu mir und Jesper passt. Wir machen Kurse, die sich auf Business und Marketing konzentrieren. Aber wirklich, was sie tun, die Vorteile dieser Kurse ist tatsächlich Freiheit zu schaffen, Ergebnisse zu geben und Menschen zu inspirieren . Also werde ich hier eines von zwei Schlüsselwörtern verwenden. Es wird Freiheit geben. Ich wollte Inspiration sein, dass ich das Gefühl haben möchte, wenn sie unsere Website betreten. Also lassen Sie uns Jahre Inspiration hier. Ich werde Inspiration schreiben, und ich werde einfach voran gehen und dort suchen und dann klicke ich auf Orientierung und wähle horizontal, weil wir die volle Option mit verwenden werden. Und jetzt, persönlich, für mich, die Bilder, die ich bevorzuge und ich suche, es die Art von Naturbildern, die sie gehen werden, Natur und Landschaft werden das wählen. Und dann gehe ich einfach weiter und scrolle nach unten, bis ich etwas finde. Es gibt hier ein paar gute Möglichkeiten, aber was ich wirklich mag, ist diese, okay? Es gibt hier ein paar gute Möglichkeiten, aber was ich wirklich mag, ist diese, Und der Grund, warum ich diesen so sehr mag, ist, weil ich bereits die Gliederung sehen kann, die ich verwenden werde, damit ich hier einen Header verwenden kann. Ich könnte hier eine Textbeschreibung und einen Knopf irgendwo hier benutzen. Und weil wir oft von links nach rechts lesen, je nachdem, wo Sie in der Welt sind, ziehe ich es vor, den Inhalt auf der linken Seite zu setzen. Sie könnten es zum Beispiel rechts oder in der Mitte setzen. Aber mit diesem Kerl auf der rechten Seite und dem Gefühl, dass dieser Prediger produziert, möchte ich es wirklich in diesem Bereich setzen. Also werde ich voran gehen und es herunterladen. Sie wollen immer sicherstellen, dass die Lizenz. Ok? Nein, Namensnennung Großartig kostenlos für den kommerziellen Gebrauch. Toll, denn das ist kommerzielle Nutzung. Wir gehen weiter und klicken auf kostenlosen Download und stellen sicher, dass Sie nicht die riesige Version herunterladen . Denn in einer Traumwelt wollen wir nicht, dass unsere Website selbst größer ist als ein paar Megabyte Bewegung 345 Megabyte. Denn je größer unsere Website ist, desto mehr gibt es, diese Ladezeit zu laden. Schlimmste sdo schlechteste Benutzererfahrung. Also werden wir für diese Größe und nicht für diese Größe gehen, weil wir uns den Größenunterschied ansehen , der riesig ist. Und es wird keinen Qualitätsverlust geben, wenn man das benutzt. Also werden wir für diese Qualität gehen und wir werden immer noch Smush Sie haben den Kurs verfolgt , um uns zu helfen. Also gehe ich weiter und klicke direkt dort auf Download und dann gehe ich zurück. Also hier drinnen werde ich zu den Elementen gehen. Das erste, was man bemerken muss, ist, dass hier nichts los ist. Damit ich einen Abschnitt zum Arbeiten bekommen kann, muss ich tatsächlich digitale Elemente verwenden und herausziehen. Lassen Sie es fallen. Und jetzt habe ich plötzlich einen Abschnitt, der hier umgeht. Ich habe hier und drinnen eine Kolumne. Es heißt ihn. Ich habe das Element, und das ist dieser Text. Nein, wir werden nicht an dem Titel in diesem Vortrag arbeiten. Das wird für den kommenden Vortrag sein. Jetzt, um loszulegen. Was wir tun werden, ist in die Mitte zu gehen, wo es steht und es ist Abschnitt, und wir werden darauf klicken. Und jetzt sind wir in der Lage, diesen gesamten Abschnitt zu bearbeiten. Das erste, was wir tun wollen, ist, zum Stil zu überziehen. Es gibt viele Möglichkeiten hier drin. Wir werden sie durchgehen, aber wir wollen unseren Zweck erfüllen. Zuerst gehen wir zu Stil und dann Hintergrund und klicken Sie dann auf Normal, weil schweben, denken Sie daran, wenn Sie Ihre Maus über setzen So gehen wir zum normalen Hintergrundtyp und wir werden auf Classic klicken, und dann werde ich auf das Plus klicken, und ich werde einfach gehen, um Dateien hochzuladen und ich werde diese Datei auswählen und hochladen und es würde gehen, Es ist hochgeladen. Ich wähle es aus und klicke auf Medien einfügen. Also, Blick nach links hier, können wir sehen, dass dies das Bild ist wirklich cool. Ich liebe das Gefühl, das es erzeugt. Aber wie Sie sagen können, gibt es nicht wirklich die Ergebnisse, nach denen wir suchen, oder? Also der Abschnitt jetzt ist es einfach viel zu klein. Wenn ich den Kopf nach unten und ich auf Vorschauänderungen klicke, können wir sehen, dass so ziemlich zwei Fußzeilen Und diese gut angeblich Hintergrundbild haben die gleiche Größe. Ich glaube nicht, dass dies fair zu Well wäre, ich wäre kein stolzer Website-Designer mit diesem Ergebnis. Also, was wir tun werden, ist, dass wir zurück zum Layout gehen, und wir werden die Größe des Abschnitts erhöhen, damit wir das ist ein Hintergrundbild haben können . Mit anderen Worten, die oben die Falte Hintergrund, dieses Zeichen. Okay, also werden wir hier in die Höhe gehen, wo es sich angelegt hat, und dann gehen wir uns zu verstecken. Und dann wechseln wir von der Störung zur Minimalhöhe. Und der Vorteil dabei ist, dass Sie die Höhe selbst wählen können, OK? Wie Sie sehen können, mehr ich scrollte, desto größer oder besser als mehr Höhe, die wir jetzt bekommen, das Bild immer noch nicht groß, aber wir bekommen mehr Höhe, damit das Bild innen aus diesem Abschnitt ist. Also werde ich jetzt mitgehen. Ich denke, es gibt ein bisschen groß, dass ich mit 700 gehen werde. Normalerweise ist es ein guter. Wir können einfach voran gehen und klicken Sie auf Vorschau Änderungen, um zu sehen, wie es aussieht. Wir können sehen, dass es alles abdeckt. Oh, so schön, das wirklich zu lieben. Jetzt können wir sagen, dass die Resolution nicht so ist, wie sie sein sollte. Also gehen wir zurück und ändern die Auflösung davon. Wir ziehen hier zurück zum Stil, und dann gehen wir auf die Größe, okay? Und wir werden von Standard zu Deckung gehen, also sehen Sie den Unterschied, den dieser jetzt macht. Das Cover bedeutet, dass das Bild den gesamten Abschnitt abdecken wird. Wenn wir etwas anderes wie enthalten verwenden, dann würde das Bild sich selbst enthalten, was bedeutet, dass es seine Größe behalten würde. Und vielleicht wäre es auch nicht verblasst. Es ist so. Wenn ich es so verwende, können Sie sehen, dass es sich hier unter dem Kopf verdoppelt, weil es eine andere Lösung hat . Also im Grunde, wenn ich ein Hintergrundbild hinzufüge, gehe ich immer mit Cover. Immer, immer. Und so bekommen wir ein wirklich schönes Aussehen. Ich kann nach unten gehen, um Änderungen in der Vorschau anzuzeigen, und wir können sehen, dass die Dinge wirklich schön aussehen. Ich liebe das. Okay, also haben wir einen schönen Anfang hier. Jetzt werden wir ein paar verschiedene Optionen durchlaufen. Ich werde dir sagen, was sie sind, und dann fügen wir ein paar zusätzliche Dinge hinzu, damit das noch besser aussieht. 11. Hintergrundteil 2: Wenn wir also mit dem Layout begonnen haben, gibt es hier ein paar Optionen. Wir werden die meisten von ihnen durchgehen, weil wir so viele fragen, wir gehen sowieso. Und dann würde dieser Vortrag 50 Minuten dauern, anstatt ihn etwas tiefer zu halten. Viel tiefer. Hoffentlich. So ist die 1. 1 ein Stretchabschnitt. Nun, ich halte das nicht an, weil ich es lieber selbst setze. Und warum ich es dir zeigen werde, wenn du etwas runterziehst. Wir haben den Inhalt damit, wie wir wollen, dass der Inhalt sein wird. Entweder könnten wir die Box haben. Wir könnten es jetzt voll haben. Denken Sie daran, dass ich Ihnen gesagt habe, dass sowohl Pat Flynn als auch WP Anfänger sie ihren Inhalt Box haben, was bedeutet, dass sie ein wenig Platz auf der Seite verlassen. Wenn wir uns die Vorschau ansehen, können Sie sehen, dass auf dieser Seite genau hier ein Platz stattfindet. Richtig? Also, wenn ich dies ändern, um mit stattdessen täuschen und ich klicken kann Vorschau, werden Sie sehen, dass dieser Text wird alle Gewichte springen. Du bist hier links, weil es nicht mehr verpackt ist. Also, was ich bevorzuge, ist die Verwendung von Hintergrundbildern in voller Größe, aber box meinen Inhalt. Also werde ich diese Box behalten, um alles mehr in der Schlange und professioneller zu halten. Es wird auch viel mehr für die Reaktionsfähigkeit von Tabletten und Handys übertragen. Und dann haben wir die nennen sie Lücke. Willst du Lücken in unseren Säulen haben? Wir könnten kommen, um dies zu verwenden, wie wir mawr Spalten und mehr Elemente hinzufügen. Wir haben auch die minimale Höhe. Wir könnten Füße haben, um zu sehen. Wir könnten die Schuld haben. Jetzt funktionieren die Füße zum Screen normalerweise nicht so gut, weil sie nicht übereinstimmen. Also ziehe ich es vor, die minimale Höhe zu verwenden sagte es selbst und dann können wir auch hier klicken, richtig? So kann ich jetzt auch auf die Tablet-Version gehen und sehen, wie der Hintergrund aussehen wird . Und das ist, warum Brennpunkt so wichtig ist, dass ich Ihnen erzählt habe, denn wenn zum Beispiel dieser Typ auch hier unwichtig war oder ein integraler Bestandteil dieses Designs, dann wäre ich ziemlich enttäuscht zu erfahren, dass er nicht einmal ist in der Tablet-Version enthalten. ist es so wichtig, dass Sie sicherstellen, dass Sie Ihren Schwerpunkt kennen und sicherstellen, dass Sie ihn mehr zentrieren können, damit wir uns an die Tablet-Version und die Handy-Version anpassen können . Aber was wir auch hier tun können, ist, diese reaktionsfähiger zu machen, indem wir sie selbst anpassen. Im Moment können Sie sehen, dass wir, wenn Sie das vollständige Bild wollen, nicht den gesamten Bildschirm abdecken können. Das wird also deine eigene Entscheidung sein. Wie möchten Sie das gestalten? Vielleicht ist das nicht wichtig, aber ich ziehe es vor, den Bildschirm mehr zu decken. Also werde ich so etwas gehen. So sieht es immer noch besser aus als die vorherige, weil sie fast weit mehr angenommen haben. Aber es zeigt nicht alles, aber mit diesem da der Brennpunkt, oder das Bild ist ein wichtiger jenseits des Gefühls, das völlig in Ordnung ist. Nun, wir haben auch das Handy hier los. Sie können die Toleranz sehen. Siehst du, es ist ein Luftballon. Nicht sehr beeindruckend, ehrlich Wiederverkauf in der Lage in diesem Recht. Aber das Bild sieht wirklich schön aus, aber ich möchte das jetzt noch etwas ändern. Wenn ich vorgehe und ich es so mache, kann man sehen, dass der Luftballon gerade eine viel weniger zentrale Rolle spielt. Man bekommt diese ganze Aussicht und alles, man bekommt immer noch das Gefühl. Es ist also so wichtig sicherzustellen, dass alles auf dem Tablet und auf dem Handy gut aussieht . Und wir werden ein paar dieser Durchläufe fragen lassen. Wir gehen rechts ist ein so wichtiger Teil des Designs. Also haben wir diese und dann haben wir auch die Spaltenposition. , Denk dran, das ist die Säule. Das ist der Text. Gehen wir zurück zu diesem Zeug. Da gehen wir. Also, jetzt ist es in der Mitte und wir werden es dort behalten, weil wir noch nicht mit dem Titel herumspielen werden , aber wir können es nach oben schieben, wird gleich da oben stoßen. Wir könnten es nach unten schieben. Wir werden es jetzt in der Mitte behalten. Wir haben auch die inhaltliche Position genau dort, wo wir sein wollten. Wenn dies zum Beispiel angenommen werden sollte, zum Beispiel angenommen werden sollte, wenn Sie sich auf den oberen mittleren Boden konzentrieren wollten, usw., um sicherzustellen, dass wir festlegen, welche Priorität haben, lasse ich dies generell auf Fehler. Und dann haben wir einen Überlauf und im Allgemeinen werden Sie den Überlauf nicht verwenden. Nun, der Überlauf wird sein, wenn Sie irgendwelche mit seinen sogenannten festen oder absoluten Werten reparieren. Mit anderen Worten, wenn Sie zum Beispiel hier drin einen Hintern setzen , der ständig bei Ihnen bleiben wird, egal wie Sie den Bildschirm bewegen oder auf welcher Plattform Sie jetzt sind, das Problem mit Das ist manchmal, dass es irgendwie bricht das Thema oder die Anzeige. Wenn eine Aufgabe Überlauf aufrufen soll, kann sie beispielsweise außerhalb des Inhaltsfeldes verschoben werden. Also, wenn Sie das versteckt machen, wird es normalerweise darum kümmern. Aber das ist so ein fortgeschrittenes Feature, dass wir das nicht benutzen werden. Ich glaube eigentlich nicht, dass im Allgemeinen so viel beiträgt, richtig. Also, dann werden wir hier oben durch Stil gehen, und wir haben bereits unseren Hintergrund gesetzt. Jetzt gibt es mehr Arten von Hintergrundwochenenden, von denen wir eine gierige Wirkung verwenden können. Wir könnten mit den Farben spielen, die Inhaltsstofffarben verwenden, was bedeutet, dass wir verschiedene Farben verwenden, um ineinander zu verblassen und auch interessante Jungs. Wir können ein Hintergrundvideo hinzufügen, wie wir in einigen der Vorlagen zuvor gesehen haben. Jetzt ist es super einfach. Entweder können wir weitermachen und einen Video-Link hinzufügen oder wir gehen zu unserer Mediathek und wir greifen einfach den Link von dort. Es spielt wirklich keine Rolle. Und es funktioniert genauso wie wenn wir das Hintergrundbild verwenden, der Unterschied ist, dass wir eine Startzeit und Endzeit festlegen. Und wir können auch einen Hintergrund zurückgreifen. Und wie Sie sehen können, zu entdecken, welche die Rückseite von Video auf mobilen und Tablet-Geräten im Allgemeinen ersetzen wird weil sie nicht mit dem Video umgehen können, wird es Sprache nicht gut aussehen, weil die Auflösung nicht einspeist. Du hast schon gesehen, was mit dem Bild passiert ist, oder? Es wird also ein so genannter Hintergrund-Rückfall sein, und dann haben wir die Hover-Option, dass etwas Interessantes passieren wird, wenn wir unseren Mund umlegen . Also, wenn Sie wissen, wie ein Hintergrundbild hinzuzufügen ist wirklich das gleiche mit einem Hintergrundvideo , müssen Sie die minimale Höhe einstellen. Sie müssen sicherstellen, dass alles enthalten ist. Alles sieht gut aus wirklich gleich und schnappte sich dann einen Link von YouTube oder aus Ihrer Mediathek. Ok? Und das ist der Hintergrund. Wir gehen zurück zu unserem Klassiker hier drinnen scrollen runter. Wir haben die Position, oder? Wir können entscheiden. Wir wollen, dass die Position ist. Wenn es darum geht, der Abschnitt könnten wir seine Mitte, Mitte, untere Mitte haben Mitte, . Wir können es zu den oberen Rechten haben, usw cetera, etc. Und das wird wichtig sein, wenn es um Ihre Produktanzeige geht. Wenn es um Ihre, zum Beispiel, Person geht zum Beispiel, , die Sie hier vertreten. Denken Sie daran? Ich habe vorhin darüber geredet. Also, wenn Sie zum Beispiel eine Person hier in der Mitte haben und Sie möchten, dass diese Person im Fokus steht und wenn ich ein wenig Text darüber hatte , was Sie tun könnten, ist, schauen Sie sich die mobile Version an. Klicken Sie einfach hier, gehen Sie da rein. Und dann könnten wir diese Standardanzeige ändern. Vielleicht gehen Sie in dieses Zentrum und sehen Sie, wir bekommen ein völlig anderes Aussehen, oder? Wir könnten sagen, dass dieser hier viel, viel besser aussieht schonviel, viel besser aussieht. Wir könnten unten rechts haben, und dann kriegen wir den Kerl oder wir könnten unten links haben. Der wichtige Teil ist, dass wir unseren Schwerpunkt kennen wollen. Ok? Denn der Schwerpunkt wird sein, wo wir diese Position setzen, so dass das Produkt immer im Fokus ist , unabhängig von der Größe der diskreten. Welches Gerät? Sie verwenden ein Tablet auf ihrem Desktop auf ihrem Handy. Weißt du, vielleicht unter der Uhr in der Zukunft. Ich weiß nicht, was es ist, aber wir wollen sicherstellen, dass das, was wir hier zeigen wollen, in Ordnung ist. Und wenn es egal ist, wie in unserem Fall, können wir es standardmäßig behalten. Aber sonst müssen Sie diese wirklich ändern und sie in übereinstimmen. Und dann haben wir den Eigensinn. Wenn du eine Schriftrolle haben willst, wollen wir sie reparieren lassen, als wäre es immer noch. Das ist, das wird sich nicht wie richtig bewegen. Also, wenn ich hier scrolle, sehen Sie, dass wir tatsächlich innerhalb dieses Bildes scrollen. Aber wenn ich es so auf Scroll habe, können Sie sehen, dass wir die Bilder sind, die mit der Schriftrolle sind, sozusagen. Und dann haben wir eine Wiederholungsversion und wir werden selbst nicht benutzen. Wir werden es auf der Schuld belassen. Wir haben die Größe, die wir auf dem Cover entschieden haben. Wir können es auch auf enthalten oder benutzerdefinierte oder Bestellung oder Standard verwenden. Aber wirklich, wenn Sie ein Hintergrundbild haben wollen, das alles abdeckt, werden wir mit Cover gehen und dann haben wir den Hintergrund übermäßig. Dies ist so eine erstaunliche und interessante Funktion. Nun, was wir hier tun können, ist tatsächlich über diesen gesamten Hintergrund zu überlagern. Mit anderen Worten, wir können sicherstellen, dass wir zum Beispiel ein Bild dunkler machen. Wir könnten ein Bild leichter machen. Wir könnten sogar Bilder kombinieren. Also bekommen wir diesen schönen, verblassenden Effekt oder wie wir es in diesem Fall tun werden, wir werden auf Overlay setzen, da wird es mit unserer Farbpalette von unserem Logo übereinstimmen. Also sieh dir das an. Wir werden mit Hintergrundtyp weitermachen, und wir gehen mit Klassik und ich werde kein Bild hinzufügen. Ich werde hier nur mit Farbe gehen, und dann wähle ich aus, dass Rote Hexe uns gehört. Und wie Sie sehen können, macht es das gesamte Bild rot. Aber sieh dir das an. Nun, wenn ich es den ganzen Weg nach unten schiebe, bedeutet das, dass nichts von der Bitte Kapazität hinzugefügt wird. Aber wenn ich auf ein wenig hinzufügen, können wir sehen, dass derzeit, das Thema ist ziemlich blau. Aber wenn ich ein bisschen so hinzufüge, können Sie sehen, dass die Dinge etwas roter werden. Und das ist so eine erstaunliche Sache, denn das passt zu unserem Thema. Richtig? Sehen Sie sich das an. Es sieht so natürlich aus, Liste zu treffen. Und wenn ich diesen Filter jetzt entfernen, dieser Hintergrund übermäßig, können wir sagen, wie dunkel und blasen es ist wie schwarz und blau. Alles, was wir tun müssen, ist, nur eine kleine Kapazität hinzuzufügen, die übernatürlich aussieht. Und plötzlich wird die Website so viel professioneller, weil wir es mit unserer Farbpalette passen ist, wo die Farbauswahl es auch nützlich ist, weil wir einfach sofort gehen und greifen unsere Farbe, die wir aus dem Logo ausgewählt. Das ist also wirklich perfekt. Und das ist das Hintergrund-Overlay. Sie können auch mit dem Hover tun, wenn Sie möchten, und es gibt mehr Dinge, die Sie tun können. Sie können etwas verwenden, das CSS-Filter genannt wird. Wir werden diese Art von Funktionen hier nicht benutzen. Sie können einen Mischmodus verwenden, der wie Vorlagen für verschiedene Verrundungen aussehen wird. werden wir auch nicht benutzen. Es gibt viele Möglichkeiten hier drin. Wir haben die Grenzen und die Grenzen werden im Grunde die Grenzen um den Abschnitt selbst sein. Also, wenn ich eine so genannte feste Grenze hinzufüge und dann die mit für 50 hinzufüge, sind diese alle miteinander verkettet. Sie können sehen, dass ich dieses Board oder überall hier bekomme und was ich damit machen könnte, ist, dass ich die Farbe ändern könnte . Die Grenze zum Beispiel hat sie in dieses Blau gesetzt. Nun, das sieht nicht sehr gut aus. Vielleicht, wenn Sie etwas Hintergrundbild Effekt einige Bildeffekt oder etwas hinzufügen möchten, Aber Sie nur so, dass Sie wissen, dass Sie mit diesem spielen können. Sie können auch die Hover-Effekte verwenden, so dass, wenn Sie die Maus über, Sie erhalten diese kleine. Diese winzige Grenze erzeugt diesen Drei-D-Effekt, aber das werden wir später durchmachen, also mach dir keine Sorgen. Wir werden das nicht wirklich benutzen. Ich will nur, dass du weißt, was sie sind, damit du sie nicht betonst, wenn wir gehen. Also werden wir wegen diesem hier nicht betonen. Ich werde das aus Rapazität entfernen. Sie würden gehen und ich werde das keines geben. Da gehen wir. Wir wollen keine Grenze. Und mit der Grenze haben wir auch einen Schatten, den wir nicht können. Wir schließen das jetzt, wo wir etwas haben, das als Formteiler bezeichnet wird. Nun, die Form Trennwände wirklich interessant, weil, wie wir gehen, werden Sie feststellen, dass dies Ihre Website wirklich professionell aussehen und setzen ein schönes Design. Fragen Sie den Übergang von einem Abschnitt von oben, der volle zu etwas unter der Falte. So zum Beispiel können wir zum Beispielvoran gehen und wir könnten Wolken verwenden. Und jetzt benutzen wir die Oberteile. Wie Sie sehen können, schmilzt so viele in den Wolken in diesem Abschnitt. Es schafft eine wirklich schöne und schöne Nun, sie nennen es einen Teiler, und es gibt viele verschiedene Dinge, die wir damit machen können. Wir können es so anpassen. Wie viel wir wollen viel zu verklagen, darf es nicht. Es sind eine Menge Dinge, die wir tun können. Wir können uns auch ändern . Bestimmte Dreiecke, Wellen. Es gibt viele verschiedene Effekte. Wir können eine bestimmte Farbhöhe hinzufügen. Wir können einen Flip drauf setzen, oder? Invertieren, nach vorne bringen. Es ist eine Menge Dinge, die wir tun können, und ähnlich können wir das gleiche auf der Unterseite tun. Und wenn Sie keine wollen, müssen Sie nur auf unbekannt klicken und Sie werden keine haben. Manchmal mit L. Ein Mentor. Aus irgendeinem Grund wird der Formteiler so nachgeschlagen. Jetzt müssen Sie nur auf Update klicken, um sicherzustellen, dass Sie alle Ihre Änderungen gespeichert haben , und dann aktualisieren Sie die Seite und Sie werden sehen, dass dieser Divider, den Sie entfernt haben, tatsächlich verschwunden sein wird. Da ist es also. Es ist völlig verschwunden. Also werde ich tun, ist hier klicken und gehen Sie nach oben und beendete den Abschnitt hier oben so weiter in den Stil, den wir durch die Form teilen gegangen sind. Und schließlich haben wir die Typografie und wir brauchen die Typografie nicht zu berühren, weil wir bereits unsere globalen Werte für die Richtigen gesetzt haben, das tut auch nichts. Wir müssen es hier drinnen tun. Und schließlich haben wir die erweiterten Funktionen, die Sie eine Menge Dinge tun können, wie Sie in bestimmten Emotionen Effekte hinzufügen können , die Sie in Reaktionsfähigkeit hinzufügen können, um auf bestimmten Plattformen zu verstecken, wie Sie bestimmte Dinge auf Ihren Handys verstecken können, wie bestimmte Dinge mit einem Tablet, um das Design besser aussehen zu lassen. Aber wir werden diesen Hintern durchmachen. Wir gehen näher im fortgeschrittenen Abschnitt. Also im Moment bin ich super glücklich über den Hintergrund. Ich denke, es sieht wirklich schön, sauber und professionell aus. Und wenn wir nach unten gehen und wir auf Vorschau-Änderungen direkt dort klicken, können wir sehen, dass dies derzeit, was wir auf unserer Website hinzugefügt haben, und ich bin wirklich glücklich darüber. Das wird phänomenal sein und bemerkte, dass dieses rötliche Overlay das wirklich gefällt . Gehen wir also zur nächsten Vorlesung und beginnen mit der Bearbeitung unserer Überschrift. Richtig. Was wird das sein? Siehst du da, Jungs 12. Stellenbezeichnung: Alles klar, Leute, wenn wir diesen Vortrag sagen, werden wir gehen und die Überschrift für die Website-Bestellung aufgeben. Vielmehr der Titel, den wir hier schlagen wollen. Wenn wir uns also unser Logo ansehen, heißt es, Robin und Jesper kursen, um dein Leben zu verändern, damit wir diese Kurse nicht nutzen wollen, um dein Leben zu verändern. Wieder ein Slogan. Vielmehr wollen wir aussagekräftiger sein. Worum es bei den Kursen geht. Was wir dieses Thema anbieten, Nique. Lassen Sie mich Ihnen hier ein Beispiel zeigen. Nun, wenn wir zu Pat Flee gehen und seine Arbeit ist das ein intelligenter passiver Einkommens-Punkt-Com? Wir können sehen, dass er schreibt. Lassen Sie mich Ihnen helfen, ein passives einkommensgetriebenes Online-Geschäft aufzubauen Das ist es, was er anbietet. Er bietet an, um zu helfen. Du hast mich verloren, um ein passives, einkommensgetriebenes Online-Geschäft aufzubauen. Wir wissen, was wir hier bekommen. Das ist die Art von Beschreibung, nach der wir in unserer Überschrift suchen, richtig? Wenn Sie zu Wordpress Anfänger als auch gehen, sagt es Beginner Guide für WordPress. Starten Sie Ihre WordPress Blawg in wenigen Minuten. Das ist wirklich beeindruckend. Und das ist wirklich gut, weil ich weiß, was ich bekomme. Ich weiß, worum es bei der Website geht. Es gibt keine Verwirrung. Das ist genau das, wonach wir suchen. Also was? Ich werde voran gehen und hier zu tun, und ich denke, Sie sollten Anzug mit Ihrer Website folgen und mit Ihrem eigenen Titel ist, auf diesen Header klicken Sie hier. Und dann werden wir die Takes ändern und ich schreibe so etwas wie ein Geschäft, das leicht gemacht wurde . Lassen Sie uns Ihnen zeigen, wie. Und jetzt können wir sehen, dass alles hier hintereinander geschrieben ist, oder? Weil wir nur eine Spalte haben und sie nennen sie. Es ist wirklich klug. Alles. Der ganze Text geht so lange aus. Aber ich werde das eigentlich trennen, so dass wir dieses Stück Text unten bekommen, wenn es gut aussieht. Aber zumindest für den Moment, das ist es, was ich tun will. Aber das nimmt sich selbst an. Ist Business leicht gemacht Briefe zeigen Ihnen, wie es so ist? Was wir hier versprechen, ist, dass wir sicherstellen wollen, dass das Geschäft, das wir hier anbieten, einfach Business leicht gemacht wird. Lassen Sie uns Ihnen das Haus zeigen. Wir bieten an, um ihnen dabei zu helfen, Geschäfte zu erleichtern. Und ich denke, dass viele Leute da draußen das Gefühl haben, dass das Geschäft schwierig ist. Das Geschäft ist hart und wir sind stolz darauf, Lehrer gebeten, komplexe Dinge einfach zu machen. Und ich hoffe wirklich, dass ihr euch das Gleiche fühlt. Also haben wir unseren Slogan, der „Kurse“ sagt, um Ihre Lebensrechte zu ändern. Wir wissen schon, es geht um Kurse Robin und Jesper. Und dann haben wir Geschäft leicht gemacht Briefe zeigen Ihnen, wie, das ist ein wirklich cool der Titel oder Beschreibung aus, was wir tun. Der Versuch, das alles in einem zusammenzufassen. Also fangen wir an, das ein bisschen zu bearbeiten, oder? Das erste, was ich tun will, ist, das größer zu machen. Also werde ich auf die Falte klicken und ich werde auf X l klicken, um diesen Weg zu machen. Viel größer. Da gehen wir. Das sieht schon viel besser aus. Und wenn es um HTML-Tag geht, werde ich das im Alter von zwei Jahren behalten. Und der Grund dafür ist, wenn Sie es auf H eins halten, was natürlich größer ist wird das die Suchmaschine durcheinander bringen, weil die Suchmaschine nach einer Beschreibung von H sucht . Deshalb möchte ich den Großteil der Inhalte auf Alter in Ordnung halten, wir gehen durch die heutige CEO-Sektion gehen. Also willst du es auf zwei bis sechs Jahre halten? Ich werde das im Alter von zwei Jahren belassen und ich werde vorerst die Ausrichtung nach links haben. Das könnte sich ändern, wenn wir gehen. Es gibt keine Vorbereitung hier, wie ich diesen Titel machen werde. Dies ist die Unterzeichnung Esel, die wir gehen, was wahrscheinlich ist, was Sie mit Ihrer Website als auch tun werden, oder mit mehr Website, die Ihren Weg kommen kann. Das ist also sehr pädagogisch. Und dann könnten wir hier einen Link einfügen, wenn wir auf etwas verlinken wollen. Aber das werden wir nicht tun. Wir wollten nur beschreibend sein. Lassen Sie uns über zu Stil hier oben jetzt in Stil erscheinen. Wir werden etwas Wichtiges tun. Wir werden jetzt die Takes Farbe ändern, wie Sie sehen können, haben wir einen ziemlich dunklen Hintergrund, okay? Und wir haben auch diese rote Rückseite Overlay, was schön ist, aber die schwarzen Takes einfach nicht funktionieren. Und das ist, warum ich so glücklich, dass wir ausgewählt sind Farbpalette. Denn was ich tun werde, ist, hier zu klicken und dann wähle ich Weiß aus. Jetzt sieh dir das an. Leute dieses Papstes, das sieht so viel besser aus. Und das ist der Grund, warum die globalen Werte großartig sind, und wir werden sie wirklich nützlich sein, wenn wir bearbeiten. Aber wir werden die Dinge auch auf dem Weg ändern. So wie wir sehen können, nimmt dieses Weiß es schön in und macht die Dinge Pop große Zeit. Das gefällt mir wirklich. Wenn wir hier zur Typografie gehen, wechseln wir nicht das Telefon. Das, ich meine, das ist, dass es schon eingestellt ist. Aber wir können die Größe nicht weiter so ändern, wenn wir wollen. Ich werde mit so etwas gehen. Ich wollte ziemlich groß, oder? Das Gewicht. Das wird die Kühnheit sein, die wir schon gesetzt haben, dass ich sie nicht benutzen werde. Aber die Transformation ist eigentlich wirklich wichtig, zumindest in diesem Fall, weil ich dies in Großbuchstaben verwenden möchte. Schauen Sie sich diesen Titel an und verwenden Sie Großbuchstaben. Sie können sehen, dass dieser Papst viel mehr ist. Dies ist viel mehr von einem Titel jetzt aus einer richtigen Kopfzeile. Sie könnten auch etwas als Kleinbuchstaben oder Großbuchstaben normaler Standardwert verwenden. Aber ich genieße es wirklich mit dem Großbuchstaben. Wir haben Stil. Wenn Sie es kursiv verwenden möchten, zum Beispiel, möchten Sie in einem schrägen verwenden Es gibt viele verschiedene Optionen, die wir in der normalen verwenden können. Ich halte es einfach am Telefon, weil der Standard allgemein ist das Normale. Ich will nichts damit machen. Ich mag diesen ziemlich stabilen Stil, der hier vor sich geht. Dann können wir es mit einer Linie dekorieren. Aber das werden wir nicht tun. Wir machen es nicht flauschig, oder? Ich mag es sauber. Wir können hier die Linienlänge ändern. Wie Sie sehen können, beeinflussen wir den Anruf, der sie vor sich geht. Ich werde nur den gemeinsamen Satz treffen, um es zurückzusetzen, tun Sie es und dann können wir mit dem Buchstabenabstand spielen. Aber ehrlich zerstört das normalerweise die Schrift oder wir werden auch nicht damit spielen. Ich klicke auf Befehl und sagte für ungebührliche Es geht, ich werde das hier unten drücken. Das gefällt mir bisher wirklich. Und dann können wir auch in einem Schattenschießen hinzufügen. wollen wir jetzt tun. Ich bin in der Regel kein großer Fan, mit Schatten zu spielen und mit solchen Effekten zu . Wenn ich mag, was ich sehe, was ich jetzt mache. Also werde ich eigentlich nichts damit machen. Wenn Sie mit Schatten spielen möchten, können Sie voran gehen und fügen Sie eine Farbe kann eine dunklere Farbe sein. Könnte eine Farbpalette sein. Und dann gehen Sie einfach weiter und spielen Sie mit dem Unschärfen, der Horizontalen, der Vertikalen. Und du wirst die Veränderung bemerken, die es hier im Hintergrund macht. Sie können sehen, wie es geht und sagte es, wie Sie wollen. Ich werde auf Zurück zum Standard klicken, weil ich es überhaupt nicht verwenden möchte, dass wir den Mischmodus haben und der Mischmodus wird wie Vorlagen sein und wir werden nicht im Tempel verwenden , weil wir bereits gesagt haben, oder auf Farbe, Richtig. Wenn ich Sie schreien, zum Beispiel, das wird einen bestimmten Effekt für den Gebrauch Unterschied hinzufügen, das wird einen bestimmten Effekt hinzufügen, ich werde es normal halten, und dann können wir weiter zu fortgeschritten in ihm . Hier fangen die Dinge an, ein wenig interessant zu werden, denn hier können wir die Margen ändern , wie wir es auch früher gesehen haben. Wenn ich also die Ränder auf 50 sagte, kann ich diese ganze Spalte erweitern. So erhalten Sie ein bisschen mehr Optionen, nicht nur, wie und wo Sie die Takes setzen, sondern auch für die anderen Spalten sind um. Also werden wir mit diesem spielen. Wir beenden diese Homepage ein bisschen mehr gegen Ende. Wie wir aussehen wollten und dann haben wir die Polsterung ist, dass wir auch ändern können, was eine ähnliche Wirkung hat. Wir haben auch die besagte Index CSS-CSS-Klasse und das ist alles für die Codierung. Wir werden keines von diesen benutzen. Und hier drin haben wir Dinge wie Bewegungseffekte und Bewegungseffekte. Sie können übergeben werden, wie Sie sehen können, wenn ich schwächen könnte, hier verblassen, zum Beispiel, wir werden eine gewisse Wirkung auf diese Sticks zu bekommen. Wenn ich also auf das Ausblenden klicke, bekommen wir einen gewissen Effekt. Wenn ich runtergehe und eine Vorschau betrachte, können wir sehen, was passieren wird, wenn die Seite geladen wird. Das ist also die vorherige und das ist, wo wir jetzt sind. Und so wird der Text eingebrochen. Nun, was ich daran nicht mag, ist, dass es irgendwie von der Benutzererfahrung nimmt. Meiner Meinung nach, wenn es zu Ihrem Design passt, verwenden Sie es absolut. Ich meine, du kannst wirklich beeindruckende Sachen damit machen, aber ich bevorzuge sie oder sauber. Willst du auf die Website gehen, willst du die Informationen schnappen, die du suchst? Du willst eine schöne Erfahrung haben und dann generell mit deinem Leben weitermachen, und die meiste Zeit werden diese Effekte Platz in Anspruch nehmen. Also werde ich hier nicht mit ihnen spielen, weil ich diesen sauberen Look mag und ich nicht das Gefühl habe, dass sie einen Beitrag leisten werden. Beschränken Sie sich nicht. Spielen Sie mit ihnen so viel wie Sie wollen. Du wirst ein Auge dafür haben. Auf jeden Fall. Also klicke ich nach unten, um das zu beheben. Wir haben auch Hintergrund. Und denken Sie daran, jetzt arbeiten wir mit dieser Kolumne. Also jeder Hintergrund, zum Beispiel, Hintergrundfarbe, die ich hinzufüge. Es wird in dieser Spalte sein. Das ist also der Abschnitt Dieser Abschnitt ist jetzt wirklich groß. Wir haben es riesig gemacht. Und innerhalb des Abschnitts haben wir das Hintergrundbild und den Einblick aus diesem Abschnitt. Wir haben den Anruf. Wir haben das schon vor und innerhalb dieser Kolumne durchgemacht. Ich kann die Farbe ändern. Schauen Sie sich das zum Beispiel an. Jetzt habe ich die Farbe der Hintergrundfarbe aus dem rufenden Schwarz sieht schrecklich aus. Ich klicke auf „Löschen und das werde ich nicht benutzen. Aber ich will dir zeigen, dass du das kannst. Also der Harbury-Effekt. Es ist auch sehr interessant, denn wenn ich zum Beispiel den Hafeneffekt verwende , und ich gehe hinein und ich eine Farbe hinzufüge, sagen wir, dass ich eine graue Farbe wie diese hinzufügen werde, so etwas. Also, was jetzt? Ich fahre mit der Maus über. Sie können sehen, dass wir diesen Effekt in Gang bringen, und das sieht jetzt nicht zwei Nächte aus, aber Sie können die Dinge wirklich schön aussehen lassen. Besonders später in den Gerichten. Wenn wir anfangen, in den Kursbereich hinzuzufügen und Sie den Mauszeiger über, wollen Sie diesen Hover-Effekt haben, weil er alles so viel professioneller aussehen lässt . Aber wir werden es nicht für die Homepage dieses Abschnitts hier benutzen. Also klicke ich, unklar, werde das hier runterklicken und ich werde den Hintergrund zusammenbrechen, dass wir Grenze und Grenzen haben , genau wie vorher. Sie können die Rahmen ändern, indem Sie zuerst einen wie diesen Volumenkörper auswählen, den wir in einer Zahl hinzufügen können und dann erhalten Sie einen Rahmen um die Spalte. Wo ist vorher? Wir haben einen Rahmen um den Abschnitt herum, weil wir in dem Abschnitt bearbeitet haben, aber wir werden diesen hier nicht verwenden. Ich werde das hier in Non s Nun drücken, aber die Grenze ist sehr ähnlich. Dann haben wir benutzerdefinierte Positionierung, und im Moment verwenden wir Standard, oder? Wir könnten so etwas wie voll mit tun, wie, ich habe Ihnen den Unterschied gezeigt mit voll mit. Es wird viel mehr Platz in Anspruch nehmen und die Dinge ganz anders machen. Aber wir können auch die Positionierung nutzen, oder? Die Position könnte also etwas sein, das absolut genannt wird. Wenn ich es benutzt habe,ist es so absolut. Wenn ich es benutzt habe, Ich bin in der Lage, es tatsächlich so zu ziehen und abzulegen, und das bedeutet, dass es dort auf dem Bildschirm bleiben wird. Das Problem mit diesen würde mit dieser Art von absoluten spielen und behoben, das ist, dass diese in der Regel nicht sehr ansprechbar sein werden. Also ziehe ich es vor, es einfach an der Schuld zu halten und nicht mit der benutzerdefinierten Positionierung zu spielen, weil es das durcheinander gebracht hat. Die Reaktionsfähigkeit für das Tablet, für Handy und für Ihre Website manchmal. Aber es gibt auch mit der Überlauffunktion wird dies davon abhalten, zu viel durcheinander zu bringen . Im Allgemeinen empfehle ich, es einfach zu halten und erlauben elementare und lassen Sie Ihr Thema, um es gut innerhalb der Grenzen zu machen . Das ist, so werden wir benutzerdefinierte Position zusammenbrechen und dann haben wir reaktionsschnell und reaktionsschnell Teil ist wirklich interessant, denn wenn wir jetzt schauen und wir wissen, dass wir diese Spalte direkt mit diesem Element bearbeiten . Also, wenn ich zum Beispiel auf Ausblenden auf Laptop hier klicken und ich hier klicken, um zu verstecken und jetzt ich Vorschau der Änderungen, werden Sie sehen, dass dieser Text wird verschwinden, oder? Also ist es im Editor nicht wirklich überlegen, aber es verschwindet für die letzte Änderung im Vorschaumodus, und ich kann das gleiche auf den Tablets tun. Also, wenn ich ein Tablet und ich gehe nach unten verantwortlich und ich gehe auf Tablet. Dies wird nicht für diejenigen mit einem Tablet angezeigt werden, aber wird für diejenigen mit einem Handy zeigen. Du siehst das nicht elementar, aber das wird der Effekt sein, wenn Leute die Website vom Handy oder Tablet betreten , wie wir es in einer Vorschau getan haben. Nun, das Interessante, das wirklich gute daran ist, dass man Dinge für eine viel sauberere Anzeige bearbeiten kann, richtig? Also, wenn ich das nicht mag, will ich nicht, dass das auf dem Handy erscheint. Ich könnte einfach auf Ausblenden auf Mobile klicken und dann wird dies nicht für Menschen zeigen die Website auf ihrem Handy betreten. Aber wenn Sie es auf dem Tablet eingeben oder wenn Sie auf dem Desktop eingegeben haben, wird es den wirklich, wirklich schlechten Teil damitzeigen wirklich, wirklich schlechten Teil damit , ist, dass dies immer noch geladen wird, oder? Und das Problem dabei ist, dass wir es einfach entfernen, anstatt etwas Anpassung zu machen, um es gut aussehen zu lassen. Insgesamt wird es es nur verstecken, es geladen, aber nicht zeigen, was bedeutet, dass es Ihre Website verlangsamen wird, wenn Sie diese Funktion viel verwenden. Wenn Sie also ein riesiges schönes Bild hinzufügen, zum Beispiel für Desktop auf Lee und dann auf Erhöhte Tablet und Mobile klicken, bedeutet das, dass sie immer noch auf dem Talbot und auf dem Handy geladen werden. Und das wird die Ladezeit verlangsamen, obwohl es nicht angezeigt wird. Also benutze die wirklich sparsam, okay? Und schließlich haben wir den Brauch. Siehst du, es steht, aber das ist ein Profi-Feature, und das werden wir sowieso nicht benutzen. Also, wenn wir zurück zum Inhalt gehen, haben wir zurück in den Desktop-Modus, können wir sehen, dass dies ist, was es jetzt ist, wie es aussieht. Also, wenn ich diesen Sprung nach unten haben will, muss ich nur hier reinklicken und es springt von selbst nach unten. Also, wenn ich möchte, dass dies nach unten geht, muss ich nur hier klicken und Enter drücken, richtig. Also, wenn ich Enter drücke, können Sie sehen, dass ich in der Lage bin, Räume wie diese zu machen. Aber ich will nicht diesen kleinen Platz haben, den ich hier drin gemacht habe. Also machen wir das noch einmal und ich werde hier in Enter treffen und jetzt bekommen wir einen viel netteren Blick. Also willst du hier nicht so eintreten, wie ich es getan habe. Das ist ein Rookie-Fehler, wenn man zu schnell tippt. Sie möchten voran gehen und drücken Sie Enter in der Box, um es ein Teil nach unten springen zu lassen. Das sieht also wirklich gut aus. Das gefällt mir jetzt. Ich mag die ideale Position dafür nicht. Wenn Sie voran gehen und wir könnten Preview Änderungen kommen, zum Beispiel, können wir sehen, dass wird irgendwo in der Mitte Business leicht angezeigt werden. Lassen Sie uns Ihnen zeigen, wie ich höher sein wollte. Ich wollte irgendwo hier sein. Aber um das zu erreichen, müssen wir eins der folgenden Dinge tun. Wir müssen zu Elementen gehen und wir könnten so etwas wie einen Abstandshalter verwenden. Wenn ich hier unten ein Leerzeichen hinzufüge oder unten, kann ich die Größe dieses Abstandshalters ändern und es in die Position bringen, die ich will. Aber die Sache ist, dass wir noch mehr Dinge hinzufügen werden. Wir werden Dinge hinzufügen, wie wir vielleicht eine Unterüberschrift verwenden wollen, wir wollen vielleicht eine Beschreibung verwenden, und wir wollen einen sogenannten Call to Action unten verwenden. Und all diese Dinge werden in den Positionen von diesen geändert werden, zum Beispiel, aus dieser Überschrift der Beschreibung von der Unterposition usw. Also werde ich das hier vorerst lassen. Und dann, wie wir weitergehen, werde ich weiterhin die Positionen wechseln und Elemente hinzufügen, die den Abstandshalter gebeten haben, sie in diesen Ort zu bringen, den ich will, dass sie sein. Aber noch einmal, Leute, so sieht es jetzt aus, alle Anpassungen, die wir wirklich hier machen mussten, war, den Text weiß zu machen, um ein Leerzeichen im Text zu machen und dann sicherzustellen, dass es ein Hier drin geht es gut, weil ich das hier oben etwas aufstellen werde, und dann werde ich die Beschreibung haben und ich werde einen Call to Action unten haben. Und ich könnte sogar die Größe davon vergrößern. Wir werden sehen, wie es mit dem Rest vom Design passt. Aber das ist es, wofür ich mich bisher entschieden habe. Ich hoffe, Sie wissen, wie Sie den Titel jetzt gut erstellen können. Und wie immer, wenn Sie Fragen haben, gehen Sie weiter und sprechen Sie mit uns. Wird in der Q und A und eine letzte Erinnerung sein. Tun Sie nicht so, wie ich es getan habe, und treffen Sie hier den Raum. Sie wollen hier klicken und Sie wollen hier Raum treffen, richtig? So springt man richtig runter. Tut mir leid. Also, Leute, ich sehe euch in der nächsten Vorlesung. 13. BESCHREIBUNG: Okay, Leute. Also in diesem Vortrag werden wir weitermachen und unsere Beschreibung festlegen. Nun, eine Beschreibung wird das Stück Text sein, das sich unter dem Titel oder der Kopfzeile befindet. Sie können diese austauschbar verwenden. Wie nennst du es? Eine Überschrift oder ein Titel. Wenn wir Pat Flynn noch einmal überprüfen,können wir das sehen. Wenn wir Pat Flynn noch einmal überprüfen, Seine Beschreibung hier stellt sich vor, und er sagt uns genau, was er tun wird. Ich machte, um Sie durch meine eigenen Experimente zu zeigen. Genau das, was könnte den Handel Zeit für Geld stoppen und beginnen, eine basiert in, die für Sie funktioniert . Ich bin hier, um Ihnen zu zeigen, wie es funktioniert. Jetzt. Das passt so gut. Außerdem, dass er Hi sagt, ich bin Pat Flynn, weil er ein Foto von sich hat. Was wir jetzt tun wollen, ist, genauer zu erklären, worum es geht und was wir tun. Aber zur gleichen Zeit haben wir eine begrenzte Menge an Platz. Er benutzt schon ziemlich viel Platz oder ziemlich viel Text. Und wir erwarten nicht, dass jeder das liest, wegen der Aufmerksamkeit. Also habe ich empfohlen, dass wir kurz in dieser etwas unten und dann lassen wir ein wenig entdeckt werden . Zum Beispiel schreibt er. Ich bin hier, um Ihnen zu zeigen, wie es funktioniert. Das macht mich wollen, um den Knopf drücken, der mehr erfahren sagt, richtig. In der nächsten Vorlesung erstellen wir unseren eigenen Button mit einem Call to Action. Sehen Sie, Ta. Jetzt erfahren Sie mehr. Hier ist der Aufruf zum Handeln, weil Sie inspiriert, aber es braucht Sie, um mehr zu erfahren. Also, was wir voran gehen und tun, ist auf unsere Website zu gehen, die wir erstellen, und werfen einen kurzen Blick jetzt, es sieht so aus, und wir werden den Text hier unten ablegen. Jetzt, wenn wir weiter bauen und mehr Dinge hinzufügen, werden wir über Tennis hinzufügen. Nun, das wird die Position ändern, was perfekt ist, weil ich das etwas höher will. Aber wir werden ein paar Anpassungen vornehmen, danach fragen, und ich zeige Ihnen, wie das funktioniert. Also gehen wir hier rein und ich klicke und ziehe den Texteditor und dann siehst du wo die blaue Linie ist, die gezeigt hat, wo sie hingestellt werden soll. Also werde ich es hier unten setzen. Okay, jetzt haben wir diesen Text los. Nun, ich habe hier etwas geschrieben. Also alles, was ich tun werde, ist richtig. Klicken Sie auf Einfügen und ich habe Großbritannien. Sie möchten Ihr Geschäft aufbauen oder erweitern, wissen aber nicht, wo Sie anfangen sollen? Und Briefe zeigen Ihnen, wie buchstäblich. Und der Punkt hier ist, dass die Art, natürlich, ist, dass wir tun Diese Art von Tutorials, die wir anbieten, werden auf dem Bildschirm sein und wir zeigen jedem, was wir tun Schritt für Schritt genau so, wie wir jetzt tun. Das ist also viel einfacher zu lernen und zu verstehen, weil Sie sehen, was ich tue, und ich zeige Ihnen, wie es funktioniert. Und hoffentlich haben Sie auch das Gefühl, dass dies wirklich einfach zu lernen ist. So habe ich wenigstens das Beste gelernt. Dieser Text ist ziemlich Rätsel, denn sonst wären sie den ganzen Tag hier. Ich bin nicht so spontan kreativ, und wir werden es benutzen, aber wir werden es jetzt ändern. Das erste, was wir hier betrachten, ist, dass wir unsere Standardfarbe verwenden, die großartig ist und einen guten Anrufer macht, aber nicht auf diesem Hintergrund. Also werde ich sofort zum Stil gehen. Ich gehe zum Text Color, und ich werde es auf Weiß ändern. Ich werde nur auf weiß hier klicken und da gehen wir schon. Es fängt an, so viel mehr zu Papst zu werden. Jetzt werde ich auch zur Typografie gehen, um Dinge wie diese Größe und alles zu verändern . Also, was ich tun werde, ist die Größe hier zu ziehen und sie einfach groß zu machen. Du bist nicht so groß. Machen Sie es größer. Vielleicht so etwas wie etwa vier Sie wollten mit 40 anfangen. 38 würden sie gehen. Und ich will auch ein paar Zwischenräume dazwischen. Also werde ich die in Sätzen aufstellen lassen. Ich klicke auf Pflege und drücke, Enter, und er wird runterspringen, und ich werde diesen Raum entfernen. Sie würden gehen, und ich werde das Gleiche tun. Ich klicke auf die Eingabe und dann werde ich den kleinen Platz entfernen. Okay, Moment sieht es so aus. Das ist ein bisschen zu groß für meinen Geschmack. Ich werde die Größe verringern. Gehen wir vielleicht zu so etwas. Ich denke, 23. Ich denke, das sieht wirklich gut aus, aber ich schätze den Raum dazwischen nicht, richtig? Ich wollte viel kollektiver sein, also gehe ich auf die Zeilenhöhe runter, und ich werde einfach anfangen, damit herumzuspielen und ich werde es etwas haben. Mawr. Da gehen wir. Ich denke, das sieht wirklich gut und natürlich aus. Richtig. Also werde ich das hier runterklicken und dann hasse ich Vorschau-Änderungen, und wir werden sehen, was hier passiert. Sie sind also her. Ich denke, es sieht schon viel besser aus. Aber ich denke, es ist ein bisschen zu klein. Also werde ich weitermachen und das ändern. Ich gehe hier rein, um zur Typografie zu gehen, und ich werde die Größe vielleicht 28 vergrößern. 27. Okay, ich werde noch einmal Vorschau-Änderungen treffen. Okay, es sieht also ziemlich gut aus. Nun, ich genieße das, weil es lesbar ist, was wirklich wichtig ist. Allerdings möchte ich eigentlich ein bisschen mehr Platz. Und ich möchte die Größe dieses Titels im Vergleich größer machen. Also werde ich weiter gehen, zurück zur Typografie gehen und die Zeilenhöhe erhöhen. So etwas. Da gehen wir. Da gehen wir. Ich finde, das sieht wirklich schön aus. Ich gehe voran und klicke hier auf den Titel, und dann werde ich zu Style-Typografie übergehen. Und ich werde das etwas auf, sagen wir, 45. Da gehen wir. Ich klicke wieder auf diesen. Und jetzt werde ich Vorschau-Änderungen heizen, damit du sehen kannst, was passiert. Geschäft leicht gemacht. Lassen Sie uns es Ihnen zeigen. Wie möchten Sie Ihr Geschäft aufbauen oder erweitern, wissen aber nicht, wo Sie anfangen sollen? Lassen Sie uns es Ihnen zeigen. Buchstäblich perfekt. Das gefällt mir wirklich. Ich werde hier eine weitere Abnahme der Größe machen und dann endlich eine Vorschau gegen. Das ist also der Gestaltungsprozess. Es wird diese kleinen Verbesserungen in den kleinen Verbesserungen dort sein, bis du mit dem zufrieden bist, was du siehst. Also genieße ich das wirklich. Eigentlich denke ich, dass das ganz perfekt geworden ist. , Was ich nicht genieße,ist, wie der Titel direkt in den Mond geht. Ok. Was wir also tun können, ist tatsächlich die Positionierung vor dem Hintergrund verändert. , Denk dran, wir werden hier unten noch etwas hinzufügen. Das ist der Aufruf zum Handeln unten, richtig? Wir wollten etwas schreiben, wie, mehr lernen oder hier anfangen, so etwas. Aber wir werden das unten mit dem Anfang hier verknüpfen, Seite, die wir später aufbauen werden. Du folgst mit. Richtig? Also erklären wir uns hier oben. Business machte einfache Briefe. Zeig dir, wie, richtig. Also, wie sollen sie uns zeigen? Wir erklären, dass es uns darum geht, aus dem Geschäft etwas Leichtes zu machen. Und wir wollen Ihnen zeigen, wie wir das machen. Möchten Sie Ihr Geschäft aufbauen oder erweitern? Nun, wenn Sie an der richtigen Stelle sind, oder? Das ist so ziemlich das zugrunde liegende Sprichwort. Aber wissen Sie nicht, wo ich anfangen soll. Lassen Sie uns Ihnen zeigen, wie buchstäblich. Wirklich gut. Es ist ein Anreiz, die richtigen Leute anzuvisieren. Und dann werden wir noch mehr erfahren. Aber für den Hintergrund jetzt, obwohl wir vielleicht Mikrochips haben, möchte ich Ihnen zeigen, wie Sie auf dem Weg können. Micra. Nur diese Dinger. Sie sehen wirklich gut aus. Also, was ich tun werde, ist zu L. zu einem Mentor nach Hause zu gehen , und ich gehe zurück und klicke auf den Editierbereich. Und dann, wo wir Stil haben, gehe ich runter zur Position, siehst du, wo es ist? Standardwert. Und ich werde nur versuchen, Center Center Center und sehen, was passiert. Du wirst sehen, dass der Hintergrund, das Bild selbst. Es ändert sich ein wenig, weil es den Brennpunkt im Hintergrundbild ändert. Also werde ich voran gehen und klicken Sie auf Vorschau-Änderungen und schauen Sie sich den einfachen Teil dort an und sehen wie es sich bewegt. Und jetzt haben wir den Mond, der aufrechtes Geschäft leicht bewegt hat. Lassen Sie uns es Ihnen zeigen. Wie suchen Sie Bill, um Ihr Geschäft zu erweitern? Ich weiß nicht, wo ich anfangen soll. Lassen Sie uns Ihnen zeigen, wie buchstäblich. Also liebe ich das. Ich liebe es absolut. Wir passen den ganzen Text innerhalb des Luftballons und unter dem Mond, und das wird wieder auftauchen. Aber dann werden wir nur im Hintergrund mikro, um alles schön aussehen zu lassen. Also in der nächsten Vorlesung, Jungs, werden wir bauen, die hier beginnen oder mehr Hintern lernen, je nachdem, was ihr interessiert seid . Aber so erstelle ich den Titel, die Beschreibung und dann einen Aufruf zum Handeln darüber. Und dann haben wir diesen Hintergrund, richtig? Es gibt mehr Möglichkeiten. Wir können hier spielen, wenn es um den Stil aus der Beschreibung geht. Aber persönlich denke ich, wenn du die Größe nagelst und wenn du den Buchstabenabstand nagelst und wir nicht in einem Dekorationsgewicht oder so herumspielen, dann bist du gut, richtig zu gehen. Sieht perfekt aus. Keine Notwendigkeit, es komplizierter zu machen, als es sein muss. Gehen wir zur nächsten Vorlesung. Tolle Arbeit. 14. CTA: Alles klar , in diesem Vortrag werden wir weitermachen und unseren Aufruf zum Handeln unten schaffen. Also, mit anderen Worten, wir wissen, wenn wir bisher getan haben, haben wir den Titel Geschäft leicht gemacht. Lassen Sie uns Ihnen zeigen, wie. Dann haben wir eine Beschreibung gemacht, die geht, Sind Sie bereit, Ihr Geschäft aufzubauen oder zu erweitern, aber wissen nicht, wo Sie anfangen sollen? Lassen Sie uns Ihnen zeigen, wie buchstäblich. Jetzt wollen wir ihnen erlauben, eine Art von Aktion jetzt zu ergreifen, denn dies nimmt eine Aktionsschaltfläche , die besagt, zum Beispiel, mehr erfahren würde am sinnvollsten für Ihren Dienst machen. Vielleicht bieten Sie eine kostenlose Beratung, Es könnte sagen, behaupten Sie das Angebot. Word könnte sagen, kontaktieren Sie uns, oder es könnte sagen, abonnieren. Jetzt rufen sie zum Handeln wird in erster Linie von Ihrem Dienst abhängen. Aber auch, natürlich, was Sie über den Service schreiben, Was Sie auf Ihrer Titelseite anbieten. Nun, die Idee hier ist, zu erklären, worum es geht, was wir tun, was wir zu bieten haben, und dann diesen Call-to-Action-Button zu erstellen, der sie dazu bringt hier jetzt anzufangen. Wir hätten diesen Anfang auch hier nennen können, aber ich möchte, dass sie die Fähigkeit haben, mehr zu lernen, die etwas anderes bieten als den Start hier. Auch wenn es dasselbe ist, oder? Weil sie interessiert sind und mehr erfahren wollen. Fangen Sie hier an. Das bedeutet eher eine Aktion zu ergreifen. Sie beginnen etwas, aber erfahren Sie mehr. Das ist immer noch aus Interesse an Neugier. So ist es einfacher für sie, diesen Boden im Allgemeinen zu drücken. Also werden wir weitermachen und die Schaltfläche erstellen, und es könnte nicht einfacher sein. Leute, alles, was ihr tun müsst, ist, auf eure Worte auf den Knopf zu klicken, und wir ziehen ihn und legen ihn unten. Hier und jetzt haben wir unseren Hintern. Also lassen Sie uns anfangen, dies zu bearbeiten, so dass es gut aussieht und es zum Thema passt. Jetzt tut es das schon, denn es hat die Akzentfarbe, die wir dafür gesetzt haben, was perfekt zu unserem Thema passt, also ist das wirklich praktisch. Aber ich möchte das jetzt noch ändern. Die erste Option, die wir hier oben haben, ist der Typ. Jetzt müssen wir uns damit nicht beschäftigen, denn wir haben bereits die Farben gesetzt und abgestimmt auf sie und alles. Aber hier haben wir einige interessante Vorlagen, wenn Sie so wollen. Das wird Ihnen erlauben, zum Beispiel, das Grün für den Erfolg. Warnung dieser Luftsaft, wissen Sie, empfahl Anrufer für diese Art von Gefühl oder Gefahr, die die dunklere Form von rot ist. Jetzt werden wir mit Standard gehen, was die Farbe ist, die wir unsere Farbpalette mit unseren globalen Werten senden, weil sie wirklich gut zu den Themen passt . Also werden wir nicht damit herumspielen, aber der Text, Natürlich werden wir mit uns herumspielen, wir werden keinen Text haben, der „Klickpflege“ sagt. Jetzt werde ich mehr für diese Takes verwenden. Aber noch einmal, der Text, den Sie wählen, hängt davon ab, was Sie fahren. Im Allgemeinen ziehe ich es vor, mehr zu schreiben, anstatt hier zu beginnen, vor allem, wenn ich hier einen Anfang habe. Unten oben, weil ich finde, dass es generell einfacher für Leute ist, auf zu klicken, mehr zu erfahren, anstatt hier zu beginnen. Okay, jetzt, das nächste, was wir diesen Link haben, wollen wir, dass der Knopf etwas tut. Also die Idee ist, dass wir für sie, um mehr zu erfahren , weitermachen und sie in unseren Start hier einleiten werden. Seite. Okay, also was wir tun werden, ist, dass wir hier rauf gehen, um hier anzufangen, richtig? Klicken Sie auf, und wählen Sie Link kopieren aus. Und dann klicken wir einfach hier, entfernen Sie dieses Zeichen rechts, klicken Sie und fügen es ein. OK, also jetzt, wenn ich voran gehen und ich könnte schwächen Vorschau Änderungen und dann gehe ich, um mehr zu erfahren, und ich klicke dort wird mich zum Start hier Seite nehmen Sie sehen können. Ich meine schon. Wenn Sie dieses Design mit dem vergleichen, was wir jetzt tun, es ist eine ganz neue Ebene, dank l ein Mentor. Aber wie auch immer, hier werden wir sie trichtern. Und natürlich natürlich werden wir uns ändern. Das ist gut, wir werden das mit elementaren neu gestalten. Aber jetzt haben wir den Zweck für unsere Tasten festgelegt. Also lasst uns wieder hier klicken. Also jetzt wissen wir, dass, wenn sie schwächen könnten , mehr erfahren, sie auf die Startseite hier gebracht werden, was sich von dieser Homepage unterscheidet, die wir haben. Und wir haben durchgemacht, was sie tun, wie sie funktionieren. Ich hoffe, du erinnerst dich. Das nächste, was wir tun können, ist die Ausrichtung zu ändern. Ich ziehe es vor, es so in der Linie zu haben. Also, wenn Sie sehen, wir haben den Titel, das ist perfekt im Einklang mit der Beschreibung. Das ist perfekt im Einklang mit dem Knopf, und ich bevorzuge es, es so zu behalten. Ich mag diesen sauberen Linienlook wirklich. Also, jetzt werden wir das behalten, und dann können wir diese Größe ändern und ich ziehe es vor, mit einer mittelgroßen Größe zu gehen, weil ich denke , dass es ein bisschen mehr Päpste. Wenn wir den Unterschied von hier nach hier sehen. Ich denke nur, es sieht schöner aus. Ich bevorzuge ein wenig mehr Websites. Es passt ihm einfach besser. Und dann gehen wir runter. Wir haben etwas. Wir sind das cool. Ich kann das Symbol in alles ändern. Wir können das Adressbuch aussehen, wir können das haben, sagen wir, sie haben Muskel-Logo. Wenn Sie möchten, dass diese urkomisch, dass die Amazon Logger hier drin, ich meine, im Grunde alles Apfel. Sogar es gibt eine Menge von mir hier herein, um aus zu wählen, aber ehrlich gesagt, nicht für diese Art von Knopf. Ich empfehle es wirklich nicht, wenn Sie etwas bei Amazon verkaufen. Natürlich könnte es cool sein, diese Art von Schaltfläche für den Kauf hinzuzufügen, dass. Und dann könntest du einen Affiliate-Link haben, usw. Aber nicht dafür. Ich empfehle das nicht. Und dann haben wir über ein I D. , aber wir geben ihm keine Ahnung. Das müssen wir nicht tun. gehe hinüber, um ein paar Dinge zu stylen, die ich damit ändern möchte. Und die erste ist nicht Typografie, und wir können sehen, dass es sagt mehr lernen. Ich möchte, dass das in der ganzen Hauptstadt ist, und ich möchte das etwas dicker, ein bisschen dicker machen . Also werde ich runtergehen. Und das erste, was wir hier haben, ist Familie. Und denken Sie daran, dass wir bereits globale Werte zentrieren. Wir haben schon unseren Spaß. Ich bin super glücklich damit. Ich finde, es sieht toll aus. Und dann haben wir Größe, und wir haben es bereits zu Medium gesagt. Aber wenn Sie einen tieferen Blick haben und genauer sein wollen, können Sie es einfach hier einstellen. Aber Medium ist etwa dritte Szene 14 Sommer. Ich werde es so auf 14 setzen. Nun, das Warten ist die Dicke des Textes. Ich werde es zu fett setzen und du siehst, dass es ein bisschen dicker wird. Und das gefällt mir wirklich. Und dann klicke ich auf Transform, und ich werde die Großbuchstaben verwenden. Und im Grunde verwende ich immer Großbuchstaben auf allen Tasten. Ich denke nur, es sieht so viel besser aus. Ich denke, es Päpste viel mehr, und das gefällt mir wirklich. Ich werde nichts im Stil tun. Ich werde nichts in der Dekoration tun, und dann haben wir die Strichhöhe. Das werde ich nicht anfassen. Wie Sie sehen können, wird es die Box so etwas ändern, aber wir werden nicht damit herumlaufen. Wir werden es auf verschiedene Arten ändern, mit den Rändern, und das ist in ein bisschen. Dann haben wir den Buchstabenabstand und seien Sie wieder vorsichtig damit, weil es die Front durcheinander bringt. Ich werde es nicht anfassen. Also gehen wir hin. Darüber freue ich mich wirklich. Was wir jetzt auch tun können und das ist spannend. Ich liebe es wirklich, den Hafeneffekt zu verwenden, denn wenn wir die Änderungen in der Vorschau sehen, die nur getan hätten. Wir können sehen, dass es wirklich schön aussieht. Ich genieße das. Sieh dir eine große Zeit aus, okay? Aber nichts passiert, wenn ich mit der Maus über die Maus schwebe. Und für mich, wenn es etwas los ist, wenn ich meine Maus über das schaue, bedeutet eigentlich viel Qualität und Professionalität und auch seine Highlights befriedigend. Es bedeutet, dass etwas passieren kann, wenn ich dort klicke. Daher bin ich viel wahrscheinlicher zu klicken. Irgendwie symbolisiert, Hey, Hey, klicken Sie auf mich wirklich effektiven Weg, um die Leute dazu zu bringen, darauf zu klicken und auch für das Design. Ich finde, es sieht toll aus. Also gehen wir zurück und wir werden sicherstellen, dass, wenn Sie darüber schweben, etwas passiert. Also das erste, was Sie tun wollen, ist schauen, schweben und dann gehen wir zu Worten, ist Hover-Animation direkt hier drin? Es gibt eine Reihe von verschiedenen Animationen. Und wenn Sie darauf klicken, zum Beispiel, Bob und ich schweben mit der Maus über, Sie können sehen, was es tut, oder? Sie können sehen, was die Animation ist. Schräg. Ich klicke darauf oder es tut mir leid. Ich bewege mich mit der Maus darüber. Sie können sehen, was passiert Jetzt, wenn es um Schaltflächen geht, gibt es nur eine Onley, eine Animation, die ich jeden benutze und das ist die wachsende Animation. Und es sieht so aus und ich genieße das wirklich. Ich denke, es gibt ihm so einen professionellen Pop-Effekt. Und um ehrlich zu sein, ich denke nichts von diesen Effekten. Sieh so gut aus, es sei denn, du hast ein wirklich nettes Team, das Hand in Hand damit geht. Ich meine, all diese Effekte hängen davon ab, wie Sie sie in Ihrem Design verwenden. Aber im Allgemeinen gehe ich nur mit dem Wachstumseffekt. Nun, das sieht wirklich schön aus. Wenn wir voran gehen und wir Vorschau auf diese Änderungen und ich meine Maus über so bewegen, bekommt es diesen wirklich schönen Pop-Effekt. liebe ich Eigentlichliebe ichdas. Das ist also genial. Ich mag diese große Zeit jetzt. Ich möchte, dass dir etwas anderes zustößt. Wenn ich also mit der Maus über gehe, möchte ich, dass es springt und sah auch so aus, als ob ich etwas auswähle. Du weißt wahrscheinlich, was ich meine. Wie wenn Sie etwas auswählen, können Sie sehen, dass es die Farbe wie dieses oder dieses ändert, oder wenn Sie mit Dateien oder Karten arbeiten. Wenn Sie darauf klicken, wird es ausgewählt. Also möchte ich diese ausgewählte Ethik geben, wenn ich meine Maus hierher schiebe. Und die Art und Weise, wie ich das tun werde, ist, gehen Sie voran und ändern Sie die Hintergrundfarbe, so dass es ein wenig heller wird, wenn ich schwebe. Meine Maus über ist eine subtile Veränderung, aber es hat einen großen Einfluss. Es packt einen Schlag. Auf jeden Fall. Also, was wir tun werden, ist auf die Hintergrundfarbe klicken, und hier ist, wo wir es ein wenig leichter machen können. Jetzt können Sie sehen, dass die Farbe, die wir verwenden, es ist nicht wirklich hier drin. Also, was wir tun werden, ist hier oben links zu gehen und wir gehen zu Standardfarben. Und ich werde darauf klicken, lesen, dass ich so viel genieße und ich werde voran gehen und ich werde diesen Farbcode kopieren . Und dann gehe ich einfach runter und klicke auf diesen Knopf. Da gehen wir. Und jetzt komme ich wieder hier rein. Ich werde noch einmal auf Hover klicken, und dann werde ich auf Hintergrundfarbe klicken. Okay, also alles, was ich jetzt tun muss, ist hier rein zu klicken, es in die Treffermitte einzufügen, und da gehen wir. Also, was ich tun werde, ist, das einfach etwas runter zu ziehen. Nichts zu verrückt. Und ich wollte, du weißt schon, du weißt schon, super leicht und, du weißt schon, meinen gesamten Computerbildschirm blinken oder weiß gehen oder so was. Ich wollte nur eine etwas hellere Farbe haben. So, so. Wenn ich also mit der Maus über schaue, sieht es so aus. Das gefällt mir wirklich. Also lassen Sie es uns in der Vorschau überprüfen. Also werde ich meine Maus über und wir können sehen, dass es eine schöne helle Farbe bekommt. Für mich ist daseigentlich noch ein bisschen zu leicht. Für mich ist das Also werde ich weitermachen und ich werde das nur ein bisschen erhöhen. Sie würden gehen. Ich werde noch einmal auf die Vorschau klicken und mit der Maus über. Und, ja, das gefällt mir. Wie Sie sehen können, ist der Effekt ziemlich subtil, packt aber immer noch einen Schlag. Es fühlt sich wirklich an, als ob ich das jetzt auswähle, also genieße ich diesen Effekt wirklich. Okay, also werde ich das behalten, du musst es nicht tun, wenn es dir nicht gefällt, aber so entscheide ich gern. Ich mag es, die Wachstumseffekte auf die Knöpfe zu haben und habe auch diese Zunahme an Leichtigkeit. Es sieht so aus, als ob ich auswähle. Ich finde, es sieht wirklich gut aus. Okay, also haben wir das. Jetzt sind wir hier drüben an der Grenze. Okay, also gibt es zwei Dinge, die ich damit machen möchte. Unten Nummer eins ist, dass ich diese Kanten ein wenig mehr abrunden möchte, und ich möchte ihm auch ein breiteres Aussehen geben. Und um ihm ein breiteres Aussehen zu geben, werde ich den Raum oben und unten verringern und diese Art von Dicke auf dieser Seite behalten . Okay, das erste, was ich tun werde, ist runter an die Grenze zu gehen. Also, wenn ich das erhöhen, wird dies die Grenzen um seine erhöhen, so dass es rundet die Kanten. Überprüfe das. Wenn ich auf diese klicke, können Sie sehen, dass sich die Grenzen um dieses Widget ändern. Okay, um dieses Element wird wirklich rund. Ich denke, das ist sehr übertrieben für dieses Design. Ich mache etwas Sattel wie, und dann behalte ich nur fünf. Und Previ, dass dies vor und das ist nach einem subtil dicken. Aber ich finde, es sieht wirklich schön aus. Sie können sehen, dass es eine Rundung in der Ecke gibt, also genieße ich das wirklich. Das nächste, was ich tun werde, ist, ihm ein größeres Gefühl zu geben. Okay, also werde ich weitermachen und das erhöhen. Also, wenn ich damit herumspiele, kannst du sagen, dass es gerade jetzt die gesamten Elemente verändert, oder? Die gesamte Auffüllung um den Text hier und sie sind alle synchronisiert. Links, rechts, oben und unten. Nun, was ich tun muss, ist auf diese klicken, die Link-Werte zusammen sagt. Also dann kann ich sie auf verknüpfen und ich werde die Top 2 15 ändern, richtig? Und ich werde auch die unteren zwei 15 ändern. Also werde ich voran gehen und diese Änderungen ansehen und sehen, wo wir weiterkommen. Sie können sehen, dass die Bücher die Größe ändern. Wir sind hier ein bisschen geschrumpft, aber noch mehr hier und hier. Also mag ich diesen mehr Sattellook wirklich, aber immer noch breiter. Schau aus dem Knopf. Und wenn ich darüber schwebe, bekommst du diesen schönen knallenden Effekt. Das gefällt mir wirklich. Indem wir also auf 20 gehen, verringern wir auch die Polsterung. Aber ich mag diesen Effekt wirklich. Nun, wenn Sie die Schaltfläche haben möchten, die ähnlich aussieht und das ist anständig universell. Viele Leute mögen einen Knopf haben, ist etwa diese Größe. Und mit ungefähr diesem Klopfen, alles, was sie tun müssen, ist voran zu gehen und halten Sie die Polsterung für die Oberseite und die Unterseite auf 15 rechts und links bei 20 zu halten. Ich genieße diese Werte wirklich. Okay, also werden wir nicht mit dem Grenztyp spielen. Nichts, was wir in der fortgeschrittenen Sektion tun müssen, wird das mit der ganzen Sektion spielen , okay? Und es gibt nichts, was wir wirklich tun wollen, jetzt, zum Beispiel, zum Beispiel, wenn ich anfange, dies zu erhöhen, können Sie sehen, dass ich die Abschnittsgröße vergrößere und ähnlich, wenn ich in den Hintergrund gehe und ich ihm eine Farbe hier, zum Beispiel, klicke ich auf Farbe. Das wird die Farbe dieses Abschnitts sein, und damit wollen wir nicht spielen. Wir wollen nur das Aber reparieren und es Papst so machen. Lass es gut aussehen. Und wir werden auch keine Effekte dafür hinzufügen. Okay, also lassen Sie uns noch einmal Preview-Änderungen treffen und überprüfen Sie es. Und hier sind wir. Wenn ich mit der Maus über den Mauszeiger führe, sehen Sie sich diese Schaltfläche an. Und wenn ich darauf klicke, werde ich hier zum Start gebracht. Page, ich freue mich wirklich darüber. Leute, ich denke, es fängt an, wirklich fantastisch zu sein. Um ehrlich zu sein, ich bin stolz darauf. Also, was ich jetzt auch tun könnte, ist ein wenig umzusehen. Zum Beispiel, mag ich das Das Warum geht so sehr in den Mond? Es ist alles aus dem Text. Lesbar Zum Beispiel, Sind Sie auf der Suche nach Ihrem Unternehmen zu bauen oder zu erweitern? Weil Weiß in diesem Hintergrund gut geht, geht dieser Teil auch gut. Und dieser Teil geht auch gut. Aber wenn dies ein wenig niedriger gewesen wäre und zu diesem gelben hier drüben gekommen wäre, wäre das nicht ganz so lesbar. Okay, zum Beispiel, wenn ich mich ändern wollte, wenn ich mich um diesen Text etwas bewegen wollte Nun, ich würde tun müssen, ist zu den Elementen hier gehen und etwas hinzufügen, das einen Spacer genannt wird. Jetzt sieh dir das an. Wenn ich den Abstandshalter hier hinzufüge, wird das nur Platz in Anspruch nehmen. Das ist alles, was es tut. Es nimmt Platz in der Sektion ein und es schiebt dies nach unten. Also sieh dir das an. Sie in der Vorschau. Wir haben es hier und jetzt wird es hier runtergeschoben. Sie können sehen, dass dies auch ziemlich schön aussieht, aber ich mag, dass das ein wenig höher dauert. Also könnte ich Houstons. Aber ich könnte so etwas wie echtes Mikromanagement tun. Etwas wie vier, zum Beispiel, So dass die warum etwas niedriger vom Mond. Ich werde nur eine Vorschau dieser Änderungen dort sehen. Es sieht so aus, als ob sie wirklich gut aussehen, aber wir können sehen, dass die buchstäblich hier gerade jetzt, es ist nicht so lesbar. Wir könnten dieses lächerliche Mikromanagement machen, und ich habe noch einmal eine. Dies ist die Zeichenzwecke. Das ist es, was du bevorzugst, wir werden es überprüfen. Eigentlich ist es immer noch ein bisschen niedrig, also werde ich einfach voran gehen, rechts, klicken Sie darauf und klicken Sie auf Löschen. Da gehen wir. Ich werde eine Vorschau der Änderungen. Und ja, das sieht wirklich gut aus. Also werde ich hier keinen Abstandshalter verwenden, aber Sie sollten das tun, um zu Ihrem Design passen, um sicherzustellen, dass all das in Ihrem Hintergrund gut aussieht. Richtig? Also, Leute, wenn ich könnte, würde ich euch fünf hoch. Werde ich. Wie auch immer, tolle Arbeit. Wir haben es so weit geschafft. Ich freue mich wirklich darüber. Wir können tatsächlich gehen. Dieses Asset ist jetzt und gehen Sie zum nächsten Abschnitt. Wir haben gerade die Bearbeitung des obigen Faltabschnitts abgeschlossen. Wirklich gute Arbeit. haben, Wenn Sie Fragenhaben,welche die Polizei sie in der Q und A werden wir sie innerhalb von 24 Stunden beantworten. Gehen wir zur nächsten Vorlesung. Tolle Arbeit. Siehst du, da 15. Testimonial hinzufügen: In Ordnung. So haben die Bearbeitung der oben den Faltbereich auf unserer Homepage abgeschlossen. Wie aufregend ist das? Jetzt gehen wir weiter und gehen mit dem Hinzufügen von Inhalten für unsere unten die Faltabschnitte auf unserer Homepage jetzt, wenn Sie entlang des Kurses von früher an verfolgt haben, es gab einen Vortrag, als wir andere erfolgreiche Website Auschecken Homepage und Notizen zu machen. Richtig. Sie noch diese Notizen? Nun, ich tue, ob es für dich auf Papier gibt oder digital, wie ich es geschrieben habe. Ich meine, das sieht schrecklich aus, aber es ist sehr effektiv und eine Sache, die ich hier geschrieben habe, war So Show hat sich richtig erwiesen. Sie brauchen gesellschaftliche Beweise, damit Besucher Ihnen vertrauen können und wissen, dass das, was Sie zu bieten haben , von Wert ist das Gleiche. Wenn es um Facebook-Seiten, die mehr Likes, desto wahrscheinlicher sind wir, ihnen oder Instagram oder jede Plattform-Websites zu vertrauen. Sie funktionieren ähnlich. Es ist nur so, dass Sie nicht wirklich sehen, wie viele Besucher sie haben. Wir müssen dieses Formular vom sozialen Beweis hinzufügen, damit die Leute uns vertrauen können, okay? Und natürlich kommst du mit mehr davon. Wenn Sie einen wirklich großen Namen haben, sind wirklich große Marke. Aber wir sind nicht groß genug. Sie müssen einen riesigen haben und selbst dann noch den Beweis wollen. Also, was wir tun werden, ist eigentlich voran und fügen Sie ein Zeugnis direkt unter der Falte hier hinzu. Was wir nun getan haben, wird gezeigt, worum es geht und sie zu weiteren Inhalten auf einer Website geführt , die wir im Abschnitt Sie waren am Anfang hier bearbeiten werden , aber wir wollen sie noch mehr Dinge auf unserer Website und bauen ihre sozialen Beweis . Irgendwann werden wir Dinge wie Adam E. Mail öffnen , Mail öffnen, etc. Also fangen wir an, den sozialen Beweis hinzuzufügen, informieren Sie ein Zeugnis, und das ist eigentlich super einfach zu tun. Alles, was wir tun müssen, ist hier runter zum Aufzug zu scrollen, das Zeugnis zu finden. Wir gehen weiter und greifen es und veröffentlichen es dann und sie werden eine schöne Testimonial Templates haben bereits eingerichtet. Ich meine, ehrlich gesagt, es ist lächerlich, wie einfach es mit elementaren ist. Ich liebe dieses Programm. Also werden wir anfangen, das Stück für Stück einzurichten, und wir werden es zusammen machen. Jetzt. Der erste Teil ist der Text selbst und der Text. Ich werde eine Rezension von einem unserer Schüler verwenden, richtig. Also habe ich bereits in die Freiheit genommen, voranzugehen und es zu bewältigen, die von nimmt, sind Sie Dima Kurs? Also werde ich einfach gehen und das hineinkleben. Und das Wunderbare ist, dass dies eigentlich eine wirklich Rezension ist. Das ist in keiner Weise vorgetäuscht. Und es hat einige wirklich schöne und Art von Worten, die besagt, dass dies der beste und vollständigste Online-Kurs ist , wie Sie Ihr Online-Geschäft mit Drop-Shipping wachsen. Ich habe in der ersten Woche mehr als 1200 Dollar aus dem Verkauf gemacht. Alles dank der offenen Jeffers Monster Klasse. Nun, das ist ein sozialer Beweis, wenn überhaupt, richtig. Das ist also wirklich gutes Material, mit dem man arbeiten kann, und das wird so viel Vertrauen für unsere Website für unsere Kurse sein, die wir ihnen vorstellen werden usw. Dies ist eine wunderbare Bewertung zu verwenden. Also was, wir werden jetzt weitermachen und tun, ist, wenn wir den Inhalt hier drin hinzugefügt haben, gehen wir runter und wählen das Bild aus und das Bild wird vom Rezensenten entfernt sein. Ich habe bereits mit diesem Schüler gesprochen und darf sein Foto benutzen. Er hat mir tatsächlich ein Foto geschickt, also werde ich das schnappen und das aufstellen. Also werde ich gehen, um Dateien hochzuladen. Ich gehe, um Dateien auszuwählen und dann werde ich hier Rechte klicken. Da gehen wir. Jetzt werden Sie feststellen, dass diese Datei eigentlich ziemlich groß ist. Es ist ein Megabyte und Sie können sehen, dass die Pixel riesig sind über 3000 von über 2300 wir werden dies nur für wirklich, wirklich kleine Websites verwenden . Also fügen Sie in diesem riesigen Bild, das diese große Ladezeit hat, das macht einfach keinen Sinn, obwohl es ein wirklich cooles Bild ist. Was wir also voran gehen und tun, ist tatsächlich die Bildgröße auf Miniaturbild zu ändern. Was das tun wird, ist, dass die Ladezeit stark verkürzt wird. Die Größe des Bildes wird seriell verringert. Und doch wird es keinen Verlust von Zitaten geben, weil wir so ein kleines Bild benutzen, richtig? Das ist also alles eingerichtet. Was wir jetzt machen werden, ist, es einfach zu überprüfen, es in der Vorschau zu sehen und zu sehen, wie es jetzt aussieht. Also werden wir nach unten scrollen und wir können sehen. Okay, hier haben wir den Text. Hier haben wir das Bild. Ich finde, es sieht wirklich schön aus. Und sein Name ist nicht John. Don't ist kein Designer, aber wir werden das ändern. Aber bis jetzt, alles, Lou, sollte diese Ladung superschnell und wir sind wirklich auf der Suche nach dem. Also werden wir seinen Namen aufstellen. Du arbeitest Emeric, mein Sohn. Und der Titel. Und was ich hier tun werde, ist richtig, Gründer wird ein Komma machen, und dann werde ich seine Website schreiben, die wichtige Video-Shop Dot com ist. Okay, er ist der Gründer dieses wunderbaren Ladens, der böhmische Gegenstände verkauft, aber ich werde nicht die w w w w gemacht es in einen Link schreiben. Und ich werde auch nicht seinen Link hier drin schreiben, selbst wenn du könntest. Das Problem ist, dass, wenn Leute auf diesen Link klicken, sie von Ihrer Website abgelenkt werden. Jetzt können Sie den Link als ausgehenden Ling hinzufügen. So helfen Sie anderen mit dort s CEO, aber ich empfehle es nicht. Ich empfehle Ihren niedrigen Leuten, sich auf Ihre Website zu konzentrieren. Sollten Sie sich jedoch entscheiden, diesen Link hinzuzufügen, gehen Sie zu den Optionen und klicken Sie auf Öffnen in neuem Fenster. Dies ist sehr, sehr wichtig, um sicherzustellen, dass sie immer noch auf Ihrer Website sind. Aber wir werden hier nicht im Lincoln hinzufügen. Wir werden nur in den Titel rechts Gründer hinzufügen und dann auf der Website hinzufügen, so dass wir immer noch dort verweisen. Aber wir verlinken dort nicht, okay? Und dann scrollen Sie nach unten. Wir haben die Bildposition, die beiseite ist. Es könnte auch oben sein. Also kriegen wir es so. Aber das gefällt mir nicht. Das gefällt mir. Es ist sicherer Platz, wenn es so auf der Seite ist. Und ich denke, es sieht wirklich professionell aus. Also, das ist es für den Inhalt jetzt werden wir übergehen, um Stil. Es gibt ein paar Dinge, die ich sie jetzt wirklich ändern möchte. Das erste, worüber ich sprechen möchte, ist der aktuelle Ausblick hier. Jetzt können wir sehen, dass wir hier einen dunkleren Hintergrund mit weißem Text haben. Okay, also die Art von Stil, für die ich hier gehe, ist ein Kontrast. Jetzt werde ich lieber einen weißen Hintergrund haben und dann einen dunkleren Text haben. Und ich mag die Unterzeichnung, die Art von Stilen auf der Website, wenn Sie einen bestimmten Anrufer an der Spitze haben, und dann kontrastieren Sie mit dem ersten nächsten Abschnitt auf der Unterseite mit dem unteren die Falte. Also gehen wir voran und machen das jetzt bis jetzt für den Inhalt. Ich möchte die Dinge etwas ändern. Zunächst einmal mag ich nicht, dass das Farbe nimmt. Ich gehe hier rein und wähle einfach aus. Da gehen wir. Ein dunkleres Grau. Ich denke, das nimmt Päpste viel mehr raus. Dann gehen wir zur Typografie. Ich werde nicht mit der Front rumspielen. Ich denke, die Schrift ist perfekt. Ich werde jedoch jedoch ein wenig mit der Größe herumspielen. Ich werde es ein bisschen größer machen. Da gehen wir. Gehen wir mit 21. Ich denke, das sieht wirklich gut aus, also taucht es ein bisschen mehr auf. Ich finde, das sieht jetzt wirklich schön aus. Das Gewicht. Ich werde nicht mit spielen. Ich bin mir ziemlich sicher, dass 500 standardmäßig ist. Wenn ich darauf klicke, passiert nichts. Richtig? Aber 600 wird es einfach zu dick machen. Wir sehen, es wird fast der Ball so. Also werden wir damit nicht spielen. Wir werden uns auch nicht in Großbuchstaben verwandeln oder so etwas. Aber wir werden es kursiv machen, weil sieh dir das an. Das ändert wirklich den gesamten Ausblick vom Text. Immer wenn ich Zeugnisse hinzufüge,setze ich sie immer kursiv ein. Immer wenn ich Zeugnisse hinzufüge, Ich denke nur, es ist so ein wichtiger Teil des Designs Art von Marken, die Papst nimmt. Und auch, die Menschen in der Regel erwarten diese Art von kursiv, wenn es um die Worte eines anderen geht, richtig, weil es macht es Papst in auf andere Weise nimmt. Wir haben unser eigenes Design, und dann kommt diese plötzliche Kursivschrift von jemand anderem. Ich denke, es sieht wirklich, wirklich nett aus. Wir werden keine Dekoration machen. Wir werden nicht mit der Zeilenhöhe oder dem Buchstabenabstand spielen. Wir werden das so niederdrücken. Dann werden wir zum Bild übergehen. Jetzt sieht die Bildgröße wirklich gut aus, aber wir könnten ein bisschen damit herumspielen, wenn wir es wollten. Ich werde es bei 50 setzen. Ich denke, 50. Es ist eine wirklich gute Größe. Wir werden keine Grenze haben. Und Sie werden wissen, dass die Grenze wütet, obwohl sie ihr nicht zeigt, dass sie ihn schon gesetzt hat. Denn wenn ich das auf Null sagte, wirst du bemerken, dass es zu einem Quadrat wird, genau wie das Originalbild. Aber wenn ich das auf 50 setze, wird er diese schöne Runde haben, weil sie die Grenze ändert . Jetzt werden wir in ein bisschen mehr über die Grenzen reden. Ok? Also werden wir das Bild zusammenbrechen, dann gehen wir zum Namen. Jetzt. Ich möchte das auch ein bisschen ändern . Wenn es um den Namen geht, mag ich es wirklich. Ich werde es in Pitch Black setzen, obwohl das dort keinen Unterschied macht. Ich verstehe. Also bin ich vorerst wirklich glücklich damit. Aber das hier unten, ich mach das nicht wirklich aus. Ich glaube, es sind zwei Lichter. Ich werde mit Textfarbe gehen. Ich werde das dunkler machen. Und da gehen wir. Ich denke, es sieht schon viel besser aus. Also jetzt haben wir den Kühler für diesen Text unten und diesen abgestimmt. Also lassen Sie uns voran und überprüfen Sie es im Vorschaumodus. Also gehen wir hin. So weit, so gut trocken. Ich denke, es sieht wirklich schön aus. Jetzt gibt es eine Sache, die ich hier wirklich nicht eingrabe, und das wird ein so wichtiger Aspekt sein, wenn es um die Gestaltung Ihrer Website geht, und das ist der Raum zwischen den Abschnitten. Jetzt können Sie das schon sehen. Von hier aus. Es gibt ein bisschen Weiß drunter, dass es kaum Raum zwischen dem Weiß und dem Text gibt, also gibt es nicht wirklich viel von einem Ausblick. Es ist, als ob Sie dieses schöne Bild hier haben, den schönen Hintergrund, der die Botschaft nimmt, und dann kommt es direkt in diese. Das ist jetzt so verdichtet, dass ich geräumiger sein wollte. Ich möchte mehr Raum zwischen diesen und für die kommenden Abschnitte schaffen, also werden wir ein bisschen mehr darüber reden, wie das geht. Also, um dies zu tun, was wir tun werden, ist, dass wir voran gehen und auf Abschnitt bearbeiten für diesen Teil direkt dort klicken und dann werden wir hier nichts ändern. Wir wollen immer noch den Inhalt der Box. Wir müssen den Abschnitt nicht dehnen, da der Abschnitt tatsächlich bereits hier standardmäßig auf das Thema gestreckt ist . Wenn wir ein Thema hätten, das wir selbst so boxen, könnten wir es den ganzen Weg dehnen. Aber wie Sie sehen können, tut es schon. Daher müssen wir den Stretchabschnitt nicht verwenden. Also, was wir tun werden, ist, dass wir vorwärts gehen, und ich werde Ihnen den Unterschied zwischen Marge und Polsterung zeigen, was sie sind, wie man sie benutzt und was sie bedeuten. Nun, um das viel einfacher zu zeigen, werde ich den Hintergrund aus diesem Abschnitt schwarz machen. Dies dient nur zu Demonstrationszwecken. Dass wir dieses Mal benutzen werden, weiß sein wird. Aber ich werde gehen, um Stil Hintergrund Klassiker geändert die Farbe zu Pitch Black. Da gehen wir. Und dann werde ich zum Fortgeschrittenen gehen. Okay, also fangen wir an, über Ränder und Polsterung zu sprechen. Also mit Margen, Aber wir suchen hier ist, dass durch erhöhte in der Marge, wir erhöhen den Raum zwischen diesem Abschnitt und diesem Abschnitt. Ich erinnere mich in diesem Abschnitt haben wir eine Kolumne. Du siehst das Hellblau hier. Das ist die Spalte und die andere gepunktete Linie hier oben. Das ist der Abschnitt. Und dann in der Spalte haben wir das Element, richtig? haben wir schon in der Anatomie-Vorlesung durchgemacht. Wenn ich 50 drauf setze,wirst du bemerken, dass wir diesen Abschnitt tatsächlich von diesem Abschnitt wegbewegen und zwischen ihmwerden wir weiß, wir werden rein weiß. Wenn ich 50 drauf setze, wirst du bemerken, dass wir diesen Abschnitt tatsächlich von diesem Abschnitt wegbewegen und zwischen ihm wir weiß, Also, wenn ich vorgehe und ich die Änderungen hier vorsehe, haben wir diese Art von Raum dazwischen. Und während ich diesen Raum will, wollte ich immer noch in der gleichen Farbe sein, richtig? Und deshalb habe ich es in Schwarz geändert, denn wenn ich es auf was ändere, würdest du diesen Unterschied bemerken. Was wir eigentlich tun möchten, ist, die Elemente den Inhalt von diesem Abschnitt weg zu verschieben . Wir suchen nicht wirklich, den Abschnitt vom Abschnitt weg zu bewegen und die Art und Weise , das zu tun , es ist tatsächlich, indem wir zurückgehen, wir werden diese zurücksetzen und die Polsterung erhöhen. Was Padding also tut, ist, dass es den Abstand zwischen der Spalte und diesem Abschnitt erhöht. Richtig? Also, wenn ich 15 hier lege, werden Sie feststellen, dass wir hier noch den Abschnitt haben. Der Abschnitt ist immer noch mit dem vorherigen Abschnitt verbunden . Nichts ist passiert, aber die Spalte, das ist die Spalte hier, sie nennen sie, hat sich von diesem Abschnitt entfernt. Und weil wir Joe jemand Kragen für unsere gesamte Sektion haben, bedeutet das, dass wir den Anrufer behalten können. Also, wenn ich jetzt voran gehe und die Änderungen vorschau, können wir sehen, dass der Anrufer tatsächlich der gleiche ist. Diese Abschnitte sind weiterhin verbunden. Aber jetzt haben wir diesen schönen, schönen Raum dazwischen, den wir suchen. Also bin ich wirklich zu schätzen, dieses Design und das wird so wichtig sein, wenn wir mit dieser Art von verschiedenen Farben in der Sektion arbeiten. Also noch einmal, nur um durch Erhöhen der Marge zusammenzufassen, erhöhen Sie den Abstand zwischen den verschiedenen Abschnitten. OK, Durch Erhöhen der Polsterung erhöhen Sie den Abstand zwischen der Spalte und diesem Abschnitt. Und das wird die Spalte oder Spalten sein, die Sie gerade bearbeiten. Denken Sie daran, wir sind auf Bearbeiten Abschnitt geklickt, also hoffe ich, das ist wirklich klar und macht viel Sinn. Marge ist für Abschnitt und Abschnitt Polsterung ist für genannt ihn und sexuelle Rechte. Also gehen wir weiter und gehen zu Stil und entfernen dieses Halsband, weil wir das nicht benutzen werden . Und wir werden weitermachen und es dazu schaffen, warum. Da gehen wir. Es ist auch ein wirklich nettes Luke . Also lassen Sie uns voran gehen und eine Vorschau dieser Änderungen. Also gehen wir hin. Ich denke, das sieht schon viel besser aus. Ich mag diesen Raum dazwischen wirklich. Beachten Sie auch, dass es jetzt anders sein wird, abhängig von der Auflösung auf Ihrem Bildschirm, natürlich. Aber für mich habe ich ein bisschen von einem weißen Streifen hier unten. Und selbst wenn ich ein wenig nach unten scrolle, ist es immer noch weiß. Und dann kommt dieser wunderbare Text und dann haben wir das Bild. Wir haben den Namen und wir haben die Informationen hier drinnen. Das ist nur ein Abschnitt und es wird mehr, mehr geben . Also haben wir, wie, diese Scrolling-Homepage. Aber dieser Raum dort ist oh so wichtig. Also, was wir als nächstes tun werden, ist eigentlich, es so zu lassen, jetzt bin ich glücklich mit der Bearbeitung des Abschnitts. Es gibt nichts mehr, was ich hier ändern möchte. Aber was ich tun möchte, ist, das zu ändern und einige dieser Worte hervorzuheben. Ich glaube, sie fallen ein bisschen flach. Also werde ich voran gehen und hier klicken, um wieder in die Bearbeitung der Elemente aus dem Text zu gelangen. Ich werde mich begnügen. Und jetzt werden Jungs das erste Mal sein, dass wir unseren eigenen Kegel schreiben. Das ist keine Panik. Es ist super einfach. Und das ist so weit, wie wir mit dem Codieren gehen werden. Also, was ich hier drin tun werde, ist tatsächlich ein paar von den Worten fett zu machen, oder? Also, was ich tun werde, ist ein paar Worte zu wählen. Mal sehen, ob wir zurück auf die Website gehen hier und scrollen nach unten. Wir können sehen. Los geht's. Wir haben die $1200 innerhalb der ersten Woche Rabatt. Ich werde diesen Teil mutig machen. Es sieht auch so schön aus, weil es in der ersten Zeile hier direkt in der zweiten Zeile beginnt. Aber ich werde auch voran gehen und tun Leichtigkeit mutig in dieser 100% Zufriedenheit garantiert. Ich meine, ehrlich gesagt, dieser Kerl, er fördert unseren Kurs so gut mit diesen wunderbaren Worten. Also werden wir voran gehen und die wichtigsten Worte Say hervorheben, die auch diesen Abschnitt mehr hervorheben wird. Also fangen wir hier an. Ich klicke hier mit meinem Mund. Also bin ich dort ausgewählt. Dann mache ich das Schild, okay? Nun, wenn Sie nicht wissen, was dieses Zeichen ist, sieht es so aus wie diese Art von Zeichen, es ist das Zeichen, das direkt unter einem auf dem Schlüsselwort steht und links sagte: OK, OK, also werden wir diese Art machen von Zeichen und dann werde ich ein B schreiben. Und dann werde ich die Schicht halten und dann klicke ich wieder auf das Schild. Es ist also fast so, als würden wir eine Wand in dieses Schild stecken. Mir ist aufgefallen, dass jetzt alles mutig wird. Alles danach wird mutig. Also, was wir tun werden, ist einen Ort zu finden, um die kühnen innerhalb der ersten Woche vom Verkauf zu stoppen. Da gehen wir. Also werde ich den Bolzen hier stoppen, also alles, was ich tun werde, ist, dieses Zeichen wieder zu erstellen, einen Schrägstrich zu machen und dann ein B zu schreiben und dann zu verschieben und auf das Zeichen gegen klicken. Das stoppt das kühne Gefühl. Also, jetzt können wir sehen, dass wir diese Art von kühn auf Lee auf diesem Teil, wo es sagt $1200 innerhalb der ersten Woche Rabatt Verkauf, und dann werden wir gehen und tun das gleiche mit 100% Zufriedenheit garantiert. Da gehen wir. Ich werde B schreiben. Wie Sie sehen können, wird alles fett, aber ich werde es hier beenden, um Slash Beat zu machen. Da gehen wir. Das sieht jetzt wirklich schön aus. Es knallt ein bisschen mehr. Wir gehen voran und sehen diese Änderungen vor. Und wenn du denkst, dass das kompliziert ist, mach dir keine Sorgen. Ich gehe weiter und setze den Code rein. Die Ressource ist, Sie können einfach voran gehen und eine Kopie einfügen, und ich werde Ihnen zeigen, wo Sie Ihren Text schreiben. Sie können das jederzeit verwenden. Okay, scrollen Sie nach unten. Es sieht derzeit so aus. Dies ist der beste und vollständigste Online-Kurs über das wachsende Online-Geschäft mit Drop-Shipping. Wirklich nett. Ich meine, über $1200 innerhalb der ersten Woche haben wir das bekommen. Mutig sieht wirklich schön aus. Alles dank Robyn Ingest Spurs Monster-Klassen Der praktische Schritt als Schritt für Schritt Gericht Und es ist sehr einfach zu folgen. Jeder kann das tun. Fett verdienen 100% Zufriedenheit garantiert. Du bist Kim Erickson, Gründerkind, du speicherst Dot com Awesome. Ehrfürchtig. Ehrfürchtig. Ich liebe diesen Abschnitt. Bisher freue ich mich über alles damit. Und ich werde jetzt damit zufrieden sein, wenn wir weitergehen und wir weiterhin lautere Seite mit meinen zwei Cent Wochen hier in ihren eigenen verschiedenen Dingen sein . Aber im Moment liebe ich das. Und, wie immer, vergessen Sie nicht, dass, wenn Sie fertig sind, wenn Sie damit zufrieden sind, klicken Sie auf Update. Stellen Sie sicher, dass Sie immer Ihre Arbeit speichern und die Dinge immer auf dem neuesten Stand halten . Auch wenn Sie nur das Entwurfsrecht speichern. Behalten Sie die Dinge immer sicher. So erstellen Sie ein Testimonial auf Ihrer Homepage. Nun, wenn das auch der Plan für Ihren ist, gehen Sie weiter und folgen Sie dem Anzug. Andernfalls werden wir den Kurs fortsetzen und Sie gestalten Ihre Website so, wie sie Sie gelten wird. Siehst du in der nächsten Vorlesung, Jungs. 16. Email 1/2 hinzufügen: Also, in diesem Vortrag werden wir weitermachen und eine E-Mail erstellen, oft Abschnitte und natürlich. Es gibt unzählige Mengen der Wissenschaft, die Sie für Ihre E-Mail öffnen Abschnitt tun könnten. jedoch Ich werde Ihnenjedochzwei verschiedene Versionen zeigen. Und in diesem Vortrag werden wir die erste durchgehen, und diese Version wird die Vollversion sein, genau wie oben. Im obigen, das vollständige Design, das wir so ziemlich den gesamten Bildschirm abdecken, wurden angeboten. Es braucht eine Erklärung und dann einen Boden. Jetzt werden wir hier ein ähnliches Design für die E-Mail Upton machen, wo wir so ziemlich den gesamten Bildschirm benutzen werden, und dann werden wir ihnen etwas anbieten und dann einen Anruf zum Handeln haben und dann unsere E-Mail hinzufügen hoffte Inform . Okay, also lasst uns weitermachen und mit diesem Design beginnen. Also das erste, was ich tun werde, ist, gehen Sie voran und klicken Sie auf das Plus hier, denn für dieses Design werde ich zwei Spalten hinzufügen und der Grund dafür ist, dass ich hier tatsächlich die Elemente und die Art und Weise, die ich Ich werde das tun, indem ich zuerst einen Header verwende, werde ich das Angebot beschreiben, das ich habe, was in diesem Fall digitale Marketing-Hacks sein wird. Kurs. Also werden wir einen kostenlosen Gutschein anbieten, so dass sie unsere nahm 10 Digital Marketing Hack Scores vier kostenlos bekommen können . Wenn sie sich jetzt für unsere E-Mail-Liste anmelden, möchten Sie immer etwas zu bieten haben, um ihnen einen Grund zu geben, sich anzumelden, richtig ? Das wird also das Erste sein, was jetzt unten ist. Es wird einen Text geben, schreibt einen Text, der erklärt, was hier drin ist und was sie bekommen werden und unten . Es wird oft die E-Mail geben, und wir werden den männlichen Dichter dafür benutzen, richtig? Aber bevor wir weitermachen und männlichen Dichter hinzufügen, ich weiß, dass es eine Menge Dinge vor sich geht, aber es wird alles Sinn machen in einer Sekunde jetzt, bevor wir voran gehen und hinzufügen, sind männliche Dichter hier drin ? Wir werden einen männlichen Dichter erstellen. Wenn Sie die Gerichte entlang verfolgt haben. Sie wissen, dass dies ein wesentlicher Teil der Gestaltung der vier ist, damit es gut aussieht. Okay, also gehen wir weiter und machen das. Das erste, was wir jetzt machen werden, ist, zum männlichen Dichter zu gehen und dann zur Liste zu gehen . , Denken Sie daran, wir haben verschiedene Listen im männlichen Port aus verschiedenen Gründen. Zum Beispiel haben wir die gemeinsame Abonnentenliste. Wir haben die Sidebar-Liste, und jetzt machen wir eine Homepage. Digitale Markierung Hacks Liste erhalten. Da gehen wir. Und der Punkt ist, dass, wenn die Leute sich hier anmelden, wir gehen und machen es Sequenz, um sicherzustellen, dass sie den Code und den Link zu unserem digitalen Marketing-Hack-Kurs erhalten . Richtig. Wenn sie sich hier anmelden, werden sie zu dieser Liste hinzugefügt, dass wir diesen Prozess automatisieren können. Und wenn Sie es nicht getan haben, gehen Sie weiter und schauen Sie sich die Post Poet Vorlesung später im Kurs an. Weil wir durchmachen, wie wir das alles da drin machen, und dann werde ich einfach schreiben. Include tat so Mark immer Hacks, Kurs plus Link. Und das ist nur für mich. Ich kann mich daran erinnern, was in ihm enthalten ist, was ich tun werde. Und dann klicke ich auf Speichern. Und jetzt werde ich zwei Formulare hier oben gehen, und dann klicke ich auf Neu hinzufügen, und ich werde diese Homepage aufrufen. Digitale Marketing-Hacks. Da gehen wir. Und ich werde die Liste auswählen, die die Homepages der Marketing-Hacker-Liste genau so sein wird. Okay, jetzt gehen wir weiter und unterschreiben das hier, und das erste, was ich tun werde, ist, zu Fields zu gehen, und ich werde den Vornamen hinzufügen und ihn dort oben aufstellen . Ich will, dass das wirklich einfach ist, oder? Also werde ich auf Bearbeitungsanzeige klicken, und ich werde das Display-Label einfügen, um Platz zu sparen. Und ich denke auch, dass es ein viel schöneres Design ist. Anstatt also Vorname erscheinen zu lassen, wird es hier drinnen erscheinen, und der Vorname wird nicht zwingend sein. Sieh dir an, das sieht wirklich schön aus. Und dann die E-Mail, die ich werde das Etikett hineinlegen lassen. Und natürlich natürlich ist E-Mail immer obligatorisch, aber der Vorname ist nicht. Und dann werde ich das Etikett für den Abonnement-Button bearbeiten. Ich schreibe so etwas wie Schick mir die Hacks, so etwas, und klicke auf Fertig. Da gehen wir. Und jetzt gehe ich weiter und klicke auf Speichern, damit es gespeichert wird. Also gehen wir zurück zu L., einem Mentor hier. Nun, was ich tun werde, ist, gehen Sie weiter und klicken Sie auf dieses und ziehen Sie es nach unten. Da gehen wir. Also jetzt habe ich die drei verschiedenen Elemente hinzugefügt und das ist nicht die Form, die verwendet werden wird. Ich werde mich auch ändern . Home Kolben nicht Marketing Hacks Form sieht ein wenig anders aus. Es hat viel sauberer viel weniger Zeug drauf. Da gehen wir. Sie hätten mir die Hacks geschickt. Das sieht wirklich schön aus. Und ich werde den Titel entfernen, , und der Grund dafür ist der ganze Text, den wir hier hinzufügen werden, wir werden uns selbst tun, weil es auf diese Weise viel schöner aussieht. Also hier sind wir. Jetzt ist es Zeit, damit zu beginnen, dies zu signieren. Okay, aber bevor wir anfangen, das zu entwerfen , werden wir weitermachen und unser Hintergrundbild hinzufügen. Also genau wie oben hier, Denken Sie daran, wir gingen voran und wir fanden dieses Bild. Wir haben diesen Abschnitt wirklich groß gemacht, und dann haben wir die verschiedenen Elemente hinzugefügt und sie zusammen entworfen, so dass sie jetzt wirklich schön und sauber aussehen. Ähnlich, weil dies diese Art von Display hat und wir werden es neben haben. Hey, wir werden hier einen Schwerpunkt von etwas in der Mitte haben wollen, richtig? Weil wir alle unsere Inhalte nach links ausgeben werden. Deshalb habe ich zwei Spalten erstellt, um all dies auf der linken Seite zu halten. Und dann werde ich ein schönes Hintergrundbild mit etwas vor sich geht, auch in der Mitte und etwas nach rechts. Und die andere E-Mail wird oft ein etwas anderer Schüler folgen hier wird wirklich, wirklich schön aussehen . Also, Leute, erinnerst du dich, wie man das macht? Richtig? Ich gehe voran und gehe zum Abschnitt bearbeiten und ich werde hier stylen gehen und jetzt ist es Zeit, ein Hintergrundbild zu finden. Also pflückt gehorchen unserem guten alten Freund. Wir werden voran gehen und ein wirklich schönes Hintergrundbild finden, das wir verwenden können. Also, dieses Mal, denken Sie daran, vorher hatte ich zwei Worte, an die ich dachte. Das Netz war Inspiration und Freiheit. Und ich werde dieses Mal nach Freiheit suchen, denn das ist so ein mächtiges Wort eines so mächtigen Gefühls, das du verschenken willst, und dann werde ich die Dinge etwas ändern und dorthin gehen wir Orientierung. Ich werde es horizontal anbringen. Und dann werde ich auch sicherstellen, dass die Größe mindestens 1900 mal 1000 ist, weil er sicherstellen wollte, dass es wirklich breit wird, richtig. Ich meine, die Forderungen sind hoch, wenn wir diese Art von Vollbild haben, so dass es richtig passt, und dann werde ich auch die Kategorie ändern, und ich werde es Leuten geben, weil sie wirklich wollen, dass die Person hier drin ein bisschen interessanter. Also sehen wir hier ein paar verschiedene Bilder, und es gibt viele verschiedene Dinge, die Sie tun können. Also hier, zum Beispiel, was ich tun könnte, ist dieses Bild zu verwenden und dann den ganzen Inhalt hier zu setzen rechts Sie sehen , da ist dieser schöne offene Raum und dann ist etwas los auf der linken Seite, weil wir haben zwei Säulen und wir werden nur eine Spalte fühlen. Ich könnte etwas Ähnliches hier machen. Etwas ähnelt hier drin . Es ist ein wenig überfüllt und etwas Ähnliches hier. Und hier bekommst du den Punkt. Aber was mir wirklich auffällt, ist diese, weil sie leicht nach rechts in der Mitte platziert ist. Hier ist viel Platz für den Text und ehrlich gesagt, das ist für mich ein wirklich schönes Freiheitsbild. Also liebe ich das wirklich. Ich werde es herunterladen. Also werde ich hier auf kostenlosen Download klicken, und ich werde mit diesem gehen. Sie wollen immer sicherstellen, dass die Bilder unter einem Megabyte dieser andere Ort und ich werde auf Download klicken und schauen Sie sich diese Free für kommerzielle Nutzung keine Namensnennung erforderlich. Es ist perfekt. Und dann gehe ich zurück zu L. A. Mentzer. Ich klicke hier rein. Ich gehe weiter und wähle die Datei aus. Hier ist es, und ich werde auf Wählen und hier haben wir es und es wurde bereits optimiert, also ist das wirklich schön. Und ich werde auf Einfügen Medienrechte klicken. So, wie wir sehen können , ist momentan nicht viel los. Es gibt ein paar Dinge, die wir tun wollen. Nummer eins ist, dass wir diesen ganzen Bereich erweitern wollen. Richtig? Also werden wir auf Layout gehen, wir werden es auf minimale Höhen setzen, und dann werde ich voran gehen und 700 schreiben, weil ich mich erinnere, dass das eine wirklich gute Zahl ist . Also gehen wir hin. Es bedeckt einen großen Teil des Bildschirms, sieht gut aus, aber das Bild passt nicht wirklich, ? Also gehen wir zum Stil, und dann gehen wir zu Größe und wir gehen zur Deckung. Also gehen wir hin. Das sieht wirklich schön aus. Eigentlich ist das perfekt. Das ist genau das, was ich wollte. Wir können sehen, dass sie diesen Raum einnimmt, und hier drinnen können wir unseren Inhalt und all unsere Sachen platzieren, also ist das wirklich, wirklich nett. Also liebe ich das bisher. Es gibt ein paar Dinge, die ich tun möchte, weil, wie wir sehen können, hier eine Menge Dunkelheit vor sich geht. Es gibt eine Menge Rot. Das ist weiß. Ich liebe den Kontrast, aber das ist immer noch eine kleine Braut, die herausragen. Also werde ich zum Hintergrund-Overlay gehen. Ich werde hier zum Klassiker gehen, und ich werde auf Farbe klicken und dann werde ich einfach eine Farbe auswählen. Also bekomme ich das Rot. Das muss nicht genau sein. Sie könnten den Farbcode hier hinzufügen, aber das muss nicht so genau sein. Ich wollte nur sein, dass sie ein bisschen mehr rot werden, und dann werde ich die Kapazität ändern, damit wir sehen können, dass das Bild etwas roter wird . Da gehen wir weiter, das wirklich zu mögen. Also schau dir den Unterschied zwischen diesem ist ein super Licht, und das ist ein bisschen mehr rot los, was ihm mehr Kontrast gibt. Ich liebe das. Das passt perfekt zu unserem rötlichen Thema. Danke. Das ist also perfekt. Schauen wir es uns an und sehen, wie es jetzt aussieht, ich werde voran und klicken Sie auf Vorschau-Änderungen. also nach unten scrollen, können wir sehen, dass das wirklich schön ist, aber sie passt hier nicht wirklich so rein, wie ich sie gerne hätte. Also werde ich hier wieder rein gehen und ich werde sein Stil sein. Und dann werde ich in die Position gehen, und ich werde ein paar verschiedene Positionen für sie ausprobieren. Also die erste 1, die ich versuchen werde, ist Mitte Mitte, okay? Und dann bringe ich dich um. Kann Änderungen in der Vorschau anzeigen und sehen, wie das die Dinge ändert. Scrollen nach unten. Ok, viel, viel besser. Super glücklich damit. Um ehrlich zu sein, das sieht wirklich nett aus. Es schneidet hier ein bisschen nach Essen ab, aber ich glaube, ich kann damit leben. Wir könnten einfach weitermachen und das Layout ein wenig ändern. Vielleicht erhöht die hohen Tränen. Also bekommen wir ein wenig mehr aus für vielleicht gehen 750 in diesem Fall. Gehen Sie weiter und klicken Sie. Comm Vorschau Änderungen scrollen nach unten und hier gehen wir. Ja, definitiv. Ich liebe das. Das ist super nett 17. Email Version 2/2: Okay, also lasst uns anfangen, die anderen Elemente zu bearbeiten. Ich werde mit dem Header beginnen. Ich werde hier klicken, und dann werde ich schreiben, um digitale Marketing-Hacks kostenlos zu bekommen, weil das ist was wir für unseren Aufruf zum Handeln anbieten. Richtig? Also, wenn sie sich anmelden, bekommen sie unseren digitalen Marketing-Hack-Kurs kostenlos und wir werden ihre E-Mail-Adresse bekommen, also möchte ich das etwas ändern. Ich bin gerade nicht super zufrieden damit. Ich gehe voran und gehe zum Stil. Ich werde zur Typografie gehen, und als erstes werde ich etwas mit der Größe herumspielen, also werde ich hier nicht schüchtern sein. Lass uns so etwas machen. Holen Sie sich kostenlos digitale Marketing-Hacks. Ich denke, es sieht gut aus, aber ich möchte dieses Ausrufezeichen wirklich entfernen. Da gehen wir. Ich sah viel besser aus, und dann werde ich sie in Großbuchstaben verwandeln. Ich mache fast immer Großbuchstaben. Wenn es um diese Art von Schlagzeilen geht, erhalten Sie digitale Marketing-Hacks kostenlos. Lassen Sie uns voran und sehen Sie die Änderungen in der Vorschau. Also das sieht wirklich gut aus, Holen Sie sich digitale Marketing-Hacks kostenlos. Allerdings würde ich gerne die vier hier unten knallen, damit sie zusammen sind. Und es gibt eigentlich eine recht einfache Möglichkeit, das zu tun. Wir könnten einfach voran und ziehen das immer so leicht und offen, comm Vorschau Änderungen und Chancen sind, dass in dieser Größe, es wird nach unten gesprungen sein, und es hat, Richtig, Also gibt es ein bisschen weniger Platz auf sie zu gehen. Sie deckt mehr vom Bildschirm ab, aber wir können diesen Pop noch mehr haben, also gefällt mir das jetzt wirklich. Ich werde mich damit begnügen, weil ich super glücklich bin, aber ich denke, es sieht wirklich gut aus. Ich werde zu diesem übergehen. Und ich muss sagen, dass diese hellgraue Farbe bisher nicht so gut funktioniert hat. Also, was ich tun werde, ist, dass ich hier zurück zur Speisekarte gehe. Ich werde zu Standardfarben gehen und ich werde auf die Textfarbe gehen und ich werde es in diese dunklere nimmt Farbe so und klicken Sie auf. Recht anwenden. Weil wir bereits verwendet haben, nimmt die dunklere Farbe auch hier drin. Es wird also nichts ändern, also gefällt mir so viel, viel mehr. Und dann gehe ich weiter und klicke hier und beginne mit der Bearbeitung. Jetzt habe ich bereits einen Text gelesen. Ich werde das hier reinlegen, weil, Leute, ich bin nicht so geschaffen,dass ich das vor Leute, ich bin nicht so geschaffen, Ort schreiben kann, aber hier haben wir den Text, der steht, „Holt die neuesten Hacks für digitales Marketing. Facebook, YouTube, Instagram, AdWords, LinkedIn, Quora und S e O sowie die Content-Erstellungsmaschine. $99 des Werts kostenlos. Melden Sie sich unten an, und wir werden es Ihnen schicken lassen. Wirklich nett. Also lasst uns ein wenig mit diesem Stil herumspielen. Das erste, was ich tun möchte, ist natürlich die Größe erhöht. Da gehen wir. Du willst es lesbare Rechte haben. Probieren wir das aus und drücken Sie die Vorschau, und dann werden wir nach unten scrollen und es überprüfen. Holen Sie sich den neuesten Hack-Produzenten-Markt von Facebook YouTube in Stamm. Da gehen wir. Es sieht ziemlich schön aus. Nun, ich möchte eigentlich, dass das ein bisschen mehr auftaucht. Also, was ich tun werde, ist, die Größe noch mehr zu erhöhen, damit ich zurück zur Typografie, und es ist derzeit 22. Lassen Sie uns gehen mit 24 sehen, was passiert und sehen Sie die Änderungen in der Vorschau. Also hier haben wir es. Es sieht schon viel besser aus. Jetzt können wir sehen, dass wegen dieses Halsbandes hier tatsächlich ein bisschen zu viel für meinen Geschmack schmilzt. Also werde ich voran gehen und Papst diese Farbe ein bisschen mehr. Jetzt gehe ich zur Textfarbe, und ich werde auf diesen Standard klicken. Größer haben wir und machen es einfach etwas grauer. Richtig? Ich werde das sogar mehr in Richtung des schwarzen Bereichs bewegen. Sie können sehen, dass sie anfangen, ein bisschen mehr zu knallen. Da gehen wir. Also gehe ich weiter und drücke noch einmal die Vorschau, scrollen Sie nach unten. Und das ist viel einfacher zu lesen, oder? Ich mag diesen großen Fan wirklich. Also hier haben wir es jetzt. Und hier schreiben Sie den Vornamen hier, schreiben Sie die E-Mail und dann treffen sie. Schicken Sie mir die Hacks und es wird geschickt. Eigentlich denke ich, das sieht wirklich nett aus. Ich bin jetzt super glücklich damit. Ich möchte Ihnen etwas zeigen, das Sie hinzufügen können. Außerdem, wenn Sie jetzt möchten, bin ich wirklich glücklich damit. So wie es aussieht, finde ich es schön, sie in einer Reihe wie dieser zu haben. Aber was Sie tun könnten, ist in erster Linie, Sie könnten diese E-Mails, die es auf die richtige hier kommt, setzen. Sie könnten auch voran gehen und den Hintergrund in diese Eingaben weiß machen. Okay, also werde ich dir zeigen, wie das geht. Und um das zu tun, müssen wir hier drinnen zum männlichen Dichter gehen. Ok? Wir gehen auf Worte dieser Stile und es gibt eine große Menge Code hier. Mach dir keine Sorgen darüber. Ich werde Sie durch das führen. Eigentlich ist es super einfach. Und hier drin und das wird in der Ressource sein, ist, dass ich ein Stück Code habe, den wir verwenden werden. So wie Sie einen Teil davon sehen können, habe ich unterstrichen, und dieser zugrunde liegende Code, das ist der Code, den ich möchte, dass Sie kopieren. Ok. Also werde ich fortfahren und diesen ganzen Teil kopieren, der Rest dieses Teils ist, nur um Ihnen zu zeigen , dass das bereits existiert. Dies existiert bereits, und das existiert bereits. Nun, was ich möchte, dass Sie tun, ist, fügen Sie den zugrunde liegenden Teil davon bereits. Okay, also suchen wir nach männlichen Dichtern. Unterstrichener Absatz. Und dann, wo es heißt, Linie Strich Höhe 20 PX. Wir werden diesen Code dort unten einfügen, also machen wir das jetzt. Wir gehen voran und dienen von männlichen Dichter zugrunde liegenden Absatz. Hier ist es. In den Vertes oben, könnte man sehen, es sagt Linie Dash hoch 20 PX. Okay, also was ich tun werde, ist hier bis zum Ende zu klicken. Ich werde die Eingabetaste drücken. Also bekommen wir hier eine neue Zeile und ich werde diesen Code direkt einfügen. Auch gehen, um einfach dort zu klicken und stellen Sie sicher, dass diese in der Reihe sind. Da gehen wir. Was wir jetzt hinzugefügt haben, ist ein Stück Code. Wir haben die Hintergrundfarbe und auch das Display geändert, oder? Also, wenn ich voran und ich klicke auf Speichern hier jetzt und dann gehen wir zurück zu unserer Website und wir aktualisieren es und scrollen nach unten, können wir sehen, dass jetzt. Zunächst einmal haben die Eingabefelder die Positionen geändert. Also haben wir den Vornamen hier haben wir die E-Mail auf der rechten Seite. Wir haben die Hintern und darunter, und sie sind auch weiß geworden, oder? Wenn dies also nicht mit Ihrem Hintergrund füttert und das Transparente hat, wie sie sind, können Sie dieses Stück Code hinzufügen. Fügen Sie auch dieses Stück Code hinzu, um sie so zu verschieben. Und es gibt zusätzliche Dinge, die Sie tun können Coding ist eigentlich überraschend einfach. So zum Beispiel sehen wir zum Beispielden männlichen Dichter Textbereich hier heißt es, mit 200 Pixeln. Wenn ich voran gehen würde und entfernen Sie diese und schreiben 250 Hit speichern und dann gehen wir zurück und ich aktualisieren diese Seite, wir sehen, dass sie jetzt länger sind. Es gibt also viele Dinge, die Sie tun können, auch ohne Code zu verstehen, oder? Aber die Hauptsache ist, nur voran zu gehen und diesen Code zu verwenden, mit diesem Stück fertig zu werden und es unter Strich Absatz und dann unter Zeile Strich hoch 20 Pixel zu setzen , genau so, wie ich es getan habe. Und du wirst das wunderschön machen. Schönes Display, richtig? Die Leute können sich anmelden, und dann wird es nach dir abseits sein, zum männlichen Dichter zu gehen, die Sequenz einzurichten und sicherzustellen, dass, was immer es ist, was du anbietest, sie werden in Ordnung werden, also bin ich super glücklich damit. Ich finde, es sieht wirklich, wirklich nett aus. Und wie wir jetzt sehen können, schmilzt die Abschnitte wirklich ein. Nun, wir haben dieses Schwert aus Kontrast vor sich. Also hier haben wir ein rotes Thema. Wir haben dieses schöne weiße geht direkt auf den Punkt nach unten, wir haben den Kontrast von weißem Hintergrund, einen dunkleren Text. Und dann kommt dieser schöne Teil. Ich genieße unsere Design-Typen wirklich. Nun, in der nächsten Vorlesung, werde ich Ihnen eine weitere E-Mail zeigen, oft das Zeichen, dass es heute sehr beliebt ist. Okay, um das zu tun, werde ich das eigentlich retten wollen, aber ich werde es zu Demonstrationszwecken entfernen. Also, was ich tun werde, ist richtig. Klicken Sie hier und gehen Sie dann weiter und klicken Sie auf Als Vorlage speichern. Und dann werde ich E-Mails im ganzen Abschnitt schreiben, damit ich weiß, was es ist. Und dann werde ich sparen. Jetzt ist es hier drin gerettet. Ich kann das hier unten klicken, und ohne einen Herzinfarkt zu bekommen, kann ich tatsächlich voran gehen und klicken Sie diesen weg. Jetzt möchte ich Sie auf ein paar Dinge aufmerksam machen, bevor wir weitermachen. Und die 1. 1 ist, dass, wenn Sie sich entscheiden, einen Text hier hinzuzufügen, was wir tun können, indem wir in Felder gehen und eine gewohnte Takes verwenden, genau wie wir es getan haben, wenn wir das G D P R Label hatten , richtig, es ist nicht jetzt obligatorisch, weil wir die Cookies in der Datenschutzerklärung haben. Aber wenn Sie voran gehen und hier Ihre eigene SMS hinzufügen, wird es wegen des Codes komplett weiß werden und sich mit dem Design verwirren. Wir haben hinzugefügt, Wenn Sie in einem g d hinzufügen möchten. P r tex, Ich empfehle dringend, dass Sie voran gehen und Sie einen Texteditor-Element verwenden. Legen Sie es unten und schreiben Sie es stattdessen so. Das wird damit nicht vermissen. Nun hat Elementary tatsächlich ein super einfach zu bedienendes Formularwidget, aber das ist für die Pro-Version. Aber wie Sie vielleicht elementar superstark bemerkt haben, könnte es sich lohnen, in sie zu investieren, wenn Sie nicht so daran interessiert sind. Aber vorerst gehen wir weiter und nutzen das, weil es mehr als genug ist. Lassen Sie uns weitermachen und die nächste Version machen. Leute, ich klicke das hier weg. Sie würden dich in der nächsten Vorlesung sehen. 18. Email Option 2: In diesem Vortrag werde ich Ihnen eine andere Version zeigen, die Sie für Ihre E-Mail tun können. Oft Design. Nun, wieder, gibt es unzählige von der Wissenschaft da draußen, aber das vorherige Design war ein vollständiger Abschnitt Design. Dieser wird ein kleiner Abschnitt sein. Entworfen wird direkter auf den Punkt kommen. Und diese Art von Öffnungen sind in letzter Zeit sehr populär geworden. Diese Art der Öffnung der Wissenschaft, die ist. Also lassen Sie mich Ihnen genau zeigen, wie diese aussehen, wie ich sie mache. Und dann können Sie entscheiden, ob Sie Version 1 oder Version 2 für Ihr eigenes Homepage-Gebäude verwenden möchten. Richtig? Also fangen wir hier an, und ich werde damit anfangen, hier unten eine Überschrift zu ziehen. Da gehen wir. Und dann werde ich schreiben die Seife holen. 10 digitale Marketing-Hacks wie diese. Ich gehe voran und zentriere es, und dann werde ich zum Stil übergehen, weil ich das beide in Großbuchstaben will. Aber auch Biggers, ich werde einen in Großbuchstaben verwandeln, und dann werden wir die Größe vergrößern. Ich werde damit nicht schüchtern sein. Sie gehen so etwas. Okay, also haben wir diesen Teil. Ich bin wirklich glücklich damit. Und jetzt werden wir die E-Mail schicken. Upton. Richtig. Also werden wir nach unten scrollen, bis wir Wordpress finden. Ich werde das hier aufmachen, und hier haben wir Post Poet 34. Kann ich es schnappen? Und ich werde es hier unten unten unter der Kopfzeile setzen. Ok. Und dann werde ich zu dem wechseln, den wir in der vorherigen Vorlesung benutzt haben. Also haben wir diese Art von längerer Version, wie die wirklich schön aussieht. Nun, die Sache ist, es gibt nicht viele Optionen, die hier mit dem männlichen Dichter Widget im Moment los sind. Wenn Sie die Pro-Version von L als Mentor verwenden, könnten Sie einfach die elementare Form verwenden. Sie können diese manuell hinzufügen. Sie könnten die Hintern manuell hinzufügen. Es wäre viel schneller und einfacher, und Sie würden nur Haken Sie es bis zu männlichen Fitness-Studio. Aber weil wir die Pro-Version nicht verwenden, werden wir das umgehen. Wenn wir also einen Blick darauf werfen, wie das jetzt aussieht, werde ich eine Vorschau der Änderungen ansehen und ich werde nach unten scrollen. Wir können sehen, dass es hier ganz links ist. Nun, wenn ich das mehr Zentrum will, gibt es ein paar Möglichkeiten, wie wir das tun können. Nein. Eine der Möglichkeiten wäre, zum Beispiel, dass ich für diese Spalte zu fortgeschritten gehen könnte und ich die Marge ändern könnte, oder? Das wäre also der Rand von links. Ich werde auf Link. Und ich könnte schreiben, zum Beispiel, 50 oder Wohnung mehr wie 200 dort vor. Und dann könnte ich eine Vorschau der Änderungen anzeigen und nach unten scrollen, und es wäre viel mehr Zentrum. Das sieht also wirklich schön aus, oder? Das ist eine der Möglichkeiten, es zu tun. Nun, das Problem damit wird sein, wenn wir uns den Responsive Motor ansehen, gehen wir zur Tablet-Version. Wir können sehen, dass wir diesen wirklich seltsam aussehenden Raum hier haben, oder? Wenn Sie auf die mobile Version gehen, na ja, er ist nur Chaos, um ehrlich zu sein. Aber wir könnten auch einfach weitermachen und anfangen, es für Mobilgeräte und Tablets anzupassen und anzupassen. Konkret müssen wir das sowieso tun. Aber ich werde Ihnen einen zusätzlichen und sehr effektiven Weg anbieten, um Ihre Inhalte zu zentrieren. Also sieh dir das an. Das alles, was ich tun werde, ist, dass ich es hier ein Desktop-Rechte behalten werde, und ich werde diesen Abschnitt wirklich entfernen. Ich werde nur mit der rechten Maustaste klicken und nach unten gehen, um zu löschen. Richtig? Also gehe ich in die innere Abteilung, richtig? Und ich ziehe das direkt unter die Kopfzeile. Was der innere Abschnitt macht, ist, dass Sie mehr Spalten hinzufügen können, oder? Und es ermöglicht Ihnen, mehr Spalten innerhalb dieses Abschnitts direkt hier hinzuzufügen. Andernfalls müssten Sie einen neuen Abschnitt erstellen. Aber wir wollen alles in einem Abschnitt behalten, damit wir ein schönes Hintergrundbild für diesen gesamten Abschnitt erstellen können . Macht uns so, dass wir jetzt zwei Spalten haben. Ich werde mit der rechten Maustaste klicken, und ich werde auf Neue Spalte hinzufügen klicken und erraten, was wir hier in der Mitte setzen werden . Du hast vermutet, dass wir das Oped einpacken, informiert, dass ich zu den Elementen gehe. Scrollen Sie nach unten, Dichter. 34 Und ich werde einfach voran gehen und das in der Mitte hinzufügen. Genau da. Da gehen wir. Also sieht es jetzt so aus und wir gehen zu uns, damit wir sehen können, wie es wirklich aussieht. Da gehen wir. Nun, denken Sie daran, wir haben die lange Version und wir wollen die lange Version behalten. Das bedeutet also nur, dass das jetzt zu vollgestopft ist. Es ist so anpassbar und so einfach in elementar, weil Sie hier an die Wand gehen können und dann können Sie es einfach nach links bewegen, so sehr, sehr einfach zu gestalten. Und ich werde auf eine Extremität gehen, Periode, sagen, dass vielleicht mit 15% gehen wollen. Lass es uns so machen. 15%. Und ich werde hier auch 15% treffen. Gehen wir hier, da gehen wir. Da gehen wir. 15. 15. Und jetzt werde ich voran gehen und die Änderungen ansehen, sehen, wie es aussieht und nach unten scrollen. Und es ist komplett zentriert. Das liebe ich jetzt. Ich liebe das nicht, also werden wir es entfernen, aber ich liebe es, wie zentriert es ist. Also gehen wir zurück und ich werde das entfernen, so dass sie gehen würden. Und jetzt, wenn Sie voran gehen und sich die Verantwortlichen ansehen und zum Beispiel die Tablet-Version ansehen, können wir sehen, dass dies perfekt im Zentrum ist. Es sieht wirklich gut aus. Und wenn wir uns das Handy ansehen, nun, könnte ein bisschen Arbeit hier noch getan werden, aber es sieht immer noch wirklich, wirklich schön aus. Ich schätze dieses Design, also freue ich mich darüber. Das sieht wirklich gut aus. Nun, was wir tun werden, ist voranzukommen und hier einen Hintergrund hinzuzufügen. haben wir schon mal getan. Das ist nichts Neues. Also gehen wir zum Abschnitt hier zu bearbeiten, und dann gehen wir zum Stil, und wir gehen zum Hintergrundtyp, klicken auf Classic, und hier werden wir ein Bild hinzufügen. Um das zu tun, müssen wir ein Bild finden, oder? Also pflückt gehorchen unserem guten alten Freund. Wir werden hier etwas finden. Und weil dieser Abschnitt direkter auf den Punkt ist, werde ich mit einem abstrakteren Bild gehen, richtig, weil es nur eine Reihe ist. Sie wollen sich nicht so viel vorstellen, dass es wichtig ist, notwendigerweise. Zumindest nicht mit diesem Design. Also werde ich hier digital schreiben, und dann werde ich die Ausrichtung für horizontal festlegen, und dann werde ich einfach anfangen, hier unten zu scrollen und sehen, was wir finden können. Und, weißt du, die Sache, die mir sofort erscheint, ist eigentlich diese, denn das ist einfach so ein abstrakter Unsinn, und das wird perfekt als Hintergrund funktionieren. Also werde ich voran gehen und auf diese klicken, und ich werde herunterladen. Es ist auch wirklich klein . Das ist schön. Also werden wir diese herunterladen und ausprobieren, gehen zurück zu L. Ein Mentor, Klicken Sie auf das Plus ihr eigenes Bild. Und dann werde ich Dateien hochladen und dann Dateien auswählen. Und da ist es. Ich werde auf wählen klicken und dann Medien einfügen und los geht's. Okay, also nicht so aufregend jetzt. Und das erste, was wir tun werden, wie wir immer tun, ist, dass wir die Cover-Option wählen, und ich meine, es ist ziemlich eng, und das macht Sinn, dass es ist, weil wir nicht wirklich geändert haben, die Polsterung ist noch. Also gehen wir weiter zum Fortgeschrittenen, und dann gehen wir hier zur Polsterung, und wir werden es auf 50 setzen, die viel besser aussehen. Lass uns diesmal sogar mit 17 gehen. Da gehen wir. Und dann gehen wir voran und sehen uns die Änderungen an. Sehen Sie einfach, wie es jetzt aussieht, scrollen Sie nach unten. Okay, das sieht eigentlich wirklich, wirklich nett aus. Nun, es gibt ein paar Dinge, die ich wirklich tun möchte. Ich möchte den Hintergrund etwas dunkler machen. Ich denke, die Farbe sollte zu aggressiv. Ich möchte die Farbe aus der Kopfzeile ändern. Eigentlich, Weißen, die ich sehen kann, sucht nach den schönen Haaren, und wir werden es von dort nehmen. Ich fange damit an. Also gehe ich nochmal zur Bearbeitung des Abschnitts, und dann gehe ich zum Stil und dann gehe ich zum Hintergrund-Overlay, okay? Und dann werde ich auf klassische und jetzt Farbe klicken. Und ich werde schwarz so verwenden, weil sie dunklere Farben geben wollten. Ich werde es einfach so dunkler machen. Es gibt so etwas. Alt ist etwas dunkel, nicht wahr? So etwas. Oh, das ist wirklich nett. Das gefällt mir. Okay, also ist es viel, viel dunkler. Und jetzt werde ich zum Header gehen, indem ich einfach darauf klicke. Klicken Sie hier auf Textfarbe, und lassen Sie es weiß machen. Okay, ich weiß dieses Design wirklich zu schätzen, und dann werden wir die Änderungen in der Vorschau sehen. Also von hier in das, okay, ich mag das. Jetzt gibt es ein bisschen zu viel Luft und zu viel Platz ist, ich werde die Position vom Hintergrundbild hier drinnen ändern , also machen wir das sofort. Also werde ich den Abschnitt noch einmal bearbeiten, und ich werde zum Layout gehen, und ich werde hier stylen gehen und dann die Position, die ich versuchen werde, Center Center Center Center. Es geht normalerweise wirklich gut mit der Mitte eins, und ich werde Preview Änderungen essen. Oh, ich liebe das wirklich. Genau das rede ich also mit dieser Art von abstraktem Hintergrund, nicht wirklich etwas bedeutet, keine Aufmerksamkeit erregt. Aber es gibt ein schönes Gefühl, denn das ist der wichtige Teil, oder? Holen Sie sich die 10 besten digitalen Marketing-Hacks. Vorname E-Mail, schicken Sie mir die Hacks. Es zeigt direkt auf den Punkt, was Sie wollen und hat ein schönes Design. Und dieses Design geht auch Hand in Hand mit dem, was wir hier anbieten, was Hacks sind, richtig? Also schätze ich das wirklich. Die Art von Kontrast in Rot-Weiß und das komplette saubere Weiß mit dem schwarzen Text und dann über in diesen. So wirklich, wirklich nett. Ich liebe dieses Design, aber ich denke tatsächlich, dass ein kompletter Abschnitt viel besser zu diesem passen wird. Also, was ich tun werde, weil ich diesen hier wirklich liebe. Er sagte, ich gehe voran und klicke hier mit der rechten Maustaste. Ich werde auf Speichern als Vorlagen klicken und ich werde E-Mail schreiben, entscheiden Sie sich in kleineren Abschnitten wie das, und ich werde auf Speichern klicken. Da gehen wir. So ist es gerettet. Ich kann das hier runter klicken, und ich kann das sofort entfernen, ohne einen Herzinfarkt zu bekommen. Ok. Und jetzt gehe ich weiter und klicke auf Addie-Vorlagen. Ich gehe zu meiner Vorlage, und ich werde in der E-Mail öffnen vollständigen Abschnitt hinzufügen, indem Sie auf Einfügungen klicken. Ja, wenn ich alles importiere und dann bekommen wir das wieder. Ich schätze dieses Design wirklich. Oh, und manchmal erhalten wir beim Importieren der Vorlagen die Sidebar zurück. Ich weiß nicht, warum das ist, aber alles, was wir tun müssen, ist zu gehen, um die Dinge hier unten zu setzen und dann zum Seitenlayout zu gehen und mit dem Elementar voll zu gehen. Wenn Sie Canvas abseits des Kurses verwendet haben, gehen Sie mit Leinwand, aber wir verwenden voll mit. Also werden wir das einfach auswählen und alles ändert sich wieder so. Also lassen Sie uns die Vorschau treffen und stellen Sie sicher, dass alles schön aussieht und schön scrollen Sie nach unten. Und da sind wir. Ich liebe das. Also, was wir tun werden, ist tatsächlich die zweite Version von der E-Mail off Sache, die wir gerade für eine andere Seite erstellt haben, Wahrscheinlich der Stern Träne Patron. Ich möchte oft in eine andere E-Mail setzen. Also freue ich mich wirklich, wirklich über diese Typen. Tolle Arbeit. Wenn Sie mitverfolgt haben und dann entscheiden, welche Art von Entscheidung Sie für Ihre Website wollen , und Sie können natürlich beides haben, weil Sie diese E-Mail oft mehr als einmal haben wollen. Aber die meiste Zeit möchten Sie nicht, dass das gleiche Design immer wieder wiederholt wird. Also, wenn Sie irgendwelche Fragen haben, wird in der Q und A. Wir sehen uns in der nächsten Vorlesung 19. Bildausschnitt Teil 1: In diesem Vortragwerden wir unseren Showcase-Bereich erstellen. In diesem Vortrag Und was für ein Schaufenster ist, wird im Grunde ein Abschnitt sein, in dem Sie einige Angebote präsentieren , die Sie auf Ihrer Website haben. Für uns wird das jetzt ein paar von unseren meistverkauften Kursen sein. Für Sie könnte das ein gewisses Angebot sein, das Sie mit Ihrem Service haben. Es könnten bestimmte Produkte usw. . Jetzt werden wir mehr darüber eingehen, wie wir Produkte in der Rubrik Wu verkaufen, wo wir lernen werden, wie Sie Ihre Website zu einer E-Commerce-Website machen. Aber im Moment werden wir unseren Showcase-Bereich erstellen und ich werde Ihnen zeigen, wie ich diesen erstellen werde. Die Idee ist also, dass ich als erstes eine Überschrift erstellen möchte. Also werde ich den hier rein ziehen und fallen lassen, und dann werde ich in die Überschrift „Bestseller-Kurse“ schreiben. Ich werde es zentrieren und dann ziehe ich zu Stil und ich werde die Größe vergrößern . Lass uns mit Yeah gehen, sagen wir, lass uns mit 50. Ich finde, das sieht gut aus. Und dann mache ich die in Großbuchstaben. Das sieht schon viel besser aus. Okay, das sind die Grundlagen, die wirklich gut aussehen. Nun, was ich tun möchte, ist zeigen, verkleidete drei unserer meistverkauften Kurse dort drin. Also, was ich brauche, sind drei Spalten, richtig? Aber ich werde auch einen schönen Hintergrund oder eine einzelne Farbe haben wollen. Wir werden sehen, wie wir mit der Gestaltung hier weitermachen, was ich wählen werde. Aber das bedeutet, dass ich einen dieser Kreuzungen verwenden muss, anstatt hier zu klicken. Denn wenn ich hier klicke, bekomme ich einen neuen Abschnitt, und dann wird es schwieriger, den gleichen Hintergrund oder den gleichen Anrufer zu verwenden. Denken Sie daran, wir haben diese früher durchgemacht, also werde ich voran gehen und in den inneren Abschnitt ziehen und es unten unter den meistverkauften Kursen einfach so legen . Also jetzt kommen wir zu Spalten und ich will 1/3. Also alles, was ich tun werde, ist richtig. Klicken Sie auf, und fügen Sie dann neue Spalte hinzu. Und da gehen wir. Ok, dafür ist das Element, das ich verwenden werde, tatsächlich ein neues und es wird auf der Bildbox aufgerufen . Okay. Und der Grund dafür ist einfach. Du wirst genau sehen, warum ich es jetzt benutzen werde. Wenn ich es ziehen und ablegen, werden Sie sehen, dass dies das perfekte Design hat, um einen Produktangebot Service zu präsentieren , was auch immer es sein könnte, weil Sie in ein Bild von ihm hier in hinzufügen, schreiben Sie eine Überschrift und dann eine Beschreibung, die ich liebe dieses Set von. Ich finde es absolut genial. Also werde ich voran gehen und anfangen, das zu bearbeiten, aber bevor ich das mache, werde ich tatsächlich mehr hineinziehen. Also lasst uns hier noch einen machen und dann weitermachen und hier noch einen machen. Da gehen wir. Fangen wir an zu entwerfen. Also, die 1. 1 hier drinnen, werden wir weitermachen und unser Bild hinzufügen, richtig? Also werde ich hier reinklicken, und ich habe mir die Freiheit genommen, fügte ich das Kursbild hier schon vorher hinzu. Ich musste suchen, um das zu finden, aber die 1. 1 wird eigentlich unser digitaler Marketing-Kurs sein. Also werde ich das hier einfügen. Da gehen wir. Und dann werde ich komplettes digitales Marketing schreiben, okay? Und dann werde ich hier eine SMS hinzufügen, eine Beschreibung. Ich schreibe so etwas wie Willst du dein Geschäft mit Kunst erweitern? Vollständiger Kurs für digitales Marketing. So etwas erhalten Sie mehr als 40 Stunden aus hochwertigem Unterricht. Nun, das ist nur etwas, das ich über Importe schreibe. Sie werden sich ein wenig mehr Zeit nehmen wollen, um ein wenig effektiver in Bezug auf Ihren Kunden zu machen und wirklich die Nachricht über. Aber für diese Demonstration werden wir das behalten. Ich bin wirklich sehr zufrieden damit. Und das nächste, was wir tun können, ist, weiterzumachen und es hier mit dem zu verknüpfen, was wir jetzt anbieten, wäre es ein bestimmtes Produkt hier drin? Zum Beispiel, was ich tun könnte, ist, weiter zu gehen und zu den Kursen hier zu gehen. Ich könnte diesen Link mit der rechten Maustaste kopieren, und dann könnte ich ihn einfach hier hinzufügen, oder? Pace die Verbindung da drin. Wenn sie also hier klicken, werden sie zum Kursbereich weitergeleitet. Oder wir könnten zum Beispiel für unseren eigenen Fall voran gehen und ihn direkt mit unserem Sie treffen Kurs verknüpfen . Richtig? Dann werden wir auch Menschen folgen . du für mich natürlich, wo wir es tatsächlich verkaufen. Das wird also sein, wo wir den Link setzen, und dann haben wir die Bildposition. Wir können dies ändern, wenn eine andere Anzeige. Aber ich mag die Spitze, die mittlere Position, so. Okay, also lasst uns jetzt zum Stil übergehen, etwas, von dem ich wirklich ein Fan bin, erhöht tatsächlich die Größe so. Also wollte ich wirklich so rauskommen. Ich finde, es sieht wirklich schön aus. Und ich werde nicht mit dem Abstand spielen. , Ich denke,es sieht standardmäßig bei 15 gut aus. Wir haben auch unsere Hover-Animation. Wir könnten wachsen dafür verwenden, aber ich werde das eigentlich nicht verwenden, weil ich gerade ein anderes Design habe, zumindest im Sinn, und wir werden sehen, wie sich das ergibt. Okay? Und dann könnten wir auch die Hover-Effekte hinzufügen. Bevor wir das tun,möchte ich das alles ausweiten und ausblenden, nur damit ich einen Einblick bekommen kann, wie dasaussehen wird. Bevor wir das tun, möchte ich das alles ausweiten und ausblenden, nur damit ich einen Einblick bekommen kann, wie das Also werde ich voran gehen und hier reinklicken. Ich werde mein Bild aussuchen. Und hier drinnen werde ich das Shopify-Logo setzen. Da gehen wir. Und hier drinnen werde ich dasselbe tun. Aber ich werde das Amazon-Logo setzen. Städte sind alle verschiedene Kurse wie diese. Nun, das ist etwas wirklich, wirklich cooles, Leute. Und bedenken Sie das, wenn Sie entwerfen, denn es wird viel Zeit sparen. Also habe ich schon etwas entworfen, da drin. Zum Beispiel habe ich es erhöht, wenn das Bild deaktiviert ist. Nun, wenn ich all diese Stile hier in diese kopieren möchte, muss ich alles richtig machen. Klicken Sie hier und klicken Sie auf Coping. Und dann gehe ich hier rein und klicke mit der rechten Maustaste und klicke hier auf Tempo Stil und du siehst , dass sie sich sofort an diesen Bewältigungsstil anpassen werden. Es ist so ein Zeitersparnis. Ich liebe diese Funktion. Okay? Und dann würden wir weitermachen und wir würden diese auch bearbeiten. Shopify, Drop-Schiff ist das, schreib es so auf. Wir werden Amazon f B A schreiben . Jetzt natürlich wollen wir natürlichauch eine Beschreibung. Aber ich werde das jetzt nur speichern, ist ein bisschen Zeit zu sparen. Mal sehen, was wir jetzt haben. Ich werde eine Vorschau auf die Änderungen sehen. Okay, also sieht es gerade so aus. Niemand wirklich wichtiger Aspekt, wenn es um diese Signatur geht und wenn Sie Spalten wie diese machen, ist sicherzustellen, dass Sie den gleichen Betrag aus Text in Ihren Zeilen haben. Also, wenn Sie Ihren Kopf haben oder Sie wollten in einer einzigen Reihe, ähnlich und ähnlich und unten haben wir die Beschreibung auf drei Reihen. 123 Und wir wollen es so behalten, denn wenn wir vier Reihen haben, während die anderen drei haben , wird diese ganze Reihe verschoben werden, also wird das etwas niedriger oder höher sein als der Rest, und es ist gerade gehen, um das gesamte Design durcheinander zu bringen. Das ist also ein starker Tipp, um diese in der Linie zu halten, wenn Sie Spalten und Zeilen wie diese entwerfen . Okay, also freue ich mich jetzt sehr darüber. Ich möchte weitermachen und ein bisschen mehr Platz machen. , Du erinnerst dich daran,dass wir vorhin darüber gesprochen haben. Zum Beispiel haben wir etwas Abstand zwischen diesem und diesem Abschnitt. Wir haben etwas Platz zwischen diesen Abschnitten, und ich möchte auch hier dasselbe tun. Also werde ich hier rauf gehen und diesen Abschnitt bearbeiten. Ich gehe zum Fortgeschrittenen. Also werde ich voran gehen und in die Marge gehen, und ich werde das sagen, um 70 Uhr und sehen, wie sich das ergibt. Also bekommen wir hier ein bisschen mehr Platz. Wir haben auch ein bisschen mehr Platz unten. Okay, ich denke, es sieht jetzt ziemlich schön aus. Dazwischen ist viel Platz los. Da gehen wir. Nun möchte ich auch etwas Abstand zwischen diesen Spalten, das sind die Kurse und der Header selbst. Also, was ich tun werde, ist, hier zu klicken, um diesen bestimmten nennen ihn diese eine Spalte zu bearbeiten , und ich werde zum Fortgeschrittenen hier oben gehen, und dann werde ich mich absetzen, um 50 sagen zu lassen, oder? Und ich werde dasselbe für diese Kolumne tun. Ich klicke hier hoch, gehe zum Fortgeschrittenen. Stellen Sie die Polsterung auf 50 ähnlich hier, klicken Sie auf ihre erweiterte und setzen Sie die Polsterung auf 50. Jetzt können wir sehen, dass es insgesamt ein bisschen mehr Platz gibt, einige ihn zwischen dem Header auffüllen. Und es gibt auch etwas Polsterung zwischen den Kursen selbst. Also lassen Sie uns sie überprüfen, und dann scrollen wir nach unten und das sieht schon viel, viel besser aus. Ich schätze diesen schönen sauberen Look gerade jetzt können wir auch sehen, dass es mehr Rose geht hier drin, die das Design ein wenig durcheinander bringen wird. Ich möchte hier ein paar zusätzliche SMS hinzufügen. Ich werde das vorerst tun, obwohl das eine Demonstration ist. Also werde ich hier klicken, und ich werde zum Inhalt gehen und ich werde schreiben Nehmen Sie Ihr Geschäft auf die nächste Ebene, und dann gehen wir voran und sehen, wie es aussieht, nach unten scrollen wird. Und da gehen wir. Also gibt es 444 Da gehen wir. Sieht schon viel besser aus. Okay, also das nächste, was ich hier tun möchte, ist eigentlich, hier Knöpfe hinzuzufügen. Okay, Also, wenn ich einen Link gesagt hätte, zum Beispiel, den Link, den ich es früher so gekocht habe, können wir sehen, dass das Bild klickbar wird und die Kopfzeile, aber der Text wird nicht anklickbar. Und die gute Nachricht ist, dass es viel Platz zum Klicken hier gibt, zumal wir das Bild vergrößert haben. Aber wir wollen hier auch super duper klar sein, und deshalb wollen wir Knöpfe unten setzen, richtig? Also werden wir weitermachen und das tun. Und es gibt eigentlich eine wirklich nette Sache, die du tun kannst, wenn wir im Kurs so weit gekommen sind , oder? Und das ist, dass wir den ganzen Weg nach oben scrollen und diesen schönen Knopf verwenden, den wir bereits Zeit verbringen, um das Zeichen zu beenden, das wir bewältigen können, und dann können wir nach unten scrollen. Wir können hier einklicken, und wir können tatsächlich voran gehen und es einfügen. Und das ist unglaublich. Jetzt erkennen, dass wird alle Einstellungen von der Taste haben, die wir zuvor verwenden. Das bedeutet, dass das sagen wird , mehr zu erfahren, wird diesen Link haben , usw. Aber wir werden einfach weitermachen und die Verbindung entfernen. Wir gehen weiter und setzen diesen Link auch hier ein, richtig? Und dann gehen wir zu Link-Optionen und wir werden auf Öffnen in neuem Fenster klicken, denn wenn Sie hier klicken, wollen Sie nicht, dass die Leute diese Seite verlassen, richtig? Willst du, dass sie hier bleiben, während du zu deinen Kursen gehst? Also können Sie mawr gute Sachen haben, während sie nach unten scrollen. Also werden wir das in einem neuen Fenster öffnen, okay? Und wir werden dasselbe für diesen haben, damit Sie, wenn sie hier reinklicken, zu den Optionen gehen. Das wird in neuem Fenster geöffnet werden gefragt. Nun, also werden wir weitermachen und diese auch aufstellen, mit dem No-Folge-werde zu Link-Optionen gehen . Sie können dort in einem neuen Fenster öffnen, klicken Sie auf Öffnen in Neues Fenster. Und da gehen wir. Jetzt bemerken Sie wahrscheinlich, dass es eine Menge Dinge gibt, die gerade auftauchen, während ich mit dem Design gehe . Und so sieht die Unterzeichnung aus. Sie bekommen die Ideen, Sie decken diese Dinge, Sie bekommen neue Ideen, Sie fügen sie hinzu, Sie versuchen Dinge aus Dies ist sehr intuitiv, Diese Wissenschaft. Ich weiß nicht, wie das enden wird, aber ich habe ein wirklich gutes Gefühl, weil ich eine grundlegende Gliederung damit habe, ich habe einen Header. Ich möchte diese drei Spalten mit den Kursen haben und dann will ich die Böden. Okay, also wird es gehen. Nein, ich möchte auch dazu schicken, damit es viel, viel besser aussieht . Und dann bin ich sehr zufrieden damit. Was ich tun werde, ist, dass ich das abdecken werde, und ich werde es auch hier setzen. Ich werde das in Tempo setzen, und ich werde das in sieht wirklich, wirklich nett aus. Bisher freue ich mich wirklich darüber. Jetzt möchte ich noch eine Sache tun, und das ist eigentlich, eine nicht weitere Hintern hinzuzufügen und unten hier unten. Und das wird ein Blick sein. Alle Kurse unten. Ich möchte, dass sie die Möglichkeit haben, zu sehen, dass dies unsere meistverkauften Kurse sind, die wir anbieten. Sie können mehr über sie lernen und dann auch alle natürlich sehen, es hier unten, um mehr Kurse zu sehen haben wir über 20 jetzt erkennen, dass dies nicht mehr gelernt werden muss . Dies könnte sein, zum Beispiel, kontaktieren Sie mich. Das könnte mittlerweile sein. Das könnte alles sein. Egal, wie Sie es präsentieren. Für mich werde ich mehr lernen, denn wir werden dir das später schicken lassen. Für mich, richtig? Also werde ich voran gehen und die Verbindung über dich zu mir schnappen und sie hier drin zu verbinden. Und so werden sie auf die Zielseite von dir zu mir gehen und dort mehr zu erfahren. Nun, wenn Sie alles auf Ihrer Seite haben, könnten Sie jetzt eine haben, sie könnten das Produkt kaufen, oder Sie könnten sie auf eine andere Seite senden. Also hier haben wir das, aber , ähm, ich werde es so zentrieren, und ich werde es groß machen. Ich wollte größer sein als die anderen, okay? Und ich möchte auch, dass der Text alle Kurse anzeigt, die sie gehen würden, und ich werde zum Stil gehen, und dann gehe ich zur Typografie, weil ich Großbuchstaben sein wollte. Genau so. Sieht wirklich nett aus. Ich wollte die Hover-Effekte haben. Ich werde das hier erledigen, und ich werde den Stil einfügen. Okay, jetzt hat es auch die gleiche Größe, aber wir können voran gehen und zurück zum Stil gehen, zur Typografie gehen und einfach den Stil so erhöhen. Wir haben es auch ein bisschen länger gemacht, weil wir den ganzen Stil des vorherigen geschnappt . Aber eigentlich habe ich diesen Blick wirklich genossen. Also werden wir diesen Blick behalten. Nun, eine Sache, die ich tun möchte, ist, das ein bisschen runder zu machen. Okay? Also werde ich mit der Grenze gehen und tatsächlich diese Grenzen einrichten, um, sagen wir mal, 20 und die Grenzen. Wie Sie sehen können, wird das die Kanten runder machen. Ich werde mit 30 gehen. Da gehen wir. Werfen wir einen Blick auf unser aktuelles Design. merkst du wahrscheinlich. Vor der Frage, dass Sie immer mehr Optionen erkennen und solange Sie die grundlegenden Optionen und Funktionen kennen , sind die Optionen dieses Zeichens endlos. Es ist wirklich schön. Scrollen wir nach unten und überprüfen Sie es. Ich genieße das jetzt wirklich. Ich möchte hier etwas mehr Platz dazwischen. Also werden wir uns darum kümmern. Ich gehe runter. Ich klicke auf Pflege, gehe voran, und dann werde ich ein paar Polsterungen hier reinlegen. Also lassen Sie uns sagen, es ist zwischen C oder so. Vielleicht sogar dritter. Du weißt schon, am Rande zu leben. 30. Lasst uns das ausprobieren. Einzelne wahrscheinlich comm Vorschau wieder. Blättern Sie nach unten. Und ja, ich mag so viel, viel mehr. Okay, Leute. Das sieht also wirklich gut aus. Es gibt noch ein paar Dinge, die ich hier drinnen gerne machen würde, oder? Es gibt noch ein paar Dinge, die ich hier drinnen gerne machen würde, Und das erste, was wäre, dass ich möchte, dass etwas passiert, wenn ich meine Maus hierher schiebe. Also im Moment ist es ziemlich langweilig zu spielen. Es gibt einige Aktionen auf dem Boden. können wir jetzt sehen. Ich möchte, dass mehr Dinge passieren. Also, was ich tun werde, ist, dass ich zu l. einem Mentor wie diesem gehen werde, und ich werde anfangen, die Hintergründe für diese Spalten zu bearbeiten, weil ich den Papst nicht will . Ich möchte, dass alle diese beiden auf Aktion haben, wenn Sie mit der Maus über. Also was? Ich werde voran gehen und als nächstes tun, ist sicherzustellen, dass es eine Aktion los ist, wenn ich Maus über so die ganze Website ein wenig interessanter und ein bisschen befriedigender, um mit der Maus über zu schweben. Also, was ich tun werde, ist tatsächlich auf die Spalte hier oben klicken. Also fangen wir an, diese eine Spalte zu bearbeiten, erinnerst du dich? Wir haben 123 verschiedene Säulen, die hier los sind. Ich gehe zum Fortgeschrittenen, und dann gehe ich zum Stil, richtig? Und mit Stil haben wir Hintergründe. Ich gehe rüber, um zu schweben und diesen Schwebeweg zu beenden. Wir gehen zum Klassiker und dann Farbe. Nun, hier können wir ein bisschen mit der Farbe herumspielen. Also, wenn ich einfach diese großartigen wählen und ich es überprüfen Nun, das sieht ziemlich schrecklich aus. Um ehrlich zu sein, ich genieße das überhaupt nicht. Ich mag das nicht. Also, wenn wir Green anziehen, was sieht dann ein bisschen schöner aus? Wir könnten das tun. Es sieht gut aus, weißt du, wir können jetzt das Lichtstudium machen. Das sieht eigentlich ziemlich gut aus. Ich genieße die Auswirkungen davon. Das ist also ganz schön. Nun, wenn ich voran gehe und ich das wähle und würde nur eine Vorschau der Änderungen sehen, wie es aussieht. Und dann scrollen wir nach unten. Wir bekommen diesen schönen grünen Effekt, wenn wir über die Hand schweben, die eigentlich ziemlich gut aussieht . Ich genieße das. Also, was ich tun werde, ist eigentlich voran zu gehen und diese schöne grüne Farbe am Laufen zu halten, weil sie wirklich, wirklich nett mit diesen Effekten aussieht . Jetzt könnten wir auch unser klassisches Rot gebrauchen. Ich habe hier nicht die Farbkombination, aber normalerweise, wenn Sie so viel Rot haben, können Sie sehen, dass es die tolle Farbe aus der Beschreibung durcheinander bringen wird. Und auch, es ist nicht sehr einladend, wenn Sie ein Produkt anbieten und Sie setzen diese große los hinter ihre jetzt, Red sieht viel besser auf die Tasten wie diese im Allgemeinen. Also dieses hellgrüne, das so viel einladender ist. Das ist genau das, was wir tun werden, um dieses Design wirklich zu genießen. Also alles, was ich hier tun muss, ist gehen Sie voran und klicken Sie auf Kopieren und dann mit der rechten Maustaste und fügen Sie Stil , Rechtsklick und fügen Sie Stil ein. Und schauen Sie sich das jetzt gibt es, dass einige Effekte vor sich gehen. Wir gehen voran und wöchentlich kommen Vorschau-Änderungen scrollen nach unten und wir können sehen, dass es einige Sachen los hier ist . Ich genieße das wirklich. Wirklich, wirklich gut. Also, Leute, dieser Waas Teil eins Jetzt in der nächsten Vorlesung, Teil zwei, werden wir die Farbe ändern, den Hintergrund, gehasste den Hintergrund, drei Farben oder in einen Hintergrund. Wir werden ein paar verschiedene Optionen ausprobieren und sehen, wo wir landen. Und dann werde ich gehen und sicherstellen, dass die Knöpfe zu dem Farbthema passen, das wir wählen. Und wir werden das abschließen und den gesamten Abschnitt wirklich, wirklich gut aussehen lassen. Okay, Leute, wir sehen uns in der nächsten Vorlesung für Teil zwei. 20. Bildausschnitt Teil 2: Alles klar, Leute. Willkommen zurück. Also werden wir weitermachen und mit diesem Design fortfahren. Es ist sehr intuitiv. Es ist sehr aufregend. Wir werden sehen, wo das landet. Okay, was ich jetzt tun will, fängt an, ein bisschen mit dem Hintergrund hier herumzuspielen, richtig? Also, um das zu tun, werden wir voran gehen und tatsächlich einen Hintergrund für Picks an einem Tag wählen, der weiß sein wird , oder? Weil wir jetzt sehen können, dass Weiß wirklich wirklich funktioniert, wirklich gut im Moment genieße ich dieses weiße zurück von, aber wir werden voran gehen und eine Art Hintergrundbild verwenden, nur um zu sehen, wie es funktioniert. , Denken Sie daran,dass wir die Ränder mit der Bearbeitung hier festgelegt haben, als wir den Abschnitt bearbeitet haben. Das wird ein Problem sein, wenn wir eine Hintergrundfarbe, eine bestimmte Farbe oder ein Hintergrundbild sagen , richtig? Weil es nur diesen Abschnittsbereich abdeckt. Das wird weiß bleiben. Das sieht nicht sehr gut aus. Also gehen wir zurück, um ein Hintergrundbild zu verwenden. Wir werden auf Bearbeiten Abschnitt klicken. Wir werden die Marge entfernen, weil wir dann nicht wirklich die Marge haben können, und dann werden wir etwas Polsterung setzen. Und hier haben wir zwei Möglichkeiten. Entweder könnten wir gehen und so etwas Polsterung einstellen, und das wird diese auf diese Weise noch länger und schmaler machen. Oder wir könnten weitermachen und un schämten sie und Onley legte 70 an die Spitze. Also bekommen wir diesen Raum, den wir ursprünglich hatten, was? Ich werde voran gehen und tatsächliche Link diese zusammen verwenden, so dass sie alle so beschämt und wir einen großen Polstereffekt bekommen, weil wir klopfen den Abschnitt wurden getäuscht, die Spalten usw. Also lass uns voran gehen und sehen, wie das aussieht, denn das wird diese länger machen, wenn wir die Produkte selbst präsentieren,so , wir sehen können, dass sie inzwischen etwas anders aussehen. Und ich schätze dieses Design wirklich. Es sieht viel fester aus, viel schmaler. Ich finde, es sieht wirklich gut aus. Ich werde das behalten. Ich genieße es wirklich. Es gibt mehr Platz für die Größe, aber das gibt mir nur einen längeren, eleganteren Effekt. Also lasst uns jetzt ein Hintergrundbild finden, weil wir wissen, dass der Hintergrund ziemlich groß sein wird , oder? Und wir wissen auch, dass die weiße Farbe etwas ist, das wirklich gut passt. Wir werden weitermachen und ein inspirierendes Bild benutzen, das wir wieder in Richtung Freiheit benutzen werden , weil ich finde, dass das einige wirklich gute Ergebnisse liefert. Aber wir werden auch gehen und die Ausrichtung auf horizontal ändern. Wir werden die Größe so einstellen, dass sie mindestens 1900 bis 1000 ist, richtig? Damit es groß wird, eine schöne, gute Qualität und alles. Und wenn es zu klein ist, wird das normalerweise verschwommen und nicht passen, und es sieht einfach nicht gut aus. Und das ist die interessante nächste Option. Wir können hier zur Farbe gehen und auf Weiß klicken. Richtig? Also, wenn wir das tun, indem wir auf was klicken? Wir werden nur dieses schöne Bild mit weißem Hintergrund bekommen. Lassen Sie uns jetzt an unseren Schwerpunkt denken. Also, wir an der Reihe sind, haben wir diese drei Spalten los. Also schauen wir uns unsere Website an, sie decken tatsächlich die Mitte des Bildes genau dort ab, ganz im Zentrum. Sie sind sehr in der Mitte. Und das bedeutet, dass wir nichts in der Mitte haben können, weil dann alles einfach chaotisch aussehen wird. Was wir also tun müssen, ist nach etwas zu suchen, das ein offenes, schönes Bild hat . So das zum Beispiel würde das zum Beispielnicht funktionieren. Dieser würde nicht funktionieren, und nicht einmal dieser würde funktionieren, weil sie den Vogel vertuschen würden. Wir werden nach etwas suchen, das mehr Platz hat. Das wäre ein schönes Bild, von dem du Sachen nach rechts gestellt hast. Sie können das Potenzial in dieser Art von Bildern sehen. Nun, hier ist eigentlich etwas, wo wir wirklich reden. Leute, sieh dir dieses schöne Bild an. Das Onley-Ding, das hier vor sich geht. Ich denke, es ist ein Kind, das auf der Schaukel nach rechts schwingt, und das ist schön, weil wir vor allem mit all der Polsterung, die wir getan haben, setzen wir alles so zentriert hier, wenn wir bekommen, um unser Material hier zu setzen und das ist werde nichts abdecken, also werde ich dieses Thema ausprobieren. Wahrscheinlich gehen kostenlosen Download, erinnerst du dich? Nun, unter einem Megabyte, das überprüft , wir werden es herunterladen, und dann gehen wir zurück und bearbeiten den Abschnitt hier. Das ist nicht optimiert. Es gibt keine Margen dazwischen, und wir gehen zum Stil. Wir gehen in den Hintergrund, halten es normal, Quicken Classic, und klicken dann auf Bild. Jetzt laden wir die Dateiauswahl hoch. Und hier ist es. Ich werde nur auf wählen klicken und dann auf Einfügen Medien klicken. Okay, das ist das, was wir jetzt bekommen, also gibt es nicht, dass es nicht wirklich so gut aussieht. Nun, es sieht anständig aus, das Schöne, aber wir haben nur diese Wolken im Hintergrund. Und das ist nicht der Grund, warum wir dieses Bild bekommen haben. Also, was ich tun werde, es ist auf Größe klicken. Wir tun dies immer und klicken dann auf Aufdecken. Das sieht also viel, viel, viel besser aus. Ich schätze das jetzt. Wir gehen weiter und klicken auf die Vorschau, um sicherzustellen, dass nichts wirklich zusammenbricht mit dem Kind, so dass die Dinge nicht, dass sie nicht ineinander zusammenbrechen, einen Text oder so etwas abdecken, das nach unten scrollt. Wir können sehen, dass das wirklich perfekt aussieht. Wow, sieh dir das an. Jungs sehen wirklich nett aus. Also, ich mag dieses Design wirklich, wirklich. Also für jetzt, die Sache, die ich eigentlich voran gehen und ändern will, ist, dass hier gerade rote Böden los sind, und das ist wirklich gut, aber weil wir das Grün so verwenden, habe ich möchte auch dieses Grün in die Ansicht Alle Kurse setzen, okay, denn das wird es einen anderen Effekt geben. Das wird es auch von den Bestelltasten abheben. Also werden wir weitermachen und das tun. Ich klicke hier auf diesen Button. Sie würden gehen und dann gehe ich rüber zum Stil. Ich gehe zur Hintergrundfarbe und setze die Hintergrundfarbe auf dieses dunklere Grün genau hier. Da gehen wir. Ich werde damit zufrieden sein. Und dann klicke ich auf Hover, denn jetzt, wenn ich mit der Maus über schaue, wird es immer noch wie Bedrohung. Und das ist nicht wirklich nett. Also werde ich den Hover-Klick auf das ändern und in Freude Green genommen. Da gehen wir. Also, wenn ich jetzt schwebe, erscheint meine Maus darüber so und es wird auch ein bisschen leichter. Wirklich, wirklich nett. Lassen Sie uns also voran und sehen Sie die Änderungen nach unten scrollen. Okay, das sieht nett aus, Leute. Nun, es gibt noch eine Sache, die ich hier gerne tun würde, und das ist, diesen Papst ein bisschen mehr zu machen. Nun, ich habe den Look wirklich genossen. Ich liebe diese Tatsache, dass wir das Kind hier unten haben und alles nur so schön füttert, um ehrlich zu sein, aber ich möchte das noch ein wenig ändern, indem ich sie Pop macht. Und die Art und Weise, wie wir es tun, ist, den Hintergrund von diesen Bildern weiß zu machen . Gehen wir also zurück zum Zeichentisch. Klicken Sie hier, und ich werde auf die Spalte klicken. Der Redakteur schreibt hier, und dann gehe ich zum Stil, richtig? Ich gehe zum Hintergrundtyp, und ich wähle den Anrufer aus und klicke auf Weiß. Da gehen wir. Also, was ich tun werde, ist, dass du das Gleiche dafür tust. Rufen Sie sie an. Ich werde auf ihre go to style Hintergrundtyp Farbe sagte es weiß klicken. In ähnlicher Weise klicken Sie hier auf diesen. Da gehen wir da rauf. Klicken Sie auf diesen. Gehen Sie zu Stil setzen Sie die Hintergrundart der klassischen Farbe und Weiß. Alles klar, da gehen wir. Und dann klicke ich, ähm, Vorschau Änderungen, und wir werden sehen, wie sich das ergibt. Scrollen nach unten. Okay, was ich liebe, ist die weiße Ok, die weißen sieht aus, super duper NYSE. Was ich gerade nicht liebe, ist die Tatsache, dass diese alle zusammengefügt sind. Ich möchte etwas Platz dazwischen, also werden wir uns darum kümmern. Um das zu tun, werde ich fortfahren und auf diese Spalte klicken und sie bearbeiten. Ich werde zum Fortgeschrittenen gehen, und wir können sehen, dass es bereits die Polsterung hat. Richtig? Aber wenn ich hier etwas Spielraum wie, sagen wir, 25 wir können sehen, dass es ein wenig herauskommt. Wir können sogar gehen, weißt du, ein bisschen gehen, während wir es auf 30 setzen. Da gehen wir weiter und wir können das auch hier tun. Gehen wir zu diesem hier. Gehen Sie zum Fortgeschrittenen. Gehen Sie zum Rand. Legen Sie es auf 30. Geh zu diesem hier. Aber du nennst sie Advanced Margin 30. Jetzt wird es noch länger. Und ich liebe dieses schöne lange Display. Also werden wir es jetzt überprüfen, wenn wir runter scrollen und da gehen wir. Leute, ich denke, das sieht wirklich super nett aus. Jetzt sehen wir die Verzweiflung insee auch mit dem Unterschied im Text Ling Also müssen Sie wirklich vorsichtig sein, um sicherzustellen, dass der Text lange gefragt wird. Nun, das ist ein bisschen weg von der Kunst, aber es ist Oh, so wichtig. Jetzt haben wir ein paar neue Probleme, wenn Sie hier weitermachen, die Nummer eins wäre Wir müssen diesen Text ändern. Das ist also das erste, was wir tun werden. Aber ich schaue auch, das Kind ist bedeckt. Das ist nicht schön, aber lasst uns zuerst voran gehen und diesen Text wieder ändern. Also klicke ich hier rein. Das wird und dann zum Inhalt gehen. Ich werde diese einfach entfernen und sehen, ob das klappt. Scrollen Sie nach unten und da gehen wir jetzt sind sie eigentlich ziemlich viel, aber sie sind völlig, sogar genial. Jetzt gibt es natürlich auch ein Problem, natürlich auch ein Problem, weil diese Header ein wenig lang ist, aber im Moment sind sie anständig. Sogar wir können das schöner machen, wenn ich anfange zu arbeiten und tatsächlich eine richtige Beschreibung auf diese als auch. Also, wie Sie sehen können, was wir jetzt hier haben, ist, dass wir unsere Schaufenster Seite entworfen haben, wo wir unsere meistverkauften Kurse haben und dass für Sie alles sein könnte. Es könnten Ihre Dienste sein. Es könnten bestimmte Produkte bestimmte Angebote sein. Was auch immer Sie haben, das Sie präsentieren möchten. Und wir zeigen unsere Kurse. Wir haben diesen schönen Schwebeeffekt von Grün. Wenn ich über schwebe, haben wir diesen netten Papst-Effekt, dass der Boden aus, alle von ihnen. Und wir haben auch diese große, schöne Aussicht, alle Kurse. Aber ich gehe jetzt hier weiter. Das einzige, was für mich übrig wäre, hier zu bearbeiten, wäre, die Beschreibung von diesen zu bearbeiten , um weiter zu gehen und die Links zu greifen und einfach auf diesen zu klicken und den Link hier mit diesen Links zu setzen. Setzen Sie diesen Link, gehen Sie dann auf die Schaltfläche „Mehr erfahren“ und setzen Sie diesen Link auch, richtig? Und dann würde ich den Link setzen, um alle Kurse zum Kursabschnitt anzuzeigen. Also Jungs Dies ist, wie Sie etwas auf Ihrer Website präsentieren können, vor allem mit mehreren Spalten. Richtig? So toller Job, es so weit zu machen. Denken Sie daran, wenn es um dieses Zeichen geht, ist es endlos. Und eine letzte Sache, um sich daran zu erinnern, dass, wenn Sie hier Platz schaffen, können Sie Ränder verwenden. Wenn Sie einen weißen Hintergrund verwenden und ihn weiß halten möchten, als all dies, Ordnung. Aber Sie müssen das Padding verwenden, wenn Sie einen Hintergrund wie diesen behalten oder wenn Sie die Farbe vom Hintergrund ändern. Sonst bekommst du diesen Raum dazwischen so. Und das sieht einfach nicht gut aus, denken Sie daran, daran, dass die Marge auf Lee steht, um Platz zu schaffen. Und es ist nicht gut, wenn du wieder da rennst. Also bin ich super glücklich darüber, Leute. Wir sehen uns in der nächsten Vorlesung. 21. Sticky Menü: In diesem Vortrag lernen wir,wie wir unsere Speisekarte klebrig machen können. In diesem Vortrag lernen wir,wie wir unsere Speisekarte klebrig machen können. In diesem Vortrag lernen wir, Mit anderen Worten, wir werden unser Menü auf dem Bildschirm kleben lassen, obwohl wir auf unserer Website scrollen. Wenn wir also sehen, wie es jetzt aussieht, wenn ich nach unten scrolle, verschwindet das Menü. Richtig, weil es gerade hier oben auf Lee ist. Und wenn ich jetzt nach unten scrolle, wie Magie, was wir tun wollen, ist, dass wir diesen Stock machen wollen, richtig. Wenn wir also scrollen, wird es immer noch hier oben sein. Sie haben immer noch Zugang zum Start hier zum Kurs der Sektion. Alles wird bei der Navigation helfen. Sieht sehr professionell aus. Also, was wir tun werden, ist, dass wir zurück gehen, zum Menü hier gehen, und dann gehen wir zum Dashboard. Das ist eigentlich nicht etwas, das wir ein elementares tun werden, aber es wird Teil für elementare d Zeichen sein, das wir bisher geschaffen haben. Also gehen wir weiter und gehen direkt in Plug Ins hier und klicken auf Neu hinzufügen. Wir werden einen Stecker dafür benutzen und es ist ein wirklich Licht mit Plugging gefragt. Nun, und dann suchen wir nach einem klebrigen Menü wie das. Und dann wirst du jeden verkauften hier unten bekommen, der meine klebrige Speisekarte sagt. Sie können auch sofort danach suchen . Es ist alles ein Wort, meine klebrige Speisekarte. Obwohl es mit dieser Version ungetestet ist, weiß ich, dass es funktioniert. Es ist eine ziemlich einfache Plug in leicht, aber es macht die Arbeit wirklich gut. Also liebe ich diesen hier. Ich gehe weiter und klicke auf Jetzt installieren und dann klicke ich auf Aktivieren. Alles klar, also ist es installiert. Es ist bereit zu gehen, aber wir gehen immer noch runter und gehen hier unten in die Einstellungen. Also für einige von euch wird das tatsächlich sofort anfangen zu arbeiten. Aber für einige andere von uns müssen wir ein bisschen mehr bearbeiten, bevor wir es zum Laufen bringen. Und das ist wegen dieser sogenannten Stick it Klasse. Jetzt haben wir ein Menü oder Header-Element, in der Regel die Nab Bardem Navigations-Leiste genannt. Aber nicht alles hat zu diesen Namen. Wenn Sie ein Thema wie wir verwenden, zum Beispiel, hat das einen anderen Namen. Dies wird standardmäßig nicht funktionieren, aber wenn Sie ein anderes Thema verwenden, könnte es einfach sein. Was wir also tun können, ist eigentlich voran zu gehen und hier zu gehen und diese Website zu aktualisieren und einfach zu sehen , ob es funktioniert. Ich gehe weiter und scrollen nach unten und wir können sehen, dass nichts passiert. Es funktioniert also nicht. Also, was wir tun müssen, ist, diese klebrige Klasse zu ändern, oder? Wir wollen den I.D. I.D Name von diesem Abschnitt. Also, wenn wir den Namen von diesem hier bekommen, werden wir den Namen hier reinsetzen, und dann wird das auf dem Bildschirm kleben, während wir scrollen. Um das zu erreichen, müssen wir nur richtig machen. Klicken Sie hier und klicken Sie auf Element prüfen. Nun, wenn Sie dieses Inspect-Element nicht haben und Sie einen Mac verwenden, müssen Sie nur hier in Safari gehen und dann zu den Einstellungen gehen und dann zu erweiterten und cliquish sagt zeigen, Menü in der Menüleiste entwickeln, und ich glaube, für Fenster ist es sehr ähnlich. Sie gehen einfach zu Ihren Präferenzen oder Einstellungen, Sie gehen zu voran, dass Sie eine ähnliche haben sollten. Ich denke, du könntest auch wenn 12 verwenden. Aber ansonsten sollte es im Optionsbereich wie folgt sein. Und sobald Sie das alles aktiviert haben, müssen Sie nur richtig machen. Klicken Sie hier und klicken Sie auf Elemente inspizieren. Das ist also, wo wir es haben. Dave, unterstreichen i d gleich Site-Header Inner. Das ist also eigentlich der Name, in den wir eingefügt werden. Also ist es Seite, Bindestrich, Header, Bindestrich innen. Wir gehen zurück, und dann machen wir eine Hashtag-Markierungsseite, Bindestrich, Header, Bindestrich innen. Sie würden gehen, und ich werde auf Änderungen speichern klicken, nur um zu sehen, dass dies tatsächlich funktioniert. Sonst wird das ein schrecklicher Vortrag, oder? Und dann gehe ich zurück und klicke das hier runter. Ich werde die Seiten aktualisieren, und jetzt werde ich versuchen, nach unten zu scrollen, und da ist es. So funktioniert es. Es funktioniert klar, aber wie wir sehen können, gibt es ein paar Probleme. Zuallererst sieht es schrecklich aus. Und da zum Grund dafür ist die Deckkraft, die wir durch sie sehen können. Wir werden das mit diesem Design nicht wollen, natürlich, Sie wollen vielleicht ein anderes Design, und auch wir können sehen, dass es eine andere Farbe auf dem Logo. Also, was wir tun werden, ist, dass wir wieder hier reingehen und dann zum Stil gehen, richtig? Und das erste, was wir tun werden, ist, die Deckkraft hier zu ändern. 200. Das bedeutet, dass es keinen Durchblick geben wird. Und dann gehen wir zu wählen Farbe, und wir werden nur auf Weiß klicken. Es wird einfach ganz weiß sein. Da gehen wir. Und dann scrollen wir nach unten und klicken Sie auf Änderungen speichern und lassen Sie uns hier zurückgehen und diese Seite aktualisieren und sehen, was passiert und scrollen Sie nach unten und wir können sehen, dass es viel, viel besser aussieht , nicht wahr? Also genieße ich dieses Design jetzt wirklich. Es gibt tatsächlich ein Problem mit diesem, und das heißt, wie Sie sehen können, gibt es hier keine Grenze dazwischen, also ist das völlig weiß, und wir haben auch einen völlig weißen Hintergrund, was Ich meine, würde eine Grenze zwischen dem Menü und dem Inhalt hier ist, dass es keine Zeile geht hier. Also, als Beispiel, Wenn wir gehen, um Mail Schimpanse, zum Beispiel, wir können sehen, dass sie ein Menü verwenden. Erscheint gut und das ist komplett weiß und diese Hintergründe komplett weiß. Aber es gibt hier einen Rahmen, der das Menü vom Inhalt vom Hintergrund trennt. Und ich weiß diese Grenze wirklich zu schätzen. Es zeigt wirklich, dass hier das Menü ist, und hier ist, was Sie auschecken und lesen. Also werde ich auch diese Grenze benutzen wollen. Und jetzt, um sowohl mein Leben als auch natürlich dein Leben viel einfacher zu machen , besonders deine Lebenskerle, habe ich eigentlich einen Code dafür geschnappt. Und dieser Code meiner Meinung nach etwas cooler aus als diese Grenze, siehtmeiner Meinung nach etwas cooler aus als diese Grenze,weil dies eine einfache Grenze ist, und ich ziehe es vor, tatsächlich einen Schattenrand zu haben. So sieht es so aus, als ob das Menü oben auf der Website steht. Ich werde dir zeigen, was ich damit meine. Also werden wir zurück zum Stil gehen und hier haben wir etwas CSS, und wir müssen uns keine Sorgen darüber machen, uns selbst zu programmieren, aber wir können den Code anderer Leute verwenden, die viel besser darin sind, und ich bin kein Programmierer und die Chancen sind, dass Sie vielleicht nicht sein. Die anderen Leute sind es, und wir können von ihnen lernen. Also dieser Code hier drin, das wird in der Ressource sein, ist, dass Sie einfach voran gehen und den einen packen können . Alles, was Sie tun müssen, ist alle diese auszuwählen. Klicken Sie mit der rechten Maustaste, klicken Sie auf Kopie. Dann gehen wir zurück. Wir gehen rein und ich werde Enter schlagen. Also gehe ich unten und ich werde diese Informationen einfach hier einfügen, okay? Genau so. Und dann gehe ich weiter und klicke auf Änderungen wie diese speichern. Und wie wir jetzt sehen können, gibt es keine Grenze dazwischen zwischen zwischen den Weißen. Wenn ich das aktualisiere, sollte es einen schönen Schatten hinter einem Blick darauf geben. Das sieht wirklich nett aus. Jetzt. Ich liebe das wirklich. Sieh mal, es sieht ehrlich aus, als wäre das Menü oben auf der Website. Es ist ein toller Blick, meiner Meinung nach. Jetzt, wenn ich dieses Weiß gegen Weiß habe, können wir sehen, dass es eine klare Trennung gibt, eine sehr klare Grenze wie diese, richtig? Also, wenn es zusätzliche Dinge gibt, die Sie hier bearbeiten möchten, gibt es mehr Dinge, die wir tun können. beispielsweise Anstatt einen leichten Effekt zu verwenden, können wirbeispielsweiseeinen Fade-Effekt verwenden. Nun funktioniert der Folieneffekt so, dass, wenn ich von hier nach unten scrolle, Sie sehen, dass er verschwindet. Aber dann erscheint es gleich wieder, wenn wir weit genug nach unten gescrollt haben. Nun, wenn wir die Folie nicht verwenden wollen, können wir tatsächlich ein Fade wie dieses verwenden. Ich kann diese Änderungen speichern, und ich kann Ihnen zeigen, wie das Schicksal aussieht und ich werde das auch aktualisieren. nun nach unten scrollen, können wir sehen, dass es ein Fade gibt, das passiert. Aber das Schicksal, es ist eigentlich so schnell hier. Also bekommen wir nicht viel von einem Effekt. Sieht überhaupt nicht so gut aus. Wir müssen weitermachen und stylen und dann kleben. Übergangszeit. Wir können voran gehen und bewegen, bis wir es auf zwei Sekunden setzen und dann auf Änderungen speichern klicken . Gehen Sie zurück, aktualisieren Sie diese Seite. Und jetzt, wenn ich nach unten scrolle, können Sie sehen, dass es ein Fade passiert. Aber Sie könnten auch bemerken, dass etwas anderes hier schreibt, dieses Logo ist wirklich ragt. Richtig? Wenn ich jetzt zum Weiß scrolle, können wir sehen, dass hier ein schöner Rand aus dem Schatten ist. Aber hier gibt es etwas, das nicht ganz richtig ist, oder? Die Grenze wird gebrochen. Und das liegt daran, als wir unser Logo gemacht haben, haben wir tatsächlich einen komplett weißen Hintergrund verwendet. Und deshalb stört dieser weiße Hintergrund die Grenze. Also, was wir tun werden, ist, dass wir das Weiß unten von unserem Logo entfernen und sicherstellen, dass diese Grenze gut aussieht. Nun, wenn Sie keinen Hauch von o c d haben, wie ich es anscheinend tue, könnten Sie damit definieren. Aber meiner Meinung nach ist das, was Sie trennt und gibt Ihnen eine wirklich professionelle Entscheidung, wenn alles nur vor Ort und makellos ist . Und hier können wir einen kleinen Fehler sehen. Und das summiert Jungs. Also was? Ich werde voran gehen und tun. Es wurde tatsächlich wieder auf die Folie geändert, und ich gehe zurück zur Übergangszeit von 0,3. Nun, wie Sie sagen können, gibt es eine Menge Dinge, die Sie hier ändern können und Sie können einfach mit diesen Optionen selbst spielen , zum Beispiel. Sie können es kleine Bildschirme und große Bildschirme deaktivieren. Sie können auch entscheiden, wann es sichtbar sein soll. beispielsweise unsichtbar sein, Sie wolltenbeispielsweise unsichtbar sein,wenn Sie nach unten scrollen und Onley nach oben auftauchen, wenn Sie nach oben scrollen. Es gibt viele verschiedene Möglichkeiten hier. auch Wenn Sie zu Advanced gehen, können Sie sichauchentscheiden, dies auf bestimmten Seiten zu deaktivieren. Aber noch einmal werden wir hier zurückschlagen und dafür sorgen, dass diese gebrochene Grenze repariert wird. Es gibt eine völlig schöne Grenze hier, dass es makellos aussieht und 15 mit unserem Design. Wir gehen also auf eine Website namens Luna Pic. Nun, Luna pic, Es ist wirklich toll, weil sie es Ihnen erlauben, Ihre bestimmten Bilder transparent zu machen. Und diese Website wird in der Ressource ist auch. Also was? Ich werde voran gehen und tun. Es ist tatsächlich laden Sie das Logo, das wir haben, dort sind wir, und ich werde auf Wählen klicken. Und hier ist unser Logo jetzt, ehrlich gesagt, denn der Link der U. R L in der Ressource ist bereits für einen transparenten Hintergrund eingerichtet. Alles, was du tun musst, ist dein Logo so hochzuladen, wie ich es getan habe, und dann klicke auf den Hintergrund , und dann wird alles verschwinden. Jetzt können Sie sehen, dass hier ein wenig Weiß ist, ein wenig weiß in den Bienen darin, aber es spielt keine Rolle. Ehrlich gesagt, der Onley-Teil, den wir wirklich entfernen und transparent machen mussten, war dieser Teil richtig, denn wir werden verwenden, um mit dem weißen Menü und acht weißen Logo zu entwerfen, also ist es völlig zu finden, dass es noch einige Weißen gibt links hier drin. Also, was wir tun werden, ist tatsächlich nach unten zu scrollen und klicken Sie auf Speichern, und dann gehen wir wieder hier rein, und dann gehen wir zu Erscheinung, die wir sind, und wir werden auf diese Weise anpassen. Und damit du den Unterschied siehst, gehe ich weiter und scrolle wieder nach unten zum Weißen. Hier sind wir. Wir können diesen kleinen Bruch hier sehen, also werde ich nur hier oben drauf klicken. Aber, ähm, wir werden zum Customization Hitter Teil kommen, und ich werde auf Change Logo klicken. Ich werde Dateien hochladen, und ich werde diese Datei auswählen. Sie wurden in der Regel Bild genannt. Bearbeiten Sie etwas und klicken Sie dann auf Schuhe und wählen Sie dann. Und da sind wir. Dies ist meiner Meinung nach eine perfekte Ernte. Und dann klicken Sie auf Bild zuschneiden. Und schon jetzt können wir hier den Unterschied sehen, richtig? So können wir sehen, dass es hier keine Linie gibt, die bricht. Wir haben einen perfekten Schattenrand, der absolut makellos aussieht. Nun, wenn wir weitermachen und wir verglichen mit dem, was wir hier zugestanden haben, gibt es immer noch den Bruch, oder? Wir haben diese Website nicht aktualisiert. Es gibt immer noch den Bruch im Vergleich zu diesem. Es gibt keine Pause. Das könnte also wie ein kleines Detail aussehen, aber ehrlich gesagt tut es so, so, so sehr. Also werde ich voran gehen und klicken. Kommen Sie veröffentlicht. , Leute, erinnerst du dich, als wir das Logo früher gemacht haben? Sie haben die Möglichkeit, beispielsweise m bin off bei Kanada anzumelden. Wenn Sie sich dort registrieren, können Sie transparente Logos herunterladen. Und wenn Sie Ihre Website und Ihr Bestes in die nächste Ebene bringen, könnte das sich lohnen. Sie können auch auf Faser gehen und jemanden bitten, Sie ein wirklich schön aussehendes Logo zu entwerfen. Und dann wirst du das Logo auch in einem transparenten Hintergrund bekommen, damit du es überall benutzen kannst. Aber wenn Sie mit der gleichen Route gehen, die wir haben, müssen Sie sicherstellen, dass das Design hier, zum Beispiel, zum Beispiel, wenn wir mit schwarz oder lila gehen oder was auch immer, dass es die gleiche Farbe im Logo war , dass wir auf Kanada verwendet haben, alles, was Sie tun müssen, ist tatsächlich die Hex-Codes zu entsprechen, wie wir es in diesem Design getan haben . Also, hier sind wir, Leute , ich schätze diese Homepage jetzt wirklich sehr. Und es gibt noch eine 1.000.000 Dinge, die Sie hinzufügen können Shoot Sie wollen. Aber im Moment glaube ich, dass Sie verstehen, wie Sie eine schön aussehende Homepage erstellen, wissen, den nächsten Vortrag, den wir durchmachen werden, und stellen Sie sicher, dass wir die Mission für die Homepage abgeschlossen haben , so dass wir die Psychologie dahinter genagelt haben und der Grund, es sogar in der nächsten Vorlesung zu sehen. Jungs 22. Home: Alles klar, Leute, wir haben bisher einen schönen Job auf der Homepage gemacht. Nun, Sie erinnern sich vielleicht von Anfang an, dass wir durch den Zweck, die Psychologie und im Grunde die Argumentation hinter der Homepage gegangen sind. In diesem Vortraggehen wir weiter und sorgen dafür, dass wir das Gespräch führen, richtig. In diesem Vortrag gehen wir weiter und sorgen dafür, dass wir das Gespräch führen, Wir werden dafür sorgen, dass alles hineinpasst und dass wir alle Schritte befolgt haben. Also, wenn Sie sich erinnern, es gab viele verschiedene Punkte, richtig? Wenn wir Männer hätten, definierst du nicht seinen Zweck. Weniger bedeutet mehr, Inhalte bereitzustellen und zur Inhaltsseite zu navigieren. Gehen wir durch sie eins nach dem anderen und stellen sicher, dass wir sie genagelt haben. Die 1. 1 Wollen wir die Homepage auf der Speisekarte oder nicht? Nun, in unserem Design, haben wir uns entschieden, nicht dafür zu entscheiden. Richtig, Weil wir bereits die Homepage auf dem Logo haben. Also werden wir hier kein Zuhause einrichten, auch wenn es einige Besucher geben könnte, die nicht wirklich wissen, dass Sie darauf klicken können , aber die Homepage ist nicht der Hauptpatron, dass die wichtigsten Seiten sind eigentlich der Start hier Seite und die Kursseite, richtig? Denn um hier zu beginnen, ist die Seite, was sie auf alles aufwärmen wird, was sicherstellen wird, dass sie verstehen, worum es bei uns geht und ihnen im Grunde gezeigt hat, dass sie hier mit einem Problem sind und wir die Lösung sind. Dann können wir sie anbieten. Der Kurs ist, dass wir haben und ihnen helfen. Sie bekommen ihre Probleme. Also und natürlich bekommen wir einen Verkauf. Das ist eine Gewinn-Situation. Also im Grunde, um es hier zu einer Zeitleiste zu machen, haben wir zuerst die Homepage, die sie an den Start hier sendet, die höchstwahrscheinlich irgendwann zu den Kursen schicken wird . Richtig. Es wird also keine Notwendigkeit geben, die Homepage in das Menü zu legen, zumindest nicht in diesem Design. Also haben wir uns entschieden, keine Menüs zu verwenden, eine geschwächte Marke, die aus. Nun war der nächste Punkt, seinen Zweck zu definieren. Jetzt unser Ziel mit der Homepage ist es, sie in unser Konzept einzuführen, ihnen zu zeigen, was wir alle über, und dann bieten eine mehr erfahren oder starten Sie hier Button. Sie sind im Grunde das Gleiche für uns, damit wir sie verlassen können. Ich frage mich, wie sie mir helfen können, Ah, heiß. Das ist meine Lösung. Das ist der Hauptzweck unserer Homepage. Und natürlich werden einige Leute immer noch voran gehen und nach unten scrollen. Das erste, was wir hier hinzugefügt haben, ist soziale Beweise, und das ist riesig. Jetzt verstehen sie, dass das kein Witz ist, oder? Sie könnten sogar weitere Zeugnisse hinzufügen, wenn Sie möchten. Aber ich denke, das ist so gründlich, dass ich mehr als glücklich mit diesem hier bin. Und dann haben wir durchgemacht, haben ihnen hier tatsächlich etwas angeboten, oder? Wenn sie also nach unten scrollen, sind sie immer noch nicht sicher, ob sie bleiben werden. Wenn sie gehen wollen, dann gibt es etwas für sie hier drin. Vor allem, wenn Sie sehen, dass es einen $99 Wert gibt und sie können es kostenlos und natürlich Chance zu starten, weil sie hier sind. Sie interessieren sich für digitales Marketing. Sie haben ein Problem damit. Und hier können Sie die neuesten Hacks bekommen, um Ihre vorwärts zu ziehen, Sie vor der Konkurrenz zu bringen. Es ist ein wirklich cleveres Design. Und schließlich, wenn sie genug aufgewärmt sind, haben wir hier unsere meistverkauften Kurse. Also gibt es einen höheren Scherz. Es ist ein Gedanke dahinter, wie wir das machen. Mit anderen Worten, wir haben den Zweck sehr gut definiert, dass wir erklären wollen, was wir tun und sie dann an die angefangenen schicken, um das Publikum noch wärmer zu machen. Das war der Zweck. Hier war kein Restaurant. Vielleicht wollten Sie das Menü anzeigen und sie etwas bestellen lassen. Wenn es eine Galerie-Website war, zum Beispiel für ein Fotoshooting. Vielleicht sind Sie ein Model und Sie wollen präsentieren, als der Zweck wäre, sofort zeigen , was Sie zu bieten haben. Das war nicht unser Ziel. Also können wir das auch markieren, und dann haben wir weniger. Es ist mehr, was zu entwerfen war, dass wir wollten, weil es sehr beliebt und super betroffen ist, das ganze Unordnung zu entfernen. Und meiner Meinung nach ist dies die Definition. Aus weniger ist mehr. Wir haben einen schönen Hintergrund geben das Gefühl, wir haben einen Header hier, der direkt auf den Punkt geht Business leicht gemacht. Lassen Sie uns Ihnen zeigen, wie und dann wir uns verbinden. Sie möchten Ihr Geschäft aufbauen oder erweitern, wissen aber nicht, wo Sie anfangen sollen. Lassen Sie uns Ihnen zeigen, wie buchstäblich. Und dann erfahren sie mehr. Also sagen wir ihnen, sie sollen hassen. Sie haben ein Problem mit dem Geschäft. Wenn Sie Ihr Geschäft beginnen möchten, machen wir es einfach. Lassen Sie uns Ihnen zeigen, wie wir es einfach machen und wir können Ihnen helfen. Super sauber Scrollen hier nach unten ist ein sozialer Beweis sehr sauber. Hier haben wir eine E-Mail. Oft haben wir all diesen freien Speicherplatz. Wir haben dieses Angebot hier. Dies ist der Vorname, Es gibt eine E-Mail. Schicken Sie mir die Hacks. Es ist alles auch sauber. Und dann haben wir unsere Kurse. Nur drei. Sieh dir einen dieser drei an. Sie können klicken, kommen, um mehr zu erfahren oder anzuzeigen. Der ganze Kurs ist genial. Meiner Meinung nach ist dies ein sehr sauberes Zeichen. Und ich freue mich sehr darüber. Also ja, weniger ist mehr. Und ich denke, in diesem Fall haben wir weniger gemacht und wir haben mehr davon bekommen. Also lasst uns das auch markieren. Und dann müssen wir als nächstes Inhalte bereitstellen und tatsächlich Inhalte bereitstellen. Wir haben recht. Also die Idee für die lernen mehr so tatsächlich senden sie durch sie und liefern Inhalte für sie, um sie zu einem wärmeren Publikum zu machen. Als ich vorstellte, worum es uns geht und wie wir ihr Problem trösten, und die einzige Möglichkeit ihr Problem wirklich zu lösen, besteht darin, den Inhalt zu liefern, Lösungen oder Vorschläge für Lösungen zu liefern, die die Probleme, die sie haben Scrollen von Kurs nach unten. Wir bieten auch einen komplett kostenlosen Kurs mit der E-Mail Office. Wir nutzen den vollen Vorteil aus der Homepage und weiter unten waren sogar die Lieferung dieser Kurse oder vielmehr die Präsentation dieser Kurse, die Hey, ist eigentlich, was wir hier haben. nun Wenn Sienunwirklich ins digitale Marketing einsteigen möchten, schauen Sie sich diesen Süden an oder schauen Sie sich Shopify an. Drop Shipping, Amazon FB , etcetera, etc. Wir liefern Content Jungs, also auf jeden Fall überprüfen, dass und dann schließlich navigieren Sie zur Inhaltsseite. Und darüber habe ich die ganze Zeit gesprochen, oder? Also haben wir die mehr hier erfahren, die zum Start hier Patienten navigieren wird. Das ist, wo wir haben eine Reihe von verschiedenen Inhalten und scrollen den ganzen Weg nach unten all dieser Luft gehen, um Inhalte Seite zu liefern jetzt, derzeit habe ich diese Setups. Die bringen sie tatsächlich direkt zu dir zu mir, oder? Wenn sie hier oder hier klicken, werden sie zu „Sind Sie schüchtern“ gebracht? Seite, wo wir unseren kompletten digitalen Marketing-Kurs ähnlich mit Shopify ein Amazon haben und dann mit der Ansicht, alle Kurse Dies wird weiter gehen und mit unseren Kursen verknüpft werden. Seite rechts, damit sie alle unsere Kurse sehen können, die dort stattfinden, und diese Kurse werden mit Ihnen zu mir verknüpft werden. So navigieren wir auf jeden Fall zu den Inhaltsseiten. Also lassen Sie uns auch dieses Häkchen markieren. Also, Leute, wieder wirklich gute Arbeit. Es gibt eine endlose Menge an Dingen, die Sie auf Ihrem Heimplatz tun können. Wir haben verschiedene Dinge, die Sie tun können, um Ihre Startseite manuell anpassen mit verschiedenen Hintergründen, verschiedene Funktionen mit verschiedenen Widget-Elementen usw. Im nächsten Abschnitt gehen wir weiter und sorgen dafür,dass unsere Website optimiert ist, bevor wir weitermachen. Im nächsten Abschnitt gehen wir weiter und sorgen dafür, Mit anderen Worten, wir wollen sicherstellen, dass es schnell geladen wird, weil vertrauen Sie mir, wenn Ihre Website langsamer als in zwei Sekunden geladen wird, denke ich, die Statistiken sagen, dass es wie 30 oder 40% der Leute gehen werden und das ist riesige Jungs 30 oder 40% der Menschen. Und ich denke, wenn es noch langsamer ist, wird das sogar Mawr sein, der geht. Also, selbst wenn Sie die schönste Website der Welt haben, was ist der Sinn? Wenn niemand hier bleiben wird, um es zu überprüfen? Im nächsten Abschnitt stellen wir sicher, dass alles optimiert ist. Alles wird schnell geladen. Alles sieht immer noch richtig gut aus. Und dann werden wir weiter tun und gestalten unsere Kursseite oder starten Sie hier Seite über Seite, etc cetera, etc.. Und ich werde Ihnen zeigen, wie Sie effektiv die Vorlagen verwenden, die bereits elementar sind, denn jetzt wissen Sie, wie Sie tatsächlich die verschiedenen Funktionen von L. A Mentor verwenden . So können wir einfach voran gehen und bearbeiten und anpassen die Vorlagen, die bereits hier sind. Tolle Arbeit, wenn Sie irgendwelche Fragen haben, wird in der Q und A sein, wie immer in der nächsten Vorlesung und im nächsten Abschnitt zu sehen