Website-Erstellung Masterclass

1. Schnelle Übersicht: Lernen, eine Website zu erstellen, ist definitiv wichtig. Aber was wichtiger ist, ist es, es richtig zu lernen. Einfach über WordPress und Elementor zu wissen, wird nicht genug sein. Sie müssen wissen, dass drei Schritte Website-Erstellung Framework. Hey, aber was ist das drei Schritte Website-Erstellung Framework? Ich, mein Name ist Reisender Neuron, und in diesem Kurs werde ich Ihnen helfen, alles zu lernen, was erforderlich ist, um eine tolle Website ohne Codierung zu erstellen, mit WordPress und elementar. Die Websites, die Sie erstellen werden nicht nur genial InDesign sein, aber David ist super reaktionsschnell, so dass sie richtig auf allen verschiedenen Arten von Geräten funktionieren. Der beste Teil dieses Kurses ist, dass Sie mehr über die drei Schritte Website-Erstellung Framework lernen . Nun, das ist ein System, das von den Top-Web-Entwicklern der Welt gefolgt wird. Bevor ich Ihnen einen kurzen Überblick über den Kurs gebe, möchte ich Ihnen sagen, dass dies alles ein praktischer Kurs für Sie sein wird. Sie werden kostenlose Domain-Namen und Hosting-Konto verwenden , um Websites ganz allein zu erstellen. Und ich bin CIO, dass Sie einige tolle Websites erstellen werden. Wir beginnen den Kurs mit dem Erlernen der grundlegenden Konzepte wie mehr Disziplin Website Abschnitt einer Webseite. Und dann werden wir einige wichtige Konzepte wie UI und UX lernen. Die farbige Theorie Tippfehler gibt, wenn wir ANC die Basis-Layout-Einstellungen. Danach haben Sie einige Kopfhörerkonzepte gelernt , die mit Texten und Grafikdesign zusammenhängen. Ja, das sind einige zusätzliche Dinge, aber es ist ein sehr wichtiger Teil dieses Kurses. Danach haben wir die drei Schritte Website-Erstellungsprozess mit Schritt Nummer 1 verhungert , das heißt, den Markt zu entdecken und zu verstehen. Der zweite Schritt wäre, um die Website mit einer Website entwerfen Werkzeuge wie Figma und Adobe XD auf in der Tat, jede andere Grafik-Design Dual über letzten Schritt wäre es, die Website mit WordPress zu entwickeln. Und ich denke, mein Hund, ohne jede Codierung. Ich werde Sie durch die kostenlose Version von Elementor sowie die Pro-Version von elementor führen. Sie werden lernen, nicht nur die Webseiten zu entwickeln, sondern auch, wie Sie einen Blog einrichten, Landing Pages erstellen und die Website mit Google Tag Manager, Search Console und Analytics Jaguars und andere Dinge anzeigen . Am Ende des Kurses werde ich einige der wichtigsten Praktiken teilen , wie die Ladezeit der Website zu reduzieren. Und ich werde auch teilen, wie Sie Ihre eigene digitale Marketingagentur gründen, Websites für Kunden erstellen und wie viel Sie den Kunden berechnen können. Also, wenn Sie jemand, der Monster die AGA Fütterung Websites ohne Codierung will, mit WordPress und Ende DOD zu machen. Zusammen mit einigen Konzepten wie Qubit habe ich kein Grafikdesign hinzugefügt, dann sind dies die Ziele für Sie. Wenn ich Sinn für dich mache, möchte ich, dass du sofort anfängst. 2. Zielrichtung und Vorbereitung für den Kurs: Das primäre Ziel in diesem Kurs ist es, zu lernen, wie man eine Pixel perfekte Website erstellt, die schön undfunktionell gestaltet und sie für Geräte wie Handy und Tablet mit einer schnellen Ladegeschwindigkeit optimiertist funktionell gestaltet und sie für Geräte wie Handy und Tablet mit einer schnellen Ladegeschwindigkeit optimiert . Wir werden dies erreichen, indem wir den dreistufigen Prozess der Websiteerstellung verfolgen. Denken Sie daran, dass Ihr Ziel es ist, pixelperfekte Websites schnell und einfach ohne Programmierung zu erstellen . Der Zweck dieses Kurses kann je nach Ihren Erwartungen variieren, aber ich versichere Ihnen, dass, wenn Sie diesen Schritten folgen, Ihr Leben verändert werden kann. Ein Kursteilnehmer kann nach Abschluss dieses Kurses leicht einen Job bekommen oder freiberuflich beginnen. Ein Freiberufler kann den Kunden einen Website-Entwicklungsservice anbieten. Ein berufstätiger Profi kann passives Einkommen beginnen, und ein Unternehmer kann eine Website für sein eigenes Geschäft erstellen , ohne großes Geld an jede digitale Agentur zu zahlen. Chancen sind vielfältig, und ich bin sicher, Sie werden es ergreifen. Ich bin immer hier, um Ihnen in dieser Hinsicht zu helfen und fühle mich frei, mich um Hilfe zu verbinden. über die Vorbereitung auf den Kurs spreche, möchte ich, dass Sie Meilensteine setzen. Der erste Meilenstein könnte die entdeckte Beherrschung sein, bei der Sie die Zielgruppe verstehen und die Websites der Wettbewerber effektiv analysieren können. Nächster Meilenstein könnte ihr Design-Teil sein, der einige Anstrengungen in Anspruch nehmen kann, aber ich bin hier, um Ihnen zu helfen und Sie zu führen. Nächster Meilenstein wäre der Entwicklungsschritt , der relativ einfach ist, wenn Sie sich mit dem Entdeckungsentwurfsprozess wohl fühlen. Warten Sie. Aber was ist der letzte Meilenstein? Der letzte Meilenstein wäre die Anwendung von allem, was Sie in diesem Kurs gelernt haben. Ja. Sie müssen die Konzepte anwenden und eine Übungswebsite ausfüllen. Das wird eine Demo-Website sein. Ich werde diese Website persönlich überprüfen und Ihnen Feedback zu Ihrer Arbeit geben. Dies wird also ein praktischer Kurs sein und ich werde Ihnen bei der Einrichtung einer Übungswebsite kostenlos helfen. Sie werden eine kostenlose Domain und ein kostenloses Hosting-Konto verwenden , um Ihre Praxiswebsite einzurichten und fühlen sich frei, auf dieser Website zu experimentieren weil es der Lernplatz für Sie sein wird. Es gab so viele Einfrieren in den letzten paar Sätzen, die ich sprach. Also bekommst du so viele Dinge kostenlos. Fühlen Sie sich gut. Je mehr Sie auf Ihrer Übungswebsite experimentieren, desto besser wird Ihr Lernen sein. Außerdem werden wir einige Werkzeuge verwenden, um das zu entwerfen. Ich werde Sie Schritt für Schritt in den kommenden Lektionen wissen lassen. Ich glaube also, dass wir alle anfangen, mit dem Lernen zu beginnen. Und ich werde Sie im nächsten Video sehen, wo wir die Grundlagen beginnen und einige grundlegende Konzepte und Theorien lernen werden. Hast du etwas gesagt? Sie keine Theorien, weil sie langweilig sind. Oder ich weiß, es könnte ein bisschen hart für Sie sein, aber diese Theorien und Konzepte sind die Grundlage für Ihren Erfolg, richtig? Um sie zu genießen und tief zu verstehen, die Konzepte für ein besseres Lernen dieses Kurses. Wir sehen uns im nächsten Video. 3. Einige wichtige Produktivitäts-Tools: In dieser Lektion möchte ich Ihnen einige Werkzeuge erzählen, die verwendet werden können, um Notizen zu machen, Strategien und Planung Ihres Lernens zeigte Ihnen. Dies wird Ihnen viel helfen, die Konzepte zu organisieren , die Sie in diesem Kurs lernen werden. Lassen Sie uns zum Beispiel die Konzepte sehen, die wir in der vorherigen Lektion in Form eines Flussdiagramms, einer Mindmap, in einer Listenform oder in einerTexteditor-App wie Grammarly diskutiert einer Mindmap, in einer Listenform oder in einer haben. Lassen Sie mich Ihnen einen sehr schnellen Überblick über diese Tools geben. Das erste Werkzeug, das ich Ihnen sagen möchte, ist zeichnen dot io. Dies wird verwendet, um Flussdiagramme zu erstellen und ich benutze es, um meinen Marketingplan und Strategien zu organisieren. Es ist kostenlos zu verwenden und es hat eine Offline-Version als auch, die Sie herunterladen und auf Ihrem Computer installieren können. Dies ist die leere Arbeitsfläche, und Sie können Formen einfügen. Fügen Sie Text in diese Shapes ein, indem Sie in die Mitte doppelklicken , sie anordnen und Verbindungen herstellen. Fühlen Sie sich frei, so viele Formen hinzuzufügen, wie Sie möchten, und ordnen Sie das Diagramm in einer organisierten Art und Weise an. Sie können mit diesem Stil und Text-Einstellungen spielen, um es schön aussehen zu lassen. Außerdem können Sie die Ausrichtung der Shapes anpassen. Erkunden Sie weitere Formen und fügen Sie Seiten zu Ihrem Dokument hinzu. Sobald Sie fertig sind, müssen Sie es nicht speichern , da das Dokument bereits automatisch gespeichert wird. Das nächste Tool ist mein, Mr. Es ist ein Freemium Dual, was bedeutet, dass es eine kostenlose Version sowie eine kostenpflichtige Version hat. Hier können Sie Mindmaps Strukturen für Brainstorming, Notizen, Nehmen, Projektplanung und viele andere kreative Aufgaben erstellen Notizen, Nehmen, Projektplanung . Ich benutze es, um Lehrpläne und Lehrpläne meiner Kurse zu erstellen. Das nächste Werkzeug ist immer noch niedrig. Es wird verwendet, um Pinnwände, Listen und Karten zu erstellen , die Ihnen helfen, Projekte auf kreative Weise zu organisieren. Und es ist ein großartiges Werkzeug, um zusammenzuarbeiten, wenn Sie ein Team von Menschen haben. Das letzte Werkzeug, das ich Ihnen in dieser Lektion erzählen möchte, ist grammatisch. Es ist ein Schreibwerkzeug mit dem Schreib-Assistenten, das Ihnen hilft, klar und frei von grammatischen Fehlern zu schreiben. Ich erzähle Ihnen von der Schwerkraft, weil es die traditionelle Form ist Notizen zu machen, indem Sie alles aufschreiben, was Sie gelernt haben. Offensichtlich können Sie jedes andere Textbearbeitungswerkzeug wie MS Word verwenden. Aber wenn Sie möchten, dass ein Schreibassistent Ihnen bei grammatischen Fehlern hilft , dann verwenden Sie Grammarly. Da Sie viele neue Themen und Konzepte lernen werden, möchte ich, dass Sie Ihr Lernen so organisieren, dass es für Sie einfach bleibt , indem Sie nur ein Flussdiagramm oder ein Dokument scannen. Ich hoffe, dass diese Tools für Sie nützlich sein werden und wir werden mit den Grundlagen der Website im nächsten Video fortsetzen. 4. Was ist eine Website: Es gibt 4,7 Milliarden Menschen auf der Welt, die heute das Internet nutzen. Sie verbringen Zeit damit, Informationen zu erhalten, Produkte, Dienstleistungen zu kaufen , Videos anzusehen, Gespräche mit Menschen in sozialen Medien, Instant Messaging und große, kleine. So ist es eine Gelegenheit für Sie, eine Website zu erstellen und Millionen von Menschen über das Internet zu erreichen. Website, im allgemeinsten Sinne, ist eine Form der Webpräsenz. Sie können die Inhalte in Form von Text, Grafiken und Videos auf Ihrer Website teilen und sich mit Menschen auf der ganzen Welt verbinden. Betrachten Sie Internet als Markt und eine Website ist Ihr Geschäft. Kunden können kommen, um Informationen zu erhalten, und es ist 24 von 7 geöffnet. Das Beste daran ist, dass eine Website Ihnen weltweite Achse gibt und Sie keine Einschränkungen haben, um Ihre Ideen umzusetzen. Lassen Sie uns nun verstehen, dass technisch Konzept einer Website. Laut Wikipedia ist eine Website eine Sammlung von Webseiten, die durch einen gemeinsamen Domain-Namen identifiziert und auf einem Webserver veröffentlicht wird. Eine Webseite ist eine eindeutige Seite, die Informationen und Inhalte in Form von Text, Grafiken und Videos enthält . Also, wenn ein Unternehmen wie in dieser Zeit, Unilever will Informationen über seine Produkte auf der Website. Ist es möglich, alle Informationen auf einer einzigen Seite zu haben? Nein. Das ist phi eine Website enthält n Anzahl von Webseiten, die in Menüpunkt Untermenü kategorisiert sind aussagekräftige Informationen für den Benutzer in einer organisierten Weise zur Verfügung zu stellen. Als Nächstes ist der Domänenname. Wenn ein Nutzer Ihre Website erreichen möchte, muss er ein Weber-Kleid im Browser eingeben. Es ist ähnlich wie jemand, der Ihr Haus erreichen will. Sie sollten wissen, wie Überspannungen. Ein Domain-Name ist also ein eindeutiger Name, der Ihren Weber bildet. Es ist immer einzigartig und führt zu bestimmten Websites. Genau wie wenn jemand in Handynummer stirbt, ist er mit Ihnen verbunden und nicht jemand anderes. Stellen Sie einfach sicher, dass Ihr Domain-Name für Ihr Angebot relevant sein sollte. Und zur gleichen Zeit muss es leicht sein, sich zu erinnern und Aufmerksamkeit zu erregen. Das dritte und letzte Element ist ein Webserver. Ein Webserver ist ein Computer, auf dem die Daten, Informationen und Inhalte einer Website gespeichert werden. Es reagiert auf Benutzeranfragen 24 von 7 im World Wide Web. Immer wenn der Server ausfällt, wird ein Benutzer nicht in der Lage sein, auf die Website zuzugreifen. Lassen Sie uns auch das Konzept des Hyperlinks verstehen. Da es eine Reihe von Löhnen und eine Website gibt, ist es wichtig, alle diese Teile miteinander zu verknüpfen und ein Navigationsmenü zu bilden. Oder der Benutzer kann mit einem Klick auf Links zwischen mehreren Seiten wechseln. der Regel wird die erste Seite einer Website als Homepage bezeichnet. Und es ist die wichtigste Webseite in Ihrer Website, abgesehen von der Homepage. Die anderen, im Grunde nur in einer Website sind die über Seite, Dienstleistungen, Seite, Produkte, Seite, Kontaktseite, Datenschutzrichtlinie Seite, et cetera. Jede Webseite enthält bestimmte Informationen, und diese Webseiten können von einem Laptop, Desktop, Tablet oder Smartphone über einen Webbrowser aus leicht zugegriffen werden. Wenn eine Website für all diese verschiedenen Geräte optimiert ist, wird sie als Responsive Website bezeichnet. Lassen Sie uns nun die verschiedenen Arten von Websites diskutieren. Eine Website, die wir erstellen, kann unterschiedliche Ziele und Ziele haben, basierend auf Ihrer Idee. Zum Beispiel besteht der Hauptzweck einer Business-Website darin, Informationen über das Unternehmen oder jede Person bereitzustellen , die eine finanzielle Tätigkeit ausübt. Mittlerweile sollte jedes Unternehmen auf jeden Fall eine Website haben. Es ist eine weit verbreitete Erwartung. Jeder potenzielle Kunden auf dem Markt wird davon ausgehen, dass, wenn sie eine Google-Suche nach einem x Unternehmen machen, die nach mehr Informationen suchen, sie Ihre Website finden. Als Nächstes. E-Commerce-Website ist, wo Benutzer einkaufen und Einkäufe tätigen können. Es muss die wesentlichen Funktionen wie in Fensteranzeige Produkt-Browsing, Filterung nach Kategorien, Hervorhebung von Sonderverkäufen, Einkaufskarte, Wunschliste und Zahlungs-Gateway, um Online-Transaktionen zu machen. Der Hauptzweck einer Adler-Must-Website ist es, Verkäufe zu tätigen. Blogging-Website. Sie stellen Informationen bereit, indem Sie Inhalte veröffentlichen , die in umgekehrter chronologischer Reihenfolge angezeigt werden, was bedeutet, dass die letzten Beiträge zuerst oben angezeigt werden. In ähnlicher Weise werden Sie auch eine persönliche Website, eine Portfolio-Website, Entertainment-Website, Nachrichten-Website, Geschäftsverzeichnis Website, Forum Website, soziale Medien von ABS, eine digitale Download-Website, e-learning Website und vieles mehr basierend auf Ihrem Zweck und IDM. Da wir über den Zweck einer Website diskutieren, möchte ich Sie hier eine Sache fragen. Bitte sagen Sie mir, was eine Zielseite ist? Komm schon. Gehen Sie weiter und versuchen Sie zu antworten. Denken Sie weiter nach. Denken Sie weiter nach. Ich warte immer noch auf die Antwort. Ok? Du bist also nicht live mit mir verbunden, also wirst du nicht antworten. Ist es das? Nein, bitte nimm diesen Kurs nicht so an. Bitte fühle dich, als ob du live mit mir verbunden bist und versuche zu antworten. Ich sage Ihnen, es wird Ihnen viel helfen und lernen wenn eine Zielseite eine dedizierte Webseite mit einem sehr spezifischen Zweck ist. Im Gegensatz zu typischen Webseiten, die ich viele Navigationsmöglichkeiten habe und die weitere Erkundung fördern, sind Landingpages mit einem spezifischen Call to Action gestaltet. Auf einer Landingpage möchten wir, dass unsere Nutzer die gewünschte Aktion ergreifen, die wir als Konvertierung für uns betrachten können. Zum Beispiel möchte die Shopify-Landingpage, dass Sie eine kostenlose Testversion starten, und es ist die einzige Aktion des Labels auf dieser Webseite. Scheint, dass von den USA, sie wollen, dass Sie eine kostenlose Testversion starten und nichts anderes. Sie können sogar einen Bleimagnet auf diese Weise bauen und einige Freebie im Austausch ihrer E-Mail-Informationen zur Verfügung stellen. Auf diese Weise können Sie Ihre Website-Besucher dazu führen, spezifische Maßnahmen zu ergreifen und einen bestimmten Zweck als Teil Ihres Marketing- oder Verkaufstrichters zu erfüllen. Persönlich ist das Erstellen einer Zielseite meine Lieblingsaufgabe. Was lest du für deine Antwort vor dem nächsten Video? 5. Struktur einer Website: Wenn wir über die grundlegende Struktur einer Webseite sprechen, können wir eine Webseite leicht in drei Hauptabschnitte unterteilen. Nummeriert eins ist die Kopfzeile, Nummer 2 ist der Hauptinhaltsbereich und Nummer drei ist der Ordner. Nun, Herder ist der oberste Abschnitt einer Webseite und es ist in der Regel konsistent für alle Webseiten in der Website. Es bedeutet, dass Sie einen Kopf auf einmal entwerfen müssen und der gleiche Adder wird auf allen Seiten der Website sichtbar sein. In der Kopfzeile finden Sie das Logo und es ist in der Regel auf der linken Seite platziert sind zentrierte Position. Stellen Sie sicher, dass Sie die Homepage verlinken, tun Sie das Logo. Das heißt, wenn ein Nutzer auf das Logo klickt, wird er auf die Homepage der Website weitergeleitet. Als nächstes finden Sie ein Navigationsmenü in der Kopfzeile. Es ist in der Regel das primäre Menü der Website und hilft dem Benutzer beim Wechsel zwischen den mehreren Webseiten. Die Menüoptionen können auch Untermenü haben, um die Seiten zu kategorisieren und eine logischere Navigation zu ermöglichen. Bereits im Trend Navigationsmenü-Design ist das Mega-Menü. Wenn Sie eine große Website mit mehreren Kategorien und Unterkategorien als Mega-Menü gun zeigen Sie die gesamte Navigation in einem einzigen Menü. Es verbessert auch die visuelle Anzeige des Menüs und macht es dadurch attraktiver. Sie können auch eine Schaltfläche in der Ecke des Navigationsmenüs finden, und es wirkt wie ein Aufruf zur Aktion für den Besuchten. Übrigens, lassen Sie mich Ihnen eine Frage stellen. Was nennt es zum Handeln? Komm schon, probiere es mal aus. Ok. So ist ein Aufruf zum Handeln, oder CTA die gewünschte Aktion, die wir wollen, dass unsere Besucher auf der Website ergreifen. Es wird in der Regel hervorgehoben, um sich von den anderen Inhalten abzuheben und es führt den Besucher mit dem, was als nächstes auf der Website zu tun ist. Sie können auch Social-Media-Links in der Kopfzeile finden, um Besucher zu ermutigen, sich mit dem Braun in den sozialen Medien zu verbinden. Jetzt fügen Sie mehr Platz in den Header Abschnitt und über Hydrodissection und ein unten Header Abschnitt ist zufrieden. Sie sind auch sehr nützlich, wenn es mehr Informationen gibt, die oben auf der Seite angezeigt werden. Lake, können Sie die speziellen Deals mit einem Dringlichkeitselement zeigen, eine wichtige Hinweise in der obigen Kopfzeile Abschnitt. Sie können auch die Kontaktinformationen und Social-Media-Links im Abschnitt abspielen. Die andere, die sich unterhalb einer Dissektion befindet, die verwendet werden kann, um das sekundäre Menü oder zusätzliche Informationen anzuzeigen. Es ist Ihre Wahl, diese Abschnitte auf der gesamten Website oder einige bestimmte Betas anzuzeigen. Lassen Sie mich Ihnen nun über einige Friending Header-Designs erzählen. Der erste ist klebrige Header. Es klebt den primären Header am oberen Rand des Bildschirms. Immer wenn ein Besucher die Webseite hinunterschickt, sagt er ihm einen schnellen Zugriff auf das Navigationsmenü, ohne erneut nach oben scrollen zu müssen. Next Header Design wird transparente Überschrift gesetzt. Es sieht sehr cool aus und geben dem Website-Design etwas modernes Feld. Ich persönlich mag das sehr. Es ging also um den ersten Abschnitt der Webseite. Lassen Sie uns nun den nächsten besprechen. Das ist der Hauptinhaltsbereich. Es wird auch als der Körper der Webseite bezeichnet. Es ist der flexibelste Bereich der Website und Sie haben volle Freiheit, es als Zweck der Website zu gestalten. Auf einer Webseite möchten Sie immer spezifische Informationen im Zusammenhang mit dem Titel der Seite anzeigen, wie und über den Raum wird Informationen über das Profil haben und die Kontakt-Us-Seite wird Kontaktdaten haben. Aber Sie können es frei gestalten, indem Sie Text, Bilder, Grafiken und Videos verwenden, um die Informationen auf die effektivste Weise zu vermitteln. Dieser Hauptinhaltsbereich wird durch Platzieren von Abschnitten und Spalten gestaltet. Alle Inhalte wie Text, Bilder, Videos und andere Elemente werden innerhalb der Abschnitte und Spalten platziert. Abschnitte steuern den vertikalen Bereich von oben nach unten, und Spalten steuern den horizontalen Bereich von links nach rechts. Der erste Abschnitt einer Webseite wird als Heldenbereich bezeichnet und enthält das Heldenbild. Es ist der erste Inhalt, den ein Besucher auf der Website sieht. Wir alle verstehen sehr gut, dass der erste Eindruck der größte Eindruck ist. Alle Websites müssen also sicherstellen, dass das Design der Hero-Sektion eine auslösende Wirkung haben sollte , und es sollte ein Gefühl von Vertrauen und Glaubwürdigkeit im Kopf des Besuchers erzeugen . Der Heldenbereich muss degenerieren und Aufregung, um den Besucher zu motivieren , mehr Inhalte auf der Website zu erkunden und schließlich eine Aktion zu ergreifen. Nach dem Hero-Sektion können Sie verschiedene andere Abschnitte einfügen, die die Inhaltsanforderungen der Webseite umfassen. Wie finden wir in der Regel eine kurze Zusammenfassung der über Seite Produkte, Dienstleistungen, Funktionen, Preise, Mediengalerie und Testimonials auf der Homepage. Wenn Sie mich nach der Länge einer Webseite fragen, würde ich sagen, dass eine Webseite so lang sein kann, wie Sie wollen, aber immer versucht, Informationen in der kürzest möglichen Länge bereitzustellen, weil die Besucher immer beschäftigt sind und VKC es sich nicht leisten kann verschwenden ihre Zeit überhaupt. Seien Sie so kreativ wie möglich, damit es für den Besucher am einfachsten ist zu verstehen, was Sie sagen möchten. Aber in der wenigsten Zeit wird der letzte Abschnitt auf der Webseite als narrensicher bezeichnet. Der Zweck einer Website-Fußzeile ist es, den Besuchern zu helfen, indem Informationen und Navigationsoptionen am unteren Rand der Webseite hinzugefügt werden. Als Besucher haben eine allgemeine Tendenz, schnell scrollen die Webseite und erreichte den unteren Median. Es ist der ideale Ort, um das aktuelle Jahr und das Copyright Symbol setzen. Sie können jedoch auch die sozialen Huygens sekundären Navigationsmenüs, Links zu den Datenschutzrichtlinien und anderen rechtlichen Seiten, Haftungsausschluss, Kontaktdaten,E-Mail-Anmeldeformulare und sogar einen abschließenden Call-to-Action platzieren Links zu den Datenschutzrichtlinien und anderen rechtlichen Seiten, Haftungsausschluss, Kontaktdaten, E-Mail-Anmeldeformulare . Lassen Sie mich also das Lernen in diesem Video zusammenfassen. Beim Erstellen einer Website müssen Sie sich auf die drei Hauptabschnitte einer Webseite, den Header, den Hauptinhaltsbereich und das Essen konzentrieren . Ich empfehle Ihnen, zuerst mit dem Entwerfen der Kopf- und Fußzeile zu beginnen , da sie für alle Seiten der Website gleich bleiben. Und dann beginnen Sie, den Hauptinhaltsbereich zu entwerfen, da er für jede Webseite anders sein wird. Mehr über die Gestaltungskonzepte erfahren wir in den kommenden Videos. 6. UI (Benutzeroberfläche) und UX (Benutzererfahrung): Die Kopf- und Fußzeile werden für die Website konsistent sein, aber der Hauptinhaltsbereich ist für jede Seite zu gestalten. Und Design ist sehr wichtig für die Website. Sie müssen ein klares Ziel für die Website haben und jede Webseite entsprechend gestalten. Es ist sehr wichtig. Andernfalls werden Sie im entworfenen Ozean verloren gehen und es wird eine ziemlich frustrierende Aufgabe für Sie werden. So spielt immer einen Anker, bevor Sie die Designaufgabe starten. Haben Sie immer ein klares Konvertierungsziel für die Website und gestalten Sie die Webseiten entsprechend. Es bedeutet, sich über die wichtigen Maßnahmen zu entscheiden, die ein Besucher auf der Website ergreifen sollte. Dazu gehören eine Anfrage im Chat, das Senden einer E-Mail, die Anmeldung für einen Newsletter, das Herunterladen eines eBooks, Starten einer kostenlosen Testversion, das Erkunden von mehr Inhalten auf der Website oder jede andere wichtige Aktion, das Starten einer kostenlosen Testversion,das Erkunden von mehr Inhalten auf der Website oder jede andere wichtige Aktion, Marketing- oder Verkaufstrichter. Ein weiterer Grund, klare und spezifische Informationen auf der Webseite zu zeigen , ist der Internet-Wettbewerb. Es gibt so viele Websites, die für die Aufmerksamkeit der Benutzer kämpfen. Und die durchschnittliche Zeitspanne eines Website-Besuchers ist sehr kurz. Irgendwo etwa sieben bis acht Sekunden. Dies bedeutet, wenn ein Besucher Ihre Website besucht und er nicht findet, dass sie ansprechend oder überzeugend genug ist, um mehr Inhalte zu erkunden. Schließen Sie einfach die Registerkarte und bewegen Sie sich weg. Daher ist es sehr wichtig für Sie, die Website zu gestalten, die visuell ansprechend, ansprechend und nutzbar ist , um Besucher zu ermutigen, Zeit zu verbringen und Maßnahmen zu ergreifen. Wenn sie Maßnahmen auf der Website ergreifen, wird dies als Umwandlung betrachtet. Lassen Sie uns versuchen, den Prozess der Gestaltung einer Webseite zu verstehen. Es beginnt immer damit, das Ideal besucht zu verstehen. Kommen Sie, denken Sie darüber nach, dass der Besucher die Website besuchen würde. Seine Erwartungen, seine Werte, versuchten, seine Interaktion mit der Website zu simulieren. Mehr Aktionen, die sie bevorzugen, zu ergreifen. Welche Art von Inhalten Sie interessieren werden. Text, Grafiken, Videos, wie viel Zeit wird er lieber auf der Website verbringen? Wie können Sie ihn führen, um eine gewünschte Aktion in der einfachsten Art und Weise durchzuführen? Wie kannst du ihn motivieren, etwas zu unternehmen? Versucht, den Maßstab für die Gesamtqualität der Interaktion zwischen diesem Besucher und einer Website zu setzen. All diese Recherchen geben Ihnen wichtige Rückmeldungen und Daten, die Ihnen helfen, das Design der Webseite zu planen. Der Konstruktionsprozess kann in zwei Segmente unterteilt werden. Eine ist die Benutzeroberfläche und die andere ist die Benutzererfahrung. Sie beginnen den Designprozess, indem Sie die Farben, Telefone, Bilder, Grafiken und Layout auswählen, um die Website schön und konsistent aussehen zu lassen. Dies wird als Gestaltung der Benutzeroberfläche oder der Benutzeroberfläche bezeichnet. Es stellt die visuelle oder grafische Seite des Website-Designs dar. Als nächstes müssen Sie das Design der Benutzeroberfläche optimieren um die Erfahrung des Besuchers zu verbessern, wenn sie mit der Website interagieren. Es ist mehr oder weniger ein Gefühl der Gebühr. Der Besucher muss sich wohl fühlen, während er auf der Website navigiert, den Inhalt liest, die Farben, Videos, Bilder ansieht , muss er ein Gefühl der Glaubwürdigkeit entwickeln. Sie müssen sie die Motivation einbetten, die er braucht, um Maßnahmen auf der Website zu ergreifen. Er muss glauben, dass er Wert von der Website bekommt. Dies wird als Design der User Experience oder UX bezeichnet. Wenn ich Ihnen die Benutzererfahrung in nur zwei Worten erklären würde, wäre dies eine einfache und angenehme Erfahrung für den Besucher bei der Interaktion mit der Website. Die Benutzeroberfläche ist eigentlich ein Teil der Benutzererfahrung. Um sicherzustellen, dass Sie die besten Ergebnisse aus dem Website-Design erhalten, ist es wichtig, sich sowohl auf die Benutzeroberfläche als auch auf die UX zu konzentrieren. Fokussierung auf UI wird dazu beitragen, die Website schön aussehen zu lassen, Land konsistent. Während die Fokussierung auf UX die Erfahrung einfach und angenehm für den Besucher machen wird. Die drei wichtigsten Konzepte bei der Gestaltung der Benutzeroberfläche einer Website zu meistern ist die Auswahl der Farben, Typografie und Layout. Und wir werden diese Konzepte in den kommenden Lektionen lernen. Mit dem Namen können Sie anfangen, über den idealen Besucher der Website nachzudenken und versucht, Marktforschung zu entwickeln. Wir sehen uns im nächsten Video. 7. Die Farbtheorie: Willkommen in der Leere der Farben. Farben sind das erste, was Menschen bemerken, wenn sie die Website besuchen und das Farbschema kann einen großen Einfluss auf Stil und Konsistenz haben. Also, was ist ein Farbschema? Ein Farbschema ist die Sammlung von Farben, die wir für das Website-Design wählen müssen. Es wird auch als Farbpalette bezeichnet. Es kann so viele Farben enthalten, wie wir auf der Website verwenden möchten. Jede Farbe kann für eine Vielzahl von Elementen auf der gesamten Website verwendet werden. Sie können Ihre Farbpalette je nach Anwendung und Verwendung in Primärfarben, Sekundärfarbe und Akzentfarbe aufteilen . Die Primärfarbe ist in der Regel die dominante Farbe auf der Website, und eine sekundäre Farbe wird verwendet, um einen Kontrasteffekt zu erzielen. Diese Farben werden in den Abschnitts- und Spaltenhintergründen, im Logo, in der Navigation und im Menü verwendet. Die Akzentfarbe wird verwendet, um das Standardelement hervorzuheben, wie eine Call-to-Action-Schaltfläche. Wenn wir die richtigen Farben in richtigen Kombinationen wählen, können wir Besucher dazu anregen, Zeit auf der Website zu verbringen und Maßnahmen zu ergreifen. Farben helfen auch bei der Schaffung einer emotionalen Verbindung. Aber die Herausforderung ist, dass es über 16 Millionen Farben zur Auswahl gibt. Und das zufällige Auswählen einer Farbe funktioniert möglicherweise nicht gut in einem Website-Design. Um also die idealen Farben für die Website zu wählen und die richtigen Farbkombinationen zu machen, lassen Sie uns einige Zeichen verwenden und die Farbtheorie anwenden. Farbtheorie ist die Wissenschaft und Kunst der Verwendung von Farben. Es erklärt, wie wir Menschen verschiedene Farben wahrnehmen und die Botschaft, die jede Farbe kommuniziert. Beginnen wir damit, das Farbrad zu verstehen. Es ist ein leistungsfähiges Werkzeug, mit dem Sie Beziehungen zwischen Farben visualisieren können. Nach der Farbtheorie gibt es drei Primärfarben: Rot, Gelb und Blau. Diese drei Farben bilden die Grundlage aller anderen Farben. Wenn wir die Primärfarben mischen, erhalten wir drei sekundäre Farben, die orange, grün und lila sind. Und wenn wir die drei Primär- und drei Sekundärfarben kombinieren, erhalten wir sechs Tertiärfarben. Wenn wir nun mit der Arbeit an einem Website-Projekt beginnen, müssen wir mit mehreren Warnungen experimentieren und die am besten geeigneten Farbkombinationen auswählen. Wir können auch das Konzept der Farbschemata verwenden , um die richtige Auswahl an Farben zu finden. Lassen Sie uns nun die vier wichtigsten Arten von Farben Schemata sehen. Das erste, monochrome Farbschema. Es besteht aus verschiedenen Farbtönen, Schattierungen und Sättigung der gleichen Farbe. Als nächstes ist komplementäres Farbschema. Es basiert auf zwei Farben von den gegenüberliegenden Seiten des Farbrades. Als nächstes ist Analoga Farbschema. Es besteht aus drei Farben, die nebeneinander auf dem Farbrad sind. Und das letzte ist triadisches Farbschema. Es besteht aus drei Farben, die an den Punkten eines Dreiecks innerhalb des Farbrads gezeichnet sind. In der Regel können Sie den Vorzug zu den ergänzenden und schmerzlindernden Farbschemata geben , da sie effektiv und einfach anzuwenden sind , dass die guten sichtbaren Kontraste. Aber fühlen Sie sich frei, eines dieser Farbschemata in Ihrem Design zu verwenden. weiter gehen, können wir auch die Farben auf dem Farbrad in zwei Kategorien unterteilen. Das heißt, warm und kühl. Farbtöne, die höhere Mengen an Gelb und Rot enthalten, gelten als warme Farben. Sie wecken ein Gefühl von Leidenschaft, Glück, Energie, Helligkeit und Aktion. Auf der anderen Seite enthalten Google Alerts höhere Mengen an Blau und Lila. Sie gelten als beruhigender und entspannender als warme Farben und stellen Ruhe, Ruhe und Gelassenheit dar. Es gibt auch neutrale Farben, wie Weiß, Schwarz und Grau, um das Farbschema auszugleichen und Kontrast zum Design hinzuzufügen. Als nächstes müssen wir die Farbsysteme verstehen , weil es Millionen von Farben und Tanks zu Zeichen gibt, können wir einen bestimmten Farbcode zuweisen, um jede Farbe darzustellen. Die drei Standardfarbsysteme, die bei der Entwicklung von Werkzeugen und Software verwendet werden, sind RGB, CMYK und Hex. Das RGB-Farbsystem eignet sich perfekt für Designs, die auf Bildschirmen zu sehen sind. Und der Farbcode wird durch Eingabe eines Wertes für Rot, Grün und Blau zwischen 0 und 255 gebildet . Das CMYK-Farbsystem eignet sich ideal für Druckdesign und wird auch als vergessenes System bezeichnet, das aus Werten für Cyan, Magenta, Gelb und Schwarz zwischen 0 und 100 besteht. Das letzte, das ist das Hex-Farbsystem, ist das, was bereit ist, sich darauf zu konzentrieren. Es ist ein sechsstelliger Code, der durch die Umwandlung der RGB-Werte gebildet wird. Wir werden dieses System verwenden, um Warnungen für die Website auszuwählen. Nehmen wir an, wenn Sie die RGB-Werte einer Farbe kennen und Sie sie in hex konvertieren möchten. Dann machen Sie einfach eine Google-Suche wie konvertieren RGB in Hex und Sie erhalten viele kostenlose Tools, um es zu tun. ich weiter gehe, möchte ich Sie nicht in die Tiefe von Tönungen, Schattierungen, Farbton, Sättigung und Helligkeit in diesem Kurs nehmen. Aber lassen Sie mich Ihnen das Konzept des Kontrastes erklären. Kontrast ist ein entscheidendes Element jeder Website, vor allem, wenn es um Hintergrundfarbe und Text geht. Um ein gutes Leseerlebnis auf der Website zu bieten, ist es am besten, einen weißen Hintergrund und eine dunkle Textfarbe zu verwenden. Sie können auch mit einem dunklen Hintergrund und hellem Text für einige Abschnitte experimentieren. So funktionieren eigentlich die hellen und dunklen Themen. Lassen Sie uns nun versuchen, die Farbauswahl zu treffen und ein effektives Farbschema anzuwenden. Für Ihr Wissen kämpfen einige Farben miteinander und einige Farben werden enge Freunde. Farben, die gut zusammenarbeiten, eine Harmonie schaffen, tragen zu einer angenehmen Benutzererfahrung bei. Bisher unser Website-Projekt, müssen Sie die primären und sekundären Farben für den Abschnitt und Spalte Hintergrund, Logo, Grafiken Overlays auswählen . Der Zink-Alarm für Call-to-Action und x Gelehrte für Überschriften und Absätze. Um Farben für die Auswahl in die Auswahlliste aufzunehmen. Wir können auch das Konzept der Farbpsychologie verwenden. Es erzählt über den Einfluss von Farben auf das Verhalten und die Stimmungen der Menschen. Um ein erfolgreiches Design zu erstellen, müssen Sie sich der Farbbedeutungen bewusst sein und verstehen, wie eine Farbauswahl Ihre Benutzer beeinflussen kann , indem Sie eine bestimmte emotionale Reaktion generieren. Ja, farbige Haut weckt Emotionen. Lassen Sie uns einige Beispiele sehen. Rot ist eine starke, energetische Speiseröhre. Es kann eine fett aussagekräftige Farbe sein, wenn Sie die unmittelbare Aufmerksamkeit des Benutzers auf sich ziehen möchten. Tatsächlich verwenden viele Lebensmittel- und Getränkehersteller Rot, um Hungergefühle hervorzurufen. Unerwünscht. Orange ist eine Bombe und glücklich gefärbt, die viele Benutzer von Freundlichkeit und doozy ASM und Motivation bleibt . Verwendung von Orangen, die Primärfarbe kann zu einem äußerst einprägsamen Ort führen , der den Besuchern einen positiven Eindruck hinterlässt. Gelb ist ein weiteres gefärbtes, das Freude, Glück und Sonnenlicht symbolisiert. Wenn strategisch auf Ihrer Website verwendet, können Sie leicht Vertrauen und Inspiration in Ihr Design zu injizieren, aber tun viel Gelb kann RDAs sterben und sogar NSAID erstellen. So ist es bevorzugt, es als Akzentfarbe zu behalten. Grün ist eine positive und gummi gefärbt, weit mit der Natur verbunden, Ökologie und Erneuerung der Energie. Blau ist an Bord gegenwärtige Intelligenz, Vertrauen, Ruhe, Effizienz und Pflicht. Es ist eine intelligente Farbe und eine der am häufigsten verwendeten Farben im Web. Aber einige der weltweit größten digitalen Marken verwenden es als primäre Farbe. Aber Schüssel ist seit langem mit Königtum, Luxus und Welke in Verbindung gebracht worden, aber es ist auch eine geheimnisvolle und magische goldene Kombination der Energie von Rot und Blau, kann es eine ausgezeichnete Option sein, wenn Sie eine Botschaft der Macht vermitteln wollen und Vertrauenswürdigkeit. Think eignet sich hervorragend für feminine Produkte oder Websites mit Inhalten, die speziell auf Frauen und junge Mädchen ausgerichtet sind. Schwarz schafft ein Gefühl von Glas, Glamour, Kraft, Würde, und es sieht samtig aus, fast alle anderen Farben. Es eignet sich hervorragend für Website-Hintergründe, da es einen scharfen Kontrast mit leichterer, einer Biografie aufbaut . Weiß ist eine beliebte Wahl für moderne minimalistische Websites, da es die Lesbarkeit erhöht und trägt Samt einen Adler, und die Verwendung von Leerzeichen schafft ein Gefühl von Hässlichkeit und spät. Wie in unseren Beispielen zu sehen ist, können Farben viele Bedeutungen haben, die bei jedem Benutzer unterschiedlich resonieren. Daher ist es von entscheidender Bedeutung, dass Sie Ihre Zielgruppe bei der Auswahl der Farbpaletten für das Website-Design im Auge haben. Lassen Sie mich Ihnen hier auch ein paar Profi-Tipps geben. Beginnen Sie mit der Auswahl einer Primärfarbe mit dem farbpsychologischen Konzept, oder Ihr Produkt oder Ihre Dienstleistung ist die Branche, in der Sie arbeiten. Sie müssen über die Zielgruppe und gute emotionale Reaktion auf das Ansehen der Farbe der Website nachdenken . Sie können auch nach einigen beliebten Farbkombinationen und Shortlist suchen. Die Auswahlmöglichkeiten machen einen Sprung Daddy der Shortlist Farben in Werkzeugen wie Canva, Sigma, Illustrator, XD, oder ein beliebiges Grafikbearbeitungswerkzeug, das Sie bevorzugen. Als nächstes, Gummi mit einer sekundären Farbe und Akzentfarbe durch die Anwendung der Konzepte von Farbschemata wie monochrom, analog ergänzend sind triadisch. Sie können die Verwendung von Tools wie Adobe Farbrad, trank Warnungen, Farbe homed, Farbraum, angularjs, und finden Sie einige der trendigsten Farbpaletten und Farbkombinationen für Inspiration. Wenn Sie es nicht selbst richtig machen, können Sie eine Google-Suche nach den beliebtesten und trendigsten Farbkombinationen machen. Sie werden viele Ideen bekommen, um Inspiration zu nehmen und Farben zu wählen. Sie müssen auch die Design-Communities wie Dribble, Behance erkunden und ein paar frische Ideen bekommen. Ok? Also, wenn Sie etwas gefärbt auf einer Website mögen und Sie die gleiche Farbe verwenden möchten, wie finden Sie den ColorCode? Sie können ein Google Chrome-Plugin verwenden, wie ich Color Pick Pipette verwende und ich kann den Farbcode leicht finden und ihn in meinem Projekt verwenden. Es kann einige Zeit dauern, bis Sie mit den richtigen Farbkombinationen kommen, aber es ist sehr wichtig, da das gesamte Branding der Website von Farben abhängt. Sobald Sie mit der Auswahl fertig sind, aktualisieren Sie die Paletten in Ihrem Grafikbearbeitungswerkzeug, und starten Sie den Entwurfsprozess. Lassen Sie mich das Lernen dieser Lektion zusammenfassen. Galerien spielen eine entscheidende Rolle im Website-Design und können Emotionen hervorrufen. Sie können sich auf die Farbtheorie verlassen, um harmonische Balladen zu finden und die richtigen Farbkombinationen zu finden. Hallo, Psychologie ist eine leistungsfähige Technik, die eine Vielzahl von Nachrichten an Benutzer vermitteln kann. Schließlich sollten Sie immer Ihre Zielgruppe recherchieren und deren Lochunterschiede testen. Das Verständnis der Zielgruppe ist ein sehr wichtiger Schritt im Website-Designprozess. Und deshalb wiederhole ich es immer wieder. Bitte vergewissern Sie sich, dass Sie den Besucher verstehen. Je mehr Sie sie verstehen, desto besser werden Sie die Website erstellen. Lassen Sie uns diese Lektion hier beenden und wir werden im nächsten Video fortfahren. 8. Grundlagen der Typografie: Wissen Sie, dass Telefone für das visuelle Design der Website sehr wichtig sind? Formulare können einen Eindruck für die Besucher erzeugen , noch bevor sie anfangen, die Inhalte zu lesen. Lassen Sie uns also einige Konzepte lernen, die mit der Kunst und Technik des Stylings für das Marketing und die Anordnung der Telefone, Girlanden, Topographie verwandt sind. Gute Paläographie auf unserer Website macht den Akt des Lesens mühelos für die Besucher. Vile, schlechte Topographie, tanzen die Treppe eines. So ist es wichtig, die richtigen Telefone auf einer Website , die gut aussieht auf allen drei Arten von Geräten, die berechnet wird, Tablet und Handy. Der erste und wichtigste Schritt besteht darin, die richtigen Formulare auszuwählen, die leicht zu lesen sind. Aber auch hier ist es eine Herausforderung, denn es gibt Tausende von ausländischen Familien und Schriftarten zur Auswahl. Um den Auswahlprozess zu erleichtern, teilen wir die Telefone in zwei Kategorien auf. Dies sind eine Reihe von Telefonen und serifenförmigen Formen. So Satz von Telefonen haben Serifen oder zusätzliche Abbau am Ende der Stiele, auch Les Füße oder Schwänze genannt. Serifen funktionieren großartig in Schlagzeilen und Überschriften, weil sie einen besonderen Akzent geben, um es herausragend aussehen zu lassen. Einige der bekanntesten Satz von Formularfamilien gehören Telefone wie Times New Roman, Georgia, Platin, bekommen ihn auf und Cliff es angezeigt. Viele Marken und professionelle Unternehmen verwenden oft Setter für das Logo und Website, wenn sie mehr seriös, etabliert, formell erscheinen wollen. Beachten Sie jedoch, dass die Anzahl der Telefone nur leicht zu lesen sind , wenn sie für kleinere Mengen von x verwendet werden, wie Überschriften sind global und nicht in den Website-Absätzen. Auf der anderen Seite sind die serifenlosen Formen ohne Satz. Es bedeutet, dass es am Ende jedes Buchstabens keine zusätzliche Verschlechterung gibt. Sie werden verwendet, um minimalistisches Design, Modernität und vor allem gescherte Einfachheit zu vermitteln . Da die Reformen und die beste Wahl, um in Hauptinhalt Körper und Absätze zu verwenden, da sie sehr einfach auf Bildschirmen und sogar auf kleineren Bildschirmen von Mobiltelefonen zu lesen sind. Einige der am häufigsten verwendeten sensiblen Formen umfassen Evidenz, Roboto, Open Sans Source Sans Pro lacto, markierte Sadat und Proxima Nova. Sie können vermeiden, die Handschriftenformulare, Display-Telefone und Monospace-Formulare zu verwenden , da sie nicht leicht auf Bildschirmen zu lesen sind, besonders auf kleineren Bildschirmen von Mobiltelefonen. Um die besten Telefone zu finden, die auf Websites verwendet werden können. Ich werde Ihnen empfehlen, einige Zeit mit Google-Schriftarten zu verbringen. Dies ist ein wunderbares Werkzeug und Sie werden eine Liste der am häufigsten verwendeten Formulare und gängige Paarungskombinationen zusammen mit der Vorschau finden. Sie können auch die Telefone überprüfen, die auf anderen Websites in der Branche verwendet werden. Ja. Sie können die Telefonfamilie überprüfen, indem Sie den Text auswählen, mit der rechten Maustaste klicken und die Option Prüfen auswählen. Hier müssen Sie die Registerkarte Element auswählen und auf berechnet klicken, ein wenig nach unten scrollen, um das Telefon gelöschte Informationen zu erhalten. Sie finden alle Details über das Telefon, das auf der Website verwendet wird, wie Schriftfamilie, Schriftgröße, Zeilenhöhe, Buchstabenabstand, Telefon farbig, und vieles mehr. Alternativ können Sie ein Chrome-Plugin verwenden, um die gleichen Details auf einfache Weise zu erhalten. Derzeit verwende ich Firm Finder, um Telefone auf jeder Website zu identifizieren. Ehrfürchtig. Jetzt, für unser Website-Projekt, müssen Sie zwischen ein bis drei Telefone wählen. Sie werden Telefone für Überschriften, Unterüberschriften, Absatz und Schaltflächen verwenden. Wenn Sie verschiedene Formulare für Überschrift und Absatz verwenden, stellen Sie sicher, dass zwei Telefone gut miteinander koppeln. Um den Auswahlprozess zu erleichtern, können Sie die Telefone auch in primäre und sekundäre Lebensmittel aufteilen. Es wird empfohlen, zuerst die primäre Form zu entscheiden und dann die Optionen für den zweiten Standard aufzulösen. Sie können diese allgemeinen Kopplungsinformationen auf Google-Telefonen finden, oder Sie können eine Google-Suche durchführen, um die Trendschriftkombinationen herauszufinden. Aber stellen Sie sicher, dass Sie nicht mehr als drei Telefone und eine Website als stört die Benutzeroberfläche verwenden. Visuelle Erbschaft. Ein wichtiger Faktor, um das richtige Formular für die Website auszuwählen , ist es, über die Besucher nachzudenken. Welche Art von Wahrnehmung sollen die Leute denken, wenn sie die Website sehen? Ist es eine mutige Aussage oder ein Profi und denken Sie es aus der Sicht der Besucher. Ich freue mich, es immer wieder zu wiederholen. Aber je mehr Sie Ihre Kunden besser Website verstehen, werden Sie erstellen. Nachdem Sie die Telefone ausgewählt haben, müssen Sie sicherstellen, dass Sie die richtige Form, Größe, Gewicht, Zeilenhöhe und Buchstabenabstand gemäß der Design-Anforderung der Website auswählen . Die erste Hinzufügung in der Typografie ist anzuwenden. Es bedeutet, die Länge einer Linie zu begrenzen. Sie können es auf 45 bis 85 Zeichen haben, aber Zeile vorzugsweise 60 auf einem Computer. Wenn Sie ein gutes Leseerlebnis bieten möchten. Für mobile Geräte sollten Sie 30 bis 40 Zeichen pro Zeile verwenden. Ich empfehle sogar, den Wortzähler plus Plug-in für Google Chrome zu verwenden , um die Zeichen zu zählen, indem Sie nur den Text auswählen. Als Nächstes wählen Sie die Ausrichtung aus den Optionen links, Mitte, rechts und ausgerichtet aus. Dies hängt von der gesamten UA ab, die Sie für die Website planen. nächste Faktor besteht darin, den Buchstabenabstand, auch Les Kerning genannt, anzupassen . Es ist der Abstand zwischen zwei Buchstaben und es verbessert die Lesbarkeit, aber ich werde empfehlen, es sorgfältig zu verwenden. Passen Sie als Nächstes die Linienhöhe an. Es wird auch als führend bezeichnet. Es ist die Menge an Abstand zwischen den beiden Zeilen. Als nächstes wählen Sie die Telefongröße aus. Und wieder hängt es von der gesamten Benutzeroberfläche ab, die Sie für die Website planen. Machen Sie es einfach nicht zu klein, sonst haben Sie besucht, wir müssen vergrößern, um den Inhalt zu lesen. in der Tat sicher, dass es auf allen Bildschirmgrößen leicht zu lesen ist. Sie können mit dem Schriftgewicht spielen, um es schwerer oder leichter erscheinen zu lassen. Sie können die Formularfarbe als Vogeldesign Farbschema auswählen. Stellen Sie sicher, dass Sie ein gutes Kontrastproblem haben. Es bedeutet, einen hellen Text auf einem dunklen Hintergrund oder ein dunkles Telefon auf einem hellen Hintergrund zu haben. Nachdem Sie sich für all diese typografischen Faktoren entschieden haben, stellen Sie sicher, dass Sie das gleiche Styling auf der gesamten Website verwenden , um ein Gefühl von Konsistenz und Branding zu liefern. Versuchen Sie immer das Beste, um die visuelle Hierarchie auf der Webseite aufrechtzuerhalten. Holen Sie sich in den Kopf des Website-Besuchers und versuchen Sie zu verstehen, welche Wörter Sie möchten, dass sie zuerst bemerken? Und was ist das optisch ansprechendste Format, um diese Wörter zu kommunizieren? Denken Sie daran, dass eine einfache Lesbarkeit das primäre Ziel ist, das wir erreichen wollen, indem wir die Konzepte einer Biografie anwenden. Alles klar, Sie haben über Farben und Topographie gelernt, und im nächsten Video werden wir über die verschiedenen Layouts lernen. Wir sehen uns dort. 9. Seitenlayout: Lassen Sie mich Ihnen eine Tatsache sagen. Die Leute besuchen keine Websites für das Design. Sie besuchen Websites für den Inhalt. Aber es ist wichtig, den Inhalt in einer nützlichen Weise zu präsentieren , um den Besucher zu engagieren und ihn zu zwingen, Maßnahmen zu ergreifen. Daher geht es bei der Website-Gestaltung darum den Inhalt einfach und attraktiv für die Besuchten aussehen zu lassen. Wir wissen, dass die Kopf- und Fußzeile für alles, was es ist, gleich sein wird. Und wir müssen den Hauptinhaltsbereich für jede Webseite gestalten. Und um den Inhalt zu gefallen, verwenden wir Abschnitte und Spalten auf einer anderen Seite. Die Anordnung der Inhalte in diesen Abschnitten und Spalten kann auf vielfältige Weise erfolgen. Lassen Sie uns also einige effektive Website-Layouts in dieser Lektion diskutieren. Das erste, ein einzelnes Spaltenlayout. Es stellt den Hauptinhalt in einer einzigen vertikalen Spalte dar, die von reichlich Leerzeichen umgeben ist. Die Schulbildung erlebt reibungslos in diesem Layout und Sie können gestochen scharfe und klare Bilder in einer großen Größe verwenden. Dieses Layout ist sehr komfortabel für die Besucher und es funktioniert gut auf all ihren Geräten. Es wird empfohlen, dieses Layout und persönlichen Blog, minimalistische Designs und mobile freundliche Designs zu verwenden. Als nächstes ist das zweispaltige Layout. Es wird gebildet, indem der Abschnitt in zwei vertikale Spalten unterteilt wird. Die Breite der Spalten kann in Wunsch aufgeteilt werden. Es wird für Seiten empfohlen, die zwei Hauptinhaltsstücke haben , die eine gleiche Bedeutung haben. Was Sie sonst noch platzieren können, nimmt auf einer Seite mit einem Bild auf der anderen Seite den Inhalt besser zu erklären. Als nächstes ist ein kreativer. Es ist das asymmetrische Layout. Es bedeutet, Inhalte unterschiedlicher Größe ungleichmäßig auf der gesamten Seite zu verteilen. Es wird empfohlen, auf Websites zu verwenden, die eine Vielzahl von visuellen Elementen und Inhaltstypenhaben eine Vielzahl von visuellen Elementen und Inhaltstypen Möglicherweise müssen Sie mehrere kleine Elemente auf der einen Seite haben , um ein großes Objekt auf der anderen Seite auszugleichen. Aber seien Sie sehr vorsichtig bei der Verwendung dieses Layouts, da Sie das richtige Gleichgewicht zwischen den größeren und den kleineren Abschnitten finden müssen. Aber wenn es fertig ist, sieht es sehr gut aus. Außerdem müssen Sie Elemente mit hohem Farbkontrast verwenden , um bestimmten Teilen des Designs visuelle Gewichtung hinzuzufügen. Als nächstes ist ein festes Seitenleisten-Layout. In diesem Layout bleibt die klebrige Seitenleiste, die das Navigationsmenü enthält , auf jeder Webseite in der gleichen Position, bleibt immer sichtbar, wenn sie es benutzen, durchsuchen Sie unsere Schulen auf der Seite. Als nächstes ist das Vollbild-Medienlayout. Es bedeutet im Wesentlichen, ein Hintergrundvideo als Heldenbild zu verwenden. Es bietet eine sehr reiche Benutzererfahrung und die Auswirkungen sind sehr hoch. Es erhöht die Neugier der Besucher, nach unten zu scrollen und mehr über das Geschäft zu erfahren. Als nächstes ist das Rasterlayout. Ein Raster von Karten Layout ist gut für Inhalt schwere Seiten, die viele Elemente mit gleicher Erbschaft anzeigen. Es wird für eine organisierte aussehende Archivseite, Mediengalerie oder einen Blog mit einem sauberen Layout empfohlen . Als nächstes ist das Kastenlayout. Diese Art von Layout wird oft auf der Homepage verwendet. Hier ist der Heldenbereich eine große, volle Breite Box, mit Bild oder Video als Hintergrund und gefolgt von kleineren Boxen direkt darunter. Idealerweise sollte die Anzahl dieser kleinen Boxen zwischen zwei und fünf liegen. Es handelt sich um ein immergrünes Website-Layout und die Elemente führen den Besucher durch Klicken auf die Felder zu weiteren Details und Erklärungen. Dies waren die übliche Art von Leodes und jetzt lassen Sie mich Ihnen schnell einige Best Practices erzählen um einige spezifische Ziele zu erreichen, während die Inhalte in einem dieser Leodes organisiert werden. Viele Male müssen Sie einen Abschnitt vom Rest des Inhalts abheben. See. Sie müssen die Call-to-Action-Schaltfläche auf der Zielseite markieren. Sie müssen also das Leerzeichen verwenden. In der Tat, viel Leerraum, um es hervorzuheben und hervorzuheben. Denn durch das Entfernen von Ablenkungen können Sie den Besucher zwingen, sich nur auf das zu konzentrieren, was sofort sichtbar ist. Das ist eine sehr wichtige Sache. Mustern Sie effizient mit dem Leerzeichen. Als nächstes ist es, mit der Größe zu spielen. Im Allgemeinen lesen die Leute zuerst größere Dinge, richtige Hierarchie klärt für die Besucher die Reihenfolge der Bedeutung der Elemente und Größe ist der einfachste Weg, um eine Hierarchie zwischen den Elementen zu erstellen. Wenn Sie ein leicht zu scannendes Layout für eine inhaltliche Seite erstellen möchten, für die alle primären Elemente mit gleicher Erbfolge angezeigt werden müssen, wenden Sie das Rastersystem an. Raster können in Größe, Abstand und Anzahl der Spalten variieren . Lassen Sie uns zum Beispiel einen Blick auf das YouTube-Grid-System werfen. Es ist sehr gut organisiert und enthält vier Spalten. Eine weitere wichtige Praxis ist es, die wichtigen Anruf- oder Einreichungsformulare oben oder unten auf der Webseite zu halten . Wie die Westler neigen dazu, sich daran zu erinnern, die ersten und die letzten Elemente besser. Die letzten Faktoren, die ich Ihnen in dieser Lektion sagen möchte , ist, den Inhalt in kleine Stücke zu teilen. Zeigen Sie niemals einen großen Inhalt in nur einem Block an. Versucht, es in kleinere Abschnitte zu unterteilen, da es für den Besucher leicht zu verdauen ist. Einfach, einfach und einfach. Alles sollte sehr einfach und attraktiv für den Besucher auf der Website sein. In der Tat, wenn Sie mich bitten, alle Website-Design-Konzepte in zwei Worten zu löschen, würde ich nur sagen, verstehen Sie Ihr Publikum gut und machen die Dinge einfach für sie. Das war's. Und ich hoffe, ich mache dir die Dinge leichter zu lernen. Sehr gut, bis hier. Wir sehen uns im nächsten Video. 10. Copywriting für Website: Lassen Sie uns in dieser Lektion einige super-effektive Copywriting-Strategien lernen. Die Strategien, die wir diskutieren werden, sind nicht nur auf eine Website beschränkt. Sie können diese Arten Krankheit anwenden, um ein Video-Skript zu schreiben, Post Outreach, E-Mails, YouTube-Videobeschreibungen, Podcast-Beschreibungen, Social-Media-Post zu blockieren YouTube-Videobeschreibungen, Podcast-Beschreibungen, und Kopien hinzuzufügen. Copywriting ist die Praxis, Text zu schreiben, um den Leser zu informieren, zu inspirieren oder zu überzeugen. Schreiben und Ansprechen von Webkopien ist sehr wichtig, da Internet ein äußerst wettbewerbsfähiger Ort ist. Der Besucher findet keinen Wert auf der Website. Wir alle wissen, was passieren wird. Er wird sich von der Website entfernen. Und wir wollen nie, dass das bei uns passiert. Dazu müssen Sie Diller-Schlagzeilen, Unterüberschriften, Absätze, Call-to-Action-Zeilen, Artikel und Geschichten auf der Website schreiben Call-to-Action-Zeilen, , damit der Besucher engagiert und motiviert ist, Maßnahmen zu ergreifen. Bevor Sie mit dem Copywriting-Prozess beginnen, müssen Sie mit den Website-Zielen gelöscht werden. Sie müssen mit dem einzigen primären Ziel der Website klar sein. Was soll der Besucher tun, nachdem er den Inhalt der Website gelesen hat? Je besser Sie das Publikum verstehen, desto besser werden Sie in der Lage sein, richtig? Außerdem benötigen Sie ein klares Verständnis des Produkts oder der Dienstleistung. Wissen Sie, was es ist, wie es funktioniert und wie es mit der Konkurrenz verglichen wird. Außerdem müssen Sie etwas über das Publikum Gedanken, Ängste und Wünsche lernen. Dann können Sie nur eine Kopie schreiben, die direkt mit ihnen spricht. Nun möchte ich die sieben wichtigsten Strategien teilen, die verwendet werden , um einen sehr ansprechenden Website-Inhalt zu schreiben. Die erste Strategie besteht darin, eine rutschige Rutsche zu verwenden. Ja, es ist die gleiche Rutsche, auf der Kinder im Park spielen. Die kurzen Sätze und sehr kurzen Absätze haben einen rutschigen Slide-Effekt und es ist sehr effektiv im Web Copywriting. Wir wollen immer den Besucher dazu bringen, bis zum Ende zu lesen. Lassen Sie mich Ihnen ein Beispiel dafür zeigen. Was ist ein Sätze Haupt Job. Sie dazu bringen, den nächsten zu lesen, dann den nächsten danach. Das ist das rutschige Folienkonzept in Aktion, was es den Menschen schwer macht, mit dem Lesen aufzuhören. Weiter ist eine sehr berühmte Strategie, die als Aida-Formel bezeichnet wird. Es steht für Aufmerksamkeit, Interesse, Lust und Handeln. Ai-d-A, oder Aida. Sie können sehen, es funktioniert sehr gut für die Verkaufsseite Kopie, Social Media Post Copy und E-Mail Newsletter. Lassen Sie uns ein Beispiel sehen, um dies zu verstehen. Die erste Zeile hier geschrieben ist, ist dies der vollständigste Leitfaden zu Landing Pages online. Diese Linie erzeugt eine Spannung. Als nächstes erstellen Landing Pages, die super gut konvertieren. Es tippt auf den Wunsch, Landing Pages zu erstellen, die konvertieren. Dann in der Linie, werden Sie die detaillierten Strategien in der heutigen Anleitung lieben. Es gibt auch ein Interessenelement. Und schließlich, ein Aufruf zum Handeln durch Schreiben, lasst uns direkt eintauchen. Die Reihenfolge ist ein wenig kopfüber für das Interesse und den Wunsch in diesem Beispiel. Aber was zählt, ist, dass Sie aida Formel in den Inhalt anwenden. Als nächstes wird Features durch Vorteile ersetzt. Ok. Sie haben nicht bekommen, was ich meine, Funktionen Vorteile Ersatz. In Ordnung. Ich sage Ihnen, die Funktionen auf der Website zu entfernen. Ja, entfernt sie und schreiben Sie die Vorteile anstelle dessen. Dies ist eine sehr starke Strategie, weil es gut mit dem Besucher Resonanz. Versuchen Sie, so zu sprechen, dass der Besucher profitiert. Sag nicht, warum du gut bist. Teilen Sie ihnen die Vorteile mit, die sie durch die Nutzung Ihres Produkts oder Ihrer Dienstleistung erhalten. Schließlich ist sein Spiel nur dein Gewinn, oder? In Ordnung. Als nächstes ist es, starke und klare CTAs zu verwenden. Sie können die CTA an jedem Punkt in der Nachricht platzieren wir eine neue Information präsentiert wird. Nichtsdestotrotz eine Gelegenheit, zu konvertieren. Außerdem sind Ihre Kunden beschäftigt. Tatsächlich sind sie sehr beschäftigt und wissen nicht, was sie als Nächstes tun sollen. Also musst du ihnen sagen, was genau als nächstes zu tun ist. Alles klar, als Nächstes zeigen wir soziale Beweise. Es ist eine wahre Magie im Texten. Jeder kann auf der Website sagen, ich kann das tun, ich kann das tun. Aber wenn Sie zeigen können, dass Sie mit Daten, Testimonials, Beispielen , Fallstudien, Bewertungen, Statistiken wirklich die Dinge auf die nächste Ebene bringen und Umsatz generieren können. Es spielt keine Rolle, ob Sie eine lange Liste von Zeugnissen haben, sind nur einige. Sie können zeigen, dass Bewertungen über Kunden, die brillant zufrieden oder transformiert sind , indem Sie Ihre Dienstleistungen. Was auch immer die stärkste Form von sozialen Beweisen, die Ihnen zur Verfügung steht, verwenden Sie das. Als Nächstes ist kristallklar. Uspp. Usp steht für Alleinstellungsmerkmal. Es bedeutet zu antworten, warum sollte jemand von Ihnen kaufen? Vielleicht haben Sie die besten Preise. Vielleicht liefern Sie schneller als jeder andere, oder vielleicht garantieren Sie Ergebnisse. Das ist es, was Sie von der Konkurrenz abhalten lässt. Stellen Sie also sicher, dass Sie Ihre USP im Inhalt markieren. Das letzte ist das Gefühl der Dringlichkeit. Es wird verwendet, um Kunden jetzt handeln zu lassen. Ja, wir wollen, dass sie Maßnahmen ergreifen und es jetzt ergreifen. Einige der Möglichkeiten, Dringlichkeit zu schaffen, sind wie begrenzte Zeit bieten Dichtstoffe am Sonntag, verpassen Sie nicht so. Es funktioniert wirklich. Probieren Sie das mal aus. Das sind also einige wirklich mächtige Strategien und versuchen, sie in jedem Inhalt, den Sie darstellen können, zu nutzen. Lassen Sie uns nun einige praktische Methoden lernen, wie man die Schlagzeilen, Absatz und andere Inhalte zu schreiben . Wir werden mit den Scheinwerfern auf der Website beginnen Copy immer versucht, unwiderstehliche Schlagzeilen zu schreiben. Die Überschrift der Website ist der erste Eindruck, den Ihre Inhalte machen werden. Es ist diese Überschrift, die die Person entscheidet, ob er auf der Website bleiben oder nicht und weitere Informationen erkunden oder er wird einfach Ihre Website verlassen und Instagram überprüfen. In der Überschrift. Sie müssen versuchen, ihn davon zu überzeugen, dass der Inhalt nützlich ist. Versuchte, eine Dringlichkeit zu schaffen, versuchte zu zeigen, dass der Inhalt einzigartig und ultra-spezifisch ist. Lassen Sie mich Ihnen ein Beispiel zeigen. Sie können dieses Video auch anhalten, um die Beispiele langsam zu lesen. Dies ist also eine Überschrift für einen der Artikel und es zeigt deutlich , dass der Inhalt nützlich, einzigartig und spezifisch ist. Hier ist ein weiteres Beispiel. So schreiben Sie eine super spezifische Headline. Lassen Sie mich Ihnen ein paar Schlagzeilen sagen. Sie können Zahlen in Überschriften verwenden. Sie können auch an den Leser adressieren oder verwenden, wie Schlagzeilen und Fragen Schlagzeilen. Sie können auch emotionale Schlagzeilen erstellen, indem Sie emotional aufgeladene Wörter in der Überschrift hinzufügen, See verrückt jetzt, schnell , Fehler, neu, Durchbruch, erstaunlich, genial. Ordnung. Also das nächste Konzept zu verwenden und Schlagzeilen ist FOMO. Fomo. Es ist die Abkürzung aus Angst, zu verpassen. Es löst eine sehr starke Emotion bei den Besuchern aus. Sie können eine Phrase wie begrenzte Zeitersparnis verwenden. Es funktioniert brillant. Probieren Sie es aus. Als nächstes können Sie auch das Konzept von WIIFM verwenden. Es steht für das, was für mich drin ist. Es bedeutet, dass wir keine Schlagzeilen schreiben müssen, die unsere Erfahrung zeigen. Schreiben Sie stattdessen Schlagzeilen, die die Frage im Kopf des Besuchers beantworten. Ich möchte noch einmal wiederholen, dass dies die universellen Copywriting-Strategien sind. Und Sie sind frei, diese Strategien zu verwenden, um Schlagzeilen für verschiedene Webseiten, Blog-Post-Titel, E-Mail-Newsletter, Social-Media-Post zu schreiben und Kopien hinzuzufügen. Als nächstes ist es, vier Absätze zu schreiben. Es ist auch wichtig, weil die ersten Zeilen entscheiden , ob der Besucher zu Inhalten führen wird oder nicht. Es muss also immer mit einem Haken beginnen. Lassen Sie uns einen Blick auf dieses Beispiel. Hier beginnt es mit einem Hakenbein. Die Statistiken sind in, die Reserven sind unbestreitbar. E-Mail ist immer noch die Nummer 1 Möglichkeit, den Umsatz online zu steigern. Das ist ein Haken. Sie können auch Mini-Geschichten verwenden, um den Absatz zu starten, oder? Eine vier- oder fünfzeilige Geschichte wie diese. Oder Sie können die Überschrift auch als sichtbar in diesem Beispiel ergänzen. Nun, als nächstes ist es, die Regel der drei im Copywriting zu verwenden. Was bedeutet diese Regel von drei? Versuchen Sie, die drei wichtigsten Schritte im Inhalt hervorzuheben, wie das Anzeigen von drei Testimonials auf der Homepage, drei Beispiele für ein Konzept oder drei Hauptabschnitte in einem Blogbeitrag. Du hättest leicht mit fünf Schritten oder sieben Schritten gehen können. Aber ich möchte, dass Sie sich auf die Regel der drei konzentrieren , weil das Kloster wie sachkundig, Wohlbefinden, sowohl einfach als auch eingängig erscheint . Es ist sehr leicht für Besucher zu verdauen. Es gibt etwas Magie über die Zahl 3. Ja, ja, ja. Deshalb hatte ich den Prozess der Website-Kation in drei Schritte unterteilt. Jetzt kennen Sie mein Geheimnis, Skripte zu schreiben. Als nächstes folgt eine gute Struktur für die Web-Kopie. Wenn der Inhalt ein langer Punkt ist, unterteilen Sie ihn in Unterüberschriften, damit er leicht lesbar und logisch verständlich ist. Als Nächstes schreiben, wie du redest. Es ist möglicherweise nicht vollständig in einer Website-Kopie anwendbar, aber versuchen Sie, diesen Hack in den E-Mail-Newslettern, Blog-Post und Social-Media-Post zu verwenden . Als nächstes ist es, kurze Sätze zu verwenden. Ja. Halten Sie sie so kurz wie möglich und wenden Sie das rutschige Slide-Konzept an. Es wird dem Besucher helfen, mehr zu lesen, da kurze Sätze leicht zu lesen und zu verstehen sind. Nächstes Tag ist es, für eine Person zu schreiben. Schreiben Sie keinen Inhalt in einem generischen Ton, schreiben Sie ihn in einem personalisierten Ton, als ob Sie mit diesem bestimmten Leser sprechen würden. Als nächstes ist es, aktive Stimme in Copywriting zu verwenden. Sie müssen zum englischen Grammatikbuch zurückkehren, wenn Sie das Konzept der aktiven Stimme vergessen haben , das Sie in der vierten oder sechsten Klasse der Schule gelernt haben. Aber aktive Stimme zu verwenden, ist sehr hilfreich bei der Zusammenarbeit. Als nächstes ist es nicht, große Wörter zu verwenden, denn wenn die Wörter schwer zu lesen sind, wird der Besucher es nicht lesen. Als nächstes ist es, für Schemas zu schreiben. Ja, die Leute lesen keine Inhalte online, sie überfallen. Verwenden Sie also viele Unterüberschriften und brechen Sie den größeren Inhalt in kleinere Stücke und Abschnitte auf und nutzen Sie immer die endgültigen Takeaway-Zeilen. Nun, das letzte, was ich Ihnen in diesem Video sagen möchte, ist, dass Sie nicht nur für die Besucher, sondern auch für die Suchmaschinen schreiben müssen. Versuchen Sie also immer, die Ziel-Keywords natürlich in den Inhalt zu integrieren , so dass Ihre Website hochrangig wird dadurch mehr Traffic und Umsatz führt. Hier haben wir das Texten hören Teil 1 abgeschlossen, und wir haben den Teil zwei als auch. Bleiben Sie dran, da wir ein bisschen mehr über den Copywriting-Prozess erfahren müssen. Wir sehen uns im nächsten Video. 11. Copywriting für Copywriting Teil 2: In diesem Video, lassen Sie uns den Schritt-für-Schritt-Prozess lernen, um eine hochkonvertierende Website-Kopie für die Homepage Über Seite, Service und Produktseite und Kontaktseite zu schreiben eine hochkonvertierende Website-Kopie für die Homepage Über Seite, . Es ist sehr spannend, die leere Seite in einen stark konvertierenden Inhalt zu konvertieren, der Leads Abonnenten und Verkäufe generiert. Der Prozess beginnt mit der Identifizierung der Websites wichtigsten Ziel, weil wir immer eine Website für einen bestimmten Zweck erstellen , um Klarheit über den Zweck der Website zu erhalten, versucht, Ihre Customer Journey zu visualisieren und kommen mit einem Aufruf zur Aktion. Wenn Sie ein Service-Geschäft haben, werden Sie wollen, dass die Besucher das Lead-Formular ausfüllen. Wenn Sie ein Produktgeschäft mit einem kurzen Kaufzyklus haben, werden Sie einen direkten Kauf suchen. Wenn Sie ein Produktgeschäft mit einem längeren Kaufzyklus betreiben, können Sie sich auf E-Mail-Anmeldungen konzentrieren, damit Sie Leads in einen E-Mail-Pflegeprozess einbinden können. Ziele können variieren, aber versuchen, die van einzelne primäre Ziel auf der Website ihres Ziels zu identifizieren einzelne primäre Ziel auf der Website , sollte es sein, Besucher von der Ankunft zum Handeln so schnell wie möglich und in der linearsten Weise möglich. Um dies zu tun, wollen wir die Anzahl der Seiten, die an der Customer Journey beteiligt sind, minimieren. So haben Sie drei Optionen, um zu entscheiden, wie Sie die Homepage verwenden. Nummer eins: Wenn Sie ein einzelnes Produkt oder eine Dienstleistung anbieten, können Sie die Startseite als Zielseite für dieses Produkt oder diese Dienstleistung verwenden. Nummer 2, wenn das primäre Website-Ziel E-Mail-Anmeldungen ist, verwenden Sie die kopfüber Homepage-Strategie. Nummer 3. Wenn das primäre Ziel etwas anderes ist, verwenden Sie die Homepage als Markenaufbauseite. Lassen Sie uns lernen, was genau ist eine umgedrehte Homepage-Strategie und eine Markenbildung Seite? Die kopfüber Homepage fragt nach der E-Mail der Besucher am oberen Rand der Seite und nicht am unteren Rand. Die Struktur könnte wie der Heldenbereich sein, einschließlich eines Formulars für die E-Mail-Anmeldung. Unterhalb des Heldenabschnitts zeigt einige soziale Beweise. Wenn ein Label dann eine Markengeschichte erzählen, die ein Problem löst. Und wieder können Sie im Austausch für die Lösungsressource nach der E-Mail-Adresse fragen. Auf diese Weise können Sie maximale E-Mail-Anmeldungen auf der Homepage über die Upside Down Homepage-Strategie erhalten. Als nächstes ist eine Marken-Building-Seite. Es ist eine klassische Homepage. Hier sollten Sie nicht versuchen, die Produkte oder Dienstleistungen zu verkaufen. Stattdessen versucht, eine Markenwahrnehmung aufzubauen und dann nehmen Sie sie für die spezifischen Produkt- oder Serviceseiten. Um eine Marke aufzubauen, müssen Sie die Marke Value Proposition schreiben, die sagt über Geschäft existieren und was ist die Kernidentität. Dann müssen Sie die kurze Markengeschichte schreiben, um die Herausforderungen oder Probleme, die Ihre Marke lösen möchte, zu beschreiben und ihnen zu erzählen, wie sie gelöst wird. Schließlich zeigen Sie den Besuchern einige Beweise, um Glaubwürdigkeit für die Marke aufzubauen. Danach können Sie den Besucher auf die bestimmte Produkt- oder Serviceseite umleiten , um bestimmte Aktionen zu ergreifen. Stellen Sie außerdem sicher, dass Sie genügend Aktionen in der Webkopie aufrufen. So können Sie Inhalte für unsere Homepage schreiben. Nun, lassen Sie uns sehen, wie man eine About Seite und über Seiten immer dort auf der Website zu schreiben eine About Seite und über Seiten , weil die Leute erwarten, dass es verfügbar ist. Ein großes Segment von Besuchern kann sogar die Idee aufschieben, den Service von Ihnen zu kaufen , wenn sie die über Seite auf Ihrer Website nicht gefunden haben. Besucher besuchen in der Regel die About Seite, um zu überprüfen , ob die Marke oder Person echt ist oder nicht. Außerdem wollen sie sich gut verbinden, indem sie die Vision, die Mission, den Zweck oder den geschäftlichen Hintergrund kennen . Und manchmal, wenn sie Ihre Markengeschichte auf der Homepage nicht verstehen und mehr wissen wollen. Sie werden die About Seite besuchen. Für spezialisiertere Websites wie eine B2B-Website, sie wollen überprüfen, ob Sie den erfahrenen Hintergrund oder nichts oder schwer von irgendwelche Auszeichnungen oder Zertifizierungen haben , um Sie von der Konkurrenz abheben. Beim Schreiben von Inhalten für die Info-Seite. Immer gesprochen, um Glaubwürdigkeit zu etablieren. Sprechen Sie darüber, was Sie erreicht haben und mit wem Sie gearbeitet haben. Sie können auch mit der Vision und Mission beginnen, bevor Sie die Marke Story beginnen, können Sie immer ehrlich und unkompliziert sein, da Besucher Klarheit bevorzugen. Und schließlich, schließen Sie die About Seite mit einem CDA. Nun, lassen Sie uns sehen, wie für die Services-Seite zu schreiben. Anstelle einer Serviceseite können wir dies als Zielseite oder Verkaufsseite betrachten , auf der wir dem Besucher ein Angebot anbieten können. Wenn Sie über mehrere Produkte oder Dienstleistungen verfügen, können Sie separate Seiten für alle erstellen. über den Inhalt sprechen, können Sie mit dem Wertversprechen für das spezifische Produkt oder die Dienstleistung beginnen. Um dies zu tun, definieren Sie das Angebot klar, geben Sie an, für wen es ist, und differenzieren Sie den Wert. Danach müssen Sie die Vorteile Ihrer Lösung erläutern und dann erklären, wie Sie das Problem tatsächlich lösen. Bieten Sie hier auch so viel Beweise wie möglich. Auch versucht, Besucher zu drängen, Sie bei jeder Gelegenheit zu kontaktieren. Versucht, einen CTA an einem beliebigen Punkt auf Ihrer Seite einzuschließen dem sich der Leser möglicherweise in einer mentalen Position zum Klicken befindet. Sie können CTA-Tasten so entwerfen, dass der Leser zu n On page Kontaktformular scrollen , anstatt auf eine separate Seite umzuleiten. Und wenn Sie Inhalte für die Produktseite in einer E-Commerce-Website schreiben, müssen Sie die Produktbilder, Produktdetails,Schaltfläche In den Einkaufswagen, Produktbeschreibung,Produkt- oder Markenhistorie angeben Schaltfläche In den Einkaufswagen, Produktbeschreibung, . Vielleicht gefällt Ihnen auch Abschnitt und der Überprüfungsabschnitt. Als nächstes lassen Sie uns lernen, die Web-Kopie für eine Kontaktseite zu schreiben. Dies ist wahrscheinlich die einfachste Seite einer Website da der Besucher bereits den Gedanken gemacht hat, Sie zu kontaktieren. Aber wenn Sie mehr Leads wollen, halten Sie einfach den gesamten Inhalt über der Falte. führt zu minimalem Scrollen. Fügen Sie eine kurze Einladung an Personen hinzu, um Sie zu kontaktieren. Geben Sie so viele Optionen für beschriftet ein Besucher, um Sie wie ein Anfrageformular, eine E-Mail-Adresse, einen Telefonanruf oder Skype zu kontaktieren . Lassen Sie uns auch lernen, wie man für eine Landing Page schreibt. Das einzige Ziel einer Zielseite ist es, die Besucherdaten gewünschte Aktion zu machen, wie zum Beispiel die Anmeldung für einen Newsletter, Starten einer kostenlosen Testversion oder das Herunterladen eines E-Books. Dies kann eine beliebige spezifische Aktion sein. Also auf der Zielseite, beginnen Sie mit der Überschrift, die deutlich zeigt, die Vorteile für D erhalten, kaufen Sie das Produkt oder die Dienstleistung. Haben Sie auch den sozialen Beweis im Heldenbereich selbst, oberhalb der Falte. Verwenden Sie den glaubwürdigsten Beweis, den Sie haben, wie die Orte, an denen Sie angezeigt werden, oder die Anzahl der Kunden, oder die Namen großer Linien oder was auch immer es ist. Aber versuchte, so viel Beweise wie möglich aufzunehmen. Dann sollte der Hauptinhaltsbereich der Struktur wie Problem folgen, agitieren und Formel lösen. Beginnen Sie mit den Schmerzen des Kunden, weisen Sie auf Probleme hin. Heben Sie dann hervor, wie ärgerlich das Problem ist und necken Sie sie dann mit der Lösung. Nach diesem Abschnitt können Sie den Übergangsabschnitt erstellen. Es ist dieser Übergang vom Problem zur Lösung. Aber wenn ein Angebot und stellen Sie die CTA hier für den Besucher Maßnahmen zu ergreifen, weil, wenn der Besucher überzeugt ist, müssen Sie ihm sagen, wie man losgeht oder was als nächstes zu tun ist. Das war's. Um Inhalte für einen Blogbeitrag zu schreiben, können Sie mit dem Schreiben und ultra-spezifische Schlagzeile beginnen. Es gibt Klarheit für den Besucher, was genau in der Post wissen wird. Je genauer Sie die Überschrift schreiben, desto mehr Klicks erhalten Sie. Dann starten Sie den Absatz mit einem kürzeren Intro von nicht mehr als acht Bahnen. In der Broschüre beweisen, dass Sie auf der Überschrift von uns liefern können. Und geben Sie auch eine Vorschau davon, was alles, was sie wissen werden , kommt in den Hauptinhaltsbereich. Der Beitrag sollte umsetzbare Tipps, Techniken und Strategien enthalten , die Menschen sofort verwenden können. Dies kann Inhalte in der erweiterten Liste Form, Fallstudie Liste der Werkzeuge, die ultimative Anleitung oder die vollständige Liste Geyte enthalten Fallstudie Liste der Werkzeuge, . Nutzen Sie viele Beispiele, um den Inhalt leicht verständlich zu machen. Und schließlich, geben Sie Ihren Besuchern ist CTA, um Maßnahmen zu ergreifen. Sie können einige soziale Beweise für zusätzliche Ermutigung platzieren. Das war's. Also waren die Texter Lektionen ein bisschen lang, aber sie sind würdig, weil gutes Copywriting Leads, Conversions und Verkäufe für die Website bringen wird . Wir werden diese Lektion hier beenden und mit dem Grafikdesign im nächsten Video fortfahren. 12. Grafische Design für Designing Teil: Jeder ist immer aufgeregt für Grafiken und es gibt einen sehr starken Grund dafür. Und Bild ist mehr als tausend Worte. Und Bild kann Wahrnehmungen, Emotionen und Aktionen schneller auslösen als Text. So ist es wichtig, dass Sie Grafiken und Bilder auf der Website verwenden, um eine starke visuelle Kommunikation mit den Besuchern und Tanks zu einigen fantastischen kostenlosen Tools wie Canva zu bauen eine starke visuelle Kommunikation mit , ist das Erstellen von Grafiken jetzt viel einfacher als zuvor. In dieser Lektion werden wir über den allgemeinen Prozess und grundlegende Konzepte der Grafikgestaltung lernen , die Sie anwenden können, um Bilder zu bearbeiten und Grafiken zu erstellen, nicht nur für eine Website, sondern auch für Social Media Post YouTube, Miniaturansicht oder ein anderes grafisches Element, da dies die universellen Strategien sind. Lassen Sie mich damit beginnen, Ihnen den allgemeinen Prozess und die Schritte zu erklären, um ein Grafikdesign zu erstellen. Der erste Schritt besteht darin, die erforderliche Dimension oder Auflösung des Grafikdesigns zu beachten. Es ist die Größe der Grafik in Bezug auf Breite und Höhe, die in Pixel gemessen wird. Lake, wenn Sie ein Bild in den Held Abschnitt Hintergrund einfügen möchten, dann müssen Sie die Grafik und 11 für 0 x 600 Pixel erstellen , um den Bildschirm über der Falte zu decken. Die Dimension für einen Instagram-Beitrag beträgt 1080 x 10 Hz kleine Pixel. Und die Dimension für eine Instagram-Geschichte ist 0100 Hilfsmittel, die alle um 19, 200 Pixel. Um Grafiken im Website-Design zu verwenden, ist es wichtig, die erforderlichen Abmessungen zu kennen. Erster. Um die Dimensionen zu kennen, können Sie ein Google Chrome-Plugin als Seite zu LA Redux verwenden, um schnell die Abmessungen auf dem Bildschirm eines beliebigen Abschnitts oder Spalte der Website zu messen. Der nächste Schritt besteht darin, den richtigen Hintergrund auszuwählen. Ihr Design Converse wäre ein Flugzeug vite, leere Box. Und Sie können immer damit beginnen, einen Hintergrund zu erstellen. Es kann sich entweder um eine Volltonfarbe oder eine Farbverlaufs-Audit-Textur oder ein Bild handeln. Sie können den Hintergrund auch übermäßig vage verwenden. Sie fügen einen Hintergrund über den bereits vorhandenen Hintergrund ein und passen die Deckkraft an, um einen tollen Blended Look zu erhalten. Nach dem Hintergrund müssen Sie Elemente in Form von Text, Bildern und Formen in das Design einfügen . Sie müssen zuerst das Skelett oder eine einfache Struktur vervollständigen, die den Inhalt enthält, und dann beginnen Sie mit der Arbeit an den Telefonen, Farben, Abständen und Ausrichtung. Sobald die Grafik fertig ist, können Sie die Datei und das dunkle JPEG- oder PNG-Format für die Verwendung auf der Website exportieren. Das JPEG-Format ist das ideale Format, um auf der Website zu verwenden, da es kleinere Dateigröße ist und hilft, die Website schnell zu laden. JPEGs unterstützen jedoch den transparenten Hintergrund nicht. Wenn Sie also eine Grafik haben, die einen transparenten Hintergrund benötigt, müssen Sie das PNG-Format verwenden, um die Datei zu exportieren. Obwohl Sie die Optionen im Grafikentwurfswerkzeug erhalten, dient es dazu, die Datei in kleineren Dateigrößen zu exportieren. Aber wenn Sie eine solche Option in keinem Tool finden und Sie die Dateigröße reduzieren möchten, können Sie diese Schritte ausführen. Sie zunächst sicher, dass die Bildauflösung nicht überskaliert ist, da die Größenänderung des Bildes auf die erforderliche Lösung die Dateigröße automatisch reduziert. nächste Schritt besteht darin, winzige Png.com zu besuchen, die Dateien hochzuladen und dekomprimierte Versionen herunterzuladen. Dies hilft bei der Verringerung der Dateigröße, aber stellen Sie immer sicher, dass Sie ein Bild und die Website in der geringstmöglichen Dateigröße nur in wenigen Babys hochladen . Lassen Sie uns nun auch einige grundlegende Konzepte für ein gutes Grafikdesign diskutieren. Das erste Konzept ist die Betonung. Es bedeutet zu entscheiden, was die erste Information ist, die der Besucher wissen muss, indem er sich die Grafik ansieht. Als nächstes ist es, Balance und Ausrichtung anzuwenden. Sie können eine symmetrische oder asymmetrische Grafik entwerfen. Stellen Sie nur sicher, dass die Grafik nicht kondensiert oder ungleichmäßig aussieht. Als nächstes stellen Sie den richtigen Farbkontrast sicher, um die Elemente Pop zu machen. Als nächstes ist es, das Konzept der Erbschaft zu verwenden. Es ist die Anordnung der Elemente, zuerst die Aufmerksamkeit auf die Schlüsselelemente zu lenken. Als Nächstes verwenden Sie Linien und Formen in der Grafik. Außerdem ist es wichtig, Symbole zu verwenden, um die Aufmerksamkeit ohne große Ablenkung zu lenken. Als nächstes ist es, das Konzept der Wiederholung zu verwenden. Sie sollten nicht verschiedene Telefone für jede Zeile im Design verwenden , da es die Konsistenz bricht. Als nächstes ist es, den Anteil zu halten. Proportion kann nur erreicht werden, wenn alle Elemente Ihres Designs gut dimensioniert und nachdenklich zufrieden sind. Sobald Sie die Ausrichtung, Balance und Kontrast beherrschen , sollte die Proportion automatisch sichtbar sein. Als Nächstes ist Bewegung. Bewegung steuert die Elemente in einer Komposition, so dass das Auge von 1 zum nächsten bewegt wird und die Informationen dem Publikum richtig mitgeteilt werden. Als nächstes ist es, die richtigen Farben zu verwenden, um sich gut mit dem Publikum zu verbinden. Als Nächstes ist Leerzeichen. Whitespace sitzt nicht dort und tut nichts. Es ist das Sortieren von Erbarchie und Organisation. Das Verwalten des Leerraums bedeutet, den offenen Raum zu nutzen, um Aufmerksamkeit auf die Elemente zu lenken, die in Ihrem Design tatsächlich wichtig sind. Als Nächstes ist Typografie. Offensichtlich, die Worte, die wir in unseren Designs verwenden, die wichtig, sondern auch die Formen, die wir verwenden, um diese Worte zu kommunizieren. Und schließlich werde ich Ihnen empfehlen, eine echte Bilder von Menschen zu verwenden , da es bei der Verbesserung der Konversionsrate hilft. Versuchen Sie es mal. Das sind also die grundlegenden Konzepte, die Sie verwenden können, um ein Grafik-Design zu erstellen und lebendig erfahren Sie mehr darüber in dem kommenden Video, das Grafik-Design Teil ist. Um dich dort zu sehen. 13. Grafische Design für Webdesignern Teil: Sobald Sie mit den Grundlagen fertig sind, ist es Zeit, mit der Anwendung von Konzepten zu beginnen. Beginnen wir mit den Bildern. In einem Website-Projekt müssen Sie viele Bilder verwenden. Aber die Frage ist, wie können Sie diese Bilder bekommen? Von welcher Website werden Sie die Bilder herunterladen? Denken Sie daran, eine Google-Bildsuche durchzuführen und diese Bilder auf der Website zu verwenden? Nein. Wir sollten es nicht tun. Da die Bilder möglicherweise nicht die Erlaubnis haben, für ein kommerzielles Projekt verwendet zu werden, und es kann einige rechtliche Probleme für Sie aufwerfen. Lassen Sie mich Ihnen sagen, einige sehr gute Website dort erhalten Sie lagerfreie und qualitativ hochwertige Bilder auf der Website kostenlos zu verwenden. Ja, Sie können diese Bilder kostenlos von Portalen wie Pixabay, Excels und Unsplash herunterladen . Zwar gibt es so viele andere Websites als auch auf Lager kostenlose Bilder herunterladen, aber diese drei sind extrem gut. Abgesehen davon habe ich noch eine Option. Sie können die Bilder vom kostenlosen Bild herunterladen, aber es ist eine Freemium-Site. Eine Freemium-Seite ist eine, auf der einige der Ressourcen kostenlos zur Verfügung stehen, während andere bezahlt werden. Die Bilder mit dem Boden Akan sind die bezahlten. Und um Zugriff auf diese Bilder zu erhalten, müssen Sie das kostenlose Pick Abonnement kaufen. Nun, Sie müssen sich fragen, warum Sie für ein kostenloses Pick-Abonnement bezahlen , wenn VR die Bilder kostenlos von anderen Websites bekommen? Nun, es hängt von der Sammlung von Bildern und es kommt oft vor, dass Sie ein bestimmtes Bild benötigen, aber das gehört zu keiner freien Website. Wenn wir an Website-Projekten arbeiten. Und es gibt einen Bedarf für einige spezifische Bilder. Die sogar bevorzugen den Kauf der Bilder von Plattformen wie Shutterstock und Adobe Stock. Hier müssen wir eine sehr gute Menge an Geld für das Abonnement bezahlen , um diese spezifischen Bilder zu erhalten. Aber es funktioniert, weil wir zumindest bekommen, was wir wollten. Stellen Sie einfach sicher, dass Sie die Bilder in der gewünschten Auflösung herunterladen. Und wenn die Bildauflösung groß ist, können Sie die Größe des Bildes mit der Technik, die wir im vorherigen Video besprochen haben, auf die erforderliche Auflösung ändern. Und komprimieren Sie die Dateigröße mit winzigen PNG oder einer ähnlichen Bildkomprimierung wie Telefon. Viele Abendessen und Tutorials schlagen vor, die WordPress-Plugins verwenden , um Bilder wie E triple W Bild Optimizer zu komprimieren. Aber ich bevorzuge es, die Dateigröße zu reduzieren, bevor ich das Bild auf die Website hochlade. Hilft bei der Verringerung der Notwendigkeit der Verwendung eines zusätzlichen Plug-ins und halten unsere WordPress leicht und sauber. Nach den Bildern benötigen Sie einige Vektorabbildungen, die Sie in den Website-Grafiken verwenden können. Was ist ein Vektor? Wie unterscheidet es sich von einem Bild? Ein Vektor ist ein aus Vektorgrafiken erstelltes Bildmaterial, das mit mathematischen Formeln erstellte Bilder hinzufügt. Kegel zum Lesen. Keine Sorge, wir werden hier keine mathematischen Formeln besprechen. Es bedeutet einfach, dass Sie eine Vektorgrafik auf jede Größe vergrößern können , ohne dass sie im Vergleich zu den Bildern verschwommen aussieht. So sehen die Bilder, auch Lass-Raster-Artwork genannt, verschwommen aus, wenn wir sie vergrößern oder zoomen. Aber ein Vektorgrafik wird nicht beim Zoomen in oder Vergrößern auch für eine verwischen, eine Haltegröße Billboard. Ich hoffe, Sie sind mit dem Unterschied zwischen einem Rasterbild und einem Vektorbild klar. Wo bekomme ich Vektoren und wie bekomme ich einen Vektor? Welches Werkzeug? Welche Software? Lassen Sie mich Ihnen zuerst sagen, dass Sie die kostenlosen Vektorgrafiken von free pick erhalten. In der Tat sind einige kostenlos und andere werden bezahlt, und Sie können darauf zugreifen, wenn Sie ein kostenloses Pick-Abonnement haben. Sie können auch Vektorgrafiken auf anderen Plattformen finden und Sie können einfach eine Google-Suche dafür machen. Aber ich schlage vor, dass Sie nur mit der kostenlosen Auswahl beginnen. Die Vektorgrafikdatei ist in der Regel im Format dot AI oder EPS oder dot SVG verfügbar. Dies sind alle Vektordateiformate. Sie können einen Vektor mit Adobe Illustrator bearbeiten. Und es ist das empfohlene Werkzeug, um Vektorgrafiken zu erstellen. Aber das Adobe-Abonnement ist ein bisschen auf der kostspieligen Seite. So können Sie ein Open-Source-Tool wie Inkscape nutzen oder zumindest ein sehr wirtschaftliches Werkzeug mit Schwerkraft verwenden. Designer. Gavin Designer ist ein anständig leistungsfähiges Werkzeug und es kommt mit einer großzügigen zwei Wochen kostenlose Testversion als auch. Sie können im Internet darauf zugreifen oder Sie können es herunterladen und auf dem Computer installieren. Lassen Sie mich Ihnen schnell einen Überblick über Tools wie Canvas, Grafikdesigner und Adobe Illustrator geben. Lassen Sie uns zuerst zu Canvas gehen. Dies ist auch ein Freemium Tool, das eine kostenlose Version hat und Sie können die Pro-Version für erweiterte Funktionen abonnieren. Hier können Sie sich für ein kostenloses Konto anmelden, und so sieht das Canvas-Dashboard aus. Der Abschnitt Startseite besteht aus Schnellentwurfsmenü, um das Design auszuwählen und zu erstellen. Unterhalb des Akts finden Sie die Liste der Designs, die Sie mit Canva erstellt haben. Diese Designs werden in der Canvas Cloud gespeichert und Sie können jederzeit schnell darauf zugreifen. Unten finden Sie Vorlagen oder vorgefertigte Grafiken, die Sie mit nur einem Klick importieren können. Wenn Sie einen benutzerdefinierten Bemaßungsentwurf erstellen möchten, klicken Sie auf Entwurfsoption erstellen und wählen Sie Benutzerdefinierte Größe. Hier können Sie Breite und Höhe in Pixel eingeben. Sie können auch beobachten, dass Sie die Dimensionen beliebter Grafiktypen finden können , indem Sie den Mauszeiger über den Titel bewegen. Die Template-Bibliothek von Canva ist sehr gut und Sie können sie verwenden, um Zeit zu sparen, während Sie eine Grafik erstellen. Außerdem finden Sie eine riesige Sammlung von Fotos und Symbolen, die Sie in Ihrem Design auf Canvas verwenden können. Wenn Sie ein Canva Pro-Abonnement haben, können Sie sie sogar herunterladen und auf jedem anderen Grafikbearbeitungswerkzeug verwenden. Lassen Sie mich einen Held Abschnitt Hintergrund für die Website erstellen, indem Sie Erstellen Sie ein Design, klicken Sie auf Benutzerdefinierte Größe geben Sie die Werte 1, 1, 4, 0 x 600 ein. Ist in Pixeln, und hier haben wir die leere Leinwand. Wenn wir nun die Schritte befolgen, wie wir im vorherigen Video besprochen haben, sind wir mit den Dimensionen fertig. Jetzt ist es Zeit, den Hintergrund auszuwählen. Sie können eine einfarbige Farbe, einen Farbverlauf Audit extern, ungerade ein Bild für den Hintergrund wählen. Klicken Sie einfach einmal auf die leere Leinwand und gefragt, dass die blaue Auswahl hervorgehoben wird. Sie können die Farbe aus dieser Option auswählen. Sie können eine Farbe aus den Standardfarben auswählen oder auf Neue Farbe klicken, um den Modus zu erkunden. Wenn Sie den Hex-Code für eine bestimmte Warnung haben, können Sie diesen hier eingeben. Wenn Sie einen Farbverlauf einfügen möchten, wählen Sie die Option Elemente aus dem linken Menü und scrollen Sie dann ein wenig nach unten, um Farbverläufe zu finden, oder Sie können einfach nach den Farbverläufen suchen. Hier sind die verschiedenen Formen mit Verläufen und Sie können sie mit nur einem Klick in die Leinwand einfügen. Sie haben Optionen, um einen zweifarbigen Farbverlauf, auditiven Farbverlauf in so vielen verschiedenen Formen einzufügen . Wenn der Hintergrund ein zweifarbiger Farbverlauf sein soll, wählen Sie diesen rechteckigen Farbverlauf aus und fügen Sie ihn durch Klicken ein. Bemaßungen werden nun durch einfache Skalierung über die Ecken angepasst. Sie sich keine Sorgen, wenn es überläuft, da die Verschiebung automatisch auf die Abmessungen der Leinwand maskiert wird. Wenn Sie nun Texturen einfügen möchten, wählen Sie im linken Menü den Hintergrund aus. Und wenn Sie Bilder im Hintergrund verwenden möchten, klicken Sie auf Fotos und suchen Sie nach dem gewünschten Bild. Stellen Sie nur sicher, dass Sie kein Foto mit der chronischen einfügen und da es nur für die Pro-Abonnenten Bestellungen verfügbar ist, wird Ihre Grafik Wasserzeichen enthalten, wenn Sie exportieren. Eigentlich kostenlose Fotos sind ein bisschen schwer auf Canvas zu finden. In Ordnung, ich habe einen und lass mich einfügen. Eine andere Sache, die Sie hier bemerken müssen, ist, dass Sie verschiedene Elemente und Fotos einfügen und all diese werden in einer Hierarchie angeordnet. Das ist das Konzept von Lear im Grafikdesign. Alle Elemente bilden eine einzigartige Ebene und Sie können sie in verschiedenen Reihenfolge leicht anordnen. Das ist wirklich sehr hilfreich. Spielen mit den Elementen vorne und hinten wieder, vorne, wieder, hinten so. Nun besteht der nächste Schritt darin, ein Hintergrund-Overlay zu verwenden. Dafür. Lassen Sie uns eine Form einfügen und eine einfarbige Farbe geben. Tun Sie es. Stellen Sie nun sicher, dass die Form ausgewählt ist, und klicken Sie dann auf diese Transparenzoption. Hier können Sie die Deckkraft anpassen, indem Sie das Rad manuell schulen und den idealen Overlay-Effekt erzielen. Das ist cool. Richtig? Jetzt können Sie Text, Bilder und Formen gemäß Ihrer Anforderung einfügen . Lassen Sie uns etwas Text in die Grafik hinzufügen. Sie finden die Text-Option im linken Menü und klicken Sie darauf. Sie erhalten eine Bibliothek mit häufig verwendeten Formularkombinationen und Stilen. Sie können hier eine auswählen oder einfach die Überschriften, Untertitel oder Textkörper auswählen . Hier können Sie den Text eingeben und die Position anpassen, indem Sie ihn einfach mit der Maus ziehen. Sie können Änderungen am Styling des Textes vornehmen. Experimentieren Sie mit der Ford-Familie Schriftgröße Form farbig fett, kursiv, Ausrichtung, Aufzählungsliste, Buchstabenabstand, Zeilenhöhe. Sie können auch Effekte wie Schatten und Kurve geben. Auf den Text. Sie werden einige zusätzliche Optionen finden, indem Sie auf diese drei Punkte klicken. Sie können den Text unterstrichen oder in Großbuchstaben setzen, die Transparenz anpassen einen Hyperlink zum Text eingeben, die Ebene sperren und ein Duplikat dieser Textebene erstellen. Sie können auch Steuerelement Z verwenden, um die Aktion rückgängig zu machen und Steuerelement C und V zum Kopieren und Einfügen zu verwenden. Wenn Sie auf die Textebene klicken, können Sie die Ebene auch so drehen. Lassen Sie mich nun ein Duplikat dieser Ebene erstellen und die Telefone ändern. Wenn Sie das Styling dieser Textebene kopieren und auf die andere Textebene anwenden möchten. Wählen Sie einfach die Option Kopierstil aus und wenden Sie sie an. Mit der Option Position können Sie die Reihenfolge der Ebenen wie Vorder- und Rückseite anpassen. Sie können auch die Ausrichtung der Ebenen wie oben, Mitte, unten, links, Mitte und rechts anpassen. Sie können auch eine Auswahl der beiden Ebenen treffen , indem Sie die Umschalttaste gedrückt halten und darauf klicken. Hier können Sie diese beiden Ebenen gruppieren und die Position so anpassen, dass sie einheitlich aussieht. Wenn Sie sich die Menüoptionen auf der linken Seite ansehen, finden Sie die Option zum Auswählen von Elementen. den Elementen gehören Formen wie Linien, Rahmen, Gitter, Verläufe und Symbole. Nutzen Sie Linien und Formen im Design intelligent. Sie können die Verwendung von Rahmen und Raster zu Moskauer Ebene innerhalb einer Form wie folgt machen. Wenn Sie benutzerdefinierte Bilder in Ihr Design hochladen möchten, können Sie die Option Hochladen auswählen, um Medien in Ihre Canva-Bibliothek hochzuladen. Es wird in der Cloud gespeichert und Sie können jederzeit und überall darauf zugreifen. Und Kanada hat auch eine mobile App, so dass Sie über das Mobiltelefon auf Ihre Designs zugreifen können. Klicken Sie einfach auf das Bild und es wird eingefügt. Sie können beliebig viele Zeichenflächen oder Seiten in das Design einfügen indem Sie auf das Plussymbol oder auf Seite hinzufügen klicken. Sie können auch eine Vorschau des Designs und des Vollbildschirms anzeigen. Sie können den Dateinamen hier ändern. Und wenn Sie mit dem Design fertig sind, können Sie auf Download klicken, um es in mehreren Formaten zu exportieren. Hier können Sie die verschiedenen Dateitypoptionen überprüfen. Und wenn Sie das für die Verwendung auf der Website konzipierte exportieren, können Sie die JPEG-Option bevorzugen, da es die kleinste Dateigröße gibt. Aber wenn Sie ein großes Qualitätsproblem bekommen, dann können Sie das PNG herunterladen und dann winzige PNG verwenden um die Dateigröße zu reduzieren, bevor Sie auf die Website hochladen. In der Tat empfehle ich, winzige PNG zu verwenden, um alle Bilder zu komprimieren, die Sie auf der Website hochladen, egal wie JPEG oder PNG, denn selbst bei 10 Prozent Einsparung der Dateigröße ist uns hilfreich, um die Seitenlast zu reduzieren Zeit. So können Sie Canvas verwenden, um Grafiken von Grund auf neu zu erstellen. Jetzt können Sie mit dem Importieren der Vorlagen experimentieren und Sie werden sehen, wie viel Zeit eingespart werden kann, indem Sie eine gute Vorlage für das Design verwenden. Und wenn ich Canvas schließe, das Design so gespeichert hier in der Bibliothek auf der Leinwand laut. Komm schon, mach bitte etwas Übung auf Canvas. Es wird Ihnen viel helfen. Jetzt können wir Vektoren auf Canva nicht verlassen. Um das Vektorgrafik zu bearbeiten, können Sie Inkscape oder Adobe Illustrator verwenden oder einen Designer greifen. Lassen Sie mich Ihnen die Arbeit des Schwerkraft-Designers erzählen. Vektorbearbeitung ist mehr oder weniger eine professionelle Aufgabe, aber lassen Sie uns versuchen, zumindest die grundlegende Bearbeitung zu lernen. Also lassen Sie uns für ein kostenloses Konto registrieren. Alles klar, das Konto wurde angelegt. Sie müssen die E-Mail überprüfen und mit der Arbeit am Garver beginnen. Entwerfen Sie es. Alles klar, Jetzt müssen Sie mit der Eingabe der Dimensionen beginnen. Und Sie können die kostenlose Testversion auch starten, indem Sie auf diesen Button klicken. Okay? Das ist also die leere Leinwand, genau wie Canva. Auf der linken Seite finden Sie die Liste der Seiten und Ebenen. Oben haben Sie das Optionsmenü und auf der rechten Seite haben Sie die Styling-Optionen. Sie können beginnen, indem Sie die Hintergrundfarbe der Seite auswählen. Durch Klicken auf diese Option können Sie eine Volltonfarbe oder den Farbverlauf auswählen. Sie erhalten einige erweiterte Optionen als auch. Fühlen Sie sich frei, sie zu erkunden und testen Sie jede Option, wenn Sie tief in Grafikdesign eintauchen wollen , um den Text, Formen und Elemente einfügen , haben Sie die Optionen hier an der Spitze. Sie können eine Textebene einfügen, indem Sie darauf klicken und ein Textfeld auf der Leinwand zeichnen, gewünschten Text gemalt haben und das Styling mithilfe der Optionen auf der rechten Seite anpassen. Sie können mit den Feldern, Rändern und Effekten experimentieren. Wenn Sie ein Element verschieben, indem Sie mit der Maus auswählen, finden Sie Fanglinien, die Sie mit der Ausrichtung führen. Sie können das Stiftwerkzeug auch verwenden, indem Sie die Kante drücken oder von hier aus auswählen und sich im Dokument bewegen. Sie können vergrößern und verkleinern, indem Sie die Strg-Taste drücken und mit dem Mausrad scrollen. Sie können die Fanglineale und Raster ein- und ausschalten. Mit dieser Option können Sie Formen einfügen und sogar Tastenkombinationen verwenden, um den Prozess zu beschleunigen. Und Sie können ein Bild mit dieser Option platzieren. Um das Bild zu skalieren, müssen Sie die Umschalttaste drücken. Das Problem ändert sich in der Größenänderung und die Bilder sehen etwas ungerade aus. Sie können die Elemente mit der Maus ziehen, indem Sie den Mausklick gedrückt halten. Und der beste Teil der Verwendung einer Vektor-Software ist, dass Sie die Formen anpassen können, Größe Bilder, fallen alles sehr einfach nach der Design-Anforderung. Für die Auswahl eines Shapes stehen Ihnen zwei Optionen zur Verfügung. Einer ist spitz und der andere ist Sub-Select-Punkt, das ist der reguläre Auswahlmodus. Aber mit der Unterauswahl können Sie mit den Ecken spielen und ein Element zuschneiden. Das Stift-Werkzeug ist ein leistungsfähiges Werkzeug und es dauert einige Zeit, um es zu meistern. Aber Sie können Illustrationen entwerfen und freihändige Designs erstellen , die einzigartig und kreativ sind. Es gibt mehrere Optionen, um die Ecken zu verwalten und ein benutzerdefiniertes Design zu erstellen. Es kann eine offene oder geschlossene Form sein. Wir werden nicht in die Tiefe des Stiftwerkzeugs gehen, das grundlegende ON-Tool und das Freihandwerkzeug, aber Sie fühlen sich frei, mehr darüber erkundet zu werden. Ein weiteres sehr wichtiges Konzept ist das Abkleben. Wenn Sie ein Bild und eine Form haben und das Bild in die Form einfügen möchten, genau wie wir Raster in Canva verwendet haben. Sie können dies tun, indem Sie die Bildebene in die Formebene im linken Ebenenbedienfeld ziehen. Wenn Sie es herausbringen möchten, ziehen Sie es einfach außerhalb der Ebene. Sie können auch eine Auswahl mit der Maus treffen und die Ebenenreihenfolge verwenden , um Elemente vorwärts und rückwärts zu bringen. Wenn Sie ein Element an den oberen Rand des Layers bringen möchten, klicken Sie mit der rechten Maustaste, wählen Sie, ordnen Sie es an, und wählen Sie „Nach vorne bringen“ aus. Dies sind die allgemeinen Einstellungen und Grafikdesigner. Sie können auch die Einstellungen für Adobe selbst erläutern. Und es funktioniert fast auf die gleiche Weise, aber wir werden viel mehr Satz von Optionen und Funktionen haben, um erweiterte Grafiken zu erstellen. Lassen Sie uns nun sehen, wie Sie ein Logo in Canva oder GAVI Designer erstellen können. Gehen Sie zu Canvas und suchen Sie nach Logo. Sie erhalten mehr als 100 Vorlagen zur Auswahl. Wenn Sie ein passendes nach Ihrer Anforderung finden, können Sie einfach darauf klicken und es wird in die Leinwand geladen. Jetzt fügen Sie einfach den Markennamen hinzu und ändern Sie die Farben, wenn Sie möchten. Aber ich empfehle immer, mit einem einfachen Schwarz-Weiß-Logo zu beginnen und die Farben aufzufüllen, nachdem Sie das Farbschema für die Website ausgewählt haben. Exportieren Sie das Logo-Design im PNG-Format. Aber es gibt hier eine Herausforderung. Da Sie die kostenlose Version von Canva verwenden, können Sie hier nicht die transparente Version erhalten. Also kein Problem. Sie können es immer noch mit einem weißen Hintergrund herunterladen. Und nun lassen Sie uns sehen, wie Sie den Hintergrund entfernen und ihn für einfache Grafiken transparent machen können. Die erste Option ist, Dark BG zu entfernen. Hier können Sie die Datei hochladen und das Tool wird automatisch den Hintergrund für Sie entfernen. Wenn Sie zufrieden sind, können Sie es herunterladen. Sie können jedoch nur eine Datei in voller Auflösung herunterladen. Und für die nächsten Dateien können Sie nur die Vorschauversion herunterladen. Die Bildqualität ist nicht scharf genug und die vorherige Version. Lassen Sie mich Ihnen einen anderen Weg zeigen. Sie können zu Foto p.com gehen. Hier, öffnen Sie die Datei vom Computer, und klicken Sie dann auf Wählen Option und klicken Sie auf Magic Kit. Hier müssen Sie ein paar Anpassungen vornehmen, aber Sie können einen wunderbaren transparenten Hintergrund für das Logo im geschärften hochauflösenden PNG-Bild erhalten. Sobald Sie fertig sind, klicken Sie auf OK und klicken Sie dann auf Datei Option, klicken Sie auf Exportieren als, und wählen Sie PNG. Gutes Logo ist bereit, auf der Website verwendet werden. Erstellen eines Logos mit Canvas ist gut, aber es hat Einschränkungen. Wenn Sie die Farben ändern müssen, werden Änderungen an Form vorgenommen. Sie haben nicht so viel Flexibilität. Um professionelle Logos zu erstellen, müssen Sie verwenden. Vektorgrafiken und Vektorbearbeitungswerkzeug, vorzugsweise Adobe Illustrator. Aber wir verwenden Grafikdesigner für den Umfang dieses Kurses. Und lassen Sie uns Graphic Designer wieder öffnen und eine leere Leinwand erstellen. Der erste Schritt bei der Erstellung des Logos sollte darin bestehen, nasse Formstile zu experimentieren. Wenn Sie mit dieser Technik eine zufriedenstellende erhalten, wird es viel einfacher, weil Sie nicht viel Formen erstellen müssen. Also spielen mit den Telefonen herum, Styling wie kursiv, alle Kappen, und versuchen, eine Sammlung zu finden. Nachdem Sie die verschiedenen Optionen analysiert haben, werden Sie eine bessere Vorstellung von dem ID-Logo für die Website bilden. Shortlist ein paar von ihnen und dann filtern Sie mehr, um mit dem endgültigen zu kommen. Jetzt können Sie dem Logo benutzerdefinierte Formen hinzufügen. Um Ideen zu finden. Sie können eine Google-Suche durchführen und versuchen, das Logo von Marken und Unternehmen zu analysieren , die in der gleichen Branche arbeiten. Wenn Sie einige gemeinsame Element wie Blätter finden, werden verwendet, um grüne Unternehmen zu vertreten, Studentschaften und Bildungsinstitut Logo und so weiter. Sobald Sie einige Ideen und Optionen im Auge haben, gehen Sie über zu freies Schwein und machen Sie eine Suche mit einigen Schlüsselwörtern. Zum Beispiel, wenn Sie ein Logo für Immobilien erstellen möchten, können Sie eine Suche nach Gebäuden machen oder einfach eine Suche nach Immobilien vor Ort machen. Drei Schwein hat eine riesige Sammlung von Vektorgrafiken und Sie werden Tausende von niedrigen Optionen zur Auswahl finden. Wenn Sie ein passendes finden, einfach herunter und öffnen Sie es mit Grafik-Designer. Nun ist der beste Teil einer Vektorgrafik, dass sie vollständig anpassbar ist. Sie können die Shape-Ebenen auswählen und in Ihrem Logo-Bildfeld platzieren. Hier können Sie mit der Größe, Position und Ausrichtung herumspielen und das Ideenlogo für die Website erstellen. Erstellen Sie immer einige Versionen für das Logo wie volle, kurze und minimale, um aspart zu verwenden, diese Anforderung des Projekts. Sobald Sie fertig sind, klicken Sie auf Datei Option, klicken Sie auf Exportieren, dann klicken Sie auf Erweiterte Exportieren, wählen Sie die Canvas-Option, wählen Sie das Format als PNG, und ändern Sie den Hintergrund in Transparent. Klicken Sie auf Exportieren. Ihr Logo ist einsatzbereit. Noch eine Sache. Wenn Sie nur die Auswahl der Layer exportieren müssen, stellen Sie sicher, dass Sie die Layer vor dem Exportieren gruppieren. Sie können das Logo auch im PDF- und SVG-Format exportieren, so dass Sie diese Datei auf anderen Vektorbearbeitungswerkzeugen wie Adobe Illustrator oder Korallenzeichnung verwenden können . So können Sie ein Logo erstellen. Als nächstes erstellen Sie ein Illustrationsbild für die Website. Auch hier werden wir nutzen Schwerkraft Designer und kostenlose Auswahl, suchen Sie nach der gewünschten Grafik mit Schlüsselwörtern auf freies Schwein und laden Sie die Datei öffnen Graphic Designer und erstellen Sie eine neue Zeichenfläche mit den spezifischen Abmessungen gemäß der Anforderung. Sie können die Abmessungen auf einer Website mit dem Seitenlineal Redux messen. Wie. Wenn Sie eine Illustration in einer zweibändigen Struktur unterbringen möchten, können Sie Breite und Höhe messen und ein Design mit den gleichen Abmessungen erstellen. In Ordnung, also haben wir die Dimension und wir haben die leere Leinwand, öffnen die heruntergeladene kostenlose Schweine-Datei und heben die Gruppierung der Ebenen auf. Wählen Sie nun die gewünschte Ebene aus und bringen Sie sie auf die Illustrationstafel. Hier können Sie die Größe, Position, Ausrichtung und Farben anpassen und schließlich die Grafik exportieren, die auf der Website verwendet werden soll. Wählen Sie das PNG und JPEG-Format gemäß dem Hintergrund Klima, dass Sage. Als nächstes ist es, die Symbole zu entwerfen. Icons sind eine einfache und effektive Möglichkeit, Benutzer in den Inhalt Ihrer Website zu ziehen. Symbole werden auch verwendet, um die Aufmerksamkeit des Benutzers zu lenken und sie auf bestimmte Inhalte zu lenken. Um benutzerdefinierte Symbole zu erstellen, müssen wir Gavin Designer ja verwenden. Um auf eine riesige Bibliothek mit vorgefertigten Icons zuzugreifen, können Sie flat icon.com besuchen. Hier ist einfach eine Suche nach dem benötigten Eigen machen und es und SVG-Format herunterladen. Jetzt gibt es einen Grund, es in SVG und nicht PNG herunterzuladen. Zuerst können Sie die ICANN skalieren, ohne dass sie Blut erscheint. Zweitens können Sie die Farbe des Auges direkt vom Website-Editor selbst ändern . Es funktioniert gut für die Einzelposten. Also immer Upload DI kommt im SVG-Format und nicht PNG. Wenn Sie mit dem vom Flug Eigen heruntergeladenen Kunden wieder einen Kunden anlegen möchten, öffnen Sie einfach Eigen und Grafikdesigner und nehmen Sie die gewünschten Änderungen vor. Hier können Sie den Stift und Basic verwenden, um benutzerdefinierte Formen als auch zu erstellen. Sie können die Farbfüllung auch in eine Vollfarbe oder eine Farbverlaufsfarbe ändern. Sobald Sie mit der Bearbeitung fertig sind, exportieren Sie die Datei einfach in SVG und laden Sie sie auf der Website hoch. Das letzte, was wir lernen müssen, ist die Bearbeitung der Bilder. Das am besten empfohlene Werkzeug zum Bearbeiten von Bildern ist Adobe Photoshop. Aber Sie können die kostenlosen Tools wie GIMP nutzen, ang photo B als auch. Das Wichtigste bedeutet nur, dass Sie in einem Bild tun müssen , ist die Änderung der Abmessungen gemäß der Notwendigkeit der Website. Dies kann geschehen, indem Sie ein neues Dokument in der erforderlichen Größe erstellen, das Bild platzieren und es einfach im JPEG-Format exportieren. Sie können dies auch in Grabber tun, entwerfen Sie es durch eine Maskierung des Bildes in diesem Rechteck. Wenn Sie die Farben verbessern möchten, dann müssen Sie entweder Photoshop oder die kostenlosen Tools wie GIMP und Fotokopie verwenden. Außerdem können Sie eine Auswahl treffen, um ein bestimmtes Teil auszuschneiden oder den Hintergrund zu entfernen. Fühlen Sie sich frei, sie nach Ihrer Bequemlichkeit zu erkunden. Ich werde auch einen dedizierten Kurs zur Erstellung von Inhalten erstellen, der eingehende Tutorials zum Schreiben von Inhalten, Grafikdesign mit speziellen Tools und sogar Videobearbeitung enthält. Aber ich glaube, dass Sie eine anständige Menge an Wissen über Grafikdesign haben , die bei der Erstellung einer Website erforderlich ist. Das ist es, in dieser Lektion zu lernen, und wir werden im nächsten Video fortfahren. 14. Das Unternehmen verstehen: In Ordnung, Also sind wir mit den Fundamenten abgeschlossen und lassen Sie uns nun den ersten Schritt machen, um die Website zu erstellen. Was ist der erste Schritt? Der erste Schritt, den wir machen müssen, ist zu entdecken. Hier müssen wir das Geschäft verstehen, das Produkt oder die Dienstleistung verstehen, den Markt, die Konkurrenten und vor allem die Kunden verstehen. Wenn wir das richtige Verständnis für das Geschäft und die Kunden entwickeln, dann werden nur wir in der Lage sein, eine Website zu erstellen, die konvertiert. Ich habe Ihnen gesagt, über den Zweck der Erstellung der Website nachzudenken. Und jetzt möchte ich, dass Sie tief tauchen und einen Umriss für die Website erstellen. Sie können den Plan in vier Abschnitte aufteilen. Die erste ist das Geschäft. Es kann entweder eine Einzelperson oder ein Unternehmen sein. Zweitens ist der Markt. Drittens ist die Zuschauerhalle Kunden, und viertens ist die Website. Sie müssen Antworten auf einige der Fragen finden. Fangen wir mit dem ersten an. Das ist das Geschäft. Was bedeutet das Produkt oder die Dienstleistung, die die Unternehmen bieten? Es kann eine physische oder eine digitale Version sein, ein professioneller Service, oder einfach nur eine Informationsplattform mit nützlichen Inhalten ist zum Lesen verfügbar. Versuchen Sie, das Produkt und den Service tief zu verstehen. Das ist die erste Frage, die Sie beantworten müssen. Außerdem müssen Sie durch die Details wie die Geschichte des Geschäfts gehen. Ihre Spezialität ist Ihr USP. Das ist ein Alleinstellungsmerkmal. Dies ist eine sehr wichtige Drüse, herausgefunden, wie die Lösung, die Sie anbieten, wird den Kunden zugute kommen. Schließlich, toll zu kommen mit den Unternehmenswerten, die Kern-Messaging und die Stimme des Unternehmens, um einen Ton für den Inhalt einzurichten. Wie möchten Sie mit den Kunden sprechen? Kommen Sie mit einer Antwort auf all diese Fragen. Als nächstes ist es, den Markt zu verstehen. Versucht, sich mit dem Zielmarkt, Geographie und Wettbewerber Websites, VOT T-Trichter die Konkurrenten verwenden. Handelt es sich um einen Direktvertriebsansatz oder um einen E-Mail-Pflegeprozess? Wie sieht der aktuelle Branchentrend aus? Was ist das Design dafür entwässert, der Inhalt Ton, was ist der Verkaufstrichter? Als Nächstes? Und das Wichtigste ist, das Publikum und die Zielkunden zu verstehen, richtig? Um sich mit dem Lebensraum des Publikums, ihren Herausforderungen und Schmerzpunkten zu entwickeln. Planen Sie die komplette Customer Journey auf der Website, wie viele Seiten er vor dem Erreichen der Aktion durchsuchen muss. Der letzte Schritt besteht darin, die Website basierend auf den Antworten der vorherigen Fragen zu planen. Die Eigenschaften eines idealen besucht, der die Website besuchen wollte, Sie heraus, für erwarten sie zu finden oder welche Maßnahmen sie auf der Website ergreifen wollen? Was ist das primäre Ziel der Website? Sind es Informationen oder Verkäufe oder einfach Leads? Wenn Sie die Website für sich selbst einstufen, können Sie Zeit damit verbringen, über die Antworten für all diese Fragen nachzudenken. Und wenn Sie die Website für den Kunden ausgehen, senden Sie ihm diese Vorlage und fragen Sie nach dem vollständigen Brief. Es ist ein sehr wichtiger Schritt in den Prozess der Website-Erstellung und es wird gefolgt, um Marken zu bauen. Ja. Ich möchte, dass du diese Aufgabe annimmst, als hättest du eine Marke aufbauen und nicht nur eine Website. Schließlich erstellen wir Websites, um das Geschäft zu wachsen. Aber wenn wir die Best Practices nicht befolgen, erhalten wir möglicherweise nicht die gewünschten Ergebnisse. Wenn Sie gerade das Geschäft starten. Wettbewerbsorientierte Forschung oder Websites, die ähnliche Dienste anbieten , werden Ihnen helfen, eine Menge in dieser kurzen. Je mehr Sie über das Geschäft erfahren, desto besser werden Sie in der Lage sein, die Website zu gestalten und Renditen zu generieren. Sobald Sie mit diesen Fragen fertig sind, sind Sie bereit, fortzufahren. Wir werden im nächsten Video fortfahren. 15. Liste von Webseiten Und Erstellung einer Vorlagenbibliothek: Nachdem Sie das Geschäft verstanden haben, müssen Sie eine Liste von Seiten erstellen, die auf der Website erforderlich sind. Dies hängt vom Zweck der Website, Customer Journey, Gesamtzahl der Produkte, Dienstleistungen und dem Trichter ab, den Sie für das Unternehmen verfolgen möchten. Und die Antworten auf die Fragen, die wir im vorherigen Video besprochen haben , werden Ihnen viel bei der Planung der Website helfen. Sie können damit beginnen, eine Sitemap so strukturiert zu erstellen und die Liste der Seiten zu füllen. Erstellen Sie eine Untermenükategorie oder Umleitungsseiten unter den Hauptmenüs. Die wichtigste Seite auf unserer Website ist die Homepage. Es ist normalerweise die Standardseite. Besucher sieht die erste, wenn er die Website besucht. Generell könnte der Inhalt der Homepage so strukturiert werden, wie wir in der Texterfahrung besprochen haben. Aber wenn wir eine einseitige Website erstellen, dann ist die Homepage die einzige Seite, die Sie benötigen. Obwohl ich nie empfehlen, eine einseitige Website zu erstellen , da sie aus der Sicht der Suchmaschinen überhaupt nicht gut ist. Denn wenn Sie Seiten haben, die nicht auf Google rangieren, werden Sie die ganze Menge an wichtigen Traffic verpassen. Im Allgemeinen sind die grundlegenden Seiten, die auf einer Website haben, die About Seite, die Produktseite, oder sie werden immer noch Dienste Seite, Kontakt Seite, die rechtlichen Seiten wie Datenschutzrichtlinie, Geschäftsbedingungen und ein Fehler für 0 für Seite, die angezeigt wird Wenn ein Benutzer einige Zahlungen anfordert, die nicht verfügbar sind oder nicht auf der Website vorhanden sind, zögern Sie nicht, die erforderliche Liste von Seiten für die Website zu erstellen. Und Sie können auch in der Branche suchen und überprüfen, ob moderne Seiten auf der Konkurrenzwebsite verfügbar sind. Als nächstes ist es, eine Referenzen zu nehmen und eine Vorlagenbibliothek zu erstellen. Sie können eine Straftat für die Website nehmen, indem Sie die anderen Websites besuchen, Sie können überprüfen, welche Seiten sie verwenden, welche Farbschemata sie verwenden. Wie hätten sie die Abschnitte und eine ganze Menge Inspiration arrangiert. So ist es nicht. Sie können sich nur von den Konkurrenten in der gleichen Branche inspirieren lassen. Sie können Inspiration, Design und Content-Ideen von jeder Website im Web nehmen. Sie können sich inspirieren lassen für eine einzelne Zeile, einzelnen Abschnitt, eine einzelne Webseite oder für die komplette Website. Inspiration zu nehmen ist überhaupt keine schlechte Sache denn je mehr Sie verschiedene Designs beobachten, desto besser wird Ihre Designausgabe sein. Ich bitte um Inspirationen, nicht das komplette Design oder den Inhalt in Ihre Website zu kopieren. Wenn Sie das komplett fertige Design verwenden möchten, stehen so viele vorgefertigte Webseiten und Website-Designs zum Download und zur Verwendung auf einer Website zur Verfügung. Das sind gottlose Vorlagen. Vorlagen, die ich für die gesamte Website, eine einzelne Webseite und sogar für einzelne Abschnitte beschriftet habe. Da wir Elementor verwenden, erhalten wir Zugriff auf eine riesige Sammlung von Vorlagen in Elementor selbst, obwohl einige von ihnen kostenlos sind, während andere bezahlt werden. Übrigens ist Elementor der Page Builder, wir in unserem Website-Erstellungsprozess verwenden werden. Und es ist ein sehr beliebtes WordPress-Plugin, um fantastische Websites ohne Codierung zu entwerfen, können Sie die Vorlagen importieren, um auf der Webseite zu verwenden. Majestätischer Klick auf die Schaltfläche. Und da wir Astra Theme lebendig verwenden werden, erhalten Sie einige weitere Website-Vorlagen in der Astra Starter Templates Plugin. Dies ist auch eine wunderbare Sammlung von vorgestalteten Websites und die Betas. Wenn Sie mehr Ressourcen erkunden möchten, empfehle ich Ihnen, Envato Elements zu besuchen und mit einer geringen Abonnementgebührerhalten Sie Zugang zu einer riesigen Bibliothek von Elementor-Vorlagen, erhalten Sie Zugang zu einer riesigen Bibliothek von Elementor-Vorlagen die Sie auf der Website herunterladen und verwenden können. Diese Vorlagen sind hilfreich bei der Erstellung einer Website in sehr kurzer Zeit, da Sie nur den Inhalt bearbeiten und die Bilder ersetzen müssen. Das war's. Das Layout ist in Ordnung, wir sind anders und optimiert. Wir verwenden diese Technik, um eine Website zu erstellen und waren einfach nicht für den Kunden. Es gibt so viele andere Websites, die kostenlose Elementor Vorlagen wie tyler.com zur Verfügung stellen und fühlen Sie sich frei, den Modus zu erkunden, indem Sie einige Google-Suche machen. Eine andere Sache, die eine Vorlagenbibliothek erstellt besteht nicht nur darin, die Vorlage herunterzuladen und zu importieren. Es geht darum, eine Sammlung von Abschnitten und Seiten zu erstellen. Sagen wir, wenn Sie den Heldenbereich einer Website mögen, können Sie einen Screenshot davon machen und in der Bibliothek speichern. Vergessen Sie nicht, es zu organisieren, sonst werden Sie am Ende ein Chaos schaffen. Wenn Sie die Über uns Seite einer Website oder eines Call-to-Action-Abschnitts möchten, oder das Layout eines Kontaktformulars oder einfach alles, was schön gestaltet ist. Machen Sie einen Screenshot und speichern Sie ihn als Referenz für ein zukünftiges Projekt zu verwenden. Sie können sogar den Screenshot der mobilen und Tablet-Version einer Website machen, indem Sie zu den Entwicklertools gehen und das Gerät so auswählen. Nun, wie man einen Screenshot zu machen? Ich verwende eine sehr einfache Google Chrome-Erweiterung, die als Feuerschuss bezeichnet wird, und es ist sehr einfach, einen Screenshot zu erfassen. Und Sie können Zeit damit verbringen, die neuesten Website-Designs auf Behance, Dribble oder der Kunst zu erkunden , um neue Ideen für das Projekt zu erhalten. Sie werden viele Sammlungen auf einer Vielzahl von Websites finden , um Design-Inspiration zu erhalten. Sie können eine Inspirationstafel auf Figma oder ein beliebiges Website-Design-Tool erstellen, um eine Bibliothek von Designs zu erstellen. Es liegt ganz bei Ihnen, wie Sie Ihre Haftung erstellen und verwalten. Aber nimm meine Verts, es wird dir sehr helfen. Also sind wir mit Schritt Nummer 1 fertig. Das ist die Entdeckung. Wir sind uns nicht über den Markt, die Wettbewerber und unsere Kundenpräferenzen bewusst . Wir haben Referenzen genommen und eine Bibliothek erstellt und es ist jetzt an der Zeit, den Inhalt, die Typografie, das Farbschema, das Layout und das Website-Design im nächsten Schritt abzuschließen Typografie, das Farbschema, das Layout . Wir sehen uns im nächsten Video. 16. Branding: Branding ist sehr wichtig für die Website, da es hilft, eine Wahrnehmung im Kopf des Besuchers aufzubauen. Es schafft Glaubwürdigkeit für Sie auf dem Markt und unterstützt auch die Werbeaktivitäten. Branding definiert, wer Sie sind und wie Ihr Unternehmen aussieht. Nun gibt es mehrere Faktoren, die eine Rolle bei der Förderung der Persönlichkeit der Marke spielen. Aber wenn ich Ihnen die vier wichtigsten Faktoren für die Website sage, sind sie das Logo dieser Website, Farbschema, Typ, Biographie und Morgendämmerung des Inhalts. Wenn Sie Konsistenz in diesen vier Faktoren über die gesamte Website zu halten, dass der Besucher auf jeden Fall das Gefühl der Erziehung bekommen und entwickeln eine positive Wahrnehmung durch das Surfen auf der Website. Jetzt kann es zwei Szenarien geben. Erstens, Sie könnten gerade erst anfangen und es gibt überhaupt keine Markengeschichte, bedeutet kein Logo, keine Markenfarben, nichts. Zweitens könnte sein, dass Sie eine Website für ein bereits bestehendes Unternehmen machen , das ein Logo und sogar eine alte Website hat. Für einen solchen Fall können Sie bei Bedarf einen Rebranding Prozess planen, oder Sie können das gleiche Logo verwenden und das entsprechende Farbschema erstellen und den Website-Designprozess fortsetzen. Vorerst. Ich überlege, dass Sie von Grund auf neu beginnen und wir werden mit der Erstellung eines Logos beginnen. Wir haben bereits den Prozess zum Entwerfen eines Logos in der Grafikdesign-Lektion besprochen. Beginnen Sie immer mit einigen rohen Ideen und erstellen Sie mehrere Optionen gemäß der Zeit und dem Budget des Projekts. Sie sich keine Sorgen um die Farben, bis das Farbschema fertig ist. Geben Sie einfach eine schwarz-weiße Farbe, um es. Stellen Sie einfach sicher, dass Sie mit den Telefonen und Formen experimentieren und kommen mit dem idealsten Logo für die Website. Dann müssen Sie das Farbschema abschließen. Dies kann durch die Auswahl der bevorzugten Farben der Marke oder durch die Verwendung von Referenzen aus den Farben anderer Marken erfolgen. Sie können auch eine Google-Suche durchführen, um die trendigsten Farbkombinationen für jede Branche zu kennen . Es wird empfohlen, mit der Auswahl der Primärfarben zu beginnen, die die dominierenden Farben sein werden, die in hohem Volumen auf der Website verwendet werden. Dann müssen Sie die sekundäre Farbe auswählen, die verwendet wird, um die Primärfarbe zu ergänzen, wo immer erforderlich. Dann benötigen Sie eine Akzentfarbe, die verwendet wird, um einige extrem wichtige Abschnitte wie eine Call-to-Action-Schaltfläche hervorzuheben. Die Akzentfarbe muss hervorstechen, um dem Element zusätzliche Betonung zu verleihen. Dann müssen Sie die Farben für die Typografie auswählen. Stellen Sie immer sicher, dass Sie ein gutes Kontrastverhältnis zwischen der Überschriftenfarbe und der Hintergrundfarbe beibehalten . In der Tat, jeder Text und die Hintergrundfarbe auf der Website. Typografische Warnungen enthalten Farben für Überschriften, Absätze mit Unterüberschriften und Call-to-Action-Schaltflächen-Text. Schließen Sie alle diese Farben ab, bevor Sie mit dem Entwurfsprozess beginnen. Sobald Sie mit der Farbauswahl fertig sind, ist es Zeit, Farben in das Logo zu setzen. Als nächstes müssen Sie die Telefone für Überschriften, Unterüberschriften, Absätze und Call-to-Action-Schaltflächen-Text auswählen. Kommen Sie mit einer vollständigen Liste von Styling-Optionen wie Telefonfamilie für jede Art von Überschrift, Schriftgröße und Schriftgewicht. Auch hier können Sie mit verschiedenen Google-Font-Optionen experimentieren oder Referenz von einer Website nehmen, oder sogar eine Google-Suche für die Trend-Telefone auf der Website in einigen Branchen zu verwenden, aber machen Sie die komplette Liste der Telefone und Styling im Voraus. Als nächstes ist es, einige Content-Strategie zu machen, unter Berücksichtigung der Werte des Unternehmens. Und dementsprechend müssen wir den Ton der Inhalte und Bilder anpassen , die auf der Website verwendet werden sollen. Zum Beispiel können die Werte einer Marke Optimismus, Spaß und Umweltfreundlichkeit umfassen . Sie müssen also den Inhalt so komponieren, dass jedes Problem eine Lösung hat, die Optimismus ist. Und verwenden Sie auch einige lustige Fakten und zeigen etwas Sorgfalt für die Natur. Einige Marken zeigen ihre Vertrauenswürdigkeit, Einige markieren ihre Innovation, und einige wollen ein Gefühl der persönlichen Note zu liefern. Es ist ein breit gefächertes Marketingthema, aber ich hoffe, Sie müssen eine Vorstellung über das Branding in Bezug auf Werte haben. So zum Schluss, das Thema Branding hier, immer Konsistenz in Farben, Typografie, und Ton der Inhalte auf der gesamten Website und sogar auf allen anderen Kanälen wie Social Media, YouTube-Kanal, und überall sonst im Web. Im nächsten Video werden wir lernen, wie man ein Design-Tool verwendet, um das Website-Design zu erstellen, bevor man zu den Entwicklungsarbeiten übergeht. Wir sehen uns dort. 17. Die Website gestalten: Wir haben in dieser Lektion über die Verwendung von Figma gelernt. Wenn Sie nur das Design erstellen möchten und nicht den funktionalen Prototyp bilden, dann können Sie für Seiten auf gravid Designer oder Adobe Illustrator oder Photoshop oder was auch immer Werkzeug, das Ihnen zur Verfügung steht und bequem für Sie. Aber ich empfehle Ihnen, nur Figma oder XD oder Sketch zu verwenden. Lassen Sie uns zu Figma gehen und registrieren Sie sich für ein kostenloses Konto. Sie können auf Figma über den Browser zugreifen oder Sie können die App auch auf dem Computer installieren. Es ist vollständig Cloud-basiert, sehr einfach einzurichten. Und hier ist das Armaturenbrett. Nun, lassen Sie uns eine neue Datei erstellen, und das ist die leere Leinwand. Es ist genau wie jeder andere Grafikschnitt-Kerl. Sie können dieser Datei einen Namen geben, indem Sie hier klicken. Nun, der erste Schritt ist, unsere Stimmen oder Frames auf dieser Seite zu bekommen. Klicken Sie auf das Rahmenwerkzeug und auf der rechten Seite können Sie ein Gerät auswählen, um die Abmessungen für den Rahmen zu erhalten. Wir wollen eine responsive Website erstellen. Also werden wir Schlüsselbilder erstellen. Eine für einen Computer, für Tablet und für ein Mobiltelefon. Ich klicke hier auf das MacBook und ein Rahmen wird eingefügt. Ich kann die Abmessungen des Rahmens über das rechte Styling-Menü ändern. Ich halte die Breite auf 100, 400 Pixel als eine eindeutige Standard-Containerbreite für unsere Page Builder-Wechselrichter. Sie können die Strg-Taste drücken und das Mausrad verwenden, um zu vergrößern und zu verkleinern. Sie können mit der Maus auf die Leinwand klicken und ziehen. Lassen Sie mich auch einen Rahmen für das Tablet und Handy einfügen. Ändern Sie den Namen des Rahmens in die Homepage, indem Sie auf den Titel doppelklicken. Sie können dies auch für die verbleibenden Frames tun. Wenn Sie ein Referenzbild für eine Website haben, können Sie auf dieses Symbol klicken. Wählen Sie die Option, bleiben Sie Bild und wählen Sie die Datei aus dem Computer. Sie können dies in der Nähe des Rahmens platzieren. Und dann, wenn Sie etwas Inspiration nehmen wollen, ist es immer hier, um Ihnen zu helfen. Daher beginnen wir immer mit der Erstellung der Kopf- und Fußzeile, da sie für die gesamte Website konsistent sein werden. Lassen Sie mich etwas hineinzoomen. Ja, das ist in Ordnung. Wählen Sie ein Rechteck aus, indem Sie auf diese Option klicken. Zeichnen Sie ein Rechteck mit der Maus und lassen Sie es auf die Abmessungen kommen 1140 Pixel Breite und 72 Pixel Höhe. Sie können auch die Bemaßungen von hier aus anpassen und die Position und Ausrichtung anpassen. Aber warte, ich habe vergrößert, gib ihm die Farben und Inhalte hier. Bei der Website-Gestaltung wird immer empfohlen, zunächst ein Drahtmodell auf einem Blogdiagramm zu erstellen, das das Layout und die Positionierung der Inhalte auf der Website darstellt. Ja. Erstellen Sie einfach ein Skelett in grau und weiß gefärbt im Client, um mit der Inhaltsposition zu kommen. Sie können dies für alle Seiten tun, die auf der Website erforderlich sind , und dann mit der Arbeit an den visuellen Elementen beginnen. Putting die Boxen und Text ist eine einfache Aufgabe in Figma, genau wie Grafikdesigner, können Sie bitte die Elemente ändern die Farbe, angepasst Abmessungen, ändern Sie die Formen, Ausrichtungen, Hand Positionierung sehr einfach. Sobald dieses Drahtmodell fertig ist. Getestet, ob es die gewünschten Abschnitte enthält, um alle Informationen zu zeigen , die wir auf der Website wollen oder nicht. Sobald Sie zufrieden sind, fahren Sie mit dem visuellen Design fort. Lassen Sie uns dies nun eine Farbe nach meinem Branding Gate geben. Nun lassen Sie uns das Logo platzieren, indem Sie auf Dropdown-Menü dieses Symbols und wählen Bild platzieren, wählen Sie eine Logo-Datei und klicken Sie, um es auf den Rahmen zu platzieren. Sie können die Größe anpassen, indem Sie die Umschalttaste gedrückt halten, um das Verhältnis beizubehalten, ziehen und an der entsprechenden Position platzieren. Als nächstes lassen Sie uns das Navigationsmenü erstellen. Da wir mit der Liste der Seiten fertig sind, lassen Sie uns diese im Navigationsmenü hier erwähnen. Klicken Sie auf diesen Text, Reagan, und platzieren Sie den Text. Sie können die Position mit der Maus verschieben, und sie haben sich von den Fangspuren ferngehalten. Passen Sie die Schriftfamilie, Schriftgröße und die Farbe des Textes über das rechte Skalierungsmenü an. nun eine Kopie zu erstellen, können Sie entweder die Strg-Taste C und die Steuerungstaste V oder einfach die Alt-Taste gedrückt halten. Ziehen, ziehen, ziehen, ziehen Sie die Ebene und legen Sie sie ab. Es wird eine Kopie erstellen. Sie können beim Ziehen die Umschalttaste gedrückt halten, um die Ausrichtung intakt zu halten. Sie werden die verschiedenen Ebenen erfreuen, der Abstand zwischen ihnen ist hervorgehoben und Sie können die Ausrichtung auch anordnen. So ist unser Header-Design fertig und der nächste Schritt ist es, den Filter zu entwerfen. Nehmen wir ein weiteres Rechteck und geben Sie ihm die Dimensionen 11, 400 Pixel invertieren und kämpften 100 Pixel in der Höhe. Sie können die Höhe offensichtlich so ändern. Hier können Sie das sekundäre Menü, Navigationselemente und Links zu rechtlichen Seiten wie dies führt zu Social-Connection Buttons und bitte auch ein Newsletter-Anmeldeformular platzieren Navigationselemente und Links zu rechtlichen Seiten wie dies führt zu . Die Idee ist sehr einfach. Sie können Figma verwenden, um das Design jedes Teils der Website zu entwickeln. Nun, da die Kopf- und Fußzeile bereit sind, lassen Sie uns die Elemente gruppieren, indem Sie eine Auswahl, drücken Sie Control G, und es ist gruppiert. Doppelklicken Sie hier, und benennen Sie den Layer um. mit der Fußzeile Doppelklicken Siemit der Fußzeileauf den Namen, das war's. Die Liste der Ebenen auf der linken Seite ist nützlich, um die Erbschaft anzuordnen und oft eine Gruppe von Elementen zu lokalisieren. Wenn die Elemente gruppiert sind, können Sie auf diesen Chevron klicken, um die Liste der Layer zu öffnen. Klicken Sie auf die einzelne Ebene und sie wird ausgewählt. Als nächstes ist es, einen Helden Abschnitt der Website zu erstellen. Wieder, dickeres Rechteck, geben Sie es die Dimensionen, wenn Ford kleine Pixel invertieren und ich nehme 600 Pixel Höhe. Jetzt bitte etwas Hintergrund wie einfarbig Farbverlauf oder ein Bild. Ich mache ein Bild. In diesem Fall, um das Bild zu ersetzen, folgen wir dem gleichen Prozess, wählen Sie ein Bild vom Gerät aus und klicken Sie auf den leeren Bereich, um es einzufügen. Nun wollen wir dieses Bild innerhalb dieses Rechtecks platzieren. Also lassen Sie uns die Bildebene direkt über dem Rechteck bringen und wählen Sie dann beide Rechtsklick und wählen Sie Verwendung als Moschee. Jetzt Fenster doppelklicken Sie auf dieses Rechteck. Sie können die Position des Bildes anpassen. Vergessen Sie nicht, die Umschalttaste während der Größenänderung zu halten, um das Verhältnis beizubehalten. Und Figma gibt Ihnen hier auch einige Bildbearbeitungsoptionen. Und wenn Sie dieses Bild exportieren möchten, um auf WordPress hochzuladen, wählen Sie einfach die Maskengruppe, klicken Sie auf das Plus-Symbol hier bei der Exportoption, wählen Sie das Format und was wir brauchen, wir brauchen ein JPEG, speichern Sie es. Die Größe des Bildes wird so angepasst, dass die erforderliche Dimension auf der Website verwendet werden muss. Wir müssen diese Technik oft verwenden, während wir die Logos und Symbole nutzen , um die konsistente Dimension beizubehalten. Als Nächstes können Sie einige Texte wie Überschriften, Untertitel und CD hinzufügen. Lassen Sie mich sie schnell hinzufügen. Passen Sie ihren Telefonstil wie für den Branding Guide an. Also hier ist der Beispielheldenbereich fertig. In ähnlicher Weise können Sie die nächsten Abschnitte und mehr und mehr Abschnitte erstellen. Entwerfen Sie weiter und fügen Sie die Abschnitte hinzu, die Sie nicht auf der Website sind. Auf diese Weise sollte zunächst ein Strand in Figma entworfen werden und alle Inhalte und Layout-Experimente sollten hier durchgeführt werden. Bevor Sie mit dem Entwicklungsteil übergehen, können Sie das Design dieser Seite auch für Mobilgeräte und Tablets erstellen und dann mit der Gestaltung anderer Seiten fortfahren, indem Sie mehr Frames erstellen. Sie können auch mit dem Team zusammenarbeiten, um an einem Website-Projekt zusammenzuarbeiten, obwohl es einige Einschränkungen im kostenlosen Plan gibt. Jetzt, um die Vorschau zu sehen, klicken Sie einfach auf den Play-Button hier und Sie können eine Vorschau aller Webseiten, die Sie entworfen haben, erhalten . Figma ist nicht nur ein Design-Tool, es ist in der Tat ein komplettes Prototyping-Tool, mit dem Sie einen vollständig funktionsfähigen Prototyp des Designs erstellen können , der zu einer Website oder einer App am besten verlinkt. Gehen Sie vor der Entwicklung zur Prototyp-Option hier und weisen Sie Link-Interaktionen wie diese zu. Es handelt sich nicht auch um erweiterte Funktionen wie das Führen einer Komponente und das Anpassen der visuellen Elemente durch Zuweisen von Abhängigkeiten. Und viel mehr fortgeschrittene Sachen, die in der Website- und App-UI-Gestaltung nützlich sind. Wenn Sie Möglichkeiten haben, mehr zu erfahren , können Sie mehr über Figma und Prototyping erfahren. Es gibt einige Hauptvorteile, ein Design zuerst vor der Entwicklung zu gewinnen. Zunächst werden Sie ihre Entwürfe mit dem Kunden teilen , um Feedback zu nehmen oder Änderungen vorzunehmen. Als nächstes spart es die Hosting-Vermietung für die Zeit bei der Erstellung dieses Designs für die Website verbraucht wird. Als Nächstes haben Sie immer den Versionsverlauf. Wie wenn Sie die Website in Zukunft neu gestalten, werden Sie immer noch das alte Design hier in Figma gespeichert haben. Und wenn der Kunde nach Variationen fragt, können Sie unsere Gene die Seite immer wieder auf der Website direkt statt Sie können eine Kopie aller Variationen hier behalten, zeigen Sie es dem Kunden und entwickeln die eine, die abgeschlossen ist. Als nächstes können Sie vergrößern und verkleinern Kondensator verschiedene Seiten für Designkonsistenz insgesamt, was während ihrer Entwicklung auf der Website Schritt nicht möglich ist. Als nächstes können Sie einen Blick auf alle drei Versionen erhalten , die mobile und Tablet-PC auf demselben Bildschirm berechnet werden, was während der Entwicklung wieder nicht möglich ist. Schließlich möchte ich sagen, dass das Entwerfen einer Website oder einer Webseite auf Figma Ihre Zeit sparen wird weil Sie viel mit ihren Designs experimentieren müssen und Sie sich nie sicher über den endgültigen Inhalt und das Design sind. Eic fängt an. Also, wenn Sie springen medizinisch tun Elementor und beginnen, die Website zu entwickeln, wird es eine mühsame Aufgabe sein, mit dem Look and Feel zu experimentieren und schließlich viel Zeit in Anspruch nehmen. Ich wiederhole mich hier. Es ist sehr wichtig, zuerst zu entwerfen, weil Sie mit Designs experimentieren können und beobachtet, dass auf jedes Design reagiert, aber einfach nicht möglich mit direkter Entwicklung. Eine andere Sache, die ich klären möchte, ist, dass Sie sich fragen müssen, dass Sie nach dem Lesen des Designs und Figma einfach InDesign herunterladen und es auf Elementor hochladen müssen, um die Website zu erstellen. Aber nein, das ist nicht möglich. Figma ist nur ein Gestaltungswerkzeug und Sie können nur das Bild exportieren. Und um die Website zu entwickeln, müssen Sie die gleichen Schritte in Elementor erneut ausführen und die Webseiten erstellen, um die Website zu vervollständigen. Sobald Sie jedoch eine Webseite auf Elementor entwickelt haben, kann dieses Design gespeichert und verwendet werden. Sie können die Abschnitte oder die gesamte Seite exportieren, um sie auf anderen Websites zu verwenden , die mit Elementor erstellt wurden. Wir werden später im Kurs mehr darüber erfahren. So sind wir jetzt bereit mit dem Website-Design. Beginnen Sie immer mit dem Drahtmodell, also dem Blockdesign, und vervollständigen Sie dann alle visuellen Elemente bevor Sie mit Elementor in den endgültigen Entwicklungszustand wechseln. Ich hoffe, Sie haben diesen Prozess genossen und ich werde Sie im nächsten Video sehen. 18. Grundlagen von Domainnamen: In Ordnung, also endlich sind wir hier. Wir haben alle Grundlagen und Grundkonzepte erlernt. Und wir haben auch die ersten beiden Schritte gelernt, die entdeckt und gestaltet werden. Jetzt ist es an der Zeit zu beginnen. Der letzte Schritt, das ist die Entwicklung. Und das erste, was wir sehen werden, sind die Domain-Name-Grundlagen. Dann sind Sie jetzt vertraut mit Wählern einen Domain-Namen, lassen Sie mich wiederholen. Ein Domain-Name ist die eindeutige Webadresse für eine Website im Internet, wie google.com ist die Adresse von Google, und Facebook.com ist die Adresse von Facebook. Diese Webadressen sind eindeutig. Es bedeutet, wenn man eine Web-Adresse genommen wird, werden Sie es nicht bekommen. Beachten Sie, dass Sie, sobald ein Domainname registriert ist, nicht in der Lage sein, ihn zu erhalten, es sei denn, es wird von einem Wiederverkäufer angeboten. Ja, Domain-Name-Wiederverkauf hat auch Popularität gewonnen, wobei Menschen von beliebten Domain-Namen im Voraus und dann verkaufen sie zu einem höheren Preis basierend auf der Premium-Neuheit des Domain-Namens. Also, wenn Sie nicht wollen, um am Ende zahlen eine riesige Menge an Geld für einen Domain-Namen. Ich werde Ihnen empfehlen, frühestens einen Domainnamen zu registrieren. Das ist das erste grundlegende Konzept eines Domain-Namens. Das heißt, handeln Sie sehr schnell. Als nächstes müssen wir einige Tiefen besprechen, um den richtigen Domain-Namen für die Website auszuwählen . Fangen wir damit an. Namen haben Macht. Dies gilt für eine Website wie für alles andere. Es ist wichtig, einen Domain-Namen zu wählen, der für das Unternehmen funktioniert. Es erzeugt oft einen Eindruck für die Website. Sie können auch ein Schlüsselwort oder nur ein Nischenwort hinzufügen, das in Ihrer Branche verwendet wird, um die Relevanz für die Besucher zu zeigen. Und am wichtigsten ist, dass ein Domain-Name Ihre Marke repräsentiert. Wenn Sie also bereits eine Marke haben oder eine erstellen, ist die Wahl des richtigen Domain-Namens sehr wichtig. Sie können den Auswahlprozess immer durch Brainstorming starten. Denn wer sonst außer dir weiß, Urin, Frank, besser? Denken Sie es aus der Sicht des Kunden. Als nächstes können Sie einige Ideen und Inspirationen von Geschäfts- und Domainnamen-Generatoren wie Marken-Bucket oder Domain erhalten. Wir werden eine Rohliste erstellen und die folgenden Fragen beantworten. Fühlst du dich gut wegen des Namens? Gefällt es dir? Bist du zuversichtlich, wenn du es sagst? Fühlt es sich gut an, wenn man es aufschreibt oder wenn man es liest? Ist es Marke Double? Ist es einzigartig, leicht zu merken und sinnvoll? Ist es leicht zu lesen und zu buchstabieren? Besteht es das Google Fest? Gehen Sie auf Google. Der Name. Idealerweise sollte es keine andere Organisation geben, die auftauchen kann. Wenn dies der Fall ist, möchten Sie zumindest sicherstellen, dass sie nicht in der gleichen Branche oder sogar in einer eng verwandten Branche sind. Wir wollen nie auf die rechtlichen Fragen eingehen. Als Nächstes werden Sie mit den neuen TLEs experimentieren. Tld steht für Top-Level-Domain. Es ist im Grunde die Erweiterung in den Domain-Namen wie.com dot n dot, dot IO, dot store dot dot dot online. Falls erforderlich, können Sie für länderspezifische TLD gehen ist wie dot uns, dot ibm dot FR, um einen bestimmten geografischen Bereich zu zielen. Früher benutzten die Leute zu prefer.com, da es am einfachsten ist, sich zu erinnern und sich auf eine Website zu beziehen. Aber jetzt ist es üblich, andere TLEs im Domain-Namen zu finden. Es liegt an Ihnen und auf jeden Fall können Sie die erste versuchte to.com nur geben. Aber wenn es nicht verfügbar ist, können Sie über die anderen Optionen nachdenken. Und manchmal macht die Verwendung einer DLD den Domainnamen relevanter für das Geschäft, wie ich dot Academy für meine Website verwendet habe. Es stellt eindeutig dar, dass ich eine Art Schulung auf meiner Website bereitstelle , während ich die Auswahl des Domain-Namens mache. Stellen Sie sicher, dass es für das Geschäft und die Marke relevant ist. Stellen Sie sicher, dass es kurz und klar, kreativ und leicht zu merken ist, leicht zu lesen und auszusprechen ist. Stellen Sie auch sicher, dass es einfach zu tippen ist. Ihre Besucher sollten in der Lage sein, Ihren Domainnamen ohne Probleme einzugeben. Wenn Sie die Rechtschreibung mehr als einmal einem Besucher erklären müssen, sollte es verstanden werden, dass es kompliziert ist und Sie sollten keinen komplizierten Domain-Namen nehmen. Dies kann dazu führen, dass potenzielle Besucher Ihre Domain verwechseln und auf einer anderen Website landen. Vermeiden Sie außerdem Bindestriche und Zahlen. Sobald Sie mit dem Domain-Namen abgeschlossen haben, verzögern Sie nicht einmal als einzelne Sekunde und registrieren Sie es. Komm schon, verdammt, sehr schnell. Ein weiteres Konzept, das zu verstehen ist, ist das einer Sub-Domain. Was ist also eine Sub-Domain? Eine Subdomain ist ein Teil des Domänennamens, der vor dem Hauptdomänennamen und der Domänenerweiterung steht . Um dies zu verstehen, lassen Sie uns die Struktur einer URL verstehen. Eine URL enthält zwei Teile, die Protokoll und den Domänennamen sind. Ein Protokoll ist eine Reihe von Richtlinien, die ein Browser befolgt, um eine Anfrage an den Server zu senden, wie HTTPS oder HTTPS Doppelstrich Schrägstrich www, wie folgt. Während ein Domain-Name aus zwei Teilen besteht. Die TLD, das ist Top-Level-Domain wie.com wurde wütend Säure. Das ist Second-Level-Domain wie Facebook, Google oder Rahula Rohde ist Sub-Domain enthält einen zweiten Namen vor der SLD. Wenn Facebook beispielsweise einen Kurs startet, kann er eine Sub-Domain haben, Lake Cores dot facebook.com, und dies wird eine Sub-Domain sein. Eine Sub-Domain wird häufig verwendet, um die Website logisch in Abschnitte zu trennen, und jeder Abschnitt ist eine separate Website-Identität. Sie können eine Sub-Domain verwenden, um eine Karriere-Website zu starten. Wenn Forum Website für Kunden-Support, können Sie Subdomains verwenden, um Blöcke von verschiedenen Teams zu erstellen, um alle diese Sub-Domain-Websites sind eindeutig und separat auf Google indiziert. Und Sie müssen WordPress separat installieren, da diese Subdomains eindeutige Identität sind. Und auf diese Weise können Sie eine einzelne primäre Domäne verwenden, um n Anzahl von Subdomains zu erstellen, um verschiedene Websites zu erstellen. Also, das ist es, in dieser Lektion zu lernen, und wir werden lernen, wie man einen Domain-Namen im nächsten Video registriert. Wir sehen uns dort. 19. Schritte zum Kauf eines Domain-Namen: Lassen Sie uns nun die Schritt-für-Schritt-Prozess sehen, um einen Domain-Namen zu kaufen. Es gibt so viele Domain-Registrare und Sie können mit der Registrierung der Domain bei jedem Registrar Ihrer Wahl fortfahren. Einige wichtige Faktoren zu berücksichtigen, während der Auswahl eines Domain-Registrar könnte, Nummer eins, die Wiederholung der Domain, die nur rau. Nummer 2, die Leichtigkeit des Kaufprozesses. Nummer 3, die Dashboard-Schnittstellennummer für die TLD-Verfügbarkeit. Und Nummer 5 ist die Preisgestaltung. Ich habe als letzter Faktor überraschend gehalten, weil normalerweise der Preisunterschied zwischen den verschiedenen Domain-Registraren nie zu viel ist. Und obwohl es nichts viel zu vergleichen zwischen den verschiedenen Domain-Registraren, empfehle ich Ihnen persönlich, eine Domain entweder von Google-Domains zu kaufen. Gute Idee, genannt billig. Ich persönlich bevorzuge Google-Domains, um Domains für mich und meine Klein zu kaufen. Die Gründe, Google-Domains zu bevorzugen, sind die Benutzerfreundlichkeit, sauberes Navigationsmenü, die Reputation des Registrar und feste Preismodelle. Ein weiterer Vorteil ist, dass Google-Domains kostenlosen Datenschutz bieten, während GoDaddy es als Add-on zur Verfügung stellt und dafür eine geringe Gebühr berechnet. Außerdem kann ich den Domainnamen problemlos in andere Google-Dienste wie die G Suite integrieren. In der Tat ist der einzige signifikante Unterschied zwischen Google-Domains, GoDaddy und Name Cheap das feste Preismodell. Godaddy und benannte billige Angebot Rabatt-Angebote auf den ersten Kauf von Domain. Aber die Verlängerungsgebühren sind etwas höher. Auf der anderen Seite berechnen Google Domains einen Festpreis für den ersten Kauf und auch für die Erneuerbaren werden getroffen. So ist es an Ihnen zu entscheiden, ob Sie einen ersten Kauf Rabatt auf GoDaddy oder Namen billig wollen , und dann zahlen Sie eine etwas höhere Gebühr für Erneuerungsjahre. Oder Sie möchten einen festen Preis Gately zahlen, wenn Sie die Domain für ein Jahr registrieren, und wenn Sie zwei Stecker, registriert den Domain-Namen für sagen, fünf Jahre oder 10 Jahre, vergleichen Sie bitte den Preisunterschied, bevor Sie die endgültige Entscheidung. Es gibt noch einen Unterschied. Wenn Sie eine Premium-Domain-Namen kaufen möchten, die in der Regel zu einem Premium-Preis verfügbar ist, dann müssen Sie GoDaddy bevorzugen, weil gute Ideen, um die größte Sammlung von Premium-Domain-Namen. Einige Domain-Namen, die Magnus ausverkauft sind, sind ebenfalls verpackt und können bei Wiederverkäufern gekauft werden. Wenn Sie also einen bevorzugten Domain-Namen haben, der als verkauft markiert wird, empfehle ich Ihnen, die Domain und URL eingeben und die Website besuchen, möchte die Verfügbarkeit dieses Domain-Namens überprüfen. Auch, wenn Sie eine Domain zu günstigeren Preisen kaufen möchten, dann können Sie auch Hosting dort erkunden. Einige Domains mit Erweiterungen wie dot tech oder dot XYZ oder dot site out of level unter Rupien 100 oder nur ein bis $2 für ein Jahr beim Hosting es. Wenn Sie also einen Domain-Namen für Ihre Übungswebsite erhalten möchten, können Sie auf jeden Fall einen von Hosting kaufen. Wenn Sie diese Domain nur für ein Jahr kaufen, ist es in Ordnung. Aber wenn Sie den Domain-Namen erneuern möchten, dann überprüfen Sie die Verlängerungspreise vor dem Kauf, da es ein gutes Spiel darin gibt. Lassen Sie uns nun die Schritte sehen, um einen neuen Domain-Namen zu kaufen. Kopf auf Google-Domains, oder gute Idee namens billig, indem Sie eine Google-Suche. Lass mich dich bringen, fertig zu gehen. Geben Sie hier auf GoDaddy einfach den gewünschten Namen ein, den Sie als Domain-Namen erwerben möchten. Um die Verfügbarkeit zu überprüfen. Nachdem Sie auf die Suche geklickt haben, erhalten Sie eine Liste von Domain-Namen, die in einer Vielzahl von Erweiterungen wie .com Punkt n, Punkt, Punkt, IU und Modus verfügbar sind. Diese Erweiterungen werden als TLBs bezeichnet. Wenn die Option preferred.com nicht verfügbar ist, können Sie aus einer Vielzahl von Erweiterungen wählen. Fühlen Sie sich frei, eine kreative Erweiterung zu erkunden und auszuwählen, wie sie jetzt funktioniert. Denken Sie daran, dass drei goldene Regeln, um den richtigen Domain-Namen für Ihre Website zu wählen. Wählen Sie zuerst den relevantesten Namen aus, der Ihr Unternehmen, Ihre Marke, Ihr Produkt und Ihre Servicenummer darstellt , um ihn so kurz wie möglich zu halten. Nummer 3, versuchen Sie, einen Domainnamen auszuwählen, der sehr leicht zu merken ist. Sobald Sie einen Domain-Namen Ihrer Wahl gefunden haben, fügen Sie einfach den Domain-Namen in den Warenkorb und fahren Sie mit der Kasse fort. Der verbleibende Prozess ist so einfach wie eine Bestellung bei Amazon. Möglicherweise müssen Sie sich einloggen oder ein neues Konto bei GoDaddy erstellen. Geben Sie einfach die Anmeldedaten ein und Sie werden einige zusätzliche Dienste zusammen mit Ihrem Domain-Namen angeboten, die im Grunde die Upsell-Dienste hatten. Sie können sie gerne überspringen und mit der Zahlung fortfahren. Sobald die Zahlung erfolgt ist, können Sie unter den Produktlisten auf Ihren Domainnamen zugreifen. Herzlichen Glückwunsch, Sie haben erfolgreich einen neuen Domainnamen für Ihre Website registriert. Sie können die gleichen Schritte mit Google-Domains Namen billig und Hosting folgen, die Prozesse fast die gleichen. Also, wenn das nächste Video, werde ich Ihnen sagen, wie Sie einen kostenlosen Domain-Namen für die Übungswebsite zu bekommen. Wir sehen uns dort. 20. So erhältst du einen kostenlosen Domain-Namen für die Üben.: Sie können einen Domainnamen einfach mit jedem Domain-Registrar registrieren. Und Sie können sogar ein wenig erkunden, um einige sehr billige Domains wie dot XYZ auf Hosting zu finden. Es ist sehr sparsam um Rupien 100 oder ging zu $2 für ein Jahr. Aber was ist, wenn Sie einen völlig freien Domain-Namen wollen? Ja, es ist möglich, einen freien Domain-Namen zu kaufen, aber 50 LDs, wie TK dot, dot c, f, r dot d q und es ist in der Regel kostenlos für einen Zeitraum von 12 Monaten. Sie können diesen kostenlosen Domainnamen vom Registrar namens free nlm registrieren. Frenum. Ist, dass eine Entladung für Domain-Namen der winzigen Insel Tokio ermöglichen ein abgelegenes und sehr dünn besiedeltes Land von rund 1500 Menschen im Südpazifik. Es gibt Domain Name Survey kostenlos und aus diesem Grund hat es Popularität gewonnen. In der Tat, dot t k Domains sind die fünftmeisten registrierte Domain-Erweiterung der Welt. Und Sie können eine für Ihre Übungswebsite bekommen. Obwohl es nicht obligatorisch ist, sich für diesen kostenlosen Domain-Namen zu registrieren da Sie eine kostenlose Sub-Domain erhalten können, um die Übungswebsite zu erstellen. Eine Subdomain ist ein Teil des Domänennamens, der vor dem Hauptdomänennamen und der Domänenerweiterung steht . Sie können ganz einfach eine kostenlose Sub-Domain mit dem kostenlosen Hosting-Plan erhalten , den wir in der nächsten Lektion besprechen werden. Das ist eine viel zuverlässigere Option für Ihre Übungswebsite da es sehr geringe Chancen hat, einen Benutzer auf eine Spam-Site umzuleiten. Trotzdem liegt es an Ihnen, den kostenlosen Domainnamen bei dot TK zu registrieren oder Sub-Domain zu verwenden oder einen günstigen Domainnamen aus dem Posten zu kaufen. Was am wichtigsten ist, ist, dass Sie eine aufnehmen und mit der Übungswebsite beginnen. In der nächsten Lektion erfahren wir mehr über den Webserver und Hosting-Pläne. Wir sehen uns dort. 21. Grundlagen von Webserver: Beginnen wir diese Lektion mit den Grundlagen. Also, was bedeutet ein Webserver und ein Hosting-Plan ist Server ist ein Computer, der andere Web-Benutzer mit Ihrer Website von überall auf der Welt verbindet. Wie der Name schon sagt, haben Webhosting-Dienstanbieter die Server, die Konnektivität und die damit verbundenen Dienste, um eine Website zu hosten. Viele Hosting-Anbieter reserviert Speicherplatz auf einem Webserver für einen Upside, um seine Dateien zu speichern. Das AD, das Ihre Website hostet. Web-Hosting macht, um eine Website wie goldene Bilder für die Anzeige online zu bekämpfen. Jede Website, die Sie jemals besucht haben, wird auf einem Server gehostet. Die Menge des Speicherplatzes, der einer Website auf einem Server zugewiesen ist, hängt vom Typ des Hostings ab. Die wichtigsten Arten von Hosting, Shared Hosting, dediziertes Hosting, VPS, Reseller, hängen, Cloud-Hosting. Sie unterscheiden sich nach der Art der für den Server verwendeten Technologie, der Ebene des Management-Anbieters und den zusätzlichen Angeboten. Draußen gibt es verschiedene Arten von Servern zur Verfügung. Wir sind nur an dem Shared Hosting Plan und dem Cloud Hosting Plan interessiert. Shared Hosting ist zu Papier für den Aufenthalt mit einem einzigen Web-Server wird zwischen n Anzahl von Zeilen aufgeteilt. Da ein Webserver ist sehr leistungsfähig in der Konfiguration, in der grundlegenden Website wird nur einen sehr winzigen Teil des Mobilfunks verwenden. Also, um den Web-Server vollständig zu nutzen und die Pflanzen wirtschaftlich für Käufer, um ihre Website zu hosten. Hosting-Unternehmen bieten gemeinsame Hosting-Pläne. Die gemeinsam genutzten Hosting-Pläne haben einfach den Server zwischen n Anzahl von Benutzern geteilt. Allen Benutzern wird eine bestimmte Konfiguration zu Ihren Verzögerungen zugewiesen. Einige Unternehmen optimieren die Shared Hosting Pläne für WordPress. Das heißt letzte WordPress-Hosting. Aber denken Sie daran, dass WordPress-Hosting ist nicht gleichwertig mit Managed WordPress-Hosting. Dies sind verschiedene Dienste. Wordpress Hosting ist wirtschaftlich, aber verwaltete WordPress Hosting bot einige zusätzliche Funktionen, und damit, das ist ein bisschen auf der teuren Website. Also, wann immer Sie einen Shared Hosting-Plan kaufen möchten, achten Sie immer auf das regelmäßige Shared Hosting oder ein WordPress Hosting. Wenn wir die Vorteile eines gemeinsamen Hosting-Plans sehen, dann Nummer eins, müssen Sie weniger zahlen, um das Hosting für Ihre Website zu erhalten. Nummer 2, einige Unternehmen boten Ihnen tolle Konfiguration auch in Shared Hosting Plan. Und Nummer drei, erhalten Sie Zugriff auf die Root-Dateien und leicht Manager Website nach Ihrer Anforderung. Allerdings gibt es einige Nachteile zu Nummer eins, gemeinsame Hosting-Server sind oft langsam und es erhöht die Ladezeit Ihrer Website. Nummer 2, Datenbeschränkungen für die Nutzung der Ressourcen und oft ist Ihre Website nach unten, nachdem die Ressourcen erschöpft sind. Wandel, seltsam. 22. Schritte zum Kauf eines Hosting: Die Wahl des richtigen Hosting-Plans nimmt ein wenig Studium und die Suche in Anspruch. Es ist verde Zeit auf der Suche nach zuverlässigsten Hosting-Plan für Ihre Website zu verbringen. Und warum nicht? Weil eine Website Ihr Vorteil ist, IHR wertvolles Gut, das für die kommenden Jahre bleiben wird. Daher ist es sehr wichtig, dieses Asset auf einem Boden aufzubauen, frei von Hindernissen und Gefahren von Problemen wie Abstürzen, Hacking, unerreichbaren und langsamen Servern ist . Ich möchte Sie fragen, wie haben Sie sich gefühlt, wenn Sie versuchen, eine Website zu öffnen UND Gate gibt Ihnen eine Bearbeitung sagen, dass die Website nicht erreichbar ist tun, um Grund anzuhängen. Es ärgert Sie offensichtlich, und es bildet einen sehr schlechten Eindruck in Ihrem Kopf. Sie können sogar Misstrauen für diese Website geschaffen haben. Ist es richtig oder nicht? Sag es mir ehrlich. Jetzt passiert das Gleiche bei jedem Internetnutzer. So in den Prozess, um eine schöne Website zu erstellen, ist es sehr wichtig, einen vertrauenswürdigen, zuverlässigen und soliden Hosting-Plan zu wählen , um Ihre Website im Internet zu platzieren. Da die Auswahl des richtigen Hosting-Plans ein äußerst entscheidender Schritt ist, werde ich Ihnen dringend empfehlen, vollständig zu recherchieren, bevor Sie den Plan kaufen. Und wenn Sie meine Meinung wollen, basierend auf meiner Erfahrung, Ich werde Ihnen empfehlen, in A20-String zu investieren, wenn Sie mit Shared Hosting-Plan und Cloud-Möglichkeiten gehen, wenn Sie mit Cloud-Hosting gehen wollen, die Dienstleistungen, die von diesen beiden Unternehmen angeboten werden, sind sehr gut und sie bieten ein sehr gutes Preis-Leistungs-Verhältnis. Lassen Sie mich Ihnen nun den Prozess zum Kauf eines Hosting-Plans für die Website zeigen. Lassen Sie uns zunächst zu A2 Hosting gehen, indem Sie eine Google-Suche machen. Wählen Sie hier den Plan aus, den Sie kaufen möchten, und klicken Sie auf Weiter. Sie werden aufgefordert, Ihren Domain-Namen einzugeben, wenn Sie einen haben, oder Sie können eine Sub-Domain verwenden. Hier in der A2-Hosting-Setup, werde ich Ihnen empfehlen, eine Sub-Domain zu verwenden, denn wenn Sie mit einem Domain-Namen gehen, dann werden Sie verpflichtet, es zwangsweise zu erneuern , da dies die Root-Domain für die -Setup. Entweder verwenden Sie einen primären Domain-Namen, den Sie für einen langen Zeitraum verwenden werden, während das Hosting-Konto einrichten, oder der beste Weg ist, die Sub-Domain von A2 Hosting hier zur Verfügung gestellt zu verwenden. Beachten Sie auch, dass Sie den am besten geeigneten Serverstandort basierend auf dem nächstgelegenen Standort Ihrer Zielgruppe auswählen den am besten geeigneten Serverstandort basierend . Rest des Prozesses ist so einfach wie ein Online-Kauf. Sie können gerne die Anzeige auf einer gewissen Ebene für Up-Selling überspringen, Sie werden aufgefordert, ein Konto zu erstellen. Gehen Sie mit dem gleichen, machen Sie die Zahlung, und das war's. Sie haben erfolgreich einen Hosting-Tarif für Ihre Website erworben. Herzlichen Glückwunsch. Als Nächstes sind Cloud-Wege. Lassen Sie uns eine Google-Suche dafür machen. Hier. Beginnen Sie mit Begrünung und Konto wie üblich, und ich werde versuchen, einige Gutschein-Code mit Ihnen zu teilen, so dass Sie erhalten $30 vorhersagen, dass fast drei Monate kostenlos auf Cloud-Wege. Überprüfen Sie den Abschnitt unter diesem Video. Sobald das Konto erstellt wurde, nach dem gesamten Überprüfungsprozess müssen Sie nach dem gesamten Überprüfungsprozessden Server und die Konfiguration auswählen. Hier haben Sie die Wahl zwischen digitalem Ozean, Leinhardt, Geier, Google und Amazon. Alle diese Server sind hervorragend und Leistung, und Sie können einen auswählen, basierend auf den Preisen, Serverstandort und Ihren Anforderungen. Wenn Sie gerade erst anfangen, empfehle ich sogar die Verwendung von digitalem Ocean over Line Art und Kulturkrebs während der Lutealphase. Nachdem Sie den Server ausgewählt haben, müssen Sie einfach die Anwendung installieren, das ist WordPress. In unserem Fall. Das war's. Es gibt einige herausragende Merkmale des Arbeitsrechts auf Cloud-Wegen. Fühlen Sie sich frei, sie zu erkunden. Es ist ein sehr leistungsfähiges Hosting. In der Tat, ein sehr leistungsfähiges Cloud-Hosting. Aufgrund der einfachen Verwaltung, des Supports, der Cloud-Performance und der Skalierbarkeitsoptionen ist es wichtig , dass Sie den Server mit nur wenigen Klicks aktualisieren können. Außerdem ist der Support bei Cloud Ways großartig. Außerdem erhalten Sie einen flexiblen Preisplan, in dem Sie Ressourcen während der Nutzung bezahlen. Wenn Sie einen Vergleich zwischen der Preisverleihung machen möchten, stellen Sie sicher, dass Sie den Verlängerungspreis in A2-Hosting berücksichtigen und vergleichen Sie ihn mit Cloud-Möglichkeiten, um zu einer besseren Entscheidung zu kommen. Weil in der Regel in verschiedenen Host, erhalten Sie einen sehr hohen Rabatt beim ersten Kauf, aber die Renin-Preise sind auf der höheren Seite. Daher müssen wir den Verlängerungspreis berücksichtigen, weil die Änderung des Gastgebers überhaupt keine leichte Aufgabe ist. In Ordnung, Schließlich, wenn Sie ein sehr wirtschaftliches Hosting für kleinere Projekte oder für Ihre Praxiswebsite erhalten möchten , dann können Sie sogar das Hosting bevorzugen. Die Performance Act Hosting, die deutlich ist und Sie werden die Preise sehr wirtschaftlich zu finden. Der Prozess der Erstellung des Kontos ist fast der gleiche und Sie werden feststellen, dass regelmäßige Optionen, wie der andere Web-Host, werden Sie in der Lage sein, einfach WordPress und SSL mit nur wenigen Klicks zu installieren. Also, wenn Sie eine Menge Geld sparen und Hosting durch Kompromisse mit einigen der Funktionen, siehe Hosting dort. Aber denken Sie daran, dass die Wirtschaft und Produkte immer mit Einschränkungen kommen. Wie wenn Sie a2 vergleichen oder mit Hosting bleiben, werden Sie feststellen, dass es keine Klarheit in den Konfigurations- und Nutzungsbeschränkungen für das Hosting gibt. Lake, zum Beispiel, erhalten Sie kostenlos SSL und diesen Hosting-Tarif. Aber auf wie viele Websites, die nicht erwähnt wird. Die Chancen sind also, dass Sie kostenlos SSL bekommen können, aber nur für eine Website, und Sie müssen möglicherweise extra bezahlen, um mehr SSL zu erhalten. Es ist das gleiche mit anderen wirtschaftlichen Hosting-Pläne wie GoDaddy und benannt billig. Sie erhalten die Pflanzen zu einem super günstigen Preis, aber es kann Einschränkungen und Mangel an Klarheit geben. Außerdem reduziert sich die Betriebszeit mit den wirtschaftlichen. Daher werde ich Ihnen empfehlen, eine Liste solcher Fragen zu machen und mit dem Kundensupport oder dem Verkaufsteam zu klären , bevor Sie den Kauf tätigen. Und noch eine Sache, die meisten Hosting-Anbieter bieten Geld-zurück-Garantie, wenn Sie mit den Diensten nicht zufrieden sind. Ec2 Hosting in der Tat, bietet eine lebenslange Geld-zurück-Garantie, die ziemlich einzigartig an sich ist, aber die meisten anderen Unternehmen haben mindestens 30 Tage, um Rückerstattung zu beantragen. Also, wenn Sie nicht mit dem Hosting-Plan zufrieden sind, sofort behauptet, dass eine Geldstrafe, und bewegen Sie sich auf den besseren Host. Wegen der Notwendigkeit, unseren Vermögenswert aufzubauen. Wir müssen eine Website nur auf starkem Boden erstellen. Sonst verlieren wir am Ende das Geschäft und die Kunden. Das ist es in dieser Lektion, und wir werden mit den kostenlosen Hosting-Optionen im nächsten Video fortfahren. 23. So erhältst du einen kostenlosen Get für die Übende: Wir alle mögen die freien Dinge. Also, wenn ich dir sage, dass du einen kostenlosen Hosting-Plan bekommen kannst, wirst du sehr glücklich werden. Aber bevor Sie über die kostenlosen Hosting-Pläne erzählen, möchte ich Sie darauf hinweisen, dass nie, jemals einen kostenlosen Hosting-Plan für das Hosting einer kommerziellen oder einer Client-Website verwenden, da diese Dienste nur für Praxis Websites geeignet sind und nicht für die professionellen. Wenn Sie also einen Hosting-Plan kostenlos erhalten möchten, ohne Geld auszugeben, dann habe ich ein paar gute Optionen für Sie. Es gibt einige Hosting-Unternehmen, die Hosting-Pläne für 0 Gebühren zur Verfügung stellen. Aber wieder, ich wiederhole, dass Sie solche Hosting-Pläne nur für die Übungswebsite verwenden können , da sie ziemlich unzuverlässig im Dienst sind. Und Sie können viele technische Probleme und Ausfallzeiten beim Hosten der Website auf solchen drei Webservern konfrontiert . Also, falls Sie Ihre Website auf einem kostenlosen Server veröffentlichen müssen, habe ich ein paar anständige Unternehmen in die engere Auswahl, die Ihnen kostenlose Hosting-Plan zur Verfügung stellen wird. Die erste empfohlene ist erweitern Hosting. Und die anderen, um es zu versuchen, ist akute Web-Hosting, Bite Host, goofy Host, und unendlich kostenlose Hosting. Jetzt erwarte ich, dass Sie die Eigenschaften und Vorteile all dieser Männer Shared Hosting-Unternehmen vergleichen und wählen Sie diejenige, die sich als die Bereitstellung der besten Wert für Ihre Zeit erweist. Möglicherweise finden Sie viele Einschränkungen für Nutzungslimits und Sie erhalten möglicherweise nicht einmal ein kostenloses SSL. Aber das wird in Ordnung sein, da wir gerade diese Website für die Praxis erstellen. Wählen Sie einen der oben genannten Hosting-Pläne aus, um fortzufahren. Und die Schritte, um dieses kostenlose Hosting-Konto einzurichten, sind auch die gleichen. Sie werden aufgefordert, zuerst ein Konto zu erstellen, Ihre Anmeldeinformationen einzureichen, eine Sub-Domain auszuwählen, das war's. Sie sind kostenlos Web-Hosting Konto ist bereit. Nutzen Sie jetzt einfach eine kostenlose Sub-Domain, die Ihnen zur Verfügung gestellt wird, um die Übungswebsite zu genießen oder Sie können die benutzerdefinierte Domain oder eine kostenlose Domain, die Sie von 39 gekauft haben, verwenden. Um eine benutzerdefinierte Domain zu verwenden, müssen Sie die DNS-Einstellungen aktualisieren und wir werden darüber im nächsten Video erfahren. Danach werden Sie WordPress installieren und eine Website kostenlos erstellen. Und vergessen Sie nicht, dass Sie den Auftrag auch einreichen müssen. Sie müssen die Übungswebsite mit diesen drei Optionen erstellen und den Link mit mir teilen, damit ich mein Feedback für Ihre Arbeit teilen kann. In Ordnung, also werden wir mit dem nächsten Video fortfahren. 24. Domain & Hosting über & verbinden: Nachdem Sie den Hosting-Plan gekauft haben, müssen Sie sehr wichtige Einstellungen vornehmen, um fortzufahren. Sie müssen die IP-Adresse oder die Nameserver des Webservers auf den Domänennamen aktualisieren . Lassen Sie uns zuerst verstehen, warum es wichtig ist. Immer wenn ein Benutzer die URL in die Adressleiste eines Webbrowsers eingibt, klopft der Browser an die Tür der Domäne und klopft nicht an. Domain gibt die IP-Adresse des Webservers an, auf dem die Daten der Website gespeichert sind. Der Browser Gonstead ruft die Daten der Website ab und präsentiert sie dem Benutzer. Wenn ihr Domainname nun die IP-Adresse des Webservers, auf dem die Daten der Website gespeichert sind, nicht kennt die IP-Adresse des , kann ein Webbrowser den Web-Inhalt dem Benutzer nicht präsentieren, und die Ergebnis wird eine Fehlerseite sein. Die IP-Adresse oder der Nameserver. Oft können Webserver Ihrem Domainnamen über die DNS-Einstellungen zugewiesen werden . Sie müssen einfach die IP-Adresse oder die Nameserver-Details finden , die vom Hosting-Konto bereitgestellt werden. Dies ist normalerweise in Ihren Service-Details oder sogar in der Willkommens-E-Mail-Synchronisierung durch das Hosting-Unternehmen enthalten sogar in der Willkommens-E-Mail-Synchronisierung durch das Hosting-Unternehmen Kopieren Sie einfach die Details und gehen Sie zum Domain-Konto. Lassen Sie mich also beim GoDaddy-Konto anmelden und Ihnen den Vorgang zeigen. Gehen Sie nach dem Einloggen in den Produktbereich, in dem die Domain aufgeführt ist, und versuchen Sie, eine DNS-Einstellungsoption zu finden. Suchen Sie nach dem Feld namens Nachnameserver. Fügen Sie einfach die Details hier ein und aktualisieren Sie es. Sie daran , dass einige Hosting-Unternehmen Nameserver-Details angeben , während einige die IP-Adresse angeben. Wenn Sie also die Nameserver aktualisieren möchten, wird der Prozess so aussehen. Und wenn Sie die IP-Adresse aktualisieren möchten, suchen Sie nach den DNS-Einstellungen und aktualisieren Sie die IP-Adresse in einem Datensatzfeld wie diesem. Speichern Sie jetzt einfach die Einstellungen und Sie haben Ihren Domainnamen Figur erfolgreich verknüpft Webhost. Es kann bis zu ein paar Minuten oder einige Stunden dauern , um die DNS-Einstellungen weltweit zu aktualisieren. Sie können dasselbe überprüfen, indem Sie Portsmouth DNS.net besuchen oder einfach eine Google-Suche nach DNS-Propagationscheck durchführen. Du bekommst die Links. Sie können denselben Prozess verfolgen, um Nameserver oder IP-Adresse in Google zu aktualisieren , Domains werden als billig bezeichnet oder von jedem Registrar, den Sie den Domainnamen registriert haben. Es funktioniert auf die gleiche Weise. In der nächsten Lektion melden wir uns beim Hosting-Konto an und lernen, wie man das cPanel benutzt. Wir sehen uns dort. 25. CPanel: Wenn Sie sich beim Hosting-Plan anmelden, müssen Sie auf das Bedienfeld zugreifen, um die Website-Dateien und andere wichtige Einstellungen zu verwalten. Es gibt verschiedene Bedienfelder, haben Beschriftung, verschiedene Hosting-Pläne, aber das am häufigsten verwendete Bedienfeld ist das C-Panel. Also, was ist ein cPanel? Dann? Ein C-Panel ist ein beliebtes Bedienfeld-Dashboard, das Ihnen hilft, den Webhosting-Server mit einer grafischen und menschlich freundlichen Oberfläche zu verwalten. Verwendung von cPanel bedeutet, dass Sie dieses technische Wissen nicht benötigen, um den Webserver zu verwalten. Lassen Sie uns nun sehen, wie ein cPanel funktioniert. Nun, das ist das C-Terminal im E2-Hosting-Konto. Es bietet Ihnen so viele Optionen, aber wir müssen uns nur auf Ehe Domains konzentrieren, verwaltete Subdomains, installieren WordPress, verwalten Sie die Website-Dateien, verwalten Backups, verwaltete PS3-Versionen und verwalten E-Mail-Konten. Fühlen Sie sich frei, um die restlichen Optionen als auch zu erkunden. Jetzt, auf der rechten Seite, finden Sie die Nutzungsdaten und Statistiken, wie wir mit der begrenzten Ressource auf jedem Hosting-Plan zur Verfügung gestellt werden. Daher werde ich Ihnen immer empfehlen, ein Auge auf die Nutzungsstatistiken zu halten, um über Ihren Verbrauch der Quellen informiert zu bleiben. Lassen Sie uns mit Domain-Management beginnen. Möglicherweise haben Sie bereits einen Domänennamen angegeben, wenn Sie den Hostingplan einrichten. Aber wenn Sie die Sub-Domain hier verwendet haben, können Sie diese Domain-Namen über diese Option hinzufügen. Wenn Sie weitere Websites zum Hosting-Konto hinzufügen müssen, müssen Sie die Domain unter Add-On-Domänen auflisten. Klicken Sie einfach auf Create a new add-on domain und geben Sie hier den Domainnamen ein. Klicken Sie auf „Speichern“. Es kann einige Stunden dauern, bis SSL auf dieser Add-On-Domain automatisch installiert wird. Und Sie müssen etwa zwei bis vier Stunden warten, bis der Prozess abgeschlossen ist. Dann werden nur Sie in der Lage sein, WordPress auf dieser Add-on-Domain innerhalb von SSL zu installieren. Wenn Sie Subdomains zu Ihrer vorhandenen Add-On-Domain hinzufügen möchten, können Sie auf Subdomains klicken und auf Neue Subdomain erstellen klicken, den primären Domainnamen auswählen und eine Sub-Domain angeben , die Sie wünschen, und klicken Sie auf Erstellen. Es wird auch ein paar Stunden dauern, um SSL und ein Heck zu installieren, können Sie mit der Installation von WordPress fortfahren. Sie müssen die WordPress-Installation aus dem C-Panel selbst machen, indem Sie die Software Oculus App Installer verwenden, es ist sehr einfach. Wir werden den vollständigen Prozess sehen, um WordPress in der nächsten Lektion zu installieren. Als nächstes, nach der Installation von WordPress, wenn Sie auf das Stammverzeichnis und die Dateien der Website zugreifen müssen, können Sie darauf zugreifen, indem Sie die Datei-Manager-Option in cPanel verwenden. Denken Sie daran, dass Sie nie mit der Option Datei-Manager experimentieren. Denn wenn Sie versehentlich einige der wichtigen Dateien löschen, kann Ihre Website abstürzen oder Sie verlieren den Zugriff, um sich auf der Website anzumelden. Bitte seien Sie sehr vorsichtig, wenn Sie diese Option verwenden. Als nächstes können Sie Backup der Website mit der Back-Office-OUT-Option hier. Als Nächstes können Sie auch die PHP-Version des Servers verwalten. Sie können es auf die neueste stabile Version aktualisieren und es wird verwendet, um die Geschwindigkeit und Funktion der Website zu verbessern. Stellen Sie sicher, dass Sie immer auf die stabilste und neueste Version aktualisiert. Als nächstes ist es, die E-Mail-Konten zu verwalten. Sie haben die Möglichkeit, E-Mail-Konten für den Domainnamen zu erstellen und zu verwalten , der auch als Webmail bezeichnet wird. Es ist wie Ihre Business-E-Mail-ID und es ist ein Muss heutzutage haben, basierend auf den Hosting-Gland-Funktionen, werden Sie in der Lage n Anzahl von Webmail-Konten erstellen eine neue VM-Mail, verwenden Sie diese E-Mail-Konten Option hier in cPanel. Wählen Sie die Domain aus und erstellen Sie einen Benutzernamen und ein Passwort. Es ist verfügbar, um sofort nach der Erstellung zu verwenden. Sie können auf diese Webmail direkt von hier aus zugreifen oder mit einer E-Mail-Client-App wie Microsoft Mail oder Apple Mail, oder einer Drittanbieter-App wie Blue Mail, sowohl auf dem Computer als auch auf dem Mobiltelefon. Es gibt so viele andere Funktionen und Optionen des Labels mit cPanel, aber wir haben diejenigen gelernt, die für uns nützlich sind. Lassen Sie uns nun fortfahren, um WordPress im nächsten Video zu installieren. 26. WordPress installieren: Sobald Sie die Add-on-Domain oder Sub-Domain hinzugefügt haben und ein paar Stunden vergangen sind, können Sie mit der Installation von WordPress auf der Domain fortfahren. Lassen Sie uns diese von Kalkül App Installer Option wählen. Wählen Sie hier WordPress aus. Sie erhalten eine Option, WordPress zu installieren. Wenn Sie nach unten scrollen, finden Sie die Liste aller WordPress-Installationen, die Sie auf dem Web-Host durchgeführt haben. Außerdem ist dieses Symbol der Master- oder Admin-Login. Dies wird für den Fall verwendet, dass Sie die Login-ID oder das Passwort vergessen , um auf den Website-Admin-Bereich zuzugreifen. Außerdem können Sie auf das Bleistift-Symbol klicken, um eine WordPress-Installation zu löschen. Ich möchte, dass du sehr vorsichtig bist, denn es braucht Monate und Jahre, um sich aufzubauen. Und das gleiche kann in nur wenigen Sekunden gelöscht werden, indem Sie auf dieses Abbrechen-Symbol klicken. Na gut, seien Sie sehr vorsichtig. Lassen Sie uns nun voran gehen und klicken Sie auf Installieren. Sie befinden sich jetzt auf der Installationsseite. Wir werden zuerst das Protokoll auswählen. Ein Protokoll ist der Startname einer URL, und es wird von den Punkt-SCSS-Dateieinstellungen geleitet. Es gibt vier Optionen zur Verfügung, von denen wir ignorieren müssen und wählen Sie eine unserer Wahl aus den verbleibenden zwei Optionen. Wir werden die HTTP-Versionen ignorieren, da es sich um nicht-sicherheitsrelevante Protokolle ohne SSL handelt. Sie müssen heute Morgen der nicht gesicherten Verbindung in vielen Websites gesehen haben, Benutzer neigen dazu, zu ignorieren oder haben einen schlechten Eindruck für solche Websites. Auch es ist schädlich für Ihre Website Rankings in Suchmaschinenergebnisseite. Und da SSL für uns frei verfügbar ist, müssen wir sicherstellen, dass wir es verwenden. Violinen Spende, immer installieren und HTTPS-Version, wie es sicher ist und es ist Stadt durch ein grünes Schloss-Symbol in der Browser-Adressleiste präsentiert. Auswahl von www in Ihrer URL ist optional. Manche Leute haben es ignoriert, während einige Leute es behalten, liegt es ganz an dir. Es wird keinen Unterschied in der Funktionsweise Ihrer Website zu schaffen. Es ist nur um der Präsentation von Ihnen willen. Könnte eine hohe persönlich bevorzugte URL ohne www haben. Wählen Sie als Nächstes den Domänennamen aus der Liste der Domänen aus. Haben Sie ein Label auf Ihrem Hosting-Konto. Einfach einen Titel und einen Untertitel beiseite verschenken. Ich denke nicht viel, mach dir nicht die Mühe. Es kann auch nachträglich leicht gewechselt werden. Als nächstes weisen Sie einen Benutzernamen zu, an den Sie sich erinnern, und ein Passwort zu, das sich niemand außer Ihnen merken oder erraten kann, weil es der Schlüssel Ihres Assets ist. Wenn es von jemandem leicht gehackt wird, und Sie werden in Schwierigkeiten sein. Die Art und Weise Ihre E-Mail-ID und überspringen Sie die erweiterten Einstellungen. Klicken Sie einfach auf Jetzt installieren und warten Sie ein paar Minuten. Sie tief durch. Entspannen Sie sich. Okay, jetzt ist WordPress auf Ihrer Domain installiert, und hier ist die Login-URL. Sie können diese URL mit einem Lesezeichen versehen, da sie für die Anmeldung im Admin-Bereich Ihrer Website verwendet werden kann. Nun, so haben wir nicht die einzige Möglichkeit sich im Admin-Bereich Ihrer Website anzumelden. Im Allgemeinen ist für alle Wordpress-Websites, die Anmelde-URL www dot Ihre domain.com Schrägstrich WP Bindestrich admin, und drücken Sie Enter. Hier werden Sie nach den Anmeldedaten gefragt. Sie können entweder Ihre E-Mail-ID oder Ihren Benutzernamen verwenden und das Passwort eingeben, die Erfassung überprüfen und mit der Anmeldung fortfahren. Sie werden schweißen, wenn Sie im WordPress-Admin-Bereich sind, und ich bin sehr glücklich, Sie hier zu haben. Lassen Sie uns einen Blick auf die Website von der Besucheransicht und kommen Sie zurück zum Dashboard. So ist dies der Ort, wo Sie leicht bearbeiten können Ihre Website und steuern, wie es aussieht, was es zeigt, und generieren ein Geschäft von Millionen und Milliarden durch den Aufbau dieser Website wertvoll. Ich hoffe, Sie genießen diese spannende Reise und wir werden im nächsten Video fortfahren. 27. Häufige WordPress-Einstellungen: Ich bevorzuge es immer, den Prozess der Website-Erstellung mit der Reinigungsaktivität zu starten. Mit der Reinigung möchte ich sagen, dass, lassen Sie uns zuerst alle unnötigen Plugins und Teams entfernen , die in unserem WordPress-Setup vorinstalliert sind. Oh, was sind das für Themen und Plug-Ins? Habe ich vergessen, es dir zu sagen? Nein, das erinnere ich mich. Ich muss diese Konzepte erklären, und wir werden in diesem Kurs etwas weiter diskutieren. Aus Gründen dieser Lektion, lassen Sie uns den Mauszeiger über Plugins Option und klicken Sie auf Plugins installieren. Hier finden Sie eine Liste der vorinstallierten Plug-Ins. Wählen Sie einfach die Plugins aus, indem Sie so klicken. Und hier oben und auch unten, klicken Sie auf das Drop-down-Menü und wählen, deaktivieren und klicken Sie auf Anwenden. Wenn Sie in WordPress ein Plugin installieren oder deinstallieren müssen, müssen Sie das Plugin aktivieren oder deaktivieren. Erster. Sie können diesen Prozess für jedes Plugin einzeln durchführen, oder Sie können alle Plugins auswählen und eine Massenaktion durchführen. Übrigens sparen Massenaktionen wirklich viel Zeit. So wurden die unerwünschten Plugins deaktiviert und es ist jetzt an der Zeit, sie zu deinstallieren. Folgen Sie dem gleichen Prozess. Wählen Sie die Plugins aus, die ich dieses Mal alle zusammen auswähle. Klicken Sie auf die Dropdown-Liste Massenaktionen und wählen Sie die Option Löschen. Klicken Sie auf Übernehmen. Vergangen. Alle unerwünschten Plugins werden nun gelöscht und unser Plugin-Verzeichnis ist völlig sauber. Als nächstes lassen Sie uns den gleichen Prozess für Teams verfolgen, aber es gibt eine Wendung hier. Es ist nicht möglich, alle Teams zu löschen, die in unserer Bibliothek vorhanden sind. Wir benötigen mindestens ein Team, um aktiv zu sein. Lassen Sie uns also das aktive Team behalten und entfernen Sie die unerwünschten aus unserem Konto. Dies müssen wir tun, bis ein Team in einer Zeithalle , die über dem Thema Bild und klicken Sie auf Verwalten auf der unteren rechten Seite, finden Sie diese Option löschen, klicken Sie auf diese, und Ihr Team würde gelöscht werden. Bitte beachten Sie auch, dass ein aktives Team nicht so gelöscht werden konnte. Wenn Sie löschen möchten und aktives Team zuerst ein anderes Design aktiviert installieren, und dann können Sie das Team löschen. Derselbe Prozess, den wir gerade besprochen haben. Los, los und lösche alle diese unerwünschten Teams eins nach dem anderen. Lassen Sie uns auch die bereits vorhandenen Beispielseiten reinigen. den Mauszeiger über das Seitenmenü und klicken Sie auf alle Seiten, wählen Sie alle diese bereits vorhandenen Seiten aus und folgen Sie dem gleichen Vorgang, um sie zu löschen. Jetzt tun Sie das gleiche mit bereits vorhandenen, post. Eine andere Sache, klicken Sie auf die Dashboard-Home-Option und Sie werden einen Bildschirm Optionen finden. Aber dann oben rechts ist dies manchmal für einen Benutzer nicht sichtbar, aber Sie können auch hier einige Einstellungen finden. Und in der Tat, einige wichtige Einstellungen. Um die Dashboard-Startseite zu verwalten, können Sie auswählen, welche Informationsfelder Sie sehen möchten und welche Höhe Sie benötigen. Auf diese Weise können Sie auch das Dashboard Home bereinigen. Fühlen Sie sich auch frei, um die Bildschirmoptionen für andere Menüoptionen in WordPress zu erkunden. Hurra, unsere Website ist jetzt ziemlich sauber und sauber. Nun lassen Sie uns einige grundlegende WordPress-Einstellungen zu tun, Mauszeiger über das Einstellungsmenü und wählen Sie Burma Längen. Standardmäßig ist die gewählte Option für uns nicht erforderlich. Also aus den so vielen Optionen der Arbeit, müssen wir die Option des Beitrags auswählen und auf Speichern klicken. Übrigens, was ist ein Permalink? Ein Permalink ist im Grunde die URL der Webseiten. Und wenn diese Einstellung aktualisiert wird, können wir jetzt die URL relevanter und leichter zu verstehen anstelle der vorherigen komplizierten Struktur. Es ist eine sehr wichtige Einstellung und falls Sie es am Anfang vermissen, dann auch keine Probleme. Sie können dies auch später tun, aber vergessen Sie nie, diese Einstellung zu aktualisieren. Ich ziehe es immer vor, meine Wordpress-Einstellungen nur für diese zu starten. Nächste gemeinsame Einstellung ist die Aktualisierung der Website-Titel und Slogan, falls Sie es zum Zeitpunkt der Installation von WordPress nicht erwähnt haben, oder wenn Sie es ändern möchten. Der Titel und der Slogan sind in der Regel hier auf der Registerkarte sichtbar. Wählen Sie unter Einstellungen die allgemeine Option aus, und aktualisieren Sie die Informationen. Sie müssen auch die Zeit aktualisieren, um die korrekte Zeit anzuzeigen. Machen Sie die Besucher. Wenn Sie die E-Mail-Adresse ändern möchten, können Sie sie hier in der Admin-E-Mail-Adresse aktualisieren. Sie erhalten eine Bestätigungs-E-Mail, um die Änderungen für die E-Mail-Adresse zu bestätigen. Wenn Sie fertig sind, klicken Sie unten auf Änderungen speichern, um die Einstellungen zu aktualisieren. Als Nächstes können Sie die visuelle Anzeige des WordPress-Dashboards anpassen , indem Sie den Mauszeiger über die Benutzeroption bewegen und die Profiloption auswählen. Hier können Sie die Farben ändern, die Anzeige und den Autorennamen, die einem Profilbild zugewiesen wurden, und das Passwort für die Website-Anmeldung aktualisieren. Wenn Sie fertig sind, klicken Sie auf Profil aktualisieren, um zu speichern. Als nächstes können Sie hier auf die Leseoption gehen und sicherstellen , dass Suchmaschinen Option deaktiviert ist. Es ist wichtig, diese Option zu deaktivieren, da es die Suchmaschinen daran hindern kann die Website zu crawlen und Ihre Website nicht in der Google-Suche verfügbar ist. Ich bin schließlich, wenn Sie keinen gemeinsamen Zugriff auf Ihre Website für Bearbeitungszwecke haben, entweder mit Ihrem Mitbegründer, Geschäftspartner oder einem Teammitglied, müssen Sie einen neuen Benutzer erstellen, indem Sie hier einen neuen Benutzer hinzufügen, Sie können Weisen Sie den Benutzernamen, die E-Mail-Adresse, Namen, das zweite, das Anmelde-Passwort und weisen Sie eine geeignete Rolle zu und klicken Sie auf „ Neuen Benutzer hinzufügen zu und weisen Sie eine geeignete Rolle zu und klicken Sie auf „ Neuen Benutzer hinzufügen“, um den Zugriff auf die Website zu bearbeiten. Es stehen 700 Regeloptionen zur Verfügung, wie ein Administrator Zugriff auf alle Funktionen der Website haben wird. Ein Editor kann Beiträge mehrerer Autoren veröffentlichen und verwalten. Und Autor kann veröffentlichen und verwalten Sie seinen eigenen Beitrag. Ein Mitwirkender kann den Beitrag schreiben, kann ihn aber nicht veröffentlichen. Und ein Abonnent kann nur den Inhalt lesen. Die Zuweisung der richtigen Regeln ist wichtig, da eine Website Ihr Vorteil ist und Sie niemals Sicherheitsrisiken eingehen sollten. Teilen Sie niemals die Super-Admin-Anmeldedaten mit ungleichmäßigen. Alles klar, eine letzte Sache hier ist die Verwaltung der Updates. Sie erhalten regelmäßig Updates zu WordPress-Themes und Plug-Ins. Stellen Sie sicher, dass Sie alle von ihnen für die Sicherheit und Leistung der Website aktualisieren. Obwohl dies die allgemeinen Einstellungen sind, die wir am Anfang aktualisieren, werde ich Ihnen empfehlen, jede einzelne Option hier im WordPress-Admin-Bereich zu erkunden , um sich mit der ganzen Menge von Optionen vertraut zu machen, von denen einige wird in den kommenden Schritten verwendet. Das war's. Wir sind mit den gängigsten Einstellungen für WordPress fertig und wir sind gut voran zu gehen. Wir werden im nächsten Video fortfahren. 28. WordPress Themes: Es ist nun an der Zeit, mit der Anpassung der Website zu beginnen. Sie werden eine Website entweder für sich selbst oder Ihren Kunden erstellen. Wir werden mit der Installation des Themas unserer Wahl beginnen. Lassen Sie uns den Mauszeiger über das Erscheinungsmenü und klicken Sie auf Theme Option. Derzeit, dass 2021 Team installiert ist, und es ist die Standard-WordPress-Theme. By the way, was bedeutet ein WordPress-Theme? Ein WordPress-Team ist ein Werkzeug, um das Layout und Design der Website zu ändern. Designs passen das Erscheinungsbild der Website an, einschließlich Layout, Typografie, Farbe und andere Design-Elemente. Ein WordPress-Theme wirkt wie eine architektonische Struktur für Ihre Website. Es bietet Ihnen die Funktionalität, verschiedene Teile einer Webseite, Lake Header, Hauptinhalt oder Körperbereich, Fußzeile, Widgets, Menüpositionen und vieles mehr zu bearbeiten Hauptinhalt oder Körperbereich, . Die Wahl der richtigen WordPress-Theme ist sehr wichtig , weil es den Grundstein für die Website-Design legt. Was passiert also, wenn Sie ein Team wechseln, nachdem n Anzahl von Seiten erstellt und Inhalte veröffentlicht haben? Nun, das Ändern des WordPress-Teams wird den Inhalt nicht ändern. Seiten, Benutzer oder andere Informationen in der Datenbank gespeichert, aber das Team ändert, wie alle diese Informationen den Website-Besuchern angezeigt werden. Wenn wir Änderungen im Team nach dem Putting Inhalt vornehmen, dann sind die Chancen, dass das Design wie für das Team geändert werden, und v kann am Ende n Anzahl der Revisionen machen, Neuanordnung des Designs der Website. So seien Sie sehr sicher, beginnt bei der Auswahl des richtigen Teams für die Website. Das Team, das Sie auswählen, muss schnell mit optimierten Gerichten geladen werden. Verfügen Sie über leistungsstarke Design-Optionen wie die Verwaltung der Layouts, Kopf- und Fußzeilen-Styling-Optionen unterstützen Typografie und Farben für verschiedene Elemente. Seo optimiert und reaktionsschnell, um gut mit allen Geräten zu arbeiten. Es gibt wieder Tausende von kostenlosen und kostenpflichtigen Themen zur Auswahl. Aber basierend auf meiner Erfahrung habe ich zwei bis drei Themen ausgewählt, die ich Ihnen empfehle, auf Ihrer Business-Website, Ihrer persönlichen Website, E-Commerce-Website oder in der Tat jede Art von Website, die Sie machen möchten, zu verwenden persönlichen Website, E-Commerce-Website . erste ist Astra, der andere ist Ozean WP, und der letzte ist Hello Team. Astra und Ozean WP sind Premium-Themen. Es bedeutet, dass sie eine kostenlose Version haben und sie haben auch die kostenpflichtigen Add-Ons, um die Funktionalität des Teams zu verbessern. Auf der anderen Seite ist das Halo-Team kostenlos, aber es ist ein einfaches Vanille-Team und es soll mit der Pro-Version von Elementor verwendet werden, um Sinn zu machen. Nun, offensichtlich, können Sie mit der kostenlosen Version der Teams beginnen. Ich werde Ihnen empfehlen, Astra über Ozean WP zu verwenden , da es die leichteste WordPress-Theme ist. Und es funktioniert absolut gut mit allen beliebten Page Buildern. Also gehe ich voran und klicke auf die Schaltfläche „Neu hinzufügen“. Jetzt in der Suchleiste, werde ich Astra eingeben. Hier sind die Suchergebnisse. Wählen Sie sorgfältig das Astra Theme aus und klicken Sie auf Installieren. Die Installation ist also im Gange, und hier ist es erledigt. Wie ich Ihnen bereits gesagt hatte, ist es immer ein zweistufiger Prozess. Also, nachdem das Thema installiert ist, klicken Sie auf aktivieren, um Astra, unser Arbeitsthema auf dieser Website zu machen . Stellen Sie sicher, dass Sie automatische Updates für das Design aktivieren, da vom Ersteller regelmäßig Updates bereitgestellt werden und V es aus Gründen der Leistung und Sicherheit aktualisieren muss. Falls ein Update aussteht, überprüfen Sie bitte die Aktualisierungsoption unter Dashboard. Da Sie gerade starten, empfehle ich Ihnen, Ocean WP zu installieren um die Unterschiede zwischen den beiden Teams zu testen. Und wenn Sie einige Verb-Erlöse von Envato Markt oder Envato Elements kaufen möchten. Vergewissern Sie sich, dass es mit Elementor kompatibel ist. Page Builder werden wir verwenden, um unsere Webseiten zu entwerfen. Ein weiteres Konzept möchte ich Ihnen sagen, wann immer wir eine professionelle Website erstellen, ist es immer empfehlenswert, ein Kinderthema zu verwenden. Ein untergeordnetes Team ist eine Erweiterung Ihres primären Themes, und es wird aus einigen strategischen Gründen verwendet. Es ist ein Thema, das die Funktionalität und das Styling eines anderen Teams erbt , das als übergeordnetes Team bezeichnet wird. Channel-Teams haben empfohlen, die bestehenden Teams zu ändern und dabei ihr Design und den Code beizubehalten. Nehmen wir an, Sie haben einige benutzerdefinierte Codes in Ihre Theme-Dateien gesetzt und es gibt ein Update. Wenn Sie das Update installieren, werden Ihre benutzerdefinierten Codes zurückgesetzt und Sie müssen sie erneut einfügen. Um sich von einem solchen Problem fernzuhalten, empfehlen wir immer, ein Kinderteam zu verwenden. Das Erstellen eines untergeordneten Themas ist sehr einfach. Machen Sie eine Google-Suche für Astra Team und klicken Sie auf diesen Link von Astra. Geben Sie hier einen Namen für dieses untergeordnete Team und klicken Sie auf Erweitert Option. Sie können auch ein Miniaturbild hochladen, um ein Thema darzustellen, und klicken Sie auf Download. Jetzt können Sie dieses untergeordnete Team in WordPress hochladen und es zusammen mit dem Elternteil als Unterthema verwenden , indem Sie installieren und aktivieren. Das war's. Ihr untergeordnetes Team ist aktiviert, und denken Sie daran, das übergeordnete Design nicht zu löschen. Es ist zwingend erforderlich, die Elternschaft installiert zu haben , damit das Kinderteam für Ihre Website arbeiten kann. Das war alles über die WordPress-Themes. Wir werden in der nächsten Lektion fortfahren und mehr über die WordPress-Plugins erfahren. Wir sehen uns dort. 29. WordPress Plugins: Was passiert, wenn ich Sie bitte, ein Smartphone ohne mobile Apps zu verwenden? Die Funktionalität eines Smartphones wird durch spezielle Apps wie Instant Messaging, Social-Media-App, Musik-Player-App, E-Mail- oder Videoaufnahme-App und vieles mehr erweitert. Ohne solche speziellen Labors ist ein Smartphone nicht besonders nützlich. In ähnlicher Weise verwenden sie Plugins, um die Funktionalität und Funktionen einer Website zu verbessern . Insgesamt stecken Sie in die Hauptquelle der speziellen Funktionalität für unsere WordPress-Website. Und es gibt eine riesige Sammlung von Plug-Ins für jede Aufgabe auf WordPress. Wie Sie Page Builder-Plug-Ins haben, um eine Webseite mit der Drag-and-Drop-Technik zu entwerfen. Sie haben Kopf- und Fußzeilenanpassungs-Plugins. Sie haben SEO Plugins, Bild-Optimierungs-Plugins, Cache Management Plug-Ins und viele, viele und viele weitere Plugins für jede spezielle Funktion. Sie können auch eine Google-Suche nach den am meisten empfohlenen Plug-Ins auf einer WordPress-Website machen und sogar die verschiedenen Plugins vergleichen, bevor Sie sie installieren. Nun, obwohl es so viele Plugins gibt, aber wir müssen sie intelligent verwenden, es wird empfohlen, die geringste Anzahl von Plugins zu verwenden, um die Website leicht, sauber, schnell und fehlerfrei zu halten . Und immer stellen Sie sicher, dass Sie die Plugins von autorisierten Entwicklern installieren , um vor unerwünschten Fehlern und Fehlern sicher zu bleiben. Zum Zeitpunkt der allgemeinen WordPress-Einstellungen hatten wir alle vorinstallierten Plugins entfernt, und jetzt ist es an der Zeit, die wichtigsten Plugins zu besprechen , die wir in unserem Website-Erstellungsprozess verwenden werden. Schauen wir uns sie eins nach dem anderen an. Das erste und wichtigste Plugin, das wir verwenden müssen, ist ein Page Builder Plugin. Ein Page Builder ist ein Plugin, das uns hilft, eine Webseite ohne die Notwendigkeit von Codes zu entwerfen. Es vermittelt Drag & Drop-Funktionalität der Website-Bearbeitung vom Front-End. Dies hilft uns, sich ganz auf den Inhalt und das Design der Website zu konzentrieren , ohne sich um die Codierung kümmern zu müssen. Es hilft Nicht-Programmierer wie Sie und ich erstellen eine schöne Website und dass, keine Zeit zu nehmen. Lassen Sie uns ein wenig Klarheit seitens der Zitate bekommen. Verwendung eines Page Builders bedeutet nicht, dass Ihre Website überhaupt keine Zitate hat. Es hat Zitate, aber durch die Verwendung von Page Buildern, über nicht erforderlich, um diese Codes zu schreiben, müssen wir nur die Webseiten entwerfen und Page Builder wird automatisch Codes für uns erstellen. Im Back-End. Diese Friedensbauer haben die Webentwicklung in den letzten Jahren revolutioniert. Es gibt so viele Page Builder Plug-Ins jetzt für WordPress wie Elementor, Beaver Builder, Devi, Sauerstoff Builder, luftig, Visual Composer. Aber sie werden das Beste aus ihnen verwenden. Nach meiner Erfahrung, Elementor Tonnen bis zum effektivsten Page Builder Plugin für WordPress sein. Sofort. Es ist der fortschrittlichste Page Builder mit herausragenden Funktionen und Funktionalitäten. Die Gerichte im Back-End sind auch sauber und helfen beim schnelleren Laden der Website. Und es gibt viele Vorlagen für Elementor, um den Prozess der Website-Erstellung zu beschleunigen. Lassen Sie uns den Prozess sehen, um ein Plugin mit dem Mauszeiger über das Plugin-Menü zu installieren und klicken Sie auf Plug-in-Option hinzufügen. Geben Sie nun Element oder in der Suchleiste ein, und Sie erhalten, dass auch hier unten ist. Wählen Sie das offizielle Elementor Plug-in aus und klicken Sie auf Installieren. Während der Installation eines neuen Plugins, stellen Sie sicher, dass Sie das offizielle Plugin installieren, da es so viele verschiedene Plugins mit ähnlichen Namen und Erweiterungen zur Verfügung stehen. Außerdem ist die Installation eines Plugins und WordPress ein zweistufiger Prozess. Jetzt haben wir installieren elementor und Wochenende aktivieren Sie das Plugin, indem Sie auf diesen Button klicken. Aber Weizen, ich habe noch ein Plugin zu installieren. Dies ist ein Premium-Plugin und ich habe das Abonnement für ein Jahr genommen. Es ist Elementor Pro, und Sie können es von der Elementor-Website herunterladen , sobald Sie das Abonnement erworben haben. Nun, ich benutze Elementor Pro, weil es die Funktionalität und Funktionen des freien Elements verbessert oder zu einer ganzen Menge ausgestorben ist. Sie erhalten viele Funktionen wie den Pop-up-Builder, den Team-Builder, rund 13 weitere Premium-Assistenten, die Sie beim Entwerfen der Webseiten verwenden können. Es ist ein sehr leistungsfähiges Plugin. In der Tat, ein sehr leistungsfähiges kostenpflichtiges Abonnement des kostenlosen Elements von, und ich empfehle Ihnen, es zu verwenden, wenn Sie professionelle Websites für sich selbst oder Ihre Kunden erstellen möchten . Jetzt habe ich das Elementor Plugin von dem Element oder der Website heruntergeladen und muss es auf mein WordPress hochladen. Ich klicke auf „Neu hinzufügen und klicke auf „Hochladen“. Sobald es hochgeladen und installiert ist, können wir nun beide Plugins gemeinsam aktivieren. den Mauszeiger über das Plugin-Menü, klicken Sie auf Plug-Ins installieren. Hier ist die Liste der installierten Plugins. In Ordnung, also haben wir nur zwei Plug-Ins auf dieser Seite. Lassen Sie mich Ihnen eine andere Website zeigen, die mehr Plug-Ins hat, um diesen Prozess besser zu verstehen. Die Plugins, die installiert, aber noch nicht aktiviert sind, haben diese Overlay-Farbe und blauen Rand nicht. Während die Plugins, die installiert und aktiviert wurden , haben die Overlay und blauen Rand. Wir müssen die Plug-Ins auswählen, die installiert sind, aber nicht aktiviert werden. Also hier haben wir die Auswahl getroffen und klicken Sie jetzt auf Massenaktionen, Dropdown-Liste, wählen Sie die Option Aktivieren, und klicken Sie auf Übernehmen. Das war's. Wir haben mehrere Plug-Ins angebogt und es hat uns Zeit gespart. Ich würde Ihnen empfehlen, den Entwicklungsprozess mit nur den wesentlichen Plugins zu starten und immer sicherzustellen, dass Sie die geringste Anzahl von Plugins auf der Website verwenden. Wir werden die anderen Liganden installieren, wenn wir sie einzeln in unserer Website erstellen Reise benötigen . Aber ich hoffe, Sie sind mit dem Plug-in-Installationsprozess klar. Genauso wie Sie Updates für mobile Labs erhalten. In ähnlicher Weise erhalten Sie Updates für Plug-Ins. Wordpress Plugin Seite jetzt automatisch aktualisiert, aber überprüfen Sie, ob Betas ausbessern, indem Sie auf die Option Updates unter Dashboard gehen. Wenn Sie einige Premium-Plugins verwenden, stellen Sie sicher, dass die Lizenzen aktiv sind, um die Updates zu erhalten. Und noch eine Sache, lassen Sie mich das Elementor Pro Plugin für jetzt deaktivieren, weil es ein bezahltes ist. Und ich möchte, dass Sie zuerst mit den Grundlagen beginnen, also mit der kostenlosen Version von Elementor. Das ist es. Für diese Lektion werden wir im nächsten Video fortfahren. 30. Erstellen der ersten Website: Nun, lassen Sie uns beginnen, die Website von Grund auf neu zu erstellen und lassen Sie uns die erste Webseite erstellen, schwebt über die Option Seiten und klicken Sie auf Neue Seite hinzufügen. Sie können dieses Popup loswerden, indem Sie auf eine beliebige Stelle im offenen Bereich klicken. Eine wichtige Sache, die ich Ihnen sagen möchte, ist, den Prozess des Hinzufügens von Seiten zu starten und Post ist fast das gleiche. Wenn Sie also einen Blogbeitrag erstellen möchten, müssen Sie einfach die Option Beitrag hinzufügen von hier aus auswählen. Aber der Rest des Prozesses wird wie das Lesen einer Webseite gesehen werden. Nun lassen Sie uns die Einstellungen sehen, die wir durch die Erstellung von Webseite erhalten. Hier oben, haben Sie die Möglichkeit, Titel auf der Seite wie Home Über uns Produkte, Dienstleistungen, Leiter, Datenschutzrichtlinie bereitzustellen Titel auf der Seite wie Home Über uns Produkte, . Dieser Titel ist wichtig für Benutzer, um die Informationen des Labels auf dieser Webseite zu erkennen. Da wir gerade mit einer Website beginnen, lassen Sie uns die wichtigste Webseite oder die Standardseite erstellen , die wir als Homepage im Titel nennen, lassen Sie mich nach Hause eingeben. Als Nächstes. Auf der rechten Seite finden Sie mehrere Einstellungen und Optionen. Einige Einstellungen und Optionen sind WordPress-Standard, und einige Einstellungen werden basierend auf dem Team oder einigen Plugins hinzugefügt , die wir auf der Website verwenden. Und lassen Sie mich Ihnen sagen, dass wir in diesem Kurs als Thrity Thema verwenden. Wenn ich alle Kategorien minimiere, erhalten Sie einen klaren Blick auf alle verfügbaren Optionen. So können wir den Status und die Sichtbarkeit hier verwalten. Aber Mulling vorgestellten emerge Diskussion Seite Attribute und ein Team Einstellungen. Für diese Seite. Lassen Sie uns die Optionen eins nach dem anderen sehen. Die Status- und Sichtbarkeitsoption ermöglicht es, die Seite oder den gesperrten Strand mit einem Passwort zu verstecken. Wenn Sie die Veröffentlichung einer Seite oder eines Beitrags zeigen möchten, können Sie Datum und Uhrzeit zuweisen und die Seite oder Beitrag wird automatisch planmäßig veröffentlicht. Als nächstes können Sie unter den Permalink-Einstellungen die Schnecke der URL-Halle verwalten, richtig? Also, was ist eine Schnecke? Eine Schnecke ist in der Regel der Titel der Seite oder Beitrags, der für das bessere Verständnis des Besuchers optimiert ist. Es ist die Erweiterung, die nach dem Domain-Namen in der URL zufrieden ist. Und wenn Sie Änderungen an der Schnecke vornehmen möchten, können Sie sie hier über die Permalink-Einstellungen bearbeiten. Verwechseln Sie sich nicht mit den vorherigen Permalink-Einstellungen, die ich Ihnen gesagt habe. Dieser Permalink, der hier für diese Seite sitzt, dient nur dazu, die Struktur der URL für diese bestimmte Seite zu bearbeiten. In Ordnung, Die nächste Option ist, ein empfohlenes Bild hinzuzufügen. Es ist sehr nützlich für einen Blog-Beitrag und wirkt wie ein Miniaturbild für den Beitrag auf der Archivseite, und es wird auch oben auf der einzelnen Beitragsseite angezeigt. Als Nächstes können Sie die Kommentare unter der Diskussionsoption zulassen oder nicht zulassen. Als Nächstes können Sie ein Layout oder eine Vorlage für die Seite verwenden, indem Sie die Seitenattributoptionen verwenden. Hier können Sie die übergeordnete Kategorie auch einer Seite zuweisen , die bei der Optimierung der URL-Struktur hilfreich ist. Es ist eine sehr nützliche Funktion, häufig in E-Commerce-Websites verwendet wird, um diese Kategorie und Unterkategorie in den URLs selbst deutlich zu zeigen . Schließlich haben Sie die Teameinstellungen für die Seite. Hier in Astra haben Sie die Möglichkeit, die Seitenleiste der Seite ein- oder auszublenden. Es ist nur der Inhalt Layout, aktivieren oder deaktivieren Sie die Kopfzeile, Seitentitel, Featured Bild und Fußzeile für die Seite oder Post. Die anderen Designoptionen wie transparente Kopfzeile sollten sich von dem Anpassungsprogramm unterscheiden. Damit wir es hier überspringen können. Sobald Sie mit den Einstellungen fertig sind, können Sie auf Veröffentlichen klicken und erneut auf Veröffentlichen klicken, und das war's, die erstellten Seiten. Wenn Sie dieses Doppel-Häkchen für die Veröffentlichung deaktivieren möchten, können Sie diese Option hier deaktivieren. Nun, um diese Seite zu bearbeiten, werden wir mit einem Standard-Block-Editor von WordPress zur Verfügung gestellt. Und das ist der Bearbeitungsmodus, um eine Seite oder einen Beitrag zu entwerfen. Aber wir werden die Seite mit Elementor bearbeiten, dem weltweit fortschrittlichsten Page Builder. Erstellen von Webseiten mit Elementor ist eine sehr spannende Aufgabe und wir werden in der nächsten Lektion die Grundlagen der Verwendung von Elementor kennenlernen. Wir sehen uns dort. 31. Elementar vorbereiten: Willkommen in der ersten Lektion von Elementor, und lassen Sie uns die Reise der Schaffung fantastischer Webseiten und pixel-perfekte Website ohne Codierung mit Elementor beginnen, wir werden mit der Einrichtung des Elements oder 4 ersten US beginnen und lassen uns sehen einige gemeinsame Einstellungen. Das erste, was Sie mit Elementor zu tun haben, ist, klicken Sie auf die Elementor-Einstellungen von hier und stellen Sie sicher, dass Sie deaktivieren, dass die Standardwarnungen und Telefone deaktiviert , um die Farb-Telefoneinstellungen mit Elementor zu aktivieren. Elementor ist vollständig für sich, um mehrere Einstellungen zu verwalten. Und so wollen wir nicht den Theme Colors Index Phi verwenden. Wir aktivieren das Element oder die Standardeinstellungen. Hier. Wir werden die globalen Werte für Farben, Typografie und Abstände einrichten. Und das gilt für alle Elemente und Seiten auf der Website. Es bedeutet, dass wir die Farben des Branding Guide einrichten. Ich bin Falten hier in Elementor, um den Website-Entwicklungsprozess einfach und konsistent als Teil unseres Designs zu machen . Nun, um die Webseite zu bearbeiten, klicken wir auf Bearbeiten und kommen wieder zur Option Einstellungen. Klicken Sie hier auf Bearbeiten mit Elementor. Sie werden zu diesem Bearbeitungsbildschirm und der System-Haupt-Schnittstelle weitergeleitet, die wir verstehen müssen, um eine tolle Website zu erstellen. Dies ist also die Bearbeitungsschnittstelle für Elementor, und ich muss sagen, dass es sehr einfach und benutzerfreundlich ist. Sie haben alle Bearbeitungsoptionen hier auf der linken Seite bezahlt und die Bearbeitungsfläche auf der rechten Seite. Es gibt eine Schaltfläche, um den Bearbeitungsbereich auszublenden, und damit wird die Vorschauseite geöffnet. Im Vorschaumodus können Sie die Webseite nicht bearbeiten, da Sie sie nur in der Vorschau anzeigen können. Um zum Bearbeitungsbereich zurückzukehren. Klicken Sie erneut auf diesen Pfeil, und Sie erhalten die Bearbeitungsoptionen zurück. Lassen Sie uns das Setup mit den Optionen auf der Oberseite starten. Wenn Sie auf das Hamburger-Symbol klicken, erhalten Sie Optionen für Site-Einstellungen, Team-Builder und Benutzereinstellungen verwalten. Wir werden sie eins nach dem anderen sehen. Lassen Sie uns zuerst auf Website-Einstellungen klicken. Hier müssen Sie die Farben erwähnen, die Sie im Branding Guide fertig gestellt haben. Klicken Sie hier auf die Primärfarbe und geben Sie den Hex-Code Ihrer Farbe ein. Dieser wird nun in der Farbpalette gespeichert. Sie können die Kategorie bei Bedarf auch umbenennen. Aktualisieren Sie auf die gleiche Weise den sekundären Text und die Akzentfarbe mit den Markenfarben, die wir im Branding Guide fertig gestellt haben. Selbst wenn Sie der Palette weitere Farben hinzufügen möchten, können Sie sie hinzufügen, umbenennen und sie auch löschen. Und wenn Sie eine Farbe entfernen oder die Farbe löschen möchten, klicken Sie hier auf diese Option löschen, es wird wieder leer. Einstufung. Die farbige gültig ist der erste und wichtigste Schritt der Verwendung eliminieren oder weil es viel Zeit spart , indem Sie die Standardfarben mit nur einem Klick auswählen. Gehen Sie nun zurück zum vorherigen Menü, indem Sie hier klicken. Als nächstes müssen Sie die globalen Telefone einrichten. Hier werden Sie die Standard-Typografieeinstellungen für alle verschiedenen Arten von Telefonen wie Familienüberschrift, sekundäre Überschrift, XT und XT und Telefone zuweisen, indem Sie die globalen Telefoneinstellungen zuweisen, speichert den Stil in der Schriftart -Palette hier. Und Sie können diesen Stil einfach mit einem einzigen Klick zuweisen. Wenn Sie auf das Stiftsymbol klicken, werden die Topografieeinstellungen geöffnet. Die erste Option besteht darin, die Telefonfamilie auszuwählen. Sie erhalten Google-Telefone, um aus diesem Drop-down-Menü auszuwählen. Treffen Sie eine Auswahl der Ford-Familie gemäß dem Branding Guide. Nächste Option besteht darin, die Telefongröße auszuwählen. Sie können dieses Rad entweder manuell scrollen oder einfach den Wert eingeben. Es gibt vier Maßeinheiten, aber wir werden mit Pixeln gehen. Hier gibt es noch etwas zu bemerken. Wenn ich den Wert in der Telefongröße lösche, wird er auf den Standardwert wiederhergestellt. Sie müssen sich fragen, dass, wenn es keinen Wert in der Box gibt, es eine 0 benötigt, aber es ist nicht so im Element oder es wird nur 0 sein, wenn Sie 0 hier erwähnt haben, oder wenn Sie es leer halten, wird es der Standardwert sein. Dieses Konzept im Hinterkopf, denn es wird Ihnen viel im Kurs helfen. Unser Kopf als nächstes ist das Gewicht. Dadurch wird Ihr Text hell oder fett aussehen. Dann können Sie diese Transformationseinstellungen versuchen, um den Text in Großbuchstaben, Kleinbuchstaben oder Großbuchstaben zu setzen. Als Nächstes können Sie den Text in Kursivschrift über die Formatoption formatieren. In der Dekoration können Sie Überschriften einfügen und welche Zeilen zu den Texten und sogar durchgestrichene Linien, die wir auch die Zeilenhöhe anpassen können. Und lassen Sie uns für den TextContent sagen, achten Sie auf die Maßeinheiten und wir müssen die Pixeleinheit für jede Messung verwenden. Ich möchte Sie eine Sache fragen. Merkst du dieses kleine Bildschirmsymbol nach einigen Einstellungen? Nun, dieses Symbol stellt dar, dass Sie in dieser Einstellungsoption für verschiedene Geräte benutzerdefinierte Anpassungen vornehmen können . Wenn Sie beispielsweise einen anderen Wert der Telefongröße für Mobiltelefon zuweisen möchten, können Sie auf dieses Symbol klicken, Mobile auswählen und den anderen Wert zuweisen speziell für das mobile Gerät und das gleiche wie für ein Tablet tun kann. Hier hilft Ihnen das Website-Design sehr, weil wir bereits mit der Telefongröße für jeden Gerätetyp fertig gestellthatten bereits mit der Telefongröße für jeden Gerätetyp fertig gestellt und wir keine Zeit damit verbringen müssen, mit verschiedenen Werten in der Entwicklungsphase zu experimentieren . Eine andere Sache, wenn Sie diese vollständigen typografischen Einstellungen auf die Standardeinstellung zurücksetzen müssen, können Sie hier auf diese Standardschaltfläche klicken. Und sobald Sie fertig sind, dass ihre Typographie-Einstellungen klicken Sie auf dieses Bleistift-Symbol wieder, und es wird hervorheben. Auf diese Weise können Sie die globalen Telefone wie täglich speichern. Lasst uns jetzt zurückgehen. Klicken Sie nun auf Typografie. Hier können Sie die Typografie für bestimmte Textarten wie Überschrift 1, Überschrift 2, bis Überschrift 6, den Absatz Lebensmittel und einen Link Falten einrichten. Diese Einstellungen sind anwendbar, wenn Sie ein neues Textfeld oder ein neues Überschriftenfeld platzieren oder einen Hyperlink im Bearbeitungscampus erstellen. Das Definieren der Werte hier kann Zeit sparen und die Topografie immer wieder anpassen. So jetzt werden Sie in der Lage sein, die globalen Farben und globalen Telefone zu nutzen , die wir gerade im vorherigen Menü gesagt haben. Und das spart viel Zeit in der Entwicklungsphase. By the way, sobald Sie mit den Einstellungen fertig sind, Klicken Sie auf die Update-Schaltfläche hier unten, um die Änderungen zu speichern. Es ist eine gute Angewohnheit, die Arbeit mindestens alle fünf Minuten zu retten. Die nächsten Einstellungen beziehen sich auf die Standardschaltfläche, Bilder und Formularfelder, aber wir werden sie zuerst in der Widget-Lektion sehen und dann später, wenn wir es benötigen, können wir hier zurückkommen, um die Standardwerte zuzuweisen. Im Folgenden haben wir Einstellungen in Bezug auf die Site-Identität, Hintergrund, das Layout und die Lichtbox. Wir werden zuerst die Site-Identität einrichten. Sie können den Namen und die Beschreibung der Website aktualisieren, die Website-Titel und Slogan übereinstimmen. Als Nächstes können Sie das Logo für die Website hochladen. Stellen Sie sicher, dass Sie die richtigen Abmessungen verwenden, damit das Logo in der Kopfzeile wirksam erscheint. Als nächstes können Sie das Fairway hochladen können Site-Symbol bestellen, um hier auf der Registerkarte anzuzeigen. Ein fav Icon oder Cytokinin sollte immer im Verhältnis zwischen dem, was zu eins ist, vorzugsweise 52 Pixel x 500 Pixel. Nun, hier ist die Seitenhintergrundeinstellung. Sie können aus den klassischen Inhaltsstoffoptionen auswählen und farbiges Bild oder einen Farbverlauf für den Seitenhintergrund verwenden. Wenn Sie also eine dunkle Website erstellen möchten, können Sie schwarz als Seitenhintergrund auswählen. hier eine Seitenfarbe zuweisen, wird die Farbe auf alle Seiten der Website angewendet. Wenn Sie den Hintergrund für eine bestimmte Seite anpassen möchten, können Sie dies über das Einstellungen-Symbol hier auf der einzelnen Seitenbearbeitung tun. Alles klar, jetzt lassen Sie uns zurück und wählen Sie die Layout-Option. Hier können Sie einen Blick auf den Abstand, die Breite und das Layout werfen. Diese Standardeinstellungen funktionieren am besten und es müssen keine Änderungen vorgenommen werden. Ich habe mich gerade geändert. Drittens, Standard-Seitenlayout Elementor volle Breite, da wir nicht die Theme-Einstellungen verwenden. Das war's. Als Nächstes werden die Standardeinstellungen für Leuchtkästen angezeigt. Übrigens, was ist die Lichtbox? Ein Light-Box-Pop-up ist ein Fenster-Overlay, das auf einer Webseite wie dieser angezeigt wird. Wenn ein Light-Box-Pop-up angezeigt wird, wird der Hintergrund angeboten, abgeblendet und deaktiviert, was bedeutet, dass die Besucher der Website nicht mit den anderen Inhalten auf der Website interagieren können. Dies lenkt die Aufmerksamkeit auf die Lichtbox selbst. So können Sie unsere Standardeinstellungen für die Glühbirnen von Displays anpassen, aber es ist jetzt nicht so wichtig. Lassen Sie uns sehen, ob die Änderungen, die wir vorgenommen haben, klicken Sie auf Update, und jetzt lassen Sie uns zurück. Sie können das Custom CSS überspringen. Es ist nicht für die Nicht-Quartier wie Sie und mich. Und wenn Sie Beschichtungen kennen, dann können Sie diese Funktion definitiv nutzen, indem Sie Elementor Pro abonnieren. Ich bin schließlich, Sie können auf die zusätzliche Einstellungsoption klicken, um zu den Elementor Plug-in-Einstellungen im Admin-Bereich in einer neuen Registerkarte zu gehen . Hier haben wir bereits die Einstellung zu Beginn der Lektion in der Dynastie gemacht nur erforderlich Einstellung, die wir machen mussten. Und wenn Sie Elementor Pro abonniert sind, können Sie die benutzerdefinierten Telefone und benutzerdefinierte Symbole aus diesen Optionen verfügbar Wärme hochladen. Wir werden diese Team-Builder-Option hier überspringen, da sie in Elementor Pro von liberaler Bedeutung ist. Und wir werden uns später im Kurs darum kümmern. Lassen Sie uns die Benutzereinstellungen sehen. Hier erhalten Sie die Möglichkeit, das Element oder die Anzeige zu ändern. Derzeit sind wir im Lichtmodus und Sie können auch auf das dunkle Board wechseln. Ich weiß, dass einige von euch definitiv den dunklen Modus im Vergleich zum Licht-Modus beleuchten werden. Aber lassen Sie mich nur in diesem Kurs im Lichtmodus fortfahren. Sie können die Paddelbreite auch so manuell einstellen. Und wenn Sie es Standard wiederherstellen möchten, können Sie einige 300 Pixel eingeben. Sie können das Gewicht nach Ihren Wünschen anpassen. Also sind wir mit dem Sektor Elementor fertig für den ersten Gebrauch, und wir werden die Grundlagen von Elementor in der nächsten Lektion weiter lernen. Wir sehen uns dort. 32. Grundlagen der Verwendung von Elementor: Das Bearbeitungsfeld von Elementor ist sehr einfach zu bedienen. Es enthält eine Liste von Widgets, die in die grundlegenden und genitalen Besuche kategorisiert sind. Wenn Sie Elementor Pro verwenden, haben Sie zusätzliche Kategorien wie die Pro und Website-Widgets aktiviert. Wir werden über die Verwendung aller Wüsten in den kommenden Lektionen lernen. Aber für jetzt, lassen Sie mich Ihnen sagen, wie Sie die leere Leinwand in dieser Lektion verwenden. Zunächst einmal die oberste Reihe, die die Kopfzeile der Website ist und die letzte Zeile, die die volle Hauptlast der Website gekauft ist. Die Kopf- und Fußzeile können nicht aus diesem Bearbeitungsbereich bearbeitet oder erstellt werden. die Einstellungen von Kopf- und Fußzeile kann über den Customizer zugegriffen werden , wenn Sie die Teameinstellungen von dem Element, unserem Team-Builder, verwenden, wenn Sie Elementor blue verwenden. Vergessen Sie also die Kopf- und Fußzeile, während Sie sich auf der Seite befinden. Bearbeitungsmodus. Konzentrieren Sie sich hier nur auf den Hauptinhaltsbereich der Webseite. Sie können einen Abschnitt einfügen, indem Sie auf dieses Plus-Symbol klicken und die Struktur mit unterschiedlicher Anzahl von Spalten auswählen. Standardmäßig wird ein Abschnitt immer mit einer einzelnen Spalte eingefügt. Sie können mit einer einfachen Struktur beginnen, da sie später gemäß Ihrer Anforderung angepasst werden kann . Hier stellt die blaue Rahmenlinie eine Schnittgrenze oder einen Schnittrahmen dar, während die graue gepunktete Linie eine Stütze darstellt. Sie können weitere Abschnitte über dem Abschnitt hinzufügen, indem Sie auf das Plus-Symbol hier oder unten klicken. Wenn Sie den Abschnitt löschen möchten, klicken Sie auf dort, Abbrechen, Ich bekomme hier. Um nun die Einstellungen dieses Abschnitts zu bearbeiten, müssen Sie mit der rechten Maustaste auf die Punkte hier klicken und auf Bearbeiten Abschnitt klicken. Die Bearbeitungsoptionen für diesen Abschnitt werden im linken Bereich geöffnet. Wenn Sie sich die obere Registerkarte ansehen, finden Sie die drei Arten von Einstellungen. Layout für die Anzahl der Läufer Nummer zwei, sein Stil und Nummer drei ist fortgeschritten. Alle Einstellungen für Abschnitte, Spalten, und in der Tat, alle Besuche werden die drei Arten von Einstellungen oder die drei Einstellungen Registerkarten, spät, Leon Stil und erweiterte. Behalten Sie das immer im Hinterkopf. Als nächstes, wenn Sie zum Startbildschirm des Bearbeitungsfelds zurückkehren müssen, klicken Sie auf dieses Raster. Eigen. Kennen Sie meinen Dad, wie tief Sie in irgendeiner Umgebung sind. Wenn Sie auf dieses Gitter eigen klicken, werden Sie auf den Startbildschirm des D-Bearbeitungsfelds zurückkehren. Lassen Sie uns nun sehen, welche anderen Optionen ich beschriftet habe, klicken Sie mit der rechten Maustaste auf die Punkte hier. Nun, Sie können ein Duplikat dieses Abschnitts erstellen. Als Nächstes können Sie diesen Abschnitt kopieren und an einer anderen Stelle einfügen, an beliebigen Stelle auf der Seite nach oben oder unten. Als Nächstes können Sie die Option Einfügestil verwenden. Es ist so, als ob Sie die Einstellungen eines Abschnitts kopieren und auf einen anderen Abschnitt anwenden möchten, können Sie den Status kopieren und einfügen. Es ist manchmal sehr praktisch. Und wenn Sie eine Abschnittseinstellung auf die Standardeinstellung zurücksetzen möchten, klicken Sie auf Standardstatus. Nun, die nächste Option ist sehr wichtig. Sie können den Abschnitt als Vorlage speichern. Und wir wissen, dass wir diese Vorlagen auf verschiedenen Seiten und auf verschiedenen Websites wiederverwenden können. Klicken Sie also einfach auf Vorlage speichern, geben Sie ihm einen Namen, und klicken Sie auf Speichern. Dies ist übrigens das Element oder die Vorlagenbibliothek. Hier finden Sie eine riesige Sammlung von vorgefertigten Blöcken, Seiten und eine Liste von Warnungen, die Sie möglicherweise gespeichert haben. Wenn Sie eine Vorlage an dieser Stelle einfügen möchten, können Sie einfach auf Einfügen klicken, und hier ist es. Die Vorlage wird eingefügt. Sehr einfach. Wenn Sie Elementor-Blöcke und Vorlagen verwenden möchten, müssen Sie sich auf Elementungerade registrieren und ein kostenloses Konto erstellen. Dann können Sie die kostenlosen Vorlagen einfügen. Und wenn Sie das Elementor Pro-Abonnement haben, können Sie auch die Pro-Vorlagen einfügen. Wenn Sie nun unsere Vorlage exportieren möchten, können Sie auf die drei Punkte klicken und auf Exportieren klicken. Diese Vorlage wird im JSON-Format ausgenutzt und Sie können sie auf eine Website hochladen , indem Sie auf diese Importoption klicken und die Datei hochladen. Wenn Sie auf diese Vorlagen zugreifen möchten, können Sie hier auf dieses Ordnersymbol klicken. Als nächstes klicken Sie erneut mit der rechten Maustaste auf die Punkte und sehen Sie, was hier noch übrig bleibt. Okay, der nächste ist Navigator. Und hier können Sie die Reihenfolge der Abschnitte und Spalten verwalten, genau wie wir Texte und das Grafikentwerfungstool verwalten. Es ist auch nützlich, um die Reihenfolge der Abschnitte zu ändern und Sie können es auch durch einen Doppelklick umbenennen. Nun, das letzte, was wir über das Element oder Bearbeitungsfeld lernen müssen, ist diese untere Leiste. Hier finden Sie die Option für die Seiteneinstellung und Sie können den Titel, Status und das ausgewählte Bild für den Blogbeitrag ändern . Dies sind die gleichen Einstellungen, die wir beim Erstellen der Seite vorgenommen haben. Wenn Sie hier auf die Fleckoption klicken, werden Sie feststellen, dass Sie den Hintergrundtyp für diese bestimmte Seite ändern können. Es hat die gleichen Optionen wie ist einfarbig oder ein Bild, oder eine Farbverlaufsfarbe. Wenn Sie eine Pfirsichfarbe zuweisen möchten, können Sie eine auswählen, indem Sie den Hintergrundtyp als klassische Zutat auswählen und die Farbe auswählen. Bitte beachten Sie, dass diese Pfirsichfarbe nur für diese spezifische Seite gilt. Als Nächstes können Sie den Navigator auch von hier aus aktivieren. Dann ist als nächstes die Historienoption. Hier finden Sie ein Protokoll der Aktivitäten und Sie können leicht zurückkehren, indem Sie die Aktionen und Revisionen verwenden. Die Option Aktionen enthält eine Liste der Aktivitäten in der aktuellen Sitzung vor der letzten Aktualisierung. Und die Revisionen Option enthält automatische Kopien einiger der älteren Versionen sowie vor dem Update. Nächste Option besteht darin, die Website für verschiedene Geräte zu optimieren. Es ist sehr wichtig, weil wir definitiv eine responsive Website erstellen möchten , die sehr gut auf allen Geräten wie Computern, Mobiltelefonen und Tablets funktioniert . auswählen Hier können Sie ganz einfach die Desktop-Vorschau, die Tablet-Vorschau und die mobile Vorschau und deren Website entsprechend optimieren. Als nächstes wird die IA-Pistole verwendet, um die Vorschau der Seite zu sehen , und die Aktualisierungsschaltfläche wird verwendet, um die Webseite zu speichern und zu veröffentlichen. Alle Änderungen, die Sie auf der Website vornehmen. wird sofort veröffentlicht, sobald Sie auf diese Schaltfläche „Aktualisieren“ klicken. Außerdem werde ich Ihnen vorschlagen, sich die Gewohnheit zu machen, Ihre Arbeit alle fünf Minuten zu retten. In der Nähe der Schaltfläche „Aktualisieren“ finden Sie einen Pfeil mit einigen weiteren Optionen. Anstatt die Seite global zu veröffentlichen, können Sie sie als Entwurf speichern und aktualisieren, sobald der Entwurf abgeschlossen ist. Und Sie erhalten auch eine Option, um die Seite als Vorlage zu speichern. Wenn Sie nun eine Vorlage aus dieser Option speichern, können Sie die gesamte Seite Act läuft in einer einzigen Vorlage speichern. Wenn Sie also einen einzelnen Abschnitt speichern möchten, können Sie aus den Abschnittseinstellungen speichern, wie wir zuvor gesehen haben. Und wenn Sie eine vollständige Seite speichern möchten, können Sie dies von hier aus in der Nähe der Update-Option tun. Beide werden in der Vorlage wie Dame zugänglich sein. Denken Sie nun daran, dass Sie sich hier im Bearbeitungsmodus befinden. Um die Vorschau anzuzeigen, können Sie entweder das Bedienfeld ausblenden oder auf die Option Seite anzeigen klicken. Da vn mit WordPress, werden Sie immer den schwarzen Balken am oberen Rand der Seite finden Sie in der WordPress eingeloggt hatte. Sie können auch hydratisieren, aber das ist sehr hilfreich, da Sie zum Dashboard zurückkehren können , indem Sie den Mauszeiger über den Titel bewegen und auf das Dashboard klicken. Oder Sie können zu den Customizer-Einstellungen gehen. Von anpassen können Sie die ausstehenden Aktualisierungen, Kommentare sehen , eine neue Seite, einen neuen Beitrag hinzufügen , die Seiteneinstellungen bearbeiten oder das Seitendesign mit Elementor bearbeiten. Sie können auch umleiten, um die benutzerdefinierten Layouts wie Header zu bearbeiten und Fußzeile von hier selbst. Und wenn Sie sich vom Bearbeitungsmodus der Website abmelden möchten, Mauszeiger über den Benutzernamen und klicken Sie auf Abmelden. Dieser schwarze Balken ist die Abkürzung zu vielen Einstellungen und Optionen. Wenn Sie über das Dashboard des Admin-Bereichs verlassen möchten, klicken Sie auf die Option Exit Dashboard. Das war's. So können Sie auf Elementor zugreifen und lebendige erfahren Sie mehr über die Abschnitts- und Spalteneinstellungen im nächsten Video. Wir sehen uns dort. 33. Abschnitt und Spalteneinstellungen: Dann verwenden wir Konstruktionswerkzeug. Wir können leicht ein Rechteck erstellen und den Inhalt durch ein einfaches Drag-and-Drop platzieren. Aber die Informationen in einer solchen Struktur auf einer Webseite zu arrangieren, ist ein ganz anderes Spiel. Sie müssen Abschnitte und Spalten verwenden, um das Seitenlayout zu verwalten. Also, was bedeutet dieser Abschnitt und was ist eine Spalte? Abschnitt ist der Bereich der Seite, in dem Sie Spalten platzieren können , um die Informationen in einer organisierten Weise darzustellen. Und mit Spalte meinen wir einen vertikalen Block von Inhalten. Möglicherweise benötigen Sie mehrere Spalten über die Breite der Seite. Ein Abschnitt kann eine oder mehrere Spalten enthalten, und Sie können die strukturierte gemäß der Entwurfsanforderung anpassen. Lassen Sie uns sehen, wie diese Abschnitte und Spalten auf einer Webseite zu verwalten. Wir wissen, wie man einen neuen Abschnitt einfügt. Klicken Sie auf das Plussymbol und wählen Sie eine Struktur aus. Sie können eine einfache Struktur auswählen und wir können sie natürlich später anpassen. Ein Abschnitt wird durch blaue Rahmenlinie dargestellt und die Spalte wird durch eine graue gepunktete Linie dargestellt. Jetzt im Inneren als Abschnitt gibt es Spalten, um diesen Abschnitt in 23 oder eine beliebige Anzahl von Teilen zu teilen, die Sie benötigen. In einem Abschnitt gibt es zwangsläufig zumindest Spaß Spalte. Ein weiterer wichtiger Punkt, der hier zu beachten ist, ist, dass Spalten nur von links nach rechts hinzugefügt werden. Es bedeutet, dass Spalten verwendet werden, um Ablehnungen und horizontale Form anzuordnen. Wenn Sie mehr Bereich in vertikaler Form hinzufügen möchten, müssen Sie Abschnitte verwenden, wie es von oben nach unten funktioniert. Lassen Sie uns einen Blick auf die Abschnittseinstellungen. Bewegen Sie einfach den Mauszeiger über den oberen Mittelteil und klicken Sie mit der rechten Maustaste auf die Punkte. Jetzt können wir den Bearbeitungsbereich sehen und links mit Einstellungen mit den drei Haupt-Registerkarten, Layout, Stil und erweiterte. Unter Layouteinstellungen für einen Abschnitt haben wir Drop-Downs wie diese. Die Haupteinstellungen der Beschriftung, unsere Layout- und Struktureinstellungen mit einem Linksklick auf die Registerkarte Layout und es wird erweitert. Wir werden die wichtigsten Einstellungen diskutieren, die bei der Bearbeitung einer Website nützlich sind. Die erste Überschrift ist Inhalt wit. Es hat zwei Optionen zur Auswahl, Boxed und Full Vektor. Standardmäßig haben wir derzeit ausgewählt und über eine Skala zur Verfügung gestellt, um die Breite manuell als Teil einer Anforderung anzupassen. Sie können die Waage nach links und rechts scrollen und das richtige Gewicht für Ihren Abschnitt bestimmen. Außerdem können Sie den Wert in das Feld eingeben. Denken Sie daran, dass wir dem Design folgen, das wir bereits bei der Gestaltung von Tools wie Figma oder Adobe XD erstellt haben. Und wir werden all diese Dimensionen und Werte hier in Elementor verwenden. Dies ist die Entwicklungsphase und wir werden die Seite gemäß dem Design entwickeln , das wir bereits in ihrer Entwurfsphase erstellt haben. Der Wert, den Sie hier in die Bemaßung einfügen, ist in Pixel. Sie müssen Änderungen an den Width-Einstellungen mit ein wenig Vorsicht vornehmen , als ob Sie das kleinere Wort haben, es wirkt sich auf die Anzeige auf Bildschirmen aus und Ihre Website wird am Ende verkleinert angezeigt. Und falls Sie zu dem Standardwert zurückkehren möchten, der verfügbar war, bevor Sie die Breite des Abschnitts manuell anpassen, löschen Sie einfach den Wert in der Box wie folgt. Wir wissen, dass das Löschen des Wertes nicht zu 0 führt. In der Tat wird es auf den Standard zurückgesetzt. Außerdem können Sie die Option „Vollbreite“ auswählen, um den Abschnitt über den gesamten Bildschirm zu erweitern, unabhängig davon, wie breit der Bildschirm ist. Kurz gesagt, Sie können die Inhaltsbreite sperren, indem Sie einige bestimmte Dimensionen setzen oder Sie können Vollbild-Erweiterung zulassen, indem Sie die Option Vollbreite auswählen. Nächste nützliche Einstellung ist Höhe. Mit dieser Option können wir die Höhe des Abschnitts anpassen, so dass es höher ist, um den gesamten Bildschirm zu decken, oder es klein zu machen, oder es erlauben, sich basierend auf der Höhe der Spalten und Widgets innerhalb des Abschnitts anzupassen . Sie können die Höhe des Schnitts auch manuell anpassen, indem Sie die Option für den minimalen Höhenmaßstab verwenden. Lassen Sie mich Ihnen sagen, dass richtige Höhen Wahl eine sehr wichtige Rolle bei der Verwaltung des Leerraums und der Erstellung einer ansprechenden Benutzeroberfläche spielt . Nun ist die nächste Einstellung die Spaltenposition. Wie wir wissen, dass alle Abschnitte Spalten haben, so ist es möglich, die Ausrichtung der Stützen nach oben, Mitte oder unten gemäß der Designanforderung anzupassen . Außerdem gibt es eine Option, diesen Abschnitt zu dehnen, um ihn Kante zu Kante abzudecken, während die Website auf einem breiteren Bildschirm angezeigt wird. Als nächstes lassen Sie uns Einstellungen unter dieser Kachel-Registerkarte erkunden. Normalerweise werden die Einstellungen in Bezug auf Hintergrund, Hintergrundüberlagerung, Rahmen, Form, Teiler, Typografie und Farben unter dem Stil-Reiter für die Abschnittsspalten und in der Tat für alle Widgets aufgelistet . Lassen Sie uns also mit den Hintergrundeinstellungen beginnen. Wir können den Hintergrund für Normalansicht und Hover-Ansicht anpassen. In der Normalansicht können Sie den Hintergrund aus vier verschiedenen Typen auswählen: Klassik, Farbverlauf, Video und Diashow. Lassen Sie uns den Klassiker zuerst verstehen, haben Sie eine Option, um die Farben als Abschnitt Hintergrund zu wählen. Klicken Sie also auf das Farbfenster und die Farbpalette wird in der Farbauswahl geöffnet Sie können dieses Rad scrollen und den richtigen Farbsatz für Ihr Projekt auswählen. Aber wir haben diesen Schritt bereits getan, indem wir die globalen Farboptionen speichern. Wir müssen also einfach auf die globale Farboption klicken und die Farbe als Hintergrund für diesen Abschnitt auswählen. Deshalb habe ich Ihnen früher gesagt, dass Sie beim Speichern der Farbpalette viel Zeit sparen werden. Auf diese Weise können Sie eine einfarbige Farbe als Abschnitthintergrund festlegen. Nun, anstelle eines einfarbigen, können Sie auch ein Bild wählen, da dieser Abschnitt Hintergrund mit dem Mauszeiger über das Bildfeld und Sie werden eine Option zum Hinzufügen von Bild finden. Klicken Sie darauf, und der Bild-Uploader öffnet sich, laden Sie das Bild von Ihrem Gerät hoch und klicken Sie auf Hinzufügen. Das Bild wird dem Hintergrund des Abschnitts hinzugefügt. Das Hinzufügen eines Bildes zum Hintergrund erfordert einige Entscheidungen und Anpassungen. Lassen Sie uns einen Blick auf das gleiche werfen. Immer versucht, ein Bild in ihren Abmessungen hochzuladen, die erforderlich sind. Es bedeutet das Bearbeiten und Bild vorher, um die Abmessungen des Abschnitts anzupassen. Auf diese Weise werden Sie das Problem beim Beschneiden oder Vergrößern des Bildes im Display nicht sehen. Wenn die Bemaßungen nicht genau sind, Sie nach dem Hochladen verwendenSie nach dem Hochladendie Einstellungen von als nächstes beschriftet, können Sie die Position des Bildes anpassen, um Ausrichtungsoptionen zu zentrieren, obere Ausrichtungsoptionen und unten Ausrichtungsoptionen. Es gibt eine sehr coole Einstellung und diese Anlage können Sie aus der festen Option oder der Scroll-Option wählen. Wenn die Bildgröße klein ist, können Sie diese Wiederholungsoption auswählen, um den Abschnitt mit wiederholten Bildern abzudecken. Und schließlich können Sie versuchen, die Größe des Bildes mit einigen Größeneinstellungen in diesem anzupassen , dass Abdeckung und enthalten Optionen sind die nützlichsten. Jetzt gibt es in allen Einstellungen eine Standardoption. Wenn Sie also in den verschiedenen Einstellungen verloren gehen, wählen Sie einfach Standard, um zu den ursprünglichen Einstellungen zurückzukehren. Die nächste Art von Hintergrund ist der Farbverlauf. Ein Farbverlauf ist eine Fusion von zwei Farben und Sie können die beiden Farben mischen , um erstaunliche Farbkomposition für Ihren Abschnitt wieder nach unten zu erstellen, müssen Sie die beiden Farben ausgewählt Position, passen Sie diese Art der Mischung und Winkel entsprechen Ihre Anforderung. Die nächste Art von Hintergrund als Video, es ist eine sehr gute Mischung. Du musst nur den Link deines YouTube- oder Vimeo-Videos oder sogar deiner selbst gehosteten Videos eingeben . Und es wird dem Abschnitt Hintergrund hinzugefügt werden. Um Foster Video zu verkaufen, laden Sie die Datei einfach in die Medienbibliothek hoch. Sie können die Startzeit- und Endzeiteinstellungen anpassen und auch die Loop-Wiedergabe-Optionen anpassen und das Video auf Mobilgeräten abspielen. Das Video auf mobilen Osten besondere Sorgfalt genommen werden, da die Bildschirmmaße unterschiedlich sind und das Video vergrößern kann. Achten Sie also bitte auf die Reaktionseinstellungen, wenn Sie ein Video in diesem Abschnitt Hintergrund einfügen. Es gibt auch eine Option für Hintergrundfallback. Es bedeutet, dass Sie ein Bild als Hintergrund-Fallback auswählen können. Denn in einigen Fällen, wenn das Video nicht in der Lage ist, zu rendern oder abzuspielen, muss es ein Sicherungsabbild geben, das im Hintergrund angezeigt werden soll. Der letzte Typ des Hintergrundtyps ist eine Diashow. Es zeigt die verschiedenen Bilder in Diashow-Format und das hält Schiebe-Aspekt, dass Zeit und Geschwindigkeit. Sie haben erwähnt. Es ist eine sehr häufig verwendete Funktionen und Sie können es einfach mit dem Elementor anwenden. Wählen Sie einfach die mehrere Bilder und wählen Sie die Loop-Option mit dieser Schaltfläche Sie können die Diashow schnell oder langsam machen, indem Sie die Geschwindigkeit und Millisekunden anpassen. Es gibt einige Übergangseffekte und Sie können auch die Übergangsgeschwindigkeit anpassen. Die Optionen der Hintergrundgröße und Hintergrundposition sind auch nützlich, wenn sich die Abmessungen des Bildes von den Abmessungen des Abschnitts unterscheiden. Der Effekt „Ken Burns“ ist auch eine coole Funktion, da er eine wachsende oder abnehmende Ansicht des Bildes erhält. Dies sind die Hintergrundoptionen für die Normalansicht. Lassen Sie uns einige Einstellungen für den Hover-Effekt sehen. Sie können zwei Arten von Hintergrund und Übersicht anwenden, klassisch und gradient. Die Einstellungen sind die gleichen wie wir zuvor gelernt haben. Beim Schweben wird nur die Ansicht des Hintergrunds angezeigt. Als nächstes lassen Sie uns die Hintergrund-Overlay-Funktion lernen. Sie müssen die einfarbige Überlagerung über einem Bild wie diesem bemerkt haben. Sie können eine Überlagerung sowohl in der Normalansicht als auch in der Harvard-Ansicht anwenden. Lasst uns sie eins nach dem anderen lernen. Zusätzlich zu den Standard-Bearbeitungsoptionen, die wir früher gelernt haben, gibt es eine Option, die Deckkraft in Bezug auf den Hintergrund übermäßig anzupassen. Es reicht von 0 bis eins, wobei 0 das Minimum und eins das Maximum ist. Sie können auch die CSS-Filter und verschiedene Mischmodi als Marie oder Design-Fähigkeiten anwenden . Probieren Sie die Einstellungen für Hover-Optionen aus, da sie fast ähnlich sind. nächste Einstellung unter der Registerkarte Stil ist das Anpassen des Rahmens. Auch hier hat es die Normalansicht und die ganze Übersicht. Unter Randtyp können Sie den Volumenkörper-, Doppel-, Punkt-, Strichel- und Nutentyp auswählen . Sobald Sie den Rahmentyp auswählen, erhalten Sie eine Option, um die Gewichtung des Rahmens auszuwählen und direkt. Nun enthält dieses Feld vier Werte. Oben, rechts, unten und links. Darauf folgt eine Box, die alle miteinander verbindet. Wenn Sie also allen vier Richtungen den gleichen Wert zuweisen möchten, aktivieren Sie zuerst das Verknüpfungsfeld, oder wenn Sie Variable angeben möchten, sind unterschiedliche Werte. Deaktivieren Sie zunächst das Verknüpfungsfeld, und fügen Sie dann die Werte in die Felder oben, rechts, unten und links ein. Darunter können Sie die Farbe des Rahmens aus der gleichen Farbpalette auswählen. Außerdem können Sie den Quaderschatten verwenden und Sie können auch die Rahmeneinstellungen für den Hover-Effekt anwenden. Nächste Bearbeitungsoption sind Formteiler. Sie können die Trennlinie auf den oberen und unteren Teil des Schnitts anwenden. Es hat so viele kreative Typen und ich werde Ihnen vorschlagen, die verschiedenen Arten in beiden oberen und unteren Teilen des Abschnitts zu erkunden . Letzte Option ist Topographie, aber wir werden die Einstellungen hier nicht ändern, da wir es individuell für jeden Textinhalt tun , den wir hinzufügen. Jetzt ist die nächste Registerkarte unter der Registerkarte Einstellungen Erweitert. Es ist ein sehr wichtiger und sehr entscheidender Zeitpunkt, zu verstehen und zu praktizieren. Und lassen Sie mich Ihnen auch sagen, dass die erweiterten Einstellungen für jede Abschnittsspalte und fast alle Elementor-Widgets fast gleich sind . bedeutet, wenn Sie in der Lage sind, diese erweiterten Einstellungen zu verstehen, sobald Sie sie auf alle Abschnitte, Spalten und Widgets anwenden können . Also, was alles beinhaltet? Es enthält die erweiterten Einstellungen Bewegungseffekt. So Responsive Einstellungen Attribute und benutzerdefinierte CSS. Lassen Sie uns mit den erweiterten Einstellungen beginnen. Die erste Option ist die Marge. Rand für den Abschnitt könnte für oben und unten links angepasst werden, und rechts ist für die Abschnittseinstellungen deaktiviert, da es sich um einen Bezirk handelt, der automatisch auf dem Inhaltsvektor basiert. Aber Sie erhalten alle vier Richtungen, unten, links und rechts für die Spalten und Widgets. Rand bezeichnet die Art außerhalb der Grenze dieses Abschnitts. Lassen Sie mich es wiederholen. Rand bezeichnet den Raum außerhalb der Begrenzung eines Schnitts, während es sich bei der Bindung um den Raum innerhalb der Begrenzung eines Schnitts für oben, unten, links und rechts handelt. Klarer Rand bedeutet Raum außerhalb der Schnittbegrenzung, und Polsterung bedeutet Raum innerhalb der Schnittbegrenzung. Sie können die Verknüpfungsschaltfläche intelligent verwenden, um die Werte miteinander zu verknüpfen, während anpassen. Das Anpassen der Werte für oben, unten, links und rechts ist eine sehr wichtige Übung und Sie müssen diesen optionalen Herrn verwenden. Machen Sie sich also mit dem Verknüpfen der Werte und dem Verknüpfen der Werte und dem Verankern der Werte für oben, unten, links und rechts vertraut. Dann ist das eine Option, um den Z-Index oder den Index für den Abschnitt zu bearbeiten. Es hilft Ihnen, die Reihenfolge anzupassen. Wenn ein anderer Abschnitt überlappt, dann gibt es Optionen, um CSS-Klassen ICSID zuzuweisen, die für einen bestimmten Zweck verwendet werden, die wir in dem Kurs vor Ihnen diskutieren können. Als nächstes sind Bewegungseffekte. Wie der Name schon sagt, verfügt die Einstellung über Animationseinstellungen. Sie erhalten Zugriff auf diesen Kühleffekt, wenn Sie Elementor Pro abonniert haben oder Sie können nur die Eintrittsanimationsoption in der kostenlosen Version verwenden. Gehen Sie voran und versuchen Sie dies, da es so viele coole Effekte zu verwenden gibt, indem Sie den Abschnitt laden, dass responsive Einstellungen auch wichtig sind. Sie werden die Spaltenposition in einem Abschnitt für Handy und Tablet anpassen. Und Sie können sie nach Ihrer Anforderung neu anordnen. Außerdem können Sie einige Abschnitte oder Spalten ausblenden, speziell für Mobilgeräte, Tablet oder Desktop. Diese Funktion wird häufig verwendet, da Sie einige Abschnitte haben , die Sie nur auf den Desktop-Geräten anzeigen müssen. Und es gibt einige Abschnitte, die Sie speziell für die mobilen Geräte entwickelt haben. So können Sie die Abschnitte ausblenden und Sie können die Abschnitte anzeigen. Es ist sehr nützlich zu verwenden. Dies sind also die wichtigen Einstellungen für einen Abschnitt. Und wenn Sie in der Lage sind, das Konzept noch hier zu verstehen, werden Sie in der Lage sein, die Einstellungen für alle anzupassen, meisten von Aliyah, die während der Gestaltung der Webseite ablehnt. Lassen Sie uns nun auch die Einstellungen für die Spalte verstehen. Um die Einstellungen für eine Spalte zu öffnen, Harvard aus der Ecke einer Spalte und klicken Sie auf dieses Bleistift-Symbol. Es hat auch den gleichen Layoutstil und erweiterte Schritte in den Layouteinstellungen. Sie können die Spaltenbreite in Prozent anpassen. Es ist sehr nützlich, wenn Sie mehrere Spalten haben und Sie das Urteil den verschiedenen Spalten innerhalb eines Abschnitts zuweisen möchten. Und wichtige Einstellung ist es, den Besucherraum anzupassen und es ist in Pixeln verankert. Wenn Sie sich erinnern, haben wir 20 Pixel als Standard-Assistentenbereich eingegeben. Außerdem möchte ich Ihre Aufmerksamkeit hier lenken, da das Wertefeld MD ist und das bedeutet nicht, dass es 0 ist, bedeutet, dass es der Standardwert ist , der 20 Pixel ist. Wenn Sie es 0 machen wollen, können Sie einfach 0 in das Feld OT else eingeben, wenn Sie einen bestimmten Abstandswert zuweisen möchten, können Sie diesen eingeben. Gehen Sie weiter und machen Sie einige Experimente, die Ihnen helfen, ein guter Lernender zu werden. Die Registerkarte „Stil“ und die Registerkarte „Erweitert“ haben ähnliche Optionen, wie ein Abschnitt. Fühlen Sie sich frei, sie auch zu erkunden. So können Sie den Abschnitt und die Spalten auf einer Webseite verwalten. Und vivant beginnen, die Anwendung von Elementor Widgets aus dem nächsten Video zu lernen. Wir sehen uns dort. 34. Anwendung von Grundlegenden Widgets: Wie ich Ihnen gesagt hatte, dass wir die Webseite ohne Programmierung entwickeln werden, einfach mit der Drag-and-Drop-Technik. Und wir haben die Phase erreicht, in der wir es lernen werden. Jetzt in dieser leeren Leinwand, nach dem Einfügen eines Abschnitts und einer Spalte, müssen wir die Widgets in die Spalte ziehen und die verschiedenen Arten von Widgets verwenden , entwerfen Sie die Webseite. Es ist eine sehr einfache, aber effektive Möglichkeit, moderne Webseiten zu entwickeln, ohne dass Sie eine Codierung von Ihrem Ende benötigen , weil Elementor Mäntel für Sie im Backend erzeugt. So nutzen Sie einfach die Widgets des Labels für Sie und beginnen mit dem Aufbau der Webseite. Nun, lassen Sie uns die verschiedenen Besuche besprechen, die uns im freien Element gearbeitet haben oder eins nach dem anderen, die Widgets zur Verfügung und frei Elementor sind kategorisiert in grundlegende, alte. Und wenn Sie das Abonnement von Elementor Pro haben, dann erhalten Sie auch die Sondenwüsten und Standortbesuche. Lassen Sie uns beginnen, die Anwendung von grundlegenden Widgets in dieser Lektion zu lernen. Die Methode zum Einfügen eines Widgets ist sehr einfach. Klicken Sie einfach auf das Budget, halten Sie die Maustaste gedrückt, ziehen Sie, ziehen Sie, ziehen Sie und legen Sie sie ab. Innerhalb der Spalte sehen Sie eine flagge blaue rechteckige Form, die die Position hervorhebt, an der das Widget eingefügt wird. Nachdem Sie den Besuch platziert haben, können Sie auf das Bleistift-Symbol klicken und die Bearbeitungsoptionen werden im linken Bereich geöffnet. Der erste Besuch und die Liste finden Sie in ihrem Abschnitt. Es wird verwendet, um verschachtelte Spalten innerhalb eines Abschnitts zu erstellen. Also dieses Widget ist eigentlich ein neuer Satz von Abschnitt mit Spalten und Sie können es verwenden, um komplexe Layouts wie diese zu erstellen. Lassen Sie uns einen Blick auf die Video-Einstellungen Optionen der Beschriftung für den inneren Abschnitt Widget. Jetzt gibt es einen Abschnitt und es gibt Spalten. So werden Sie die Einstellungen für Abschnitt wie diesen und für eine Spalte wie diese bearbeiten Wie alle das gleiche wie die Abschnitt- und Spaltenbearbeitungsoptionen, die wir im vorherigen Video besprochen haben. Die gleichen drei Haupt-Registerkarten, Layout, Stil und erweiterte und die Bearbeitungsoptionen sind auch die gleichen. Also brauchen wir es hier nicht noch einmal zu besprechen. Aber immer eine intelligente Nutzung der Kreuzung, wo immer erforderlich. Ich möchte sagen, dass, wenn Sie eine neue Spalte einfügen möchten, Sie sie einfach mit der Option Spalte hinzufügen einfügen können. Verwenden Sie also nicht in ihren Abschnitten unnötig, da sie zu den Markup-Codes addieren, die wir leicht vermeiden können. Verwenden Sie Schnittpunkte nur, um komplexe verschachtelte Layouts zu erstellen. In Ordnung. Der nächste Besuch von Arbeit und freiem Elementor ist die Überschrift. Es ermöglicht Ihnen, stilvolle Titelüberschriften zu erstellen. Verwenden Sie dieses Widget, um Titel hinzuzufügen. Fragen Sie nach dem Design und Stil, den Sie im Entwurfswerkzeug erstellt haben. Ziehen Sie einfach das Widget in den Abschnitt, markieren Sie den Inhalt. Ich habe nur einen Stil Einstellungen und passen Sie die Position, um Design zu meistern. Es ist sehr einfach. Wenn wir die Einstellungen für diese Eidechse sehen, wieder, es hat die gleichen drei Haupt-Registerkarten, Inhalt Stil und erweitert. In der Registerkarte „Inhalt“ müssen Sie den Titel eingeben. Sie können den Inhalt auch direkt eingeben, indem Sie auf der Webseite auf das Feld Überschrift klicken. Aber ich persönlich empfehle, den Überschrifteninhalt in dieses Titelfeld unter dieser Registerkarte Inhalt im Bearbeitungsbereicheinzugeben dieses Titelfeld unter dieser Registerkarte Inhalt im Bearbeitungsbereich Sie werden die Option als dynamische Tags hier im Titel finden. Und Sie können es nur verwenden, wenn Sie das Elementor Pro-Abonnement haben. Aber da ist es sehr wichtig. Lassen Sie mich Ihnen ein Beispiel zeigen, wie Sie es verwenden. Dynamische Tags werden verwendet, um Inhalte direkt von der Website oder von der aktuellen Seite oder Post abzurufen . Und das Beste daran ist, dass es sich automatisch ändert, wenn der Basisinhalt geändert wird. Wenn Sie beispielsweise Seiten- oder Beitragstitel als dynamisches Tag in Überschrift eingeben, wird es automatisch aus dem Titel der Seite oder des Beitrags erfolgen. Und falls Sie Änderungen am Titel der Seite vornehmen, die hier automatisch aktualisiert werden. Lassen Sie uns ein anderes Beispiel sehen. Wenn Sie das aktuelle Datum und die aktuelle Uhrzeit als dynamisches Tag eingegeben haben. Das Datum und die Uhrzeit werden wir hier automatisch aktualisieren. Das ist eine sehr wunderbare Sache. Dies ist der Hauptvorteil der Verwendung dynamischer Steuern, und Sie haben einige zusätzliche Einstellungen für die dynamischen Tags. Klicken Sie auf das Schraubenschlüssel-Symbol. Sie können die Einstellungen ändern und den Vor- und Nachher-Text unter der erweiterten Option zuweisen . Hier erhalten Sie auch die Möglichkeit, Fallback-Inhalte zuzuweisen. Fallback-Option wird verwendet, um den Standardtext anzuzeigen falls das dynamische Tag aus irgendwelchen Gründen nicht ausgelöst wird oder wenn der Titel leer ist. Und die Aktionsoptionen in dynamischen Tags variieren für verschiedene Einstellungen, was bedeutet, dass Sie mehr Optionen in ihren dynamischen Tags für ein anderes Budget oder eine andere Einstellungsoption finden können , wie zum Beispiel ein Pop-up auf dem Klick eines Links anzuzeigen. Beachten Sie, dass Sie nur dann Zugriff auf diese dynamische Steueroption erhalten , wenn Sie Elementor Pro abonnieren. Jetzt können Sie unter dem Titel einen Link einfügen, was bedeutet, wenn ein Benutzer auf die Überschrift klickt, wird er zur URL weitergeleitet. Sie werden hier erwähnen, dieser Link könnte ein interner Link sein, der zu einer Webseite auf Ihrer Website oder zu einem externen Link führt . Außerdem gibt es ein kleines Zahnradsymbol, um die Verknüpfungsoptionen zu öffnen. Es enthält Optionen, um den Link in einer neuen Registerkarte geöffnet zu machen und nofollow Attribut aus der SEO Sicht hinzuzufügen, können Sie die Kundenattribute hier lassen, wie es ist. Sie können die Größenoption hier belassen, das HTML-Tag gemäß dem SEO-Plan zuweisen und die Ausrichtung anpassen. Dies sind die grundlegenden Einstellungen und standardmäßig verstanden. Achten Sie hier nur noch auf eine Sache. Sie werden dieses kleine Computergeräte-Symbol in der Nähe einiger Optionen finden, und es stellt vD dar. Es stellt dar, dass die Ausrichtungseinstellungen, die wir hier tun, für Computer sind. Wenn Sie die Ausrichtung für die anderen Geräte ändern möchten. Klicken Sie einfach auf das Bildschirm-Symbol und die Liste öffnet den Schalter das Gerät aus Handy und Tablet. So können Sie die Ausrichtungseinstellungen für die verschiedenen Gerätetypen unterscheiden. Es wird dringend empfohlen, Ihr Website-Design zu optimieren, um sich auf allen drei Arten von Geräten gut zu fühlen. Und Sie können die Optimierungseinstellungen entweder auf Abschnittsebene oder auf der Webseitenebene vornehmen. Lassen Sie mich Ihnen hier sehr schnell eine Sache sagen. Nehmen wir an, Sie entwerfen eine Webseite und sobald Ihr Abschnitt vollständig entworfen wurde, können Sie es für Handy und Tablet optimieren, indem die Ansicht von der unteren Leiste hier oben ändern. Dies wird als Optimierung auf Abschnittsebene bezeichnet. Auf der anderen Seite können Sie die komplette Webseite entwerfen und dann die Ansicht auf mobile und dann auf Tablet ändern , um die Optimierungseinstellungen vorzunehmen. Dies wird als pH-Niveauoptimierung bezeichnet. Beide Techniken sind gleichermaßen gut und Sie können eine Wahl nach Ihrer Bequemlichkeit treffen. Aber bitte bedenken Sie, dass Sie Ihre Website vollständig für alle drei Arten von Geräten optimiert machen müssen. Als nächstes lassen Sie uns die Registerkarte Stil sehen. erste Option besteht darin, die Farbe der Herde auszuwählen. Sie können es einfach aus der globalen Palette auswählen, die wir Sekte haben. Wenn Sie eine andere Farbe auswählen möchten, können Sie die Farbauswahl verwenden. Als nächstes haben wir die Topografieeinstellungen und wir wissen, wie man Änderungen an der Topographie vornimmt. Sie können ganz einfach mit den globalen Telefonen auswählen, um Zeit zu sparen. Als Nächstes kannst du die Schatten-Ereignisse für deine Überschrift anpassen und mit den verschiedenen Mischmodi herumspielen. Als Nächstes finden Sie die Registerkarte Erweiterte Einstellungen. Und es hat fast den gleichen Satz von Optionen, aber für die Überschrift Widget, wie Sie den Rand und Padding anpassen können, Zuweisen der Scroll-Effekte, Mouseover Bemühungen machen es klebrig oder fügen Eingang Animation. Sie können den Hintergrund der Überschrift und den Rand der Kopfschmerzen anpassen. Aber es gibt hier eine zusätzliche Einstellung, nämlich die Positionseinstellung. Zuerst werden Sie die Breite der Überschrift Moore anpassen, indem Sie zwischen Standard, Filbert in Zeile, Ang, benutzerdefinierte spät wählen. Hier ist der Standardwert in der Regel die volle Breite. Und es bedeutet, dass, wenn Sie das Überschriften-Widget einfügen, es die volle Breite der Spalten von links nach rechts abdecken wird. Und wenn Sie die Inland Urteil-Option auswählen, wird der Überschriften-Assistent nur gelesen haben kann der Inhalt verfügbar ist, und es wird ein leeres Feld geben, um ein anderes Widget auf der rechten Seite hinzuzufügen. Ja. Sie müssen den Inland Vert auch dem anderen starren zuweisen. Dann wird es nur hier auf dem leeren Raum der Säule zufrieden sein. Das in der Spur. Oder genauer gesagt, indem Sie die benutzerdefinierte Arbeit in Prozent verwenden, können Sie verschachtelte und komplexe Layouts einfach in Elementor erstellen. Sie können Desorption sehr gut nutzen, besonders auf Mobiltelefonen. Als nächstes haben Sie die Option der Position hier, und es enthält Standard, absolut, fest. Wenn ich absolut wähle, kann ich die Elemente frei auf der Seite platzieren, aber ich wollte klarstellen, dass Sie diese Option nur in seltenen Fällen verwenden müssen, in denen es nicht möglich ist, das Design ohne dies zu implementieren. Weil diese Methode für die responsive Website nicht als gut angesehen wird. Und Sie müssen möglicherweise viele Anpassungen für Geräte finden, die viel Zeit verbrauchen. Die feste Position wird verwendet, um das Element an einer bestimmten Position der Seite zu fixieren. Und egal wie viel ein Besucher scrollt, dieses Element bleibt nur hier. Bitte nutzen Sie diese beiden Optionen sehr sorgfältig und sehr intelligent. Die restlichen Einstellungen wie die Reaktionsfähigkeit sind identisch. Und Sie können dieses Widget oder verschiedene Geräte ausblenden. Und Sie können die Attribute, bestimmte CSS-Optionen verlassen. Es ist Zeit, das Wort Guide zu speichern, aktualisieren Sie die Website, bitte, aktualisiert mindestens alle fünf Minuten. Lassen Sie uns nun die Verwendung der anderen Widgets lernen. Als Nächstes wird das Bild eingefügt. Klicken Sie also darauf, halten Sie es, ziehen Sie es und legen Sie es in die Spalte. Hier können Sie ein Bild hinzufügen, indem Sie den Mauszeiger über den Platzhalter bewegen. Klicken Sie auf Bild auswählen. Sie können ein Bild von einem berechneten Bild hochladen oder ein Bild einfügen , das bereits in die Medienbibliothek hochgeladen wurde. Geben Sie den Alt-Text für das Bild aus SEO Sicht ein und klicken Sie auf Medien einfügen. Gelübde, das Bild wird nun mit diesem Bild-Widget auf die Webseite eingefügt. Sehr einfach. Nun lassen Sie uns die Einstellungen bearbeiten. Klicken Sie entweder auf das Bild oder klicken Sie auf das Stiftsymbol, um das Einstellungsfenster auf der linken Seite zu öffnen. Lassen Sie uns die Bearbeitungsoptionen diskutieren und der linke Unterkiefer schien drei Registerkarten, Inhalt, Stil und erweiterte Bild, die wir bereits hochgeladen haben. Sie können die dynamischen Tags verwenden, um das ausgewählte Bild, das Logo oder die automatische Animation automatisch einzufügen . Als nächstes können Sie die Größe des Bildes und die Ausrichtung anpassen. Außerdem können Sie Beschriftungen hinzufügen, d. h. die Textzeile, die unter diesem Bild angezeigt werden soll. Die Beschriftungen können entweder auf dem Bild in den Medien hinzugefügt werden, ADD ODD sonst mit der benutzerdefinierten Beschriftung Option hier. Wenn Sie Mediendatei hier auswählen, erhalten Sie eine Option, um es im Lightbox-Modus wie folgt zu öffnen, oder Sie können unter einer URL den Besucher auf den Link umleiten, den Sie erwähnt haben, und entweder in der gleichen Registerkarte oder in einem neuen Fenster. Durch Anpassen der Einstellungen für den Link. Unter der Registerkarte Stil können Sie die Bildbreite und -höhe anpassen. Außerdem können Sie die Deckkraft und einige CSS-Filtereinstellungen sowohl in der Normalansicht als auch in der gesamten Übersicht anpassen . Es kann verwendet werden, um schöne Effekte wie diese zu erzeugen. Darunter ist die Rahmeneinstellung, um den Rahmen um das Bild und die sehr coolen Kastenschatteneinstellungen zu verwalten . Sie können auch die Einstellungen für Ausrichtung, Farbtypografie und Abstände für den Beschriftungstext anpassen. Die letzte Registerkarte ist Erweiterte Einstellungen und enthält dieselben Einstellungen. Aber für das Bild-Widget müssen wir es nicht immer wieder diskutieren. Nächster Assistent ist der Texteditor. Es wird verwendet, um Absätze auf die Webseite einfügen. Wieder, die gleichen drei Registerkarten hier, Inhalt, Stil und erweiterte. der Registerkarte Inhalt den Text hinzu, den Sie eingeben möchten. Sie können es auch hinzufügen, indem Sie hier klicken. Lassen Sie mich Ihnen sagen, dass dies ein leistungsfähiger Editor ist und Sie so viele Formatierungsoptionen erhalten werden. Sie können dem Absatz von hier aus Medien hinzufügen und diese Umbruchposition so anpassen. Sie können die Formatierung von Text anpassen, z. B. den Text fett, kursiv oder unterstrichen. Außerdem können Sie Aufzählungszeichen, nummerierte Liste einfügen, den Link in den Text und sogar einen Vollbild-Editor machen. Sie können für weitere Optionen umschalten, indem Sie auf diese Schaltfläche klicken. Hier erhalten Sie Optionen, um den Text durchgestrichen zu machen, horizontale Linie einfügen, die Farbe bestimmter Wörter oder Phrasen zu ändern, die hervorgehoben werden sollen. Verwenden Sie blockquote. Ich kann die Ausrichtung anordnen, Sonderzeichen verwenden und den Einzug vergrößern oder verkleinern. Sie können verfallene Lücke, das erste Alphabet des Absatzes zuweisen und den Inhalt in Spalten aufteilen. Ich muss sehen, dass es ein anständiger Editor ist, um Absätze auf der Webseite einzufügen. Jetzt haben Sie unter der Registerkarte Stil den gleichen Satz von Texten, Styling-Einstellungen. Und die Registerkarte Erweitert hat auch die gleichen Einstellungen für dieses Texteditor-Widget. Nun, das nächste Widget, das wir haben, ist das Video-Widget, und es wird verwendet, um Videos einzubetten. Machen Sie die Webseite. Lassen Sie uns die Einstellungen unter dem Inhalt sehen, dass Sie Einstellungen für Radio und Bild unangenehm finden. Lassen Sie uns zuerst die Videoeinstellungen sehen. Beginnen Sie mit der Auswahl der Quelle. Sie können ein Video verwenden, das auf YouTube, Vimeo, tägliche Bewegung oder hochgeladen in Ihre Medien wie täglich, oder in der Tat, unabhängig von dem Ort, den Sie besucht haben. Wenn Sie das Video von einem bestimmten Clip starten möchten, passen Sie die Startzeit und die Endzeit an. Dann gibt es ein paar andere Video-Optionen. Sie können die Einstellungen für die automatische Wiedergabe anpassen, das Video stummschalten, die Schleife und die Wiedergabe, um die Player-Steuerelemente ein- oder auszublenden. Wenn Sie mit einem YouTube-Video verknüpfen, können Sie die bescheidenen Branding-Einstellungen anpassen. Und wenn Sie ein Vimeo-Video verwenden, können Sie auch die Farbe des Players anpassen. Sie können sogar die Statistik-Videos anpassen, um Videos aus dem aktuellen Kanal oder beliebigen zufälligen Videos anzuzeigen . nächste Einstellung bezieht sich auf die Bildüberlagerung. Auf diese Weise können Sie die Miniaturansicht für das Video anpassen. Sie können ein Bild vom Gerät hochladen und die Bildgröße anpassen , wenn Sie die Wiedergabe-Schaltfläche anzeigen möchten, die Sie erstellen können. Wenn Sie also das Video im Lightbox-Modus abspielen möchten, indem Sie auftauchen, können Sie das auch auswählen. Als nächstes können Sie unter der Registerkarte „Stil“ das Seitenverhältnis an die gewünschte Auswahl anpassen, zusammen mit einigen CSS-Filtern, um das Aussehen anzupassen. Und dann können Sie das Spielsymbol mit Farbe und Größe anpassen. Die erweiterten Einstellungen sind für das Video-Urteil die gleichen. Alles klar, das nächste Widget ist eine Schaltfläche. Es wird verwendet, um klickbare Schaltflächen auf der Webseite hinzuzufügen. Bitte achten Sie besonders auf die Button-Widget-Einstellungen da ein Button der Superstar der Website ist. Über es ist ein Superstar, weil eine Tasteninstanz C, D, E, Aufruf zur Aktion. Alles klar, lassen Sie uns die Einstellungen für den Knopf Vijay sehen. Die Registerkarte „Inhalt“ enthält Einstellungen, die sich auf die Schaltfläche beziehen. Der erste ist der Schaltflächentyp und das Anpassen der Standardfarben des Registers basierend auf dem Buttertyp, unbedeutend. Dann können Sie die Schaltfläche Text zur Verfügung gestellt, aber den Link einfügen, und es ist der wichtigste Zweck, mit einer Schaltfläche auf der Website. Besucher sollten auf einem Klick auf die Schaltfläche zu einer URL weitergeleitet werden, oder ein Pop-up muss weiter Besucher erscheinen, um die Aktion abzuschließen oder eine Datei wie ein PDF herunterzuladen. Umleitung ist einfach, indem Sie einfach die URL eingeben und die Einstellungen anpassen. Öffnen eines Popups ist möglich, indem Sie diese dynamischen Tags verwenden und könnte eine Datei herunterladen. Sie können Land in der Mediathek wie ein PDF hochladen , den Link kopieren und hier in die URL einfügen. Auf diesem Klick wird die Datei in einer neuen Registerkarte geöffnet, und von dort kann der Besucher sie herunterladen. Wenn Sie die Datei direkt herunterladen möchten, ohne sie in einer neuen Registerkarte zu öffnen, müssen Sie ein benutzerdefiniertes Attribut wie Download-Pipe-Zeichen zuweisen. Schließlich lädt dies die Datei herunter, ohne in der neuen dapp zu öffnen, und passt dann die Ausrichtung an. Sie können die Potenzen Jahr für Kohlenstoff überspringen. Ich kann den Knopf machen. Sie können ein Symbol entweder aus der eigentlich auswählen, sehr ungerade, Sie können ein benutzerdefiniertes Symbol einfügen, indem Sie das Design im SVG-Format hochladen. Wir haben die Vorteile der Verwendung eines SVG anstelle eines PNG oder JPEG für die Symbole diskutiert , da die SVG-Dateien überhaupt nicht verschwommen sind. So können Sie entweder ein vordefiniertes von Liberal in der eigentlich Diddy verwenden oder das, das Sie mit der Upload-Option hier entworfen haben, hochladen, den Symbolabstand anpassen und Sie können eine Tasten-ID angeben, um den Symbolabstand anpassen und Sie können eine Tasten-ID angeben, um die Klicks in Google Analytics oder Facebook-Pixel, d. h. im Bereich Advanced Analytics. Als nächstes haben wir die Stil-Einstellungen für das Schaltflächen-Widget. Sie können beginnen, indem Sie die Topographie anpassen und dann erhalten Sie die Option , die Farben sowohl für die Normalansicht als auch für die Hover-Ansicht anzupassen. Die Farben für eine Schaltfläche sind sehr wichtig und bieten die Akzentfarbe, um sie aus dem Rest des Inhalts hervorzuheben. Außerdem können Sie aus einer Vielzahl von Harvard-Animationen für die Schaltfläche auswählen und auch die Rahmeneinstellungen anpassen. Als nächstes müssen Sie den Raum innerhalb der Schaltfläche anpassen. Und dafür haben wir hier die Padding Einstellungen. Achte auf. Es ist wichtig. Verwenden Sie es, um die Taste größer, kleiner, Dollar oder verletzt zu machen. Und die Registerkarte Erweiterte Einstellungen für den Schaltflächen-Assistenten hat auch den gleichen Satz von Einstellungsbuchstaben. Überspringen Sie es. Denken Sie daran, dass die Schaltfläche Vielfalt ist und v wissen, wie wichtig es ist aufgrund, machen sehr gute Nutzung dieses Besuchs. Der nächste Besuch ist geteilt. Es wird verwendet, um horizontale Linie hinzuzufügen und differenziert, um den Inhalt zu teilen. Und dass die Registerkarte Inhalt können Sie aus den verschiedenen Stilen auswählen. Passen Sie nach der Teilung die Breite und den Prozentsatz oder Pixel an, passen Sie die Ausrichtung der Trennlinie an und fügen Sie ein Element in Form von EXT oder Symbol oder ein benutzerdefiniertes Symbol hinzu, indem Sie SVG hochladen und vor dem geteilten oder nachher oder zwischendurch platzieren. Unter der Registerkarte Stil können Sie Anpassungen für Farbe und Größe vornehmen, häufig als auch für die Lücken geteilt werden. Die Registerkarte Erweitert verfügt erneut über die gleichen Einstellungen für diesen geteilten Besuch. Als nächstes ist das Distanz-Widget. Es schafft einen Block von Raum irgendwo auf der Webseite, Sie können diesen Block des Raumes mit einer Farbe oder einem Bild füllen. Aber das ist nicht die einzige Verwendung eines Distanz-Widgets. Sie können dieses Widget verwenden, um benutzerdefinierte Formen zu erstellen und es auf der Website zu verwenden. Wenn ich teile einen Link des Videos unten, um Ihnen zu helfen, lernen, wie Sie benutzerdefinierte Formen mit diesem Bereich zu machen und alle gefallen so weiter Einstellungen abzulehnen. Es hat nur zwei Registerkarten. Sie können eine leere Box mit dem Abstandshalter erstellen und die Höhe anpassen. Die erweiterten Einstellungen sind identisch. Anschließend können Sie den Rand anpassen, indem Sie Hintergrundfarbe, Positionierung und die gleichen Einstellungen hinzufügen. Wenden Sie also Ihre Kreativität an, während Sie den Raum des Budgets nutzen und sehen Sie sich das Video an, indem Sie auf den Link unten klicken. Nächstes Widget ist Google Maps auf die andere Seite hinzuzufügen. Es ist eine einfache Möglichkeit, Google Maps in Ihre Website einzubetten. Dies ist sehr nützlich für die Durchführung von Seiten, so dass Ihre Besucher wissen können, wo Sie sich auf der Karte befinden. Einfach an die Position gebunden, die Sie auf der Karte anzeigen möchten, und passen Sie den Zoom in den Bereich ein. Sie können auch die Höhe der Karte anpassen. Die Registerkarte „Stil“ enthält einige CSS-Mentoren, während die Registerkarte „Erweitert“ dieselben Einstellungen aufweist. Nächster Assistent besteht darin, ein iBeacon einzufügen. Denken Sie daran, dass Icon's eine sehr wichtige Rolle bei der Aufrechterhaltung der Balance des Website-Designs spielen . Nutzen Sie also die Symbole auf der Website. Wählen Sie einfach ein Element aus dem Symbol Haftung oder laden Sie das benutzerdefinierte Symbol im SVG-Format hoch. Wie ich bereits gesagt hatte, dass wir die Symbole in SVG bevorzugen und nicht PNG oder JPEG. Sie können die Ansicht als Standard, gestapelt und gerahmt anpassen. Außerdem können Sie einen Link bereitstellen, wie wir zuvor für die Schaltfläche besprochen haben und die Ausrichtung unter dem Stil anpassen. Sie können die Farbe für die Normalansicht und die Hover-Ansicht anpassen. Sie können auch Anpassungen für Größe und Drehung vornehmen. Die Registerkarte Erweitert hat wieder die gleichen Einstellungen für die Symbolansicht. Dies sind also alle grundlegenden Widgets, die im Elementor Page Builder zur Verfügung gestellt werden. Und Sie können sie verwenden, um die Abschnitte, Spalten und das gesamte Design der Webseite zu entwickeln . Es ist sehr einfach zu bedienen, einfach Drag-and-Drop und doch sehr leistungsfähige Art, moderne Websites zu bauen. Ich bin sicher, dass Sie in der Lage sein werden, alle von ihnen bei der Entwicklung der Webseite gemäß dem Design zu verwenden , das Sie in ihrem Entwurfswerkzeug erstellt haben. Ich weiß, dass es viel Übung erfordert um alle Weinberge und Einstellungsmöglichkeiten bewusst zu werden. Aber wenn Sie einmal gemeistert haben, kann niemand Sie davon abhalten, eine Website zu erstellen, eine pixelperfekte Website, schnell und einfach ohne Programmierung. Erfahren Sie sogar mehr über die allgemeinen Budgets und genehmigen Sie Budgets in den kommenden Videos. Bleiben Sie dran. 35. Anwendung von allgemeinen Widgets: Wir verwenden die Elementor-Budgets, um die Webseiten gemäß dem Design zu entwickeln , das wir im Entwurfswerkzeug erstellt haben. Es ist ein einfacher und leistungsfähiger Prozess, ohne jede Codierung zu entwickeln. Nun, lassen Sie uns die Verwendung lernen, Widgets oft jedes Label unter der allgemeinen Kategorie. Diese Budgets sind eigentlich nur eine Erweiterung der grundlegenden Widgets. Kombinieren Sie die verschiedenen Widgets in einem gemeinsamen Budget , um den Prozess der Entwicklung der Webseite zu beschleunigen. Und dazu gibt es in diesem Abschnitt auch einige kreative Budgets, lassen Sie uns sie eins nach dem anderen lernen. Der erste Besuch des Labels hier ist die Bildbox. Es wird verwendet, um eine Bildbox hinzuzufügen, die ein Bild mit einer Überschrift und Text kombiniert, die oft im Featurebereich der Website verwendet wird. Einfach ausgewählt kommen in den Titel und Beschreibung und Sie erhalten die gleichen Einstellungen wie eine Bildüberschrift und Beschreibung, die wir im letzten Video gelernt. Ähnlich wie die Bildbox, haben wir das nächste Widget als Icon-Box genannt. Es wird auch häufig verwendet, um den Featureabschnitt zu erstellen. Es hat alle die gleichen Einstellungen. Nur können Sie ein Symbol anstelle eines Bildes aus der Symbolbibliothek verwenden oder benutzerdefinierte SVG hochladen und mit den gleichen Einstellungen anpassen. Ich wiederhole diese allgemeinen Einstellungen nicht immer wieder. Ich hoffe, Sie sind klar, wie Sie die Einstellungen für die Widgets verwenden. Nächster Besuch ist, Sternbewertung hinzuzufügen. Jetzt können Sie mit diesem Widget Sternbewertungen auf der Webseite zuweisen. Es kann zusammen mit den Zeugnissen und Bewertungen verwendet werden. Sie können das Sternsymbol und eine Beschriftung für Größe, Farbe und Topographie anpassen. Die Registerkarte „Inhalt“ enthält Einstellungen, die sich auf die Sterne beziehen. Die erste Option besteht darin, die Ratingskala zwischen 0 und fünf oder 0 bis zehn auszuwählen. In der nächsten Option können Sie Wert basierend auf der Skalierung zuweisen. In der nächsten Option können Sie die beiden Versionen des Stern-Symbols auswählen. Einer ist über font-awesome und der andere von Unicode. Wählen Sie diejenige aus, die Ihnen gefällt. Als Nächstes können Sie den nicht markierten Stil von Volumenkörper zu Umriss auswählen. Sie können sogar einen Titel vor der Sternebewertung wie folgt hinzufügen und die Ausrichtung anpassen, indem Sie links, zentriert, rechts oder gerechtfertigt auswählen. Unter der Registerkarte Stil können Sie die Topografie und Farbeinstellungen von Titel und Start anpassen. Fühlen Sie sich frei, um die restlichen Einstellungen zu erkunden. Es enthält fast den gleichen Satz von Einstellungen. Nächster Assistent ist, Bild hinzuzufügen, erhalten Sie Acyl. Es hilft bei der Erstellung von Schiebebildgalerien auf die Seite unter der Registerkarte Inhalt. Die erste Einstellung bezieht sich auf das Bildkarussell. Sie können mehrere Bilder auswählen, indem Sie auf das Plus-Symbol klicken. Sie können die Bildgröße anpassen. Und die nächste Option ist wichtig. Sie können auswählen, wie viele Bilder gleichzeitig angezeigt werden sollen und wie viele Bilder gescrollt werden sollen. Wenn Sie beispielsweise drei Bilder zum Anzeigen und ein Bild zum Verschieben ausgewählt haben, sieht es so aus. Und vergessen Sie nicht, dass Sie auch die Einstellungen für das mobile Gerät und Tablet optimieren müssen. Dann ist das eine Option, um das Bild zu dehnen falls die Abmessungen des Bildes nicht in Ordnung sind. Als nächstes können Sie die Pfeile und Punkte auswählen, um die Navigation anzuzeigen . Nur Pfeile sind nur Punkte. Wenn Sie die Bilder im Lightbox-Modus anzeigen möchten, können Sie die Mediendatei und Links auswählen und dann auf der Lightbox-Option „Ja“ drücken. Oder Sie können einen Hyperlink 2D-Bilder zuweisen und die Beschriftungseinstellungen anpassen. In den zusätzlichen Einstellungen können Sie die Autoplay-Funktion, Boson Hover, Boson, klicken Sie auf Interaktion, die automatische Wiedergabe Geschwindigkeit, Loop-Einstellungen, Animationsgeschwindigkeit und -richtung von links nach rechts oder rechts nach links steuern. Die Stileinstellungen enthalten die Optionen zum Ändern der Farben und Position für Navigation, Emerge und Beschriftung. Unter den Navigationseinstellungen können Sie die Position, Größe und Farbe der Pfeile und Punkte anpassen. Emit-Einstellungen enthalten die Optionen für Ausrichtung, Abstand, Rahmentyp und Randradius. Dann gibt es Standardeinstellungen für die Beschriftung, wie jedes andere Text-Widget. Die erweiterten Einstellungen enthalten ähnliche Optionen für das kolossale Widget. Das war's. Nächstes Widget ist die grundlegende Bildergalerie. Es wird verwendet, um Bildergalerien auf der Seite hinzuzufügen, aber nicht das Schieben, wenn es gehört wird. Einstellen von Optionen Fast das Gleiche. Fühlen Sie sich frei, es zu erkunden. Das nächste Widget besteht darin, Symbolliste hinzuzufügen. Es wird verwendet, um eine einfach zu verwaltende Liste von Elementen zu erstellen , wobei jedes Element durch sein eigenes Symbol hervorgehoben wird. Lassen Sie uns mit Einstellungen unter der Registerkarte Inhalt beginnen. Die erste Option besteht darin, das Layout auszuwählen. Es gibt zwei Optionen und es Standard und aufgeklärt. Als Nächstes können Sie verschiedene Elemente in der Liste eingeben. Ein Element enthält den Text und ich kann, zusammen mit einer Link-Option, können Sie eine Kopie des Elements erstellen oder löschen, indem Sie darauf klicken. Unter der Registerkarte Stil gibt es dieselben Einstellungen zum Anpassen der Liste. Ich kann Text beenden und es gibt auch eine Option, einen Teiler dazwischen hinzuzufügen. Die Registerkarte Erweitert ist auch die gleiche für die Symbolliste des Widgets. Der nächste Besuch wird gezählt. Wenn es sich um einen coolen handelt, wird es verwendet, um einen beliebigen nummerierten Zähler zur Webseite hinzuzufügen. der Registerkarte Inhalt gibt es Optionen zum Anpassen des Zählers. Sie können die Startnummer, die Endnummer, das Präfix und das Suffix angeben , um die Zählerwerte anzupassen. Dann können Sie die Animationsdauer anpassen, die die Geschwindigkeit der Zählung ändert und auch ein- oder ausblenden der Tausendertrennzeichen getrennt ist, könnte ein Punkt oder ein Leerzeichen sein. Sie können auch einen Titel zuweisen, obwohl er am unteren Rand des Zählers wie eine Beschriftung angezeigt wird. Unter der Registerkarte „Stil“ können Sie die Farben und Typografie für Nummer und Titel anpassen. Die erweiterten Einstellungen sind identisch. Das nächste Video ist der Fortschrittsbalken. Es wird verwendet, um vollständig gestylt alle Matrix-Fortschrittsbalken auf die Webseite hinzuzufügen. Es enthält die Einstellungen für den Fortschrittsbalken. Zunächst können Sie den Titel der Fortschrittsstückliste erwähnen und einen Prozentsatz zuweisen, der ausgefüllt werden soll. Es ist optional, den Prozentwert und den inneren Text anzuzeigen, der auch als Platzhaltertext bezeichnet wird. Unter der Registerkarte Stil können Sie Anpassungen für die Speiseröhre des Fortschrittsbalkens, der Höhe und des Radius vornehmen. Die Typografie und Farben aus dem inneren Text zusammen mit dem Titel, können ebenfalls geändert werden. Die erweiterten Einstellungen sind identisch. Nächstes Widget ist, Zeugnisabschnitte hinzuzufügen. Es macht Ihre Aufgabe einfach, indem Sie den Inhalt und emerge verschachtelte Layout in einem einzigen Widget kombinieren. Dies ist praktisch, um Zeit bei der Erstellung von Spaltenlayout-Anpassungen zu sparen. Die erste Einstellung auf der Registerkarte Inhalt ist für Testimonials. Sie können den Testimonial Content schreiben und ein Bild Ihres Kunden zusammen mit dem Namen, der Bezeichnung und der Link-Option hochladen . Bildposition hat zwei Optionen beiseite, oben, zusammen mit den Ausrichtungseinstellungen. Unter der Registerkarte Stil können Farben und Topografie für Inhalt, Name und Bezeichnung zusammen mit den Standardeinstellungen für das Bild verwaltet werden. Die erweiterten Einstellungen sind die Szene. Nächstes Video besteht darin, Tabs einzufügen. Es hilft bei der Aufteilung des Inhalts in Tabs, entweder horizontal oder vertikal. Unter der Registerkarte Inhalt haben wir Einstellungen für die Registerkarten. Sie können eine Liste von Registerkarten erstellen, die die Option zum Kopieren und Löschen einer Registerkarte. Hier können Sie den Tabulatortyp zwischen horizontal und vertikal auswählen. Unter der Registerkarte Stil haben Sie Einstellungen, um die Breite des Menüfeldes anzupassen, mit diesem Titel und der Rahmenbreite, Rahmenfarbe und Hintergrundfarbe. Als Nächstes können Sie die Topografieeinstellungen für Titel und Inhalt anpassen. Es gibt eine Option, um die aktive Registerkarte hier anzupassen, es bedeutet, dass Sie bestimmte Einstellungen für die aktive Registerkarte zuweisen können, auf die ein Benutzer zugreift. Garantie. Die erweiterten Einstellungen sind identisch. Die nächsten beiden Haushaltspläne sind fast gemeinsam mit dem gleichen Zweck, aber mit einem leichten Unterschied in ihrer Funktionsweise. Das sind Akkordeon und Toggle. Das Akkordeon-Widget wird verwendet, um Text in einer zusammengefassten, komprimierten Art und Weise anzuzeigen und hilft, den Platz zu sparen. Mit dem Akkordeon. Besucher können die Artikeltitel scannen und auswählen dass ein Element nur dann erweitert werden soll, wenn es sich nicht um ihre Interessen handelt. Wie wir in einem FAQ-Abschnitt sehen. Wenn wir die Einstellungen für ein Akkordeon sehen, enthält es die Liste der Elemente mit Titel und Beschreibung. Es enthält auch Symbole. Sie können das aktive Symbol auch hier anders machen. Sie können dem Titel auch die HTML-Tags aus SEO-Sicht zuweisen. Die Registerkarte Stil enthält die Einstellungen für einen Schutzrand, Knöchel, die Topografie und Farbeinstellungen für Titel, Beschreibung und Eigen. Die erweiterten Einstellungen sind identisch. Nun, wenn wir auch dieses Toggle-Widget einfügen, dient es dem gleichen Zweck, aber mit ein wenig Unterschied. diesem Toggle Widget überprüft, kann ein Besucher so viele Elemente wie gewünscht sehen und alle können gleichzeitig erweitert werden. Mit dem Akkordeon-Widget kann jedoch nur ein Element gleichzeitig erweitert werden. Wenn Sie eine weitere Aufnahme erweitern, wird das zuvor geöffnete Element automatisch ausgeblendet. Das ist also der einzige Unterschied zwischen dem Akkordeon und dem Toggle Reject. Die Einstellungen für das Umschaltbudget sind identisch mit dem Akkordeon. Nächster Assistent besteht darin, die sozialen Symbole einzufügen. Es hilft beim Hinzufügen von Icon-Links zu Ihren Social-Media-Profilen. der Registerkarte „Inhalt“ können Sie Änderungen an der Liste der sozialen Symbole vornehmen. Sie können das Symbol und die Verknüpfung zusammen mit Optionen anpassen, um die Farben zu bearbeiten. Sie können aus einer Reihe von Formen auswählen, z. B. abgerundet, quadratisch und Kreis. Wenn Sie es in Linien stapeln möchten, können Sie die Anzahl der Spalten auswählen und die Ausrichtung auswählen. der Registerkarte Stil können Sie Änderungen an der Farbe vornehmen. Es gibt zwei Optionen zur Auswahl, die offizielle Farbe und die benutzerdefinierte Farbe. Nun, beide werden häufig in der Website-Gestaltung verwendet und Sie können nach Ihrem Designschema wählen. Wenn Sie die benutzerdefinierte Farbe auswählen, können Sie die primäre Farbe und die sekundäre Farbe anpassen. Als nächstes können Sie die Größe der sozialen Symbole verwalten, indem Sie Abstände und Zeilen Lücke hinzufügen, können Sie auch einen Rahmen einfügen. Sie können auch einen Emissionseffekt zuweisen. Sie den Mauszeiger über die sozialen Symbole. Das ist ein cooles. Die erweiterten Einstellungen sind alle gleich für das Social Icons Widget. Nächster Assistent ist das Warnungsfeld hinzuzufügen. Komm schon, alle sind wachsam. Es ermöglicht Ihnen, ein farbiges Warnfeld anzuzeigen, um die Aufmerksamkeit auf eine wichtige Nachricht zu lenken , und es verschwindet, nachdem der Besucher eine Aktion auf sie ausführt. Es gibt verschiedene Arten von Boxen, nur mit verschiedenen Hintergrundfarben, nichts Bedeutendes. Sie können den Titel und die Beschreibung Ihrer Wahl hier hinzufügen, die Schließen-Schaltfläche und zum Ausblenden der Warnung ist auch optional. der Registerkarte Stil können Sie Anpassungen für Farbe und Rahmen sowie für Titel und Beschreibung vornehmen. Die erweiterten Einstellungen sind ebenfalls gleich. Das nächste Video ist SoundCloud. Es bettet Audioclips von SoundCloud auf die Website ein. Sie können den Audio-Link eingeben, wählen Sie die Player-Anzeige, aktivieren Sie deaktivieren Sie die Autoplay-Option durch wie, herunterladen, teilen Schaltfläche Kommentare, Konten, Benutzername, und steuern Sie die Farben. Der nächste ist ein kurzes Code-Widget. Also, was ist ein Kurz-Code? Ist Kurzcode im Grunde ist ein spezielles Tag, das wir in eine Seite auf WordPress eingeben , die mit dem zugewiesenen Inhalt ersetzt wird, wenn wir die Live-Website sehen. Lassen Sie mich Ihnen ein Beispiel sagen. Wenn Sie ein Formular einbetten müssen, das mit Drittanbieter-Plugin wie WP-Formulare erstellt wurde, dann müssen Sie den Kurzcode hinzufügen, um es auf der Webseite einzubetten. Ist Kurzcode wird auch verwendet, um APIs und Besuche wie ein Twitter-Widget auf der Webseite einzubetten. Es spart Zeit und hilft beim Hinzufügen von spezialisierten Inhalten. In einem einfachen, geben wir einfach den Kurzcode in ein gegebenes Feld ein und klicken auf Übernehmen. Ihre Inhalte werden auf der Website angezeigt. Die erweiterten Einstellungen sind identisch. Das nächste Widget besteht darin, HTML-Code auf die Webseite hinzuzufügen. Genau wie der eingefügte Kurzcode, können Sie ein HTML, CSS, Shortcodes oder JavaScript auf der Webseite mit diesem Widget hinzufügen . Wenn Sie den HTML-Code für ein Formular haben, können Sie ihn hier einfügen, um das Formular auf der Webseite einzubetten. Die erweiterten Einstellungen sind ebenfalls gleich. Als nächstes ist das Menü Anker Widget. Es wird verwendet, um eine Seite mit internen Scroll-Navigation zu erstellen. Es bedeutet, dass, wenn ein Besucher auf bestimmte Element hier klickt wird automatisch zu den anderen Elementen auf der gleichen Seite scrollen. Es wird für die gleiche Seite Scroll-Navigation verwendet. Der Prozess ist einfach. Legen Sie einfach den Menüanker-Assistenten an den oberen Rand des Abschnitts , in dem Sie den Besucher scrollen möchten. Geben Sie ihm einen Namen. Bearbeiten Sie nun das klickbare Element, das umgeleitet wird, wenn Sie in das URL-Feld klicken, geben Sie den gleichen Namen ein, aber beginnend mit einem Hashtag, das ist es. Das Menü und get wird erstellt und die erweiterten Einstellungen sind die gleichen wie üblich. Nächster Besuch ist, eine Sidebar einzufügen. Es hilft beim Hinzufügen einer der Team-Sidebars, die wir möglicherweise erstellt haben, in der Seite hinzuzufügen. Sie können die Elemente einer Sidebar bearbeiten, indem Sie zum Theme-Customizer oder zum Element oder Teambuilding gehen . Übrigens ist das Hinzufügen von Seitenleisten zu einer Business-Website heutzutage sehr selten. Es wird nur häufig in den Blogging-Websites verwendet. Schließlich gibt es einen Lesemodus Assistenten, aber Sie können ihn überspringen, da er nicht so nützlich ist. So haben Sie auch über die Anwendung von allgemeinen Widgets gelernt. Und das ist, was das ganze Tor mit dem kostenlosen Elementor Plug-in. Diese Widgets sind sehr leistungsfähig und V sind in der Lage, die Webseite basierend auf dem Web-Design sehr schnell und einfach zu entwickeln, ohne dass jede Codierung all diese Widgets verwenden, können Sie alle Teile der Seiten der Website sehr einfach Verwenden Sie diese Besuche, um Zugriff auf die erweiterten Funktionen und Widget zu erhalten, können Sie planen, das Elementor Pro-Abonnement zu erhalten und lebendige Informationen über die Anwendung der Sonden-Widgets in der nächsten Lektion. Wir sehen uns dort. 36. Anwendung von Pro: Wenn Sie Elementor Pro abonnieren, erhalten Sie Zugriff auf die Premium-Funktionen wie den Team-Builder, Pop-Up-Bender-Formulare und -Integration, Maus- und Scroll-Animation, globale Budgets , dynamische Tags und rund 30 erweiterte Widgets zu schnell und einfach interaktive Webdesigns erstellen. Lassen Sie uns nun über die Widgets der Arbeit in der Pro-Version des Elements von lernen. Zunächst möchte ich Ihnen sagen, was ein globaler Haushalt ist? Ein Element oder ein globales Budget wird verwendet, um die Einstellungen eines bestimmten Widgets zu steuern , wird an mehreren Stellen auf der Website angezeigt. Es bedeutet, wenn Sie ein Widget über die verschiedenen Seiten verwenden und bearbeiten alle von ihnen zusammen voraus. Sie können eine globale Ablehnung verwenden. Zum Beispiel, wenn Sie das gleiche Testimonial Budget auf der Homepage Produkte verwenden möchten und kontaktieren Sie uns Seite. Dann geben Sie Leben, um den Abschnitt als Vorlage zu speichern und auf allen drei Seiten eingefügt. Aber wenn Sie Änderungen an diesem Testimonial Widget vornehmen möchten, müssen Sie alle drei Seiten bearbeiten und es wird unnötige Zeit verbrauchen. Hier können Sie das globale Budget nutzen, da Sie die gleichen Einstellungen für das Testimonial Widget auf allen verschiedenen Seiten verwenden . Also speichern Sie dieses Zeugnis als globales Budget und eingefügt auf allen drei Seiten. Nun, wenn Sie Änderungen vornehmen möchten, Adjektivbesuch auf einer Seite und der Rest wird automatisch aktualisiert, weil sie verknüpft sind. Wenn Sie den globalen Assistenten löschen, wird er von allen Seiten entfernt, auf denen er eingefügt wurde. Und der globale Assistent arbeitet für Widget, nicht vier Abschnitte. Einige Vor-, einige Nachteile. In Ordnung. Lassen Sie mich Ihnen den Prozess erzählen, wie Sie ihn erstellen. Erstellen Sie ein beliebiges globales Budget, indem Sie einfach mit der rechten Maustaste klicken und als global speichern einen Namen eingeben, speichern. Es wird zu dieser globalen Budgets Liste in der Nähe der Elemente hinzugefügt werden. Es hat einen gelben Rahmen anstelle von Blau. Um diesen globalen Assistenten an eine andere Stelle einzufügen, ziehen Sie einfach per Drag & Drop. Aber aus dieser globalen Widget-Liste, wenn Sie das globale Widget bearbeiten möchten, klicken Sie auf das Bleistift-Symbol und es wird angezeigt, dass der Besuch gesperrt ist. Sie können auf Bearbeiten klicken und mit der Bearbeitung des Projekts beginnen. Es wird an allen Orten automatisch aktualisiert. Und wenn Sie nur den Besuch auf dieser Seite bearbeiten möchten und nicht die anderen, können Sie auf die Verknüpfung aufheben klicken. Es wird ein reguläres Budget werden und jetzt die Änderungen nur an diesem Widget hier auf dieser Seite vorgenommen. Das ist also das Konzept der globalen Ablehnung. Lassen Sie uns nun die Elementor Pro Widgets diskutieren. Der erste Assistent ist post. Es wird verwendet, um das Postarchiv in den Abschnitt einer beliebigen Seite einfügen. In der Tat können Sie das Archiv von Seiten, Produktportfolio anzeigen, oder manuell auswählen, welche Abschnitte Sie in einer Archivweise auf einer Webseite anzeigen möchten. Es ist es mächtig und häufig verwendet, um Block Plakatarchiv auf der Homepage anzuzeigen? Wenn wir die Einstellungen für dieses Projekt sehen, Sie unter der Registerkarte Inhalt die Grafik ändern, können Sie unter der Registerkarte Inhalt die Grafik ändern,indem Sie die Skin aus klassischen Wachen und vollständigen Inhalt auswählen. Ändern Sie die Anzahl der Spalten und Posten. Aber Seite können Sie wählen, um die Feature-Bemaßung anzuzeigen und den Mauerwerk-Effekt zu aktivieren. Mauerwerk ist übrigens ein Rasterlayout, das den gesamten Raum nutzt, indem unnötige Lücken zwischen den Bildern reduziert werden. Sie können die Bildgröße ändern. Sicher hassen den Titel und den Auszug. Metadaten, Lead-Modellierung, Badge und Avatar-Einstellungen. Wenn Sie die Haut ändern, werden ein paar Optionen geändert, aber sie sind nur üblich und leicht zu verstehen. Als nächstes in den Abfrageeinstellungen haben erweiterte Ebenen, Anpassungsoptionen wie die Auswahl der Quelle des Inhalts und Ein- oder Ausschließen bestimmter Inhaltskategorien oder Autor. Sie können die Anzeige für einen bestimmten Zeitraum auswählen und auch die Bestellreihenfolge der Post verwalten. Darüber hinaus haben Sie die Optionen, um die Paginierungselemente wie Zahlen und vorherige anzupassen . Als nächstes können Sie unter der Registerkarte „Stil“ die Grafik, das Layout, den Raum, die Warnungen und die Typografie für den Bildinhalt anpassen , ANC, Seitenumbruch und die erweiterten Einstellungen sind wieder identisch. Sie können sie gemäß Ihrer Anforderung verwenden. Als nächstes ist das Portfolio-Widget. Es wird verwendet, um die Post-Seiten und benutzerdefinierte Post-Typen in einem attraktiven denken, dass Lage Raster angezeigt. Es funktioniert fast genauso wie das Postbudget. Nur, Sie können eine Filterleiste hinzufügen, so dass der Besucher auf die Filter klicken kann , um die relevanten Beiträge und benutzerdefinierte Layouts in einer organisierten Weise zu sehen. Die Einstellungen sind alle gleich mit nur einer zusätzlichen Option zum Aktivieren und Deaktivieren älterer Filterleiste unter der Stil-Registerkarte, wieder, Sie erhalten die gleichen Satz von Optionen mit Justin, zusätzliche Einstellung für den Filter, aber nichts signifikantes. Und die erweiterten Einstellungen sind auch die gleichen. Lassen Sie uns jetzt das nächste Video sehen, aber es tut die Bildergalerie. Es hilft beim Hinzufügen der komplexen und schönen Bildergalerien auf der Webseite. Dies ist eine erweiterte Version der grundlegenden GAL80, die wir zuvor gelernt haben. Sie können eine einzelne Galerie oder mehrere Galerien mit Filtertipp hinzufügen. Sie können das Layout aus Gitter, gerechtfertigt und Mauerwerk wählen. Sie können die Anzahl der Spalten, den Abstand, die Verknüpfung und das Seitenverhältnis verwalten . Sie können Änderungen an der Filterleiste für Beschriftungen, Zeiger und Animationen vornehmen. Außerdem können Sie die Hintergrundüberlagerung, den Titel und die Beschreibung anpassen. Unter der Registerkarte Stil, erhalten Sie Einstellungen für Bild-Overlay, Inhalt und gefiltert über, die einfach sind, wie wir gelernt haben, kämpfte die Widgets vor, Erweitert, dass Banken sind auch die gleichen. Der nächste Besuch in Elementor Pro ist ein besonderes und es ist das Hinzufügen von Formularen. Mit diesem können Sie auf der Website ein Kontaktformular einrichten , um den Besuchern eine einfache Möglichkeit zu geben, mit Ihnen in Kontakt zu treten. Dies ist übrigens das wichtigste Budget, besonders für Landing Pages. der Registerkarte Inhalt erhalten Sie Einstellungen für Formularfelder, Übermittlungsschaltflächenaktion nach dem Senden und einige zusätzliche Optionen geben, um einen Namen zu bilden und die Felder hinzuzufügen, die Sie anzeigen möchten. Der Feldtyp enthält alle Standard- und häufig verwendeten Felder im Formular wie Text, E-Mail, Telefonnummer, Textbereich, Optionsfelder, Kontrollkästchen, Datum, Uhrzeit, Rückeroberung und Modus. Sie können beliebig viele Felder verwenden. Stellen Sie nur sicher, dass der Formularausfüllvorgang sehr reibungslos und einfach für den Besucher sein sollte und möglichst wenig Zeit verbrauchen sollte. Sie können die Beschriftung oder die erforderliche Markierung ein- oder ausblenden, indem Sie diese Option aktivieren oder deaktivieren. Als nächstes können Sie die Einstellungen für die Schaltfläche wie Größe, Gewicht und Ausrichtungsschritte und Schaltfläche Senden verwalten. Weisen Sie nun die Aktion nach dem Senden eines Formulars zu, z. B. das Senden einer E-Mail, das Umleiten des Benutzers auf eine Dankesseite oder das Hinzufügen des Benutzers zur Zielgruppenliste des E-Mail-Marketing-Tools. Hier ist die erste E-Mail-Option, die Einreichungswüsten auf Ihrer E-Mail-ID zu täuschen. Und auch E-Mail ist es gewohnt, eine automatisierte E-Mail über die erfolgreiche Einreichung des Formulars wie ein Auto-Responder mit Elementor zu sagen . Hier können Sie beliebig viele Aktionen auswählen. Als Nächstes können Sie die Einstellungen für die mehrstufigen Formulare vornehmen. Übrigens, um ein mehrstufiges Formular zu erstellen, wählen Sie Schritte aus dem Listenfeldtyp aus, und dies fungiert als Trennwand für den Schrittspaß. Sie können weitere Gebühren hinzufügen und Dave wird in Schritt 2 angezeigt. Anstelle der Schaltfläche „Senden“ finden Sie die nächste Schaltfläche in Schritt eins und die vorherige beta1, zusammen mit Submit und Schritt 2. Mehrstufige Formulare sind nützlich, wenn Sie mehr Anzahl von Feldern haben und Sie den Formularausfüllprozess in eine logischere unterteilen möchten. Und schließlich können Sie unter den zusätzlichen Optionen die benutzerdefinierten Nachrichten bearbeiten, die nach dem Absenden eines Formulars wie der Erfolgsmeldung angezeigt werden . Oder die Fehlermeldung, Feld erfasste Nachricht oder ungültige Eintrag Nachricht. der Registerkarte „Stil“ können Sie die Einstellungen für Gebühren, Inhalte, Ang-Schaltfläche für Abstände, Farbe, Biographie und Visuals verwalten Ang-Schaltfläche für Abstände, . Achten Sie auf die Schritte Styling, wie Sie Optionen erhalten, um den inaktiven, aktiven und abgeschlossenen Schritt zu stilisieren . Verlassen Sie die Registerkarte Erweiterte Optionen, damit Sie es versuchen können. Nächstes Widget ist das Anmeldeformular. Es macht es einfach, eine benutzerdefinierte Anmeldeseite anstelle der Standard-WordPress-Anmeldeseite zu erstellen. der Registerkarte Inhalt gibt es Optionen zum Bearbeiten der Formularfelder, der Schaltfläche und zusätzliche Optionen für die Weiterleitung des Besuchers nach dem Login, Logout-Anmeldenachricht und Optionen zum Bearbeiten des Etiketts und Platzhalters. Stil- und erweiterte Optionen enthalten dieselben allgemeinen Einstellungen. Als nächstes ist das Folien-Widget. Es hilft bei der Erstellung einfacher Folien, die perfekt funktionieren. Sie können Abschnittsfolien mit benutzerdefiniertem Hintergrund, Titel, Beschreibung und Schaltfläche erstellen . sie einfach per Drag & Drop, um ihre Position zu ändern, duplizieren, zu löschen oder eine Folie hinzuzufügen. Wenn Sie auf eine einzelne Folie klicken, die entsprechenden Optionen für Hintergrund-, Inhalts- und Stileinstellungen geöffnet . Sie können n Anzahl von Folien erstellen, die Höhe anpassen, und in den Schieberegleroptionen können Sie die Navigation anpassen, Autoplay, Boson Hover, Boards oder Interaktion Autoplay Geschwindigkeit Schleife, und wählen Sie einen wunderbaren Übergang von Folie oder Fade. Außerdem gibt es eine Option, um Inhaltsanimationen aus verschiedenen Richtungen zuzuweisen. der Registerkarte „Stil“ können Sie die Visualisierungen, den Raum, die Farbe und die Topografie von Folien, Titel, Beschreibung, Schaltfläche und Navigation verwalten und die Topografie von Folien, . Die Registerkarte Erweitert verfügt über dieselben Einstellungen. Jetzt ist der nächste Besuch Nav Menu. Es hilft ihm mit den Menüs, die Sie in WordPress erstellt haben , und entwerfen sie in welcher Weise Sie wollen. Es bedeutet, dass Sie ein Navigationsmenü an jedem Teil der Webseite einfügen können. Unter der Inhaltsregisterkarte können Sie die Layout-Einstellungen wie das horizontale Menü, das vertikale Menü oder ein Dropdown-Menü anpassen . Basierend auf dem Layout, das Sie auswählen, erhalten Sie Optionen zum Bearbeiten des Ausrichtungszeigers, Animationsuntermenü-Indikator und Anki-Einstellungen für das mobile Dropdown-Menü. Unter der Registerkarte Stil können Sie die Einstellungen für die Dropdown- und Umschaltfläche des Hauptmenüs anpassen. Stellen Sie sicher, dass Sie die Einstellungen für den normalen Hover-Modus und den aktiven Modus bearbeiten. Die erweiterten Einstellungen sind ebenfalls gleich. Das nächste Widget ist die animierte Überschrift. Es wird verwendet, um aufmerksamkeitsstarke Überschriften zu erstellen , die entweder drehen oder die hervorgehobene Animation einschließen. Sie können spannende Schlagzeilen mit auffälligen Effekten erstellen. der Registerkarte Inhalt Beginnen Sie aufder Registerkarte Inhaltmit der Auswahl des Formats ihres Namens, die zwei Stile beschriftet sind. Hervorgehoben und drehbar. Hervorgehobener Text könnte mit einer Form wie Kreis oder Unterstrich hervorgehoben werden. Das rotierende Texte könnte die Tippanimation oder Clip haben, wirly und viele andere Animationen. Im nächsten Feld können Sie vor Text, markierten oder rotierenden Text und den Nachtext hinzufügen markierten oder rotierenden Text . Sie können auch Links hinzufügen, die Ausrichtung anpassen und die HTML-Tags zuweisen, die aus SEO-Sicht geschehen. Styling ist einfach. Unter der Registerkarte Stil können Sie die Form und die Überschrift anpassen. Die Registerkarte Erweitert ist auch, wie üblich. Der nächste Besuch ist Preisliste. Es wird verwendet, um vollständig Stil Kataloge und Menüs zu erstellen, die Preise enthalten. In Bezug auf die Bearbeitung der Einstellungen ist es ähnlich wie die Symbolliste, und ich glaube, Sie können es leicht verwalten, indem Sie den Inhalt, Stil und die Registerkarte Erweiterte Einstellungen erkunden . Nächstes Video ist die Basistabelle. Es wird verwendet, um stilvolle, erweiterte Preistabellen zu erstellen , die die Produkte oder Dienstleistungen anzeigen. Es ist eine gute und Sie können alle Teile dieser Preistabelle bearbeiten. der Registerkarte „Inhalt“ können Sie die Kopfzeile für Titel, Beschreibung und HTML-Tagbearbeiten Beschreibung und HTML-Tag anschließend die Einstellungen für die Preisgestaltung, die Liste der Funktionen, die Schaltfläche, den Link und zusätzliche Informationen in der Fußzeile verwalten Liste der Funktionen, die Schaltfläche, . Und schließlich, aktivieren, deaktivieren Sie die Multifunktionsleiste Wenn Optionen, um den Titel und Position zu ändern. der Registerkarte Stil können Sie Abstände, Farben, Typografie und Grafiken für die Kopfzeilenelemente, Fußzeile und Multifunktionsleiste anpassen . Und sie sind fortgeschritten, ihre Panzer sind die gleichen. Nächstes Widget ist eine Flip-Box. Es wird verwendet, um animierte Felder zu erstellen, die auf die andere Seite gekippt werden. Monsterbesucher schwebt über sie. Es bedeutet, dass der Abschnitt eine französische Seite und eine Rückseite hat. Und Sie können verschiedene Inhalte auf der Vorderseite und der Rückseite zeigen. Die Vorderseite kann verwendet werden, um Spannung und Anziehungskraft zu schaffen, um den Abschnitt zu drehen und die Rückseite hat einen CTA, um Aktion zu fördern. Wenn wir die Einstellungen sehen, hat die Registerkarte Inhalt Einstellungen für Vorder-, Rückseite und Einstellungsoptionen. Unter der vorderen Option können Sie den Inhalt und den Hintergrund in der Klosteroption entwerfen, ein Grafikelement wie ein Bild auswählen oder ich kann den Ansichtstyp als Standard ändern, gestapelt oder gerahmt, eingefügten Titel und Beschreibung. Und in der Hintergrundoption können Sie die Querschnittsdiagonalen ändern. Als Nächstes können Sie die Rückseite des Schnitts ändern, die nach der Umkehrung sichtbar ist. Und es hat fast die gleichen Einstellungen, aber mit der Taste, die als CTA fungieren kann. In den Einstellungen können Sie die Höhe und den Radius des Schnitts anpassen, indem Sie den Flip-Effekt, Umkehrrichtung und einen 3D-Effekt zuweisen. In der Stil-Option können Sie Anpassungen für die Vorder- und Rückseite für Padding, Ausrichtung, Position, Rahmentyp und Einstellungen im Zusammenhang mit dem Symbol, Titel und Beschreibung vornehmen, scheinen weit die Rückseite mit zusätzlichen Einstellungen, um die Schaltfläche anzupassen. Und schließlich erhalten Sie die gleichen Einstellungen auf der Registerkarte Erweitert. Als nächstes ist ein Call to Action Widget. Es ist ein Werkzeug zum Erstellen von schönen Boxen, die ein Bild, etwas Text und eine Schaltfläche kombinieren . Das Widget Benutzer und Emissionen und CSS-Effekte Benutzerinteraktionen zu erstellen , die angezeigt werden, wenn der Benutzer den Mauszeiger über das Feld bewegt. Hier, unter der Inhaltsoption, werden Sie die Einstellungen für Bild, Inhalt und Multifunktionsleiste anpassen. Wählen Sie den Hauttyp und passen Sie die Position des Bildes an. Inhaltseinstellungen haben fast die gleichen regulären Einstellungen. Und in der Multifunktionsleiste können Sie oben rechts oben links einen schrägen Text anzeigen. Unter der Registerkarte Stil, gibt es Einstellungen für Feld, Inhalt Schaltfläche und eine gutartige Harvard-Effekte. Sie können die Höhe, Ausrichtung, Position und Polsterung nach Abschnitt mit Optionen zum Bearbeiten der Breite und Höhe des Bildes anpassen . Dann gibt es regelmäßige Einstellungsoptionen für Inhalt und Schaltfläche. Unter der Multifunktionsleistenoption können Sie die Hintergrundfarbe, die x Farbe und den Abstand von der Ecke, der Topographie und dem Schatten ändern . Und die erweiterten Einstellungen sind auch die gleichen. Nächstes Widget ist ein Media-Kit acyl. Es wird verwendet, um einen Schieberegler von Videos und Bildern zu erstellen. Der Besuch umfasst drei Skins. Nummer eins, werde genial. Es ist die standardmäßige rotierende Karussellhaut, die eine angepasste Anzahl von Bild- oder Videofolien zeigt. Aber nur wenige. Nummer zwei ist Diashow. Es ist ein Schieber-Skin, die eine primäre Folie und kleine Miniaturansichten unten zeigt. Nummer 3 ist abgedeckter Fluss. Es ist ein Schieber-Skin, die eine zentrale Folie in der Vorderseite und zwei Standorte Lichter in der Rückseite zeigt . In jedem Slayed können Sie das Bild oder Video hinzufügen und es mit seiner Mediendatei oder einem externen Link verknüpfen lassen. Das Ghettoerregung kann eine Mischung aus Bildern und Videos darstellen, handeln. Sie können die Höhe des Folieneffekts ändern und die Miniaturansichten verwalten. In den ursprünglichen Optionen können Sie die Schiebereglernavigation, die Optionen für die automatische Wiedergabe sowie die Bildgröße und -anpassung aktivieren , deaktivieren . der Registerkarte Stil können Sie die Visualisierungen, den Abstand, die Farbe und die Typografie für Folien,die Navigation und das verlegte Feld verwalten Farbe und die Typografie für Folien, . Die erweiterten Einstellungen sind die gleichen für die Medien können auch ablehnen. Nächstes Widget ist ein Zeugnis Ketose. Es wird verwendet. Display ist Schiebe-Karussell von Kundenreferenzen in einer Vielzahl von Designs. Es hat den gleichen Satz von Einstellungen und dass der Inhalt Stil und Erweitert Registerkarte, die Sie jetzt leicht erkunden können. Nächster Assistent ist es, Bewertungen zu zeigen. Es zeigt ein gleitendes Karussell von Benutzerbewertungen, obwohl die Sendeoptionen für dieses Widget gleich sind, ist fehlgeschlagen, aber Sie erhalten eine sehr vorteilhafte Funktion hier. Sie können ein Symbol wie ein Social-Media-Symbol einfügen und den Link entweder zur Rezension oder zum Profil des Betrachters bereitstellen . Dies hilft wirklich, Glaubwürdigkeit und Authentizität in der Wahrnehmung der Besucher zu schaffen. Sehr gute Linie. Als nächstes ist die dritte Inhaltstabelle Widget. Es wird verwendet, um Überschriften in einem Abschnitt einfügen und die Überschriften sind schnell automatisch vom Seiteninhalt basierend auf H1 bis H6 Ebenen der Hierarchie. Obwohl die Prozesse automatisch, haben Sie viel Kontrolle darüber, was eingeschlossen wird und Board wird aus dem Display ausgeschlossen. Sie können die Kopfzeilen-Tags einschließen, um die Zahl oder Aufzählungszeichen anzuzeigen und auszuwählen. Unter den zusätzlichen Optionen können Sie den Zeilenumbruch aktivieren, um Text zu umbrechen, wenn Spaltenvektor lange Text in einer Zeile nicht aufnehmen kann. Deaktivieren Sie das minimierte Feld, um einen Klick zum Erweitern des Inhaltsverzeichnisses zu erzwingen und aktivieren Sie die hierarchische Ansicht deaktivieren und die Unterelemente reduzieren. Unter der Registerkarte Stil können Sie die gleichen visuellen Raum, Farbe und Topografie Einstellungen für Box Header und Liste praktische erweiterte Einstellungen verwalten und Topografie Einstellungen für Box Header und sind auch die gleichen. Nächster Besuch ist ein Countdown-Timer. Es ermöglicht Ihnen, Countdowns auf Ihrer Seite ohne die Verwendung von Drittanbieter-Plugin hinzuzufügen. Anpassen des Timers ist einfach. Wählen Sie zwischen dem Fälligkeitsdatum oder immergrünen Timer, obwohl es keinen signifikanten Unterschied zwischen ihnen gibt, können Sie den Ansichtstyp aktivieren Sie die Tage, Stunden, Minuten und Sekunden ändern , das Etikett und ein benutzerdefiniertes Label ein- oder ausblenden. Sie können eine Aktion festlegen, nachdem der Timer abgelaufen ist, und wählen, ob Sie einen Besucher auf eine andere Seite oder High-Tech-Neymar umleiten oder eine benutzerdefinierte Nachricht anzeigen möchten. Der Stil und die Registerkarte Erweitert verfügen über dieselben Einstellungen, die Sie problemlos verwalten können. Nächstes Widget ist Share-Schaltflächen. Es fügt Share Buttons zu jeder Seite oder Post der Website. Dieses Budget ist sehr wichtig, denn wenn die Besucher diese Seite mit ihren Verbindungen in den sozialen Medien teilen , erhalten Sie mehr Traffic und Sie erhalten die volle Kontrolle, um das Share Button Design und Stil anzupassen. der Registerkarte Inhalt die Netzwerke hinzu und erstellen Sie eine Liste. Sie können den Ansichtstyp ändern, die Beschriftung ein- oder ausblenden, zu Skintyp, Form, Anzahl der Spalten, Ausrichtung ändern . Und Ziel-URL, die die aktuelle Seite oder eine andere Seite oder Post angibt, die freigegeben werden soll. Unter der Registerkarte Stil können Sie die Grafik und das Design der Schaltflächen verwalten und die erweiterten Einstellungen sind auch hier gleich. Nächster Assistent ist blockquote. Es wird verwendet, um vollständig Stil Anführungszeichen einzubetten. Sie können diese auch als angeklickt festlegen, um Tweet zu ermöglichen, dass Benutzer sie einfach auf Twitter teilen können. Wählen Sie zunächst den Skin-Typ aus, geben Sie den erstellten Inhalt ein, aktivieren oder deaktivieren Sie den Ein-Klick-Tweet-Button, ändern Sie den Ansichtstyp und die Skin der Greet-Button, geben Sie die Arbeit und Ihren Twitter-Benutzernamen ein. Sie können den Stil der Content-Schaltfläche und Rahmen sehr einfach und die erweiterten Einstellungen und auch das gleiche anpassen . Als nächstes haben wir einige Besuche im Zusammenhang mit Facebook, um die Websites zu erhöhen, Facebook-Engagement, so dass Sie mehr Likes, Aktien und Interaktionen erhalten können. Die erste ist, Facebook-Button zur Website hinzuzufügen. Mit diesem können Sie ein Facebook wie Beta1 hinzufügen, so dass die Besucher die Webseite mögen oder auf der Facebook-Seite direkt von der Website posten können . Sie können die Art der Aktion zwischen „Wie“ und „Empfehlen“ wählen. Layout, Größe, Farbe, kurz, blenden Sie die Freigabe-Schaltfläche, und Profilbilder. Sie können Likes für die aktuelle Website-Seite erhalten oder die Facebook-Seite URL in Guston eingeben. Da das Styling folgt Standard-Facebook-Alerts. Sie erhalten also nicht die Option, den Stil zu bearbeiten. Und der erweiterte Schritt hat auch die gleichen Einstellungen für dieses Widget. Nächster Assistent ist es, Facebook-Kommentare hinzuzufügen. Es wird am Ende des Beitrags platziert, damit die Leser leicht mit ihrem Facebook-Konto kommentieren können. Sie können auswählen, wie viele Kommentare angezeigt und bestellt werden sollen. Sie können die Kommentare für den aktuellen oder einen anderen Beitrag anzeigen , indem Sie diese benutzerdefinierte URL verankern. Nächstes Widget ist Facebook-Beitrag einbetten. Es hilft bei der einfachen Einbettung von Facebook-Post-Videos oder Kommentaren auf der Seite der Website. Sie können wählen, ob Sie ein Prahlvideo oder einen Kommentar einbetten möchten. Sie können die URL leicht von der Facebook erhalten, indem Sie mit der rechten Maustaste klicken und URL-Methode kopieren. Einfach hier in das URL-Feld eingefügt. Sie können aktivieren, um den vollständigen Text des Beitrags anzuzeigen oder die Einstellungen für das Video anzupassen. Nächster Assistent ist es, die Facebook-Seite auf der Website hinzuzufügen. Ja, Sie können den Facebook-Seiten-Feed auf der Website selbst hinzufügen. Geben Sie hier einfach die URL der Facebook-Seite in das Link-Feld ein. Und Sie können die Layout-Optionen auswählen, die auf dem Feed wie Timeline, Ereignisse und Nachrichten angezeigt werden sollen. Aktivieren Sie die Kopfzeile, Coverfoto, Profilfotos und passen Sie die Höhe des Besuchs an. Die erweiterten Einstellungen sind identisch. Das nächste Budget besteht darin, eine benutzerdefinierte globale Vorlage in die Seite einzufügen. Diese Vorlage wird in der Regel gespeichert und synchronisiert mit der Elementor-Bibliothek für das Lizenzkonto, Sie können eine Suche nach dem Vorlagennamen Akt machen einfach eingefügt. Wenn Sie diese Vorlage von der Seite selbst bearbeiten möchten, veröffentlichen Sie die Seite, und dann erhalten Sie eine Option, um die Vorlage so einfach wie sie ist zu bearbeiten. Das endgültige Budget und Elementor Pro ist Lottie. Latae. Widgets sind kleine und begrenzte Elemente, die aus JSON-Dateien gerendert werden. Einfach hochladen oder referenzieren und externe JSON-Datei und passen Sie sie wie gewünscht an. Dieses Widget verbessert die Interaktion, indem animierte Inhalte auf der Seite angezeigt werden. Sie können entweder eine Lottie mit Adobe After Effects erstellen oder einige vorgefertigte Latae-Animationen verwenden. Machen Sie einfach eine Google-Suche, sie herunter, um eine Mediathek hochzuladen, oder geben Sie die URL für die externe Datei und Elementor ein. Wir holen es direkt von dort ab. Wählen Sie die Ausrichtungsbeschriftung, Anker, Link beim Klicken aus. Unter den Einstellungen können Sie den Trigger für Animation, Loop-Wiedergabegeschwindigkeit, Startpunkt, Endpunkt und Rückwärts anpassen. Später Renderer SVG sein. Für gestochen scharfe und klare Visualisierungen haben Sie einige Stiloptionen, um den Abstand und die Visualisierung zu verwalten , und die erweiterten Einstellungen sind identisch. Also diese alle, wo die Sonde besucht, die Sie mit Elementor Pro bekommen. Zusammen mit diesem erhalten Sie auch einige Website-Besuche mit dem Element oder Team-Builder. Lassen Sie uns sie auch hier sehen. Die erste ist Site-Logo-Ablehnung. Es ist ein dynamisches Urteil, das verwendet wird, um das Website-Logo einzufügen. Sie können das Logo von hier aus nicht ändern oder ersetzen, aber Sie können die Visual- und Designaspekte bis zu einem gewissen Aussterben anpassen. Als nächstes ist Site-Titel-Widget. Es ist auch ein dynamischer Assistent, der den Website-Titel anzeigt , der im WordPress-Customizer zugewiesen ist. Und auch hier können Sie das Design und die Grafik des Titels anpassen. Nächster Assistent ist Seitentitel. Es zeigt den Seitentitel, der im WordPress-Seiteneditor zugewiesen ist. Als nächstes ist Nav Menu. Es ist das gleiche wie das linke Menü, das wir zuvor in den Prüfziffern besprochen haben. Als nächstes ist das Suchformular Widget. Es hilft beim Hinzufügen einer Suchleiste überall auf der Website. Als nächstes ist die Sitemap, die es schafft eine strukturierte, organisierte und zugängliche SML Sitemap der Website, die Besucher und Suchmaschinen und einfachen Ein-Klick-Zugriff auf die Liste der Seiten auf der Website . Als nächstes erhalten Sie ein Widget für Yoast SEO Breadcrumbs. Hier können Sie die Breadcrumbs auf die Webseite einfügen. Übrigens, was ist ein Paniermehl? Es ist eine Art von sekundären Navigationsschema, das den Standort des Benutzers auf einer Website offenbart. Sie müssen das in einem E-Commerce-Store wie diesem gesehen haben. Ja, dies ist ein Breadcrumb und Sie können es hinzufügen, indem Sie Yoast SEO Plugin verwenden, was sehr nützlich für die On-Page-SEO-Einstellungen der Webseite ist. In Ordnung, also sind wir mit der Anwendung von Wüsten fertig. Und ich glaube, dass all diese Elemente grundlegende, allgemeine und beweisen Budgets sind ausreichend, um die interaktive Webseite zu entwickeln , die den Besucher anspricht und eine gute Benutzererfahrung bietet. Ich möchte, dass Sie eine gute Zeit damit verbringen, all diese Budgets einzeln für alle Einstellungsoptionen zu üben , die für jedes Widget verfügbar sind. Komm schon, nimm dir eine Auszeit und übe weiter. Und dennoch, wenn Sie mehr Widgets benötigen, um die Design-Fähigkeiten von Elementor zu verbessern, als es viele Drittanbieter-Plugins gibt , die Ihnen mehr Widgets angeboten haben, um das Element Ihrer Wahl hinzuzufügen. Wenn Sie erkunden möchten, empfehle ich die Verwendung des Plugins von Grochow Blocks gesetzt. Das ist sehr gut, um die Macht von Elementor zu verbessern. Aber ich werde nicht empfehlen, mehr Plug-Ins auf der Website zu verwenden, da es die Ladegeschwindigkeit verlangsamen kann und einige der freien Elemente oder Add-Ons oft Geld geben, die zu Fehlern auf der Webseite führen. Seien Sie also ein bisschen vorsichtig bei der Auswahl des richtigen Satzes von Add-On-Elementen für Elementor. Und am wichtigsten ist, dass diese Besuche nichts nützen, bis und wenn Sie sie anwenden, um das Design der Webseiten zu entwickeln, die in der Entwurfs-Tool bereit ist, müssen Sie diese grundlegenden allgemeinen verwenden und beweisen Widgets, um das gesamte Web -Seiten, die Sie bereits in Figma oder Adobe XD entworfen haben. Einfach über die Arbeit dieser Widgets zu wissen, wird nicht helfen. Sie müssen das Wissen anwenden. Also gehen Sie voran, verwenden Sie alle diese Abschnitte, Spalten und Besuche, um die Entwicklung aller Seiten der Website gemäß dem Design, das Sie in der Gestaltung erstellt haben, abzuschließen . Gut. Alles klar, das ist es, in dieser Lektion zu lernen und wir werden im nächsten Video fortfahren. 37. Das Menü einrichten: Jetzt wissen Sie, wie man eine Webseite mit dem Element oder Widgets entwickelt, und Sie haben bereits die Liste der Webseiten, es ist nicht an der Zeit, alle Seiten zu erstellen, die Entwicklung abzuschließen und das Navigationsmenü zu erstellen. Das erste, was Sie tun müssen, ist, zu den Leseeinstellungen hier zu gehen und die Homepage und Blog-Seite zuzuweisen. Wählen Sie die Option „Statische Seite“ und weisen Sie die Startseite als Startseite und Blog als Beitragseite zu. Klicken Sie auf Änderungen speichern. Bewegen Sie nun den Mauszeiger über die Option Darstellung und wählen Sie das Menü aus. Hier müssen Sie ein neues Menü erstellen, indem Sie darauf klicken. Geben Sie dem Menü einen Namen. Ich nenne es primäre Menü, weil es das Hauptnavigationsmenü für diese Website sein wird. In den Menüeinstellungen haben Sie die Möglichkeit, diesem Menü beim Erstellen automatisch eine neue Seite hinzuzufügen. Aber in der Regel ziehen wir es vor, dies nicht automatisch zu tun. Sie können dem Menü je nach Anforderung Seiten manuell hinzufügen. Lassen Sie es also deaktiviert. Dann müssen Sie den Anzeigeort auswählen. Da wir das primäre Menü erstellen, wählen Sie den Speicherort als primäre Menü und klicken Sie auf Erstellen Menü. Sie können dem Menü Seiten, Prahls und benutzerdefinierte Links hinzufügen . In der Regel müssen Sie nur die Seiten und benutzerdefinierte Links hinzufügen. Unter der Seitenoption haben Sie drei Registerkarten. Aktuelle Ansicht alle Iron Suche. Sie können auf Alle anzeigen klicken, um die Liste aller Seiten zu erhalten, die Sie erstellt haben. Wählen Sie nun die Seiten aus, die Sie hinzufügen möchten, im Menü und klicken Sie auf Hinzufügen zum Menü. Dadurch werden die Seiten zum Menü hinzugefügt. Und hier können Sie die Reihenfolge der Seiten arrangieren. Einfach klicken, ziehen, ziehen, ziehen, ziehen und ablegen. Die Reihenfolge wird geändert. Sie können die Reihenfolge ganz einfach per Drag & Drop anpassen. Nun, wie zu erstellen ist Untermenü. Um ein Untermenü zu erstellen, müssen Sie das Element ein wenig nach rechts ziehen und ablegen. Das war's. Unterelement ist hervorgehoben und es ist jetzt ein Untermenü. Sie können sogar tiefere Ebene Untermenü erstellen, indem das Element mehr rechts unter das Untermenüelement ziehen. Sobald Sie mit der Bestellung fertig sind, klicken Sie auf Speichern Menü zu aktualisieren und zu veröffentlichen. Als nächstes ist das Konzept der benutzerdefinierten Längen. Wir verwenden einen benutzerdefinierten Link, um eine Menüoption zu erstellen, die einen externen Link hat, der zu einer anderen Webseite führt oder um ein Pop-up oder nur einen leeren Link hervorzuheben, um die Navigationsmenüprozesse zu organisieren. Sehr einfach. Geben Sie dem Link einfach einen Titel oder geben Sie die URL ein. Das war's. Wenn Sie einen leeren Link zuweisen möchten, fügen Sie ein Hashtag-Symbol ein. Es gibt eine sehr wichtige Sache hier in der Menü-Setup. Wenn Sie einen Link in einer neuen Registerkarte öffnen möchten, wie geht es dann? Ich sehe hier nirgends eine Option. Ok. Also, wie viele von Ihnen haben die Bildschirmoptionen für jede Einstellung Option in WordPress Admin, Bereich, Halle, oder? Also hier sind die Bildschirmoptionen, um die Möglichkeit, einen Link öffnen eine neue Registerkarte zu erhalten, müssen Sie die Option aktivieren, indem Sie auf den Bildschirm Optionen gehen. Ich hoffe, Sie müssen jetzt verstanden haben, dass es sehr wichtig ist, alle Optionen zu erkunden, die in jeder Umgebung verfügbar sind. Diese von Ost nach West nach Nord nach Süd. Verbringen Sie einige Zeit mit der Erkundung des WordPress-Admin Sie werden es genießen. Eine andere Sache hier, Sie können mehrere Menüs erstellen, die an verschiedenen Orten verwendet werden können, wie in einer Fußzeile oder in einem Teil der Webseite. So scheinen die Prozesse, gehen Sie voran und beginnen Sie, die Menüs gemäß der Anforderung zu machen. Und um das Styling dieses Menüs anzupassen, haben wir die Einstellungen für Kopf- und Fußzeile im nächsten Video nicht gelernt. Wir sehen uns dort. 38. Anpassen der Kopfzeile und der Fußzeile: Wir haben gelernt, wie man die Webseiten mit Elementor entwickelt, und es ist jetzt an der Zeit zu lernen, wie man die Kopf- und Fußzeile der Website bearbeitet. Beachten Sie, dass die Kopf- und Fußzeile für die gesamte Website gleich bleiben. Um die Kopf- und Fußzeile zu bearbeiten, können Sie die Teameinstellungen oder als kreative benutzerdefinierte Kopfzeile verwenden , indem Sie die Team-Builder-Funktion verwenden, die in Elementor Pro verfügbar ist. Lassen Sie uns zuerst die Teamoptionen als Daten lernen, die kostenlos über das Astra Team zur Verfügung stehen. Und es bietet uns einige hervorragende Funktionen und Flexibilität, um die Kopf- und Fußzeile zu entwerfen. Bewegen Sie einfach den Mauszeiger über die Option Erscheinungsbild und klicken Sie auf Anpassen. Hier können Sie die Teameinstellungen für verschiedene Optionen wie globale Werte, Kopfzeile,Breadcrumb, Seitenleiste und Fußzeile verwalten die Teameinstellungen für verschiedene Optionen wie globale Werte, Kopfzeile, . unserem Desktop finden Sie den Namen des aktiven Teams, das wir verwenden. Die erste Option, die uns zur Verfügung steht, ist die globale Einstellung für Typografie, Farben, Abstände und Schaltflächen. Wir müssen dies nicht verwenden, da wir bereits die erforderlichen Einstellungen in Elementor vorgenommen haben. Aber wenn wir die Teameinstellungen verwenden möchten, können Sie die Werte hier zuweisen. Lassen Sie uns zurück und die nächste Option ist der Header Builder. Darauf müssen wir uns im Theme Customizer konzentrieren. Es hat die gleiche Funktionalität wie Elementor, und Sie können den Scheitelpunkt leicht dem primären Header über und unter dem Header zuweisen. Lasst uns sie eins nach dem anderen sehen. Der erste und wichtigste ist der primäre Header. Sie können die Höhe der Kopfzeile anpassen, und auf der Registerkarte Design können Sie die Gewichtung und Farbe des unteren Rahmens verwalten. Als nächstes können Sie die Hintergrundfarbe gemäß dem Designschema der Website ändern. Und dann können Sie den Abstand über Padding und Randeinstellungen verwalten. Dann ist es vollständig anpassbar. Um die Liste der verfügbaren Widgets anzuzeigen. Klicken Sie auf das Plus-Symbol und v Gate, eine anständige Anzahl von elementaren Widgets wie Konto, dann HTML, Logo, primäre Menü, sekundäre Menü, Suchleiste , soziale Symbole und benutzerdefinierte Widgets. Sie können den Header leicht entwickeln, indem Sie dieses Video verwenden. Wie für das Design erklärt gemeint, lassen Sie uns ein Logo auf der linken Seite der primären Kopfzeile platzieren. Sie können diese Einstellungen des Logos über das linke Bearbeitungsfeld verwalten. Dies sind die gleichen Einstellungen wie die Auswahl des Bildes für das Logo, Ändern der Website-Titel, Ich wähle die Website Eigen oder fav Symbol. Als Nächstes können Sie auf der Registerkarte Design die Typografie für Site-Titel, Act verwalten, den Abstand verwalten. Als nächstes lassen Sie uns das primäre Menü auf der rechten Seite einfügen. Klicken Sie darauf und die Einstellungen werden im linken Bereich geöffnet. Sie können sogar die Menüeinstellungen von hier aus verwalten, die wir in der vorherigen Lektion gelernt haben. Erstellen Sie ein Menü, bearbeiten Sie das Menü oder ändern Sie es an neuen Speicherorten. Sie können es sehr einfach verwalten. Jetzt, darunter, können Sie das Untermenü arbeiten und Container-Animation verwalten, zusammen mit einer Option, um Element geteilt zu aktivieren. Unter der Registerkarte Design können Sie das Menü Harvard Stil Hand wählen. Das sind wirklich gute zu verwenden. Hier finden Sie einige weitere Einstellungen und Anspielungen auf den Untermenü-Container, die Farbeinstellungen für die Menü-Links unter normalem Hover und Aktiv-Modus, Hydrographie-Einstellungen, Menüabstand und Rand. Alles kann nach der Designanforderung angepasst werden. Als Nächstes können Sie eine Schaltfläche hinzufügen und sie mit den Bearbeitungsoptionen entwerfen. Ich bin sicher, dass Sie jetzt diese allgemeinen Farben, Typografie und Abstandseinstellungen verwalten können, um das Element zu entwickeln. Gemäß der Designabteilung. Normalerweise halten wir nur diese Widgets im primären Header. Sie haben es platziert die Schaltfläche mit sozialen Symbolen und Sie können sogar die obige Kopfzeile verwenden. Lassen Sie uns die sozialen Symbole hier auf der rechten Seite platzieren. Im Kohlenhydratabschnitt. Sie können die Genital- und Entwurfseinstellungen verwalten, um die Visualisierungen anzupassen. Übrigens können Sie auch die Höhe, Farben und den Abstand für die obige Kopfzeile verwalten . Fühlen Sie sich frei, die erforderlichen Widgets hier oder in der unteren Kopfzeile hinzuzufügen. Nun, eine weitere Funktion, die wir im freien Astra-Team bekommen, ist dieser transparente Header. Ja, es ist ein sehr guter. In ihrer Senderantenne. Der Heldenbereich beginnt direkt an der Spitze des Strandes und der Header befindet sich über dem Heldenbereich, der der Website einen modernen Look verleiht. Klicken Sie auf Enable auf Complete Seite und die Optionen werden geöffnet. Sie können den transparenten Header auf bestimmten Post-AMP-Seiten deaktivieren, falls erforderlich. Sie können auch die transparente Kopfzeile sowohl auf dem Desktop als auch auf Mobilgeräten oder auf dem Desktop und nur auf Mobilgeräten aktivieren . Sie können sogar ein anderes Logo für die transparente ihr tote verwenden, wenn erforderlich. der Registerkarte Design können Sie den unteren Rahmen, die farbige Hintergrundüberlagerung sowie die Farbeinstellungen für das Menü und andere Kopfzeilenoptionen anpassen . Aber seien Sie sehr vorsichtig mit den Farbeinstellungen, indem Sie eine transparente Kopfzeile verwenden, da der Heldenbereich als Hintergrund fungiert. Und so müssen Sie das Farbschema mit dem richtigen Kontrast wählen , um die richtige Sichtbarkeit der Links zu erhalten. Klicken Sie auf Veröffentlichen hier oben, um vt zu speichern, es ist noch nicht vorbei. Wenn Sie den Gerätestatus auf mobil ändern, erhalten Sie einige weitere Widgets wie die Umschalttaste, Andy off Canvas-Abschnitt. Sie können die Umschaltfläche für das Glucagon-Feld anpassen. Und in den Off-Canvas-Einstellungen können Sie aus den verschiedenen Canvas-Darstellungsstilen, -Position und -Ausrichtung wählen. Sie können die Farben auf der Registerkarte Design anpassen. Wenn Sie weitere Widgets im Off-Canvas-Bereich hinzufügen möchten, klicken Sie auf das Plus-Symbol und wählen Sie die gewünschten Widgets aus. Auf diese Weise können Sie das Header-Design mit den Astra Theme Settings anpassen. Und ich muss sehen, dass diese Einstellungen ziemlich mächtig sind. Sobald Sie fertig sind, klicken Sie auf Veröffentlichen und Lexico zurück. Die nächste Option im Customizer besteht nun darin, die Breadcrumbs bei Bedarf zu aktivieren. Als nächstes haben wir Einstellungen und haben auf den Blog und lebendige Lernende in den kommenden Videos angespielt. Also lassen Sie es uns hier überspringen. Nächste Option ist es, die Website BOD zu verwalten, und es ist mehr Glas auf der Seitenebene selbst verwaltet. Also lasst uns ein Kind verlassen. nächste ist der Footer Builder. Das ist wichtig. Genau wie Ve die Kopfzeile erstellt hat, können wir nun auch einfach die Fußzeile entwickeln. Hier erhalten Sie auch die primäre Fußzeile und oberhalb der Fußzeile und einen unteren Fußzeilenabschnitt. Klicken Sie auf die primären Fußzeileneinstellungen und Sie können die Anzahl der Spalten, das Layout, die Breite und die Ausrichtung verwalten . der Registerkarte Design können Sie die Farben und den Abstand verwalten. Gleiche gilt auch für den obigen und den unteren Fußzeilenabschnitt. Klicken Sie nun auf das Plus-Symbol, um die Widgets zur Fußzeile hinzuzufügen. Und ich glaube, es ist jetzt eine leichte Aufgabe, es zu entwickeln. Dann haben Sie einige leere Widgets und lassen Sie uns sehen, was alles, was Sie tun können, das dann. Fangen wir mit Nummer 1 an. Hier auf der linken Seite. In den Einstellungen können Sie diesem Besuchsbereich aus einer Liste von Optionen einen Besuch zuweisen. Sie können aus Archiv, Audio-Player, Kalenderkategorien, Kunden, DML, Haftung von sicheren Abschnitten, Galerie entstehen, Modellierungen, Navigationsmenü, Liste der Seiten, aktuelle Kommentare Beitrag RSS-Feeds, ein Suchformular, Backload, ext oder ein Video. Nun, einige dieser Besuch-Optionen sind veraltet, aber immer noch können Sie den Text und das Bild verwenden und das benutzerdefinierte Widget entwerfen. Ruhen Sie alle wichtigen Widgets wie die sozialen Likens, das Fußzeilenmenü und das Copyright-Tag ist bereits verfügbar zu verwenden. Sie können sich entspannen, da das Copyright-Tag den Kurzcode enthält , um das Jahr automatisch zu aktualisieren. So können Sie den Filter mit einer einfachen Drag-and-Drop-Schnittstelle entwerfen. Und vergessen Sie nicht, den Ordner auch für Handy und Tablet zu optimieren. Beachten Sie auch, dass die Kopf- und Fußzeile für die gesamte Website gleich bleiben. Entwerfen Sie es also entsprechend. Und das alles sind die Astra Theme Settings für die Kopf- und Fußzeile. Nun, lassen Sie mich Ihnen eine weitere einfache Möglichkeit die Kopf- und Fußzeile für die Website mit einem kostenlosen Plugin Gondolas Element aus Kopf zu erstellen einem kostenlosen Plugin Gondolas Element aus , die Füße und Blöcke Vorlage durch Brainstormkraft. Lassen Sie uns schnell installieren dieses Plugin und hier und das Aussehen gegeben finden Sie die Einstellungen für dieses Plugin. Klicken Sie darauf. Klicken Sie nun auf „Neu hinzufügen“. Dies wird ein benutzerdefiniertes Layout sein, wird dem Thema injiziert werden. Geben Sie diesem Layout unseren Titel. Sie nun aus dem Typ der Vorlage den Ordner aus. Wählen Sie dann aus, um auf der gesamten Website anzuzeigen. Klicken Sie nun auf Bearbeiten mit Elementor. Hier können Sie die Fußzeile mit den Abschnittsspalten entwerfen, ang Widgets von Element ungerade zur Verfügung gestellt. Ja, genauso wie Sie eine Webseite entwickeln. Diese Methode könnte für Sie bequemer sein, da Sie bereits mit dem Element oder Widgets vertraut sind . Die Fußzeile kann nun ganz einfach nach der Designanforderung entwickelt werden. Und wenn Sie noch die Widgets-Bereich, Sie werden feststellen, dass dieses Plugin einige weitere Widgets hinzugefügt hat , die von Nutzen sind, um eine Kopf- und Fußzeile zu erstellen. So können Sie die Macht von Elementor hier nutzen und erstellen Sie eine wunderbare gefiltert mit diesem kostenlosen Plugin. Übrigens können Sie einen Header nach demselben Prozess erstellen. Erstellen Sie einfach ein neues benutzerdefiniertes Layout und wählen Sie den Typ als Header und auf der gesamten Website angezeigt. Nun, entworfen die Header mit dem Element DOD-Widgets haben liberal in der linken Leiste. Nutzen Sie die Header Footer Blogs und Widgets, um die Aufgabe einfach und reibungslos zu machen. Komm schon, geh weiter und probiere das mal aus. Entwerfen Sie Ihre erste Kopf- und Fußzeile Schriftart der Faktoren Website. Dies sind also die kostenlosen Team- und Plug-in-Optionen , die wir verwenden können, um die Kopf- und Fußzeile anzupassen. Und wenn Sie einige erweiterte Optionen für die Kopf- und Fußzeilengestaltung erhalten möchten, dann müssen Sie die bezahlten wie den Astra Pro oder Elementor Pro abonnieren. Astra Pro ist ein Aussterben des Astra-Teams. Um die Fähigkeiten der kostenlosen Version zu verbessern. Mit diesem können Sie erweiterte Header wie einen klebrigen Header oder ein Mega-Menü erstellen . Eine klebrige Kopfzeile ist eine, die am oberen Rand des Bildschirms klebt , wenn eine Besucherschule Stein die Webseite, es ist eine gute zu verwenden, da es schnellen Zugriff auf das Navigationsmenü bietet , ohne immer wieder nach oben scrollen zu müssen. Nächstes Jahr. Erweiterte Funktion ist ein Mega-Menü. Es ist eine organisierte Form eines großen Menüs, oder Sie können eine visuelle Form des Menüs sehen. Es ist auch sehr effektiv in Bezug auf Wirkung und Benutzeroberfläche. Dies sind die beiden Hauptvorteile der Verwendung von Astrup true für die Abrechnung Header und Footer. Und abgesehen davon, erhalten Sie einige andere Funktionen im Zusammenhang mit Epigraphie-Einstellungen, Layout-Management für einen einzelnen Beitrag und Blogger gab Rede Andy Option zu unseren benutzerdefinierten Layouts auf der Website, was im Grunde bedeutet Injizieren benutzerdefinierter HTML-Codes in verschiedenen Teilen der Website und Webseiten. Diese benutzerdefinierten Einschluss- und Ausschlussregeln. Die benutzerdefinierten Layouts sind nützlich, wenn Sie Ihre Website mit anderen Tools wie Google Tag Manager oder Facebook-Pixel integrieren müssen. Insgesamt ist es eine gute zu abonnieren, aber wir haben eine weitere Premium-Option, um die Kopf- und Fußzeile zu erstellen und starb dieses Elementor durch. Nun, Elementor ist nicht nur ein Strandbauer, es ist ein sehr leistungsfähiger Team-Builder und ein Landing-Page-Builder mit leistungsstarken Anpassungsoptionen. Mit diesem können Sie ganz einfach eine benutzerdefinierte Kopfzeile entwerfen, einzelne Post Seitenvorlage, Blog-Archiv-Seitenvorlage, Suchen und Sprache und bearbeiten 400 vier Seiten. Sie erhalten auch Zugriff auf eine riesige Haftung von Vorlagen für den Header ungefiltert. Und Sie können diese Designs mit nur einem Klick importieren. Nun, es gibt so viele Funktionen und Vorteile der Verwendung von Elementor Pro, aber in dieser Lektion konzentrieren wir uns auf die Gradierung der Kopf- und Fußzeile. Nur. Der Prozess der Einstufung des Jodfutters oder der Verwendung von Elementor Pro ist fast der gleiche wie die Bearbeitung der Seite. Sie können auf, Hinzufügen Neu unter den Team-Builder-Optionen, wählen Sie einen Vorlagentyp als Haggard, geben Sie ihm einen Namen und klicken Sie auf Erstellen. Sie können hier die Vorlagen auswählen, um Zeit zu sparen, oder blau gesetzt, um von Grund auf neu zu erstellen. Nun, genau wie die Kopfzeilenfußzeilenblöcke Plugin, können Sie einen Abschnitt erstellen, verwenden Sie die Website-Widgets und andere Element oder Widgets, um eine tolle benutzerdefinierte Kopfzeile für die Website zu erstellen. Wie Sie bereits wissen, können Sie jeden Teil des Abschnitts anpassen und bitte die gewünschten Widgets, um den Header zu entwickeln, Asperger entwarf ein Glutamat. Sie können den Header auch mit der Stick-Option kleben und die negativen Ränder anpassen, um den transparenten Header-Effekt zu verwalten. Sie erhalten auch einige Zeigeroptionen, um das Menü in Elementor Pro hervorzuheben. Und Sie können auch erstellen und über heterosexuell und unter Header Abschnitt. Sobald Sie fertig sind, klicken Sie auf Veröffentlichen, klicken Sie auf Bedingung hinzufügen. Bedarf können Sie deren Anzeigeregeln angeben. Wie wir in der Regel verstecken die Kopf- und Fußzeile auf Landing Pages. Wenn Sie fertig sind, klicken Sie auf Speichern und schließen. Das war's. Für die Website wird ein vollständig angepasster Header erstellt. Als nächstes, um die Fußzeile zu erstellen, scheinen Prozesse. Erstellen Sie ein neues Layout, wählen Sie einen Ordner aus, geben Sie ihm einen Namen, entwerfen Sie es, weisen Sie die Bedingung und speichern Sie sie. Das war's. Wenn Sie daran denken, dass beim Entwerfen der Fußzeilenleiste, stellen Sie sicher, dass Sie das aktuelle dynamische Datum Tag für das Copyright-Jahr verwenden , um automatisch in der Lebensmittelwüste zu aktualisieren. Und noch eine Sache, wenn Sie mehr fortgeschrittene Mega-Menü für eine Website erstellen möchten, dann gibt es ein leistungsfähiges Plugin namens uns injizieren Menü von Grupo Blöcke. Es ist ein großes, aber Sie können es verwenden, um ein super fantastisches Mega-Menü für die Website zu erstellen. Wie ich schon sagte, können Sie das Design der Website in jeder Weise anpassen, die Sie sich vorstellen. Und das auch, ohne jede Codierung. Also gehen Sie einfach voran und entwerfen Sie die Website im Design-Tool und baute sie mit Elementor mit der einfachen Drag-and-Drop-Technik. Das ist es, in dieser Lektion zu lernen und wir werden im nächsten Video fortfahren. 39. Grundlagen einer Blog-Website: Wollen Sie wirklich ein erfolgreicher Blogger werden? Es gibt keinen persönlichen Blog, den Sie schreiben möchten oder ist es, um die Business-Website oder E-Commerce-Store zu unterstützen? Was auch immer der Zweck sein soll. Die Konzepte, die wir in dieser Lektion lernen werden, gelten sowohl für eine dedizierte Blogging-Website als auch für einen Blog zur Unterstützung der Business-Website. Normalerweise erstellen wir einen Blog, um ihren Besuchern frische, einzigartige, informative und ansprechende Inhalte zur Verfügung zu stellen. Da die Inhalte, die wir auf einer Business-Website veröffentlichen, statisch sind und sich nicht ändern, benötigen wir einen Blog-Abschnitt auf der Website, um weiterhin die aktualisierten Inhalte bereitzustellen , so dass der Besucher versucht ist , die Website immer wieder zu besuchen für die neuen Informationen, ein Blog ist eine sehr gute Quelle des Verkehrs und die Wiederholungsbesucher auf der Website. Stellen Sie also sicher, dass Sie die Konzepte befolgen, um einen Blog zur Unterstützung der Business-Website einzurichten, oder richten Sie eine dedizierte Blogging-Website ein. Sie können ganz einfach einen Blog einrichten, indem Sie nur ein paar einfache Schritte folgen. Da Sie jetzt bereits wissen, die Schritte, um einen Domain-Namen zu kaufen, einen Hosting-Plan zu kaufen und WordPress zu installieren. Sie wissen auch, wie Sie die Themes und Plugins installieren. Und Themen und Plugins sind für Sie von Nutzen. Jetzt müssen Sie einfach die Option Neues Angebot hinzufügen hier auswählen, einen Titel zum Blogbeitrag geben und anfangen zu schreiben. Das war's. Wir haben in den kommenden Videos noch nicht mehr über das Design der Blog-Archiv-Seite und das Design von Single Post erfahren . Und in diesem Video, lassen Sie mich Ihnen einige grundlegende Konzepte erzählen, ein erfolgreicher Blogger zu werden. Der erste Schritt besteht darin, die richtigen Themen für den Block auszuwählen. Alles beginnt mit dem Thema Forschung in Ihrer Branche sind Nische. Dazu empfehle ich Ihnen, in sozialen Medien auf dem Laufenden zu bleiben und Tools wie Google-Drinks zu nutzen oder Themen zu erkunden. Sie können auch mit Reddit oder Cora auf dem Laufenden bleiben, um mit den neuesten Verbraucherdiskussionen, beeindruckt und Fragen zu kommen . Sie können auch Tools wie BuzzSumo verwenden, um mit einem Trend-Themen zu kommen. Übrigens, was bedeutet ein Blog-Beitrag? Ein Blogbeitrag ist in der Regel die lange Form von Inhalten. Und es gibt eine goldene Regel in der digitalen Marketing-Industrie, dass gute Inhalte und großartige Visuals zusammen eine große lange Form Post erstellen , die für den Besucher engagiert ist. Um also einen epischen Blogbeitrag zu schreiben, müssen Sie informative Inhalte bereitstellen, die für den Leser wertvoll sind, auf einer Seite, die mit den richtigen Farben, Formen und Abständen schön gestaltet ist. Sie können auch ein Inhaltsverzeichnis hinzufügen, um den Navigationsprozess zu erleichtern und gezielt Radios, Datenvisualisierungen und Infografiken zu nutzen , um die Besucher zu begeistern. Die größte Frage für alle, die mit dem Bloggen beginnen wollen, ist jedoch , wie man mit einem Blog Geld verdient. Es kann mehrere Einnahmequellen geben. Aber wenn ich Ihnen sage, dass zwei primäre Möglichkeiten, Geld zu verdienen, als diese Nummer eins sind, die Anzeigen und Nummer zwei, das Affiliate-Marketing. Anzeigen sind in der Regel die Bannerwerbung, die im Blogbeitrag angezeigt werden. Und Sie können sich für Google AdSense registrieren, um diese Anzeigen in Ihrem Blog zu schalten. Sie können Geld entweder durch CPC verdienen, das heißt Kosten pro Klick. Es bedeutet, dass Sie für jeden Klick auf die Anzeige in Ihrem Blog-Beitrag bezahlt werden. Und der andere ist CPM, das sind Kosten pro 1000 Impressionen. Hier erhalten Sie für je 1000 Impressionen des Banners einen bestimmten Betrag. Weiter ist sehr leistungsfähige Linie oder ist das Affiliate-Marketing? Es ist der Prozess der Gewinnung einer Provision durch die Förderung von Produkten anderer Menschen. Genau wie Sie müssen gesehen haben, Blogger Förderung Hosting-Dienstleistungen wie Blue Host n-side gewachsen, und sie bieten Ihnen einen Link, um den Hosting-Plan zu kaufen. Wenn ein Leser auf diesen Link klickt und die Server kauft, erhält der Blogger eine Provision vom Hosting-Unternehmen. So können Sie die Produkte durch Text bewerben und einen einzigartigen verfolgbaren Link hinzufügen , der Ihnen für das Produkt zur Verfügung gestellt wird. Wenn ein Käufer auf den Link klickt und das Produkt kaufen, erhalten Sie eine Provision. Das ist eine sehr mächtige Quelle, um ein sehr gutes Einkommen zu erzielen, da es sehr spannender Prozess ist, den Kunden zu erziehen und das Produkt zu fördern. Es ist eine Win-Win-Situation für alle drei Beteiligten. Wie Sie die Möglichkeit erhalten, qualitativ hochwertige Inhalte zu erstellen und den Käufer über die wertvollsten Produkte zu informieren. Der Käufer erhält vollständige Informationen über die Funktionen und nützliche Details. Vergleich auf einer einzelnen Seite. Wenn der Käufer auf den Link klickt und den Kauf abschließt, erhält das Unternehmen einen Umsatz. Und so zahlen sie Ihnen als Gegenleistung für Ihre Bemühungen eine Provision. Vertrauen Sie mir, es ist eine sehr mächtige Einnahmequelle und Sie können Produkte auf Ihrem Blog sehr leicht durch den Austausch von qualitativ hochwertigen Inhalten, Bildung der Besucher und Bereitstellung von Links in Form von Text und Banner fördern . Um per Bloggen Geld zu verdienen, benötigen Sie Traffic auf der Website. Also, wie man Verkehr zu bekommen? Das ist eine Millionen-Dollar-Frage. Lassen Sie uns einige Möglichkeiten diskutieren, um mehr Besucher auf den Blog zu bekommen. Der einfache Weg, um sicherzustellen, dass die Leute Ihren Blog besuchen, ist sicherzustellen , dass sie wissen, dass Ihr Blog existiert. Sie können Ihren Blog in sozialen Medien oder über kostenpflichtige Anzeigen in Suchmaschinen und sozialen Medien bewerben , oder optimiert den Blog für die Suche und Rankings und einige andere Möglichkeiten. Beginnen wir mit Social Media. Soziale Medien Interaktion ist wichtig. Sie erhalten einen einfachen Zugang zu Millionen von Menschen, die ihrerseits ihren Blogbeitrag mit ihren Freunden und Familie teilen können. Alles, was Sie brauchen, ist qualitativ hochwertige Inhalte zu teilen, die für die Leser nützlich sind und Wert für dieses Wissen bieten. Ang Zeit. Da Sie möchten, dass sie über Sie wissen, können Sie es einfach machen, Ihren Blog zu teilen, indem Sie relevante Social-Media-Share-Schaltflächen auf dem Blog-Beitrag platzieren . Das ist ein Trick hier. Es ist zu sehen, dass Blog-Post zwischen 100 und zweitausend Wörter bekommt die höchste geteilt in sozialen Medien. Wenn Sie es auf andere Weise sehen, kann dies überprüft werden, da je wertvoller und informativer Inhalte Sie dem Besucher zur Verfügung stellen, desto besser werden Sie engagiert und ermutigt, den Inhalt zu teilen. So versucht, Langform Blog-Post zu veröffentlichen. Sie können auch verwandte Blogs kommentieren. Der Schlüssel zu dieser Strategie besteht darin, sicherzustellen, dass Ihr Kommentar dem Beitrag tatsächlich etwas Wertvolles hinzufügt. Es funktioniert gut, wenn Sie gerade erst anfangen. Und selbst der wenigste Verkehr ist für Sie von Wert. Als nächstes sind die bezahlten Anzeigen. Bezahlte Anzeigen sind nicht die billigsten Methoden, aber manchmal ist es der einfachste Weg, um den anfänglichen Traffic zu erhalten. Starten Sie kostenpflichtige Anzeigen und stellen Sie sicher, dass die Nutzer Ihren Blog sehen , wenn sie nach bestimmten Begriffen suchen und bestimmte Themen durchsuchen . Vergessen Sie nicht, die E-Mail-Liste zu erstellen, indem Sie ein Abonnentenformular auf dem Blog platzieren . , die Wiederholung der Besucher auf dem Blog. E-Mail-Marketing-Kampagnen können eine konsistente Erinnerung an Ihren Blog sein. Einfach einen Newsletter vorbereitet, senden Sie ihn an die Abonnenten, und bald werden Sie eine große Zunahme der Anzahl der Wiederholungsbesucher sehen. Nun müssen Sie sich fragen, wie wichtig SEO oder Suchmaschinenoptimierung ist , um Traffic zu erhalten. Ja, das ist die wertvollste Quelle des Traffics für einen Blog. Also, was ist SEO? Es ist die Wissenschaft, sicherzustellen, dass Ihre Inhalte zuerst auf einer Suchergebnisseite und über CEO sichtbar sind. Da die Leute dazu neigen, die Top-Ergebnisse zu wählen, je höher Sie sind, desto wahrscheinlicher werden sie auf den Link zu Ihrem Blog klicken. Und wenn Sie wissen möchten, wie viele Leute nach den Schlüsselwörtern suchen , die zu Ihrem Blog gehören. Erstellen Sie ein kostenloses Google Ads-Konto bei Keyword Planner und erkundete das Suchvolumen für Keywords in den verschiedenen Ländern. Dies gibt Ihnen eine bessere Vorstellung über das Suchvolumen und den wahrscheinlichen Traffic, den Sie auf dem Blog erhalten können. Und wenn ich Ihnen einige einfache Tipps erzähle, um den Blog für SEO zu optimieren, wird es nur mit der Keyword-Suche beginnen. Sie müssen eine Liste von Schlüsselwörtern erstellen, die Menschen suchen , bezogen auf das Thema des Blog-Beitrags, den Sie schreiben. Sie können auch mit der Liste der hohen Volumen und potenziellen Keywords in Ihrer Nische auf Industrie kommen und einen Blogbeitrag zu diesen Themen schreiben. Sie müssen sicherstellen, dass Sie diese Schlüsselwörter im Inhalt, in den Überschriften, in den Absätzen verwenden , und verwenden Sie sie in der natürlichen v. enthalten das primäre Schlüsselwort in den Beitragstitel und in den ersten Zeilen der Inhaltskörper. Verwenden Sie auch verwandte Schlüsselwörter und versuchen Sie nicht, Keyword Stuffing zu tun. Behalten Sie nur die entsprechende Schlüsselwortdichte bei. Sie können auch LSA-Begriffe im Inhalt verwenden, um sie relevanter zu machen. Als nächstes wird die Meta-Titel und Meta-Beschreibungen optimiert. Dies sind die Titel und Beschreibungen, die ein Besucher der Suchmaschinenergebnissprache sieht. Sie müssen sicherstellen, dass Sie das primäre Schlüsselwort in den Titel und in die Beschreibung einfügen . Hier müssen Sie erklären, worum es in Ihrem Blog geht und machen es attraktiv und wertvoll für den Leser aussehen, so dass DEA, versucht, darauf zu klicken. Sie können ganz einfach die Meta-Titel und Meta-Beschreibungen mit dem verwendeten SEO-Plugin für WordPress zuordnen . Die Einstellungen für Yoast SEO finden Sie auf jedem Blog-Beitrag oder jeder Webseite. Als nächstes ist sehr wichtiger Faktor für Blog SEO die Benutzererfahrung. Es wird von mehreren Faktoren wie Design und Layout des Blogs, Navigation, Ladegeschwindigkeit und Reaktionsfähigkeit beeinflusst . Nächster Faktor ist es, die Konkurrenten zu analysieren und halten Sie einen Scheck an den Top-Ranking Konkurrenten und versucht zu verstehen, was sie besser machen, können Sie Inspiration und Ideen von den Konkurrenten erhalten. Der letzte universelle Faktor für den Erfolg im Bloggen ist, Wert zu liefern. Was auch immer Inhalte, die Sie veröffentlichen, entweder auf der Website oder dem Blog, es sollte Wert Besucher liefern, die die ewige, aber zum Erfolg. Und Sie können den Inhalt auch neu verwenden, z. B. wenn Sie einen eindeutigen beliebten Blogbeitrag haben, können Sie ihn in ein YouTube-Video oder eine Podcast-Episode oder Präsentationen oder Infografiken umwandeln . Denn es ist validiert, dass das Thema und der Inhalt gut mit den Menschen Resonanz. Eine weitere Sache hier, können Sie Ihren Blog-Beitrag auf Reddit und Quora als Welt teilen und versuchen, die Nutzung von Social Media so viel wie möglich zu machen. Also, das ist es, in dieser Lektion zu lernen, und wir werden mit mehr Blockeinstellungen im nächsten Video fortfahren. 40. Einzelne Post: In dieser Lektion, lassen Sie uns lernen, wie Sie einen Blog-Beitrag erstellen und wie Sie die einzelne Beitrag-Seite entwerfen, um einen neuen Beitrag zu erstellen, Mauszeiger über die Post-Option und klicken Sie auf Hinzufügen neu. Es ist der gleiche Prozess wie das Erstellen einer neuen Seite. Sie können dem Beitrag einen Titel zuweisen und lassen Sie uns die Einstellungen auf der rechten Seite sehen. Erstens ist der Status und die Sichtbarkeit. Hier sind die Optionen die gleichen und Sie haben eine zusätzliche Option, um einen Beitrag an die Spitze des Blogs zu halten, wie ein vorgestellter Blog-Beitrag. Als Nächstes können Sie den Permalink oder die URL bearbeiten. Dies kann auch nach dem Veröffentlichen des Beitrags bearbeitet werden. Als Nächstes können Sie Kategorien und Tags hinzufügen. Tun Sie diesen Beitrag. Nun sind Kategorien und Tags aus Blogsicht sehr wichtig. Lassen Sie mich erklären, warum Kategorien und Tags bei der Strukturierung des Inhalts helfen. Kategorien, half, die Post Themen breit zu gruppieren, während Steuer half, den Beitrag im Detail zu beschreiben. Kurz gesagt, Kategorien sind die allgemeinste Methode zum Gruppieren von Inhalten auf einer WordPress-Website. Eine Kategorie symbolisiert ein Thema oder eine Gruppe von Themen, die in irgendeiner Weise miteinander verbunden sind. Manchmal kann ein Beitrag gleichzeitig zu vielen Kategorien gehören. Es ist jedoch vielleicht nicht die beste Idee, einem Beitrag mehr als zwei oder drei Kategorien zuzuweisen. Der Punkt hier ist, dass Ihre Inhalte ordentlich organisiert werden, so dass der Zugriff für den Leser erleichtert wird. Zum Beispiel kann ein digitales Marketing-Blog Kategorien wie Content Marketing, SEO, Social Media Marketing, Web Analytics, Design und Board haben SEO, Social Media Marketing, . Auf der anderen Seite werden Tags verwendet, um ein Stück Inhalt durch bestimmte Schlüsselwörter zu identifizieren. Wählen Sie einfach ein paar Wörter aus, die einen bestimmten Beitrag auf die bestmögliche Weise beschreiben. Der Hauptunterschied zwischen Kategorien und Tags ist die Art und Weise, wie Sie sie verwenden. Die Kategorien sollen den Januar der Post angeben. Und Tags, auf der anderen Seite, gehen viel mehr in die Tiefe und zeigen die einzelnen Dinge, über die der Beitrag spricht. Daher können Sie mehrere Tags mit einem einzigen Blog-Beitrag verwenden. Beachten Sie, dass Kategorien und Tags durch den Begriff Taxonomien in Wordpress dargestellt werden. Als Nächstes können Sie ein ausgewähltes Bild hinzufügen. Und es ist sehr wichtig, weil es wie ein Thumbnail in der Blog-Archiv-Seite wirkt. Als nächstes können Sie einen Beitrag exert einfügen, im Grunde eine Zusammenfassung des Blog-Beitrags ist und in der Regel auf der Plakatarchivseite sichtbar ist. Wenn der Auszug leer ist, erstellt WordPress automatisch einen Auszug mit den ersten 55 Wörtern des Beitrags. Die nächsten Optionen funktionieren genauso wie für eine Seite. Jetzt ist das Entwerfen der einzelnen Beitrag-Seite eine einfache Aufgabe da Sie Elementor verwenden können, um die Seite gemäß Ihrer Anforderung zu entwerfen. Es gibt jedoch einige Einstellungen, die sich auf die Struktur einer einzelnen Beitragseite beziehen, was mit einem kostenlosen Team wie Astra nicht so einfach ist. Um es anzupassen, müssen wir zum Customizer von der Option Darstellung gehen, wählen Sie die Blog-Option hier, und wählen Sie Single Post Kopf. Sie können die Struktur des einzelnen Beitrags mit den Designeinstellungen ändern. Es gibt jedoch sehr begrenzte Optionen, um die Struktur des einzelnen Beitrags anzupassen. Hier können Sie den Vert anpassen und die Reihenfolge der strukturierten und Metadaten der einzelnen Beitragseite zusammen mit den Topografieeinstellungen verwalten . Das war's. Und wenn Sie Astra Pro verwenden, dann erhalten Sie ein bisschen mehr Optionen wie zum Aktivieren oder Deaktivieren der Autor-Info, automatische laden vorherigen Beitrag, passen Sie die Größe der Funktion, um die Farbe des Titels und den Abstand des Containers zu verschmelzen . Aber dennoch, Sie sind nicht in der Lage, die vorgestellten Bildposition und Layouts anpassen , wie wir in modernen Blogbeitrag sehen. Dies sind also die begrenzten Optionen, die Sie erhalten, um das Aussehen und das Gefühl der Signalpost mit den Theme-Einstellungen anzupassen. Auf der anderen Seite, wenn wir Elementor Pro verwenden, dann erhalten Sie mehr Flexibilität, um das Einzelpost-Layout zu entwerfen. Lassen Sie uns sehen, wie Sie einen einzelnen Beitrag mit Elementor Pro entwerfen können. Eine Sache hier, bevor Sie ein Element oder eine Vorlage für einen einzelnen Beitrag erstellen, stellen Sie sicher, dass Sie mindestens einen Blog-Beitrag auf der Website veröffentlichen. Bewegen Sie den Mauszeiger über Vorlagen Option und wählen Sie Team Builder oder klicken Sie einfach auf Neu hinzufügen und wählen Sie Single Post als Typ der Vorlage. Geben Sie ihm hier einen Namen und klicken Sie auf Erstellen. Jetzt haben Sie eine Option, um einige vorgefertigte Vorlage zu Saft. Und das sind einige sehr schöne aktuelle Layouts, die Sie einfach importieren können. Klicken Sie also einfach auf Einfügen und es steht zur Bearbeitung zur Verfügung. Und wenn Sie eine Vorlage von Grund auf neu erstellen möchten, können Sie die Bibliothek definitiv schließen und mit dem Entwerfen des Layouts beginnen. Die grundlegende Struktur eines Blocks besteht aus dem Kopfbereich, der das vorgestellte Bild, denTitel des Beitrags, den Autor, den NFO und Metadaten wie Datum, Tags und Kategorien anzeigt Titel des Beitrags, den Autor, den NFO . Stellen Sie sicher, dass Sie einen Blogbeitrag veröffentlicht haben, bevor Sie diese Vorlage erstellen. Klicken Sie nun hier auf das Vorschau-Symbol. Die Ivan, und klicken Sie auf Einstellungen. in den Vorschaueinstellungen Option Dynamische Inhalte als Beitrag anzeigen aus, und geben Sie den zu wählenden Titel ein. Klicken Sie auf Anwenden und Vorschau. Jetzt hier werden wir anfangen, den Beitrag von Grund auf neu zu gestalten, indem wir Abschnitte, Spalten verwenden , den Inhalt im erforderlichen Design anordnen, indem die dedizierten Postbesuche wie Post Titel verwenden, das wird den Beitrag Titel von dem holen wir ausgewählt, um uns eine Vorschau zu geben, während Sie die Vorlage und andere erstellen. Sie sind frei, die Plakatvorlage zu ob Design-Anforderung mit den Widgets und einmal fertig, klicken Sie auf Veröffentlichen, fügen Sie die Bedingung, um es auf Post, und schließlich, klicken Sie auf Speichern. Die Beitragsvorlage wird erstellt und jetzt, wenn Sie einen neuen einzelnen Beitrag erstellen, wird er in diesem Format angezeigt. Sie können bei Bedarf separate Vorlagen für Kategorien und Autoren erstellen. Elementor Theme Builder ist sehr mächtig und es gibt Ihnen viele Optionen, um das Aussehen und Gefühl ohne Codierung anzupassen. Sobald die Vorlage abgeschlossen ist, müssen wir uns auf die Gestaltung des Inhalts des einzelnen Beitrags konzentrieren. Lassen Sie uns nun einige Trenddesign Ideen diskutieren, um die einzelne Post Seite zu entwerfen. Erstens ist es, Brocas Caps zu nutzen. Sie können dies sehr einfach in Elementor tun. Wählen Sie den Texteditor Fade-Zahlen-Tags aus, und wählen Sie hier unten die Dropkappen-Option aus. Das war's. Es ist eine gute Möglichkeit, den Inhalt des Beitrags zu starten. Als nächstes ist es, den farbigen Rahmen zu verwenden. In der Tat, eine singuläre farbige Grenze. Es bietet Betonung und es ist toll, für Zitate zu verwenden sind besonders wichtige Aspekte des Inhalts. Sie können es entweder mit dem Blockquot-Assistenten in Elementor Pro Arte einfügen , indem Sie einen Rahmen nur für die linke Richtung des Abschnitts benennen. Sie können auch den Abschnittshintergrund verwenden, um einen bestimmten Inhalt hervorzuheben. In der Tat sollten Sie eine anständige Anzahl von Bildern und Videos in den Körperinhalt verwenden , da es das Engagement des Besuchers verbessert. Und wir wissen auch, dass die Post, die in der langen Form ist, das ist zwischen 100 und zweitausend Worte, die die beste Leistung und das beste Engagement für den Besucher liefert. Stellen Sie also sicher, dass Sie die Bilder, Videos, Infografiken in Ihren Beitrageinfügen Infografiken in Ihren Beitrag und einen ansprechenden und qualitativ hochwertigen Inhalt für den Besucher erstellen. Sie können auch Bild-Schatten verwenden, um die Blog-Seite zu stilisieren. Dies kann unter den Stil-Einstellungen des Bild-Widgets erfolgen. Als nächstes ist es, die Verwendung des Stern-Text knapp unter dem Haupttitel des Beitrags zu machen , wird verwendet, um einen betonten Start in den Blog zu geben. Fügen Sie einfach eine Überschrift unterhalb des Titels ein. Als Nächstes markieren Sie die Unterüberschriften, die kreativ und hervorgehoben erscheinen. Es ist nützlich, um die Monotonie der Klosterlesung abzubauen. Lassen Sie es kreativ erscheinen, indem Sie etwas Hintergrundfarbe hinzufügen. Verwenden Sie auch Trennwände im Content-Design, indem Sie das Divider-Widget verwenden. Nächste Option ist es, einen Blogbeitrag Titel über ein Hintergrundbild zu schreiben. Wählen Sie einfach einen Abschnitthintergrund aus und platzieren Sie das Überschriften-Widget darauf. Als Nächstes. Und fast eine obligatorische Stiloption ist die Verwendung abonnierter Formulare im Blog. Es ist wichtig, eine Mailingliste zu erstellen und die Besucher über die neuen Ereignisse zu aktualisieren, sie ermutigen, den neuen Blogbeitrag zu lesen und Ihren Blog wiederholt zu besuchen. Es kann leicht mit dem Assistenten der Firma Etikett in Elementor Pro durchgeführt werden. Nächste 10. Ein weiterer wichtiger ist es, zwei Aktionen im Postdesign zu haben, machen Sie es auffällig, so dass Sie bessere Konvertierungen erhalten. Es gibt sogar ein dediziertes Budget, um Call to Action und Elementor Pro zu entwerfen. Als nächstes ist es, Social-Sharing-Schaltflächen , so dass ein Besucher den Blog leicht mit dieser Community teilen kann. Dies kann ganz einfach durch die Verwendung des in Elementor Pro verfügbaren Social-Share-Budgets erfolgen. Ein weiterer Faktor, der für die Leichtigkeit der Navigation und SEO Sicht zu berücksichtigen ist, interne Links in den Körper Inhalt zu erstellen. Sie können ganz einfach Links zu den Texten im Texteditor hinzufügen und die Einstellungen anpassen , um sie entweder im selben Fenster oder in einem neuen Tab zu öffnen. Schließlich fügen Sie immer den entsprechenden Beitrag Abschnitt am Ende des Blogbeitrags ein. Dies kann durch Erstellen eines neuen Abschnitts und Hinzufügen einer Überschrift und Unterüberschrift erfolgen. Platzieren Sie dann den Postlayout-Assistenten und wählen Sie die benutzerdefinierten Einstellungen aus, um das Erscheinungsbild des Beitrags zu ändern. Dies sind also die Tipps und die Design-Ideen, die Sie leicht implementieren können , während der Gestaltung des Blog-Beitrags. Das heißt, in dieser Lektion zu lernen. Und wir werden mit den Einstellungen der Blog-Archiv-Seite im nächsten Video fortfahren. Wir sehen uns dort. 41. Postarchiv Einstellungen: Sobald Sie begonnen haben, Blog-Post zu schreiben und die einzelne Beitrag-Seite zu entwerfen, müssen Sie die Blog-Archiv-Seite ist die Seite, auf der die gesamte Sammlung von Blog-Post aufgeführt ist. Die Archivseite zeigt eine Liste der angehaltenen und dient als Katalog für Post. Nun, um das Aussehen und das Gefühl des Postdoc gab Seite anpassen, lassen Sie uns mit den kostenlosen Optionen zu uns beschriftet beginnen. Lassen Sie uns gehen, um anzupassen, wählen Sie Blog, und wählen Sie die Kunst gab Option. Hier können Sie die Breite, die strukturierte Reihenfolge und nur wenige Typografie-Einstellungen anpassen. Das war's. Keine signifikante Anpassungsoption des Labels in der freien als Team. Als nächstes können Sie die Astra Pro-Version ausprobieren. Hier erhalten Sie einige Optionen, um das Layout, die Anzahl der Spalten auszuwählen , den Abstand zu verwalten, das Datumsfeld zu aktivieren, die Postausschnittsgröße der vorgestellten Bildfarben zu verwalten, Paypal-Grafik, ich bin Abstand. Aber um die Beiträge vollständig anpassen werden Strand gegeben. Sie müssen Elementor Pro verwenden, Kopf über Vorlagen, Agnew, wählen Sie den Archiv-Dividendennamen und erstellen. Auch hier können Sie einige vorgefertigte Vorlagen importieren, um Zeit zu sparen , oder Sie können sie von Grund auf neu erstellen. Sie können auf das Vorschau-Symbol klicken, zu Einstellungen gehen, einen letzten Beitrag als dynamischen Inhalt auswählen, um eine Vorschau der Archivseite anzuzeigen. Die Prozesse gleichen und Sie können Abschnitte und Spalten erstellen und die Widgets verwenden, um diese Vorlage zu entwerfen. Sobald Sie fertig sind, klicken Sie auf Veröffentlichen, fügen Sie die Bedingung hinzu, die in allen Archiven angezeigt wird. Das war's. Sie haben eine wunderbare Seite für das Postarchiv entworfen. Und das Erstellen einer großartigen Beitragsarchiv Seite ist wichtig, wenn Sie einen starken Einfluss auf die besuchten haben möchten. Also gehen Sie voran, richten Sie den Blog für die Business-Website oder starten Sie Ihre professionelle Blogging-Website. Das ist es, in dieser Lektion zu lernen und wir werden im nächsten Video fortfahren. 42. Erstellen einer Landseite: Zu Beginn dieser Lektion möchte ich Sie fragen, was ist der Unterschied zwischen dem Entwerfen einer allgemeinen Webseite und dem Entwerfen einer Zielseite? Nun, offensichtlich wird es Unterschiede in Bezug auf Layout und Inhalt geben. Aber bedenken Sie, dass der wichtigste Unterschied in Zweck und Aktion ist. Eine Landingpage ist die Seite, auf der Sie Produkte verkaufen, Leads UND Gate-Conversions erhalten. Zielseiten konzentrieren sich auf bestimmte Aktionen und sollten eine klare Botschaft im Inhalt enthalten. Das Ziel einer Zielseite ist es, Website-Besucher in den Verkaufstrichter zu verschieben. Abhängig von der Vertriebsstrategie kann es Leads generieren, die der Marketingstrahl pflegen kann, Benutzer dazu bringen, eine kostenlose Testversion des Produkts zu starten oder Besucher in Interessenten umzuwandeln , die das Vertriebsteam aufstellen kann. Lassen Sie uns also versuchen zu verstehen, wie Sie mit Elementor in möglichst kurzer Zeit eine effektive Landingpage finden können. Der Prozess der Gestaltung ist fast der gleiche wie eine normale Webseite, die die gleichen Widgets, Abschnitte und Spalten verwendet. Aber was am meisten zählt, sind die Grundlagen für die Gestaltung der Landingpage. Denken Sie daran, dass Sie nur sieben Sekunden haben um den Besucher zu beeindrucken und Aufträge zu konvertieren, werden Sie einen potenziellen Kunden verlieren. Versuchen Sie also, die Zielseite zu entwerfen, die einen sehr starken ersten Eindruck hat. Fühlen Sie sich frei, soziale Beweise im Heldenbereich über der Falte hinzuzufügen, falls erforderlich. Führen Sie immer mit Aktion auf einer Landingpage, lösen Sie das Besucherproblem sofort. Sie können auch ein Angebot machen. Sie können nicht ablehnen, bieten ihnen Angebote, stattdessen Angebote, zeitgebundene Angebote bot ihnen Rabatte, wenn gutes Geschäftsmodell erlaubt. Aber immer halten und Dringlichkeit Faktor oder sonst kann der Besucher nicht die Aktion ergreifen. Sie können die Besucher auch auf eine sinnvolle Art und Weise erziehen. Markieren Sie nicht die Funktionen in gerührten BM-Gesichtern zu den Vorteilen, die Kunden aus Ihrem Angebot erhalten. Und vermeiden Sie zu viele Informationen, wir müssen sie davon überzeugen, Maßnahmen zu ergreifen, aber verlängern Sie nicht die Länge der Seite unnötig. Fügen Sie Social Proofs so weit wie möglich ein und stellen Sie nach jedem Schritt des Messaging einen CTA bereit. Sie können auch versuchen, das Konzept der Problem Agitate, und Lösung im Hauptinhalt Abschnitt. Beginnen Sie mit den Schmerzpunkten oder Problemen des Kunden, markieren Sie dann, wie ärgerlich das Problem ist und dann P sie mit der Lösung. Nach diesem Abschnitt können Sie ihren Übergangsabschnitt erstellen. Es macht diesen Übergang von dem Problem zur Lösung innerhalb angeboten. Stellen Sie den CTA hier ein, damit der Besucher Maßnahmen ergreifen kann. Denn wenn der Besucher überzeugt ist, müssen Sie ihm sagen, wie er anfangen soll, was als nächstes zu tun ist. Das war's. Reduzieren Sie jede Art von Komplexität und Reibung in den Kontaktformularen. Versucht, mit einfachen Formularen mit dem klaren Messaging zu kommen. Am wichtigsten ist, stellen Sie sicher, dass die Zielseite für verschiedene Geräte optimiert ist. Nun, ich habe schnell viele Konzepte und Grundlagen geteilt. Jetzt können Sie experimentieren, indem Sie diese Konzepte anwenden, während Sie eine Zielseite entwerfen. Zum Beispiel können Sie eine Seite mit einer eingängigen Überschrift und Unterüberschrift zusammen mit wirkungsvollem Bild beginnen , um den ersten starken Eindruck auf den Besucher zu haben. Versucht, so viele soziale Beweise wie möglich aufzunehmen, haben Sie eine klare Beschreibung mit einigen Angebot und Dringlichkeit Element, zusammen mit einem leistungsstarken CTA. Sie können Garantie auch hervorheben, wenn verfügbar. Das war's. Dies könnte der Inhaltsplan für Ihre Landingpages sein. Nun, lassen Sie uns sehen, wie eine Landing Page in WordPress mit elementaren Prozessen erstellen , einfach und gleich. Lassen Sie uns eine neue Seite erstellen, geben Sie ihm einen Titel. Nun müssen wir generell die Kopf- und Fußzeile für die Zielseite deaktivieren , da wir nicht viel Länge zur Vermeidung von Ablenkungen bereitstellen. So können Sie sie aus dem Menü Einstellungen hier in der rechten Seite deaktivieren, wenn die Kopfzeile mit Team erstellt werden oder Sie können Ausschlussregel in Elementor Theme Builder oder Header Footer Blogs Plugin hinzufügen Elementor Theme Builder oder , um die Kopf- und Fußzeile auf die Landingpage. Bearbeiten Sie nun die Seite mit Elementor. Der Entwurfsprozess ist identisch mit einer regulären Webseite. Verwenden Sie also einfach das Element oder Widgets und gestalten Sie die Landing Page. Nutzen Sie Call to Aktionen, Schäume und Timer, falls erforderlich. Sie können auch Animationen verwenden, um einige Elemente hervorzuheben. Und wenn Sie das Entwerfen einer Zielseite beschleunigen möchten, können Sie die vordefinierten Vorlagen verwenden, die ich im Element oder in der Vorlagenbibliothek beschriftet habe. Sie können eine Vorschau der Entwürfe anzeigen und die komplette Landing Page mit nur einem Klick importieren. Nehmen Sie einfach die erforderlichen Anpassungen in Text und Grafiken vor und Ihre Zielseite ist fertig. Vergessen Sie nicht, Ihr E-Mail-Marketing-Tool zu integrieren. Wenn wir brennen mit dem Formular-Assistenten verwenden, um den E-Mail-Marketing-Prozess zu automatisieren. Sie können auch eine Referenzbibliothek erstellen, indem Sie Screenshots von Landing Pages of Labels auf einer Vielzahl von Websites und Plattformen wie Behance, Dribbble und Aborts erstellen. Diese Referenzen helfen Ihnen, Inspiration und Ideen zu erhalten. Sie können auch diese Vorlagenoptionen von beschriftet an und UE2 erkunden. So ist es für uns jetzt eine einfache Aufgabe, eine Landing Page zu erstellen, mit Elementor. Zusammen mit der Zielseite müssen Sie auch eine Dankesseite erstellen. Es ist die Seite, die geladen wird, wenn der Besucher das Formular absendet? Ja. Nach dem Absenden des Formulars wird der Besucher auf die Dankeschöse-Seite weitergeleitet , damit Sie den Lead-Pflegeprozess starten können. Sie können die Conversion-Tags auch auf der Dankesseite platzieren, um die Daten von Conversions in Facebook-Anzeigen und Google-Anzeigen abzurufen. Der Prozess der Erstellung und Gestaltung der Dankesseite mit Elementor ist der gleiche. Ich glaube, Sie können es jetzt leicht machen. Also, das ist es, in dieser Lektion zu lernen. Im nächsten Videosehen wir zwei sehr wichtige Konzepte, sehen wir die mit der Zielseite Nummer eins zusammenhängen, die Pop-ups zur Lead-Erfassung und Integration des E-Mail-Marketing-Tools mit Elementor-Formularen für Automatisierung. Wir sehen uns im nächsten Video. 43. Popup und Tools: Der Hauptzweck einer Zielseite besteht darin, Leads zu erfassen und Konvergenz zu erhalten. Wir können das Etikettenbudget des Unternehmens in Elementor Pro verwenden und einfache und schöne und sehr effektive Formulare entwerfen , die minimale Felder, geklärte Etiketten und klare Nachrichten haben . Aber was sind Popups? Ein Pop-up ist ein kleines Fenster, das beim Surfen einer Website oder beim Klicken auf eine Schaltfläche angezeigt wird. Pop-ups sind hilfreich, da sie den Entscheidungsprozess für den Besucher vereinfachen , indem sie die Sichtbarkeit des Aktionsschritts erhöhen. So können wir entweder ein Formular inline mit dem Inhalt verwenden, indem wir einfach das Objekt platzieren, oder wir können ein Pop-up auf der CTA-Schaltfläche zuweisen. Wenn der Besucher auf die Schaltfläche klickt, erscheint ein kleines Fenster und es enthält das Formular, um den Lead zu erfassen. Das ist das Erste. Lassen Sie uns sehen, wie Sie ein solches Pop-up mit Elementor Pro erstellen können. Gehen Sie zu Vorlagen, klicken Sie auf Pop-up, geben Sie ihm einen Namen, und klicken Sie auf Erstellen. Sie können einige vorgefertigte Pop-ups aus der Bibliothek auswählen oder eines von Grund auf neu erstellen. Lassen Sie uns eine von Grund auf neu erstellen. Das erste, was Sie tun müssen, ist, die Abmessungen dieses Pop-up-Canvas anzupassen. Um dies zu tun, klicken Sie unten auf Einstellungen, und Sie werden zu den Popup-Einstellungen kommen. Hier können Sie die Breite und Höhe anpassen. Position aktivieren Deaktivieren Sie die Überlagerung und Schließen-Schaltfläche. Sie können auch die Ein- und Ausstiegsanimation zuweisen. Dann kommen Sie zur Style-Registerkarte und ändern Sie die Hintergrundfarbe. Sie können hier die Deckkraft anpassen, um den transparenten Effekt zu erzielen und die Zielseite im Hintergrund anzuzeigen. Sie können auch das Overlay verwenden und die Schließen-Schaltfläche anpassen. In den erweiterten Einstellungen können Sie die Zeit einstellen, die Schließung, die Überlagerung oder die Escape-Taste aktivieren und deaktivieren . Die Optionen sind einfach und ich glaube, dass Sie diese Dinge jetzt nach der Anforderung verwalten können. Jetzt ist das Entwerfen des Pop-Up wieder dasselbe. Klicken Sie auf das Rastersymbol, um zum Widget-Panel zurückzukehren. Fügen Sie einfach einen Abschnitt mit einer einzigen Spalte oder zwei Spalten ein und beginnen Sie mit dem Hinzufügen der Widgets gemäß dem Design des Popups. Das wichtigste Widget, das hier verwendet werden soll, ist der Formularbesuch. Einrichten der Formularfelder ist wie üblich, aber stellen Sie sicher, dass Sie hinzufügen, dass die Popup-Aktion Klebt unter der Aktion nach dem Senden für dieses Pop-up. Sobald ein Besucher das Formular im Popup-Fenster ausfüllt, wird das Pop-up geschlossen. Jetzt veröffentlicht das Pop-up und fügen Sie keine Bedingung oder Trigger. Einfach speichern und schließen. Kommen Sie nun auf die Landing Page und öffnen Sie die Einstellungen für die CTA-Taste. hier in der Link-Option Klicken Siehier in der Link-Optionauf dynamische Tags Option, und wählen Sie Pop-up als Aktion. Wenn Sie auf dieses Schraubenschlüssel-Symbol klicken, können Sie die Popup-Aktion so einstellen, dass sie geöffnet wird und dann das Pop-up auswählen, indem Sie nach dem Namen suchen. Sobald Sie auf Aktualisieren klicken, haben Sie erfolgreich ein Pop-up auf den CTA-Button erstellt. Es gibt noch eine wichtige Sache hier. Idealerweise sollten die Besucher auf die Dankeschöse-Seite umleiten. Nach dem Absenden des Formulars. Für die Umleitung, Sie können Umleitung in den Aktionen nach dem Senden hinzufügen und geben Sie die Dankesseiten-URL. Wenn ein Besucher also auf die CTA-Button klickt, erscheint ein Pop-up. Der Besucher füllt das Formular aus und wenn er absendet, wird das Pop-up geschlossen und der Benutzer wird auf die Dankes-Seite weitergeleitet. Auf der Dankes-Seite können Sie den Lead-Nurturing-Prozess starten und Sie können auch die Conversion-Tags platzieren , um die Daten von Conversions in Facebook-Anzeigen und Google-Anzeigen zu erhalten. Sie können denselben Prozess für die Umleitung für jedes Lead-Erfassungsformular verwenden, unabhängig davon, ob es sich um ein Inline-Formular oder ein Popup-Formular handelt. Nun, wir haben noch ein paar Arten von Pop-Up. Die nächste Art von Popup, die für uns wichtig ist, um für Landing Pages zu lernen , ist das Exit Intent Pop-up. Ein Exit-Intent-Pop-up wird ausgelöst, wenn der Besucher den Cursor in die Nähe der Schließtaste oder der Adressleiste des Browsers bewegt . Es wird verwendet, um ihre Besucher wieder zu engagieren, bevor sie gehen. Ein gut timed Pop Up Geschenke Sie zweite Gelegenheit, mit den Besuchern zu verbinden, effektiv verdoppelt die Chancen, sie zu konvertieren. Lassen Sie mich Ihnen den Prozess erklären. Wenn ein Besucher vom Inhalt auf der Zielseite nicht überzeugt ist, bewegt er den Cursor in Richtung des schließenden Tags. Was passiert, wenn Sie ihnen in diesem Moment eine Popup-Anzeige mit einem übersichtlichen Messaging- und Lead-Erfassungsformular präsentieren . Um ein zweites Mal an die Opfergabe zu denken. Sie können ihm sogar einige zusätzliche angeboten, um die Bekehrung zu fördern. Diese Art von Popup, das angezeigt wird, wenn ein Besucher versucht, die Seite zu schließen, wird weniger VD genannt, das Exit Intent Pop-up. Und denken Sie daran, dass es für Ihre Zielseite sehr wichtig sein wird. Wenn wir den Inhaltsplan des Exit-Intent-Popups sehen, dann sollte es einen CTA-Titel haben, der das Angebot einführt, gefolgt von CTA-Text, um das Angebot zu erklären, dann das Lead-Erfassungsformular, es entmutigend keine Option Ermutigung senden Button Text und Bild, um Aufmerksamkeit zu erfassen. Ein enger Veteran und die Größe des Puffers wird bevorzugt, um Vollbild mit dem milden transparenten Hintergrund zu sein. Beachten Sie, dass dieses Pop-up erscheint und der Besucher beabsichtigt Zielseite zu verlassen, ohne die Lead-Capturing Firma zu füllen. Nun, um eine Exit-Absicht zu erstellen Pop-up-Prozesse scheinen. Sie müssen nur die Breite, Höhe, Position und andere Einstellungen anpassen. Entwerfen Sie das Pop-up. Wie für den Inhalt Plan, klicken Sie auf Veröffentlichen, fügen Sie eine Bedingung, Jude Singular. Wählen Sie dann Seiten aus und suchen Sie nach dem Titel der Zielseite. Dieses Pop-up wird also nur auf dieser Zielseite angezeigt. Klicken Sie auf Weiter, und wir werden Optionen erhalten, um den Auslöser zu wählen. Wir wollen das Pop-up bei Exit-Absicht auslösen. Aktivieren Sie also die Option auf Seite Exit Intent. Klicken Sie auf Weiter und Sie erhalten weitere Einstellungen, um den Auslöser aus dem Pop-up ang anpassen, Segmentierung. Klicken Sie auf Speichern und schließen. Das war's. Sie haben das Pop-up „Exit Intent Intent“ für Lee Capturing erstellt. Nun, es gibt andere Arten von Popkräutern, die basierend auf Zeit oder Scrolling-Aktivität oder Opt-In-Bars oder Interaktion Pop-ups ausgelöst werden. Obwohl diese nicht für die Zielseite empfohlen werden, aber Sie können auf jeden Fall jedes Pop-up auf jeder Seite der Website gemäß dem Design und der Strategie verwenden . Und der Prozess, ein Pop-up zu erstellen, ist fast der gleiche. Sie können einfach die Bedingungen zuweisen und ausgelöst nach dem Popup-Typ. Das war's. Nun, das nächste, was wir lernen müssen, ist der E-Mail-Automatisierungsprozess. Ich gebe Ihnen einen schnellen Überblick über diesen Prozess. Sobald ein Besucher das Lead Capturing Formular ausfüllt, werden seine Daten an Sie auf der E-Mail erhalten. Aber wir wollen auch seine Details in die Zuschauerliste unseres E-Mail-Marketing-Tools setzen. Indem Sie den Besucher in das E-Mail-Marketing-Tool hinzufügen, können Sie ihm eine automatisierte E-Mail direkt nach dem Senden des Formulars senden und ihnen sogar eine Reihe von E-Mails gemäß der Automatisierungs-E-Mail-Sequenz senden. Nun, dies kann sehr einfach mit den Elementor-Formularen gemacht werden. Sie können die Elementarformen mit einigen der beliebten E-Mail-Marketing-Tools wie Mailchimp, umgewandelt,Drip, aktive Kampagne, GetResponse oder mir LED-Licht integrieren der beliebten E-Mail-Marketing-Tools wie Mailchimp, umgewandelt, Drip, aktive Kampagne, . Der Prozess ist einfach. Sie müssen das E-Mail-Marketing-Tool mit Element integrieren oder indem Sie zu Elementor Einstellungen, Integrationen gehen und den API-Schlüssel hinzufügen. Sie können den API-Schlüssel im E-Mail-Marketing-Tool finden und in den Element- oder Integrationseinstellungen hinzufügen und dann auf Validieren klicken. Nun können Sie eine Aktion nach dem Gipfel beispielsweise als Mailchimp festlegen und die Zielgruppenliste auswählen. Also, wenn ein Besucher das Lead-Erfassungsformular ausfüllt , werden Details zur Mailchimp-Zielgruppenliste hinzugefügt. Und Sie können den Prozess des Versands von E-Mails automatisieren, indem Sie eine E-Mail-Sequenz erstellen. Sie können das erforderliche E-Mail-Marketing-Tool gemäß den Funktionsanforderungen und Ihrem Budget auswählen . Mailchimp ist weit verbreitet konvertieren gut, wie von Bloggern und Schöpfern bevorzugt. File Miller Lite ist die wirtschaftlichste, aber mit einer sehr guten Reihe von Funktionen. Dies hängt von Ihrer Anforderung ab, aber stellen Sie sicher, dass Sie den E-Mail-Automatisierungsprozess verwenden, um die Leads zu pflegen. Und VonMar sagt, wenn Sie ein E-Mail-Marketing-Tool verwenden möchten nicht für die direkte Integration mit Elementor-Formularen verfügbar ist, dann können Sie Zapier verwenden und den Automatisierungsprozess erstellen. Fühlen Sie sich frei, Zapier zu erkunden. Es ist ein sehr leistungsfähiges Werkzeug. Damit möchte ich diese Lektion beenden und wir werden im nächsten Video fortfahren. 44. Google Tag Manager: im Kurs weiter bewegen, müssen Sie die Website mit anderen Analytics- und Marketing-Tools wie Google und Facebook verbinden . Lassen Sie uns zunächst die Integration mit Google-Produkten beginnen. In dieser Lektion erfahren Sie, wie Sie Google Tag Manager auf der Website implementieren können. By the way, Wähler Google Tag Manager. Um dies zu verstehen, lassen Sie uns zunächst für Tests ein Tag verstehen. Nun, dieses Tag unterscheidet sich von dem, das wir im Blogging-Bereich gelernt haben. Nun, Taxol Code-Snippets, die zu einer Website hinzugefügt werden, um Informationen zu sammeln und sie an Analyse- und Tracking-Tools zu senden. Sie können Tags für eine Vielzahl von Zwecken wie Scroll-Tracking, Überwachen von Formularen auf Missionen, Durchführen von Umfragen, Generieren von Heatmaps, Remarketing- und Retargeting-Kampagnen oder verfolgen, wie Menschen zu Ihrem -Webseite. Sie werden auch verwendet, um bestimmte Ereignisse wie Dateidownloads, Seen auf bestimmten Links oder Artikel zu überwachen , die aus einem Warenkorb entfernt werden. Nun, das war ein bisschen auf der technischen Seite, aber wir alle wissen, dass diese Daten sehr wichtig für den digitalen Erfolg sind. Um diese Aufgabe des Hinzufügens von Tags einfach für Sie zu machen, gibt es einen Google Tag Manager. Google Tag Manager ist ein Tool mit einer benutzerfreundlichen und webbasierten Oberfläche, die den Prozess der Arbeit mit Steuern vereinfacht. Anstatt separate Tags für Google Analytics, Suchkonsole und Google Arts Conversion-Tracking hinzuzufügen, müssen Sie lediglich den Google Tag Manager-Code zu ihrer Website hinzufügen und alle anderen Google-Produkte können mithilfe der Google Tag-Manager. Und weniger Zitate auf der Website bedeutet was? Es bedeutet, dass die Website schnell geladen wird, werden Sie eine schnellere Ladegeschwindigkeit erhalten. Lassen Sie uns also sehen, wie Sie den Google Tag Manager auf der Website einrichten können. Suchen Sie nach Google Tag Manager. Klicken Sie hier kostenlos auf „Erste Schritte“, melden Sie sich mit Ihrem Google-Konto an. Klicken Sie hier auf Konto erstellen, geben Sie dem Konto einen Namen. Wählen Sie das Land aus. Geben Sie als Nächstes dem ersten Container einen Namen. Übrigens, was ist ein Container? Ein Container legt die Regeln für eine bestimmte Domäne fest. So können Sie hier den Namen als Domain-Namen für eine einfache Identifizierung zuweisen. Wählen Sie das Ziel als Web aus. Klicken Sie auf Erstellen. Sie können die Allgemeinen Geschäftsbedingungen gerne akzeptieren und wenn Sie sie lesen möchten, dann können Sie sie lesen. Klicken Sie auf Ja. Nun, hier sind die Code-Snippets, die wir auf der Website hinzufügen müssen. Es gibt zwei Sätze von Anführungszeichen, die wir hinzufügen müssen. Die erste ist in den Haager Teil der Seite und die andere im öffnenden Körper-Tag hinzuzufügen . Obwohl ich Ihnen gesagt habe, dass wir die Website ohne Codierung erstellen werden, vite und Saudi, Sie müssen nur diese beiden Codes auf der Website einfügen. Und es ist eine sehr einfache Aufgabe. Lassen Sie uns sehen, wie Sie sie auf der Website hinzufügen, kopieren Sie das Tag, und kommen Sie zurück zum WordPress-Admin-Bereich. Wir werden ein Plugin Header Footer und Post-Injektionen verwenden, installieren Sie es und aktivieren. Jetzt, indem Sie dieses Plugin, können Sie die Gerichte auf der Website in der Kopfteil und Körperteil für die gesamte Website hinzufügen . Die Einstellungen für dieses Plugin finden Sie hier unter der Option Einstellungen. Der Code, den wir kopiert haben, soll in den Kopfteil jeder Seite einer Website eingefügt werden. Fügen Sie einfach den Code hier ein. Gleiche, kopieren Sie die nächste, und fügen Sie es nach dem body-Tag und klicken Sie auf Speichern. Kommen Sie nun zurück zum Google Tag Manager-Dashboard, klicken Sie auf Senden, um einen Container zu senden, Sie können einen Versionsnamen zuweisen und klicken Sie auf Veröffentlichen. Nun, um die Aktivierung dieses Tags zu überprüfen, müssen wir eine Google Chrome-Erweiterung verwenden, die uns Google Tag Assistant genannt wird. Installieren Sie es aus dem Chrome Store. Klicken Sie auf Aktivieren und aktualisieren Sie die Seite. Jetzt hier werden Sie sehen, dass das Tag abgefeuert wird und wir haben erfolgreich den Google Tag Manager integriert, dass die Website. Auf diese Weise können Sie Google Tag Manager einfach mit der Website integrieren, indem Sie ein einfaches Plug-in verwenden. Wir werden sehen, wie Sie Google Tag Manager verwenden können, um Google Analytics, Suchkonsole und Conversion-Tracking-Tags mit der Website in den kommenden Videos zu integrieren Suchkonsole und Conversion-Tracking-Tags mit , bleiben Sie dran. 45. Google Analytics: Die Integration der Website mit Google Analytics ist fast ein obligatorischer Schritt im Prozess der Website-Erstellung. Aber warum? Was ist Google Analytics? Google Analytics ist ein kostenloses Webanalyse-Tool, das von Google angeboten wird , um Ihnen zu helfen, den Website-Verkehr zu analysieren. Es stellt Ihnen die Nutzungsdaten Ihrer Website zur Verfügung und hilft bei der Beantwortung von Fragen wie, wie viele Personen besuchen Ihre Website? Wo wohnen die Besucher? Welche Websites senden Traffic auf Ihre Website? Welche Marketing-Taktiken treiben den meisten Traffic auf die Website? Welche Seiten auf Ihrer Website sind die beliebtesten? In wie viele Besucher haben Sie umgewandelt? Führt unsere Kunden, wo sie Konvertierung Besucherpistole bekommen hatte und gehen Sie auf der Website. Wie können Sie Ihre Website-Geschwindigkeit verbessern? Vd-Blockinhalt. Mögen Ihre Besucher am liebsten? Also lassen Sie mich fragen, Sie diese Daten wollen, die diese Fragen beantworten können? Sagen Sie mir ja oder nein. Nun, es ist ein sehr großes Ja. Jeder braucht diese Daten, weil die Daten gestört werden. Sie können den aktuellen Traffic analysieren und ihre Website optimiert, gehen Sie die Website-Traffic, verbessern Sie den ROI und erweitern ihre Reichweite Geschäft und vieles mehr. Daher müssen wir Google Analytics verwenden und sehen , wie Sie Google Analytics mit der Website integrieren können. Der Vorgang ist jetzt sehr einfach, da Sie den Google Tag Manager bereits installiert haben und Google Analytics über die Benutzeroberfläche von Google Tag Manager implementieren werden. Lassen Sie uns bei Google Tag Manager einloggen. Öffnen Sie auf der anderen Registerkarte Google Analytics. Indem Sie eine Google-Suche machen. Klicken Sie hier auf Messen starten. Sie müssen zuerst ein Konto erstellen, geben Sie dem Ensemble Liefernamen, scrollen Sie nach unten und klicken Sie auf Weiter. Geben Sie die Eigenschaft oder die Website im Namen, wählen Sie die Berichtszeit erhalten NC, klicken Sie auf Weiter, wählen Sie die Branche, Unternehmensgröße, treffen Sie die Auswahl und klicken Sie auf Erstellen. Unterrichten Sie das Land und akzeptieren Sie die Allgemeinen Geschäftsbedingungen. Klicken Sie hier erneut auf Speichern, VD, um den Datenstrom einzurichten. Klicken Sie also auf Web, geben Sie die Website-URL ein und weisen Sie einen Namen zu. Klicken Sie auf Stream erstellen und kopieren Sie die Messung AD. Kommen Sie nun zurück zum Google Tag Manager funktioniert BY Bildschirm und klicken Sie auf Neue DAG hinzufügen. Klicken Sie hier auf Tag-Konfiguration, wählen Sie Google Analytics GA für die Konfiguration ist die Mess-ID hier. Als nächstes klicken Sie auf diese Auslösung und klicken Sie auf alle Seiten. Geben Sie diesem einen Namen und klicken Sie auf Speichern. Jetzt müssen wir die Änderungen einreichen. Klicken Sie also auf Senden, weisen Sie einen neuen Versionsnamen zu und klicken Sie auf Veröffentlichen. Das war's. Wir haben das Google Analytics-Tag im Google Tag Manager hinzugefügt und lassen es uns überprüfen. Öffnen Sie die Website und öffnen Sie Google Analytics, damit wir den Echtzeitbericht überprüfen und sehen können , ob sich die Anzahl der Nutzer ändert oder nicht. Ja, ich sehe die Anzahl eines Besuchers und V hat die Google Analytics mit dem Google Tag Manager erfolgreich zu seiner Website hinzugefügt. Jetzt können Sie Google Analytics verwenden, um ihre Daten und Traffic auf der Website zu analysieren. Fühlen Sie sich frei, mehr über Google Analytics zu erfahren. Das ist, äh, um in dieser Lektion zu lernen und wir werden mit dem nächsten Video fortfahren. 46. Search: In dieser Lektion erfahren Sie, wie Sie die Google Search Console mit ihrer Website integrieren können. Was ist die Google Search Console? Nun, Google Search Console ist eine kostenlose Plattform für alle mit einer Website, um zu überwachen, wie Google ihre Website ansieht und die organische Präsenz zu optimieren. Dazu gehören das Anzeigen der verweisenden Domains, reiche Suchergebnisse, Suchanfragen und Seiten mit höchstem Datenverkehr, das Einreichen der Sitemap, Anfordern der Indizierung und das Kennenlernen der Kopfzeilen auf den Seiten. Es ist eine ausgezeichnete Plattform, um die organischen Daten der Website zu analysieren. Um Google Search Console zu integrieren, machen Sie eine Suche nach der Google-Suchkonsole und klicken Sie auf Start. Melden Sie sich jetzt mit demselben Google-Konto das Sie für Google Tag Manager und Google Analytics verwendet haben. Nun müssen Sie den Eigenschaftstyp auswählen, die URL der Website in die URL-Präfixoption eingeben und auf Weiter klicken. Sie hatten gesagt, dass Ihre Website mit dem Google Tag Manager automatisch verifiziert wird da Sie bereits Google Tag Manager auf der Website mit demselben Google-Konto integriert haben. Wenn Sie die Eigenschaft aus irgendwelchen Gründen nicht mit dem Google Tag Manager verifizieren können, können Sie die sekundäre Methode befolgen. Gehen Sie zu den Einstellungen in der Search Console, klicken Sie auf die Eigentümerüberprüfung, klicken Sie auf das HTML-Tag, kopieren Sie das Tag und fügen Sie es in das Yoast SEO Plug-in ein. Nun, Yoast SEO Plugin ist wichtig, um ihre Website für On-Page-SEO zu optimieren und Sie werden auf jeden Fall zu verwenden. Dann gehen Sie zu den Yoast SEO Genitalien erreicht, klicken Sie auf Webmaster-Tools, fügen Sie hier einen Bestätigungscode ein und klicken Sie auf Änderungen speichern. Klicken Sie nun auf Verifizieren und die Eigenschaft wird überprüft. Beginnen Sie also mit der Search Console und analysieren Sie die verschiedenen verfügbaren Daten und Berichte. Wir werden im nächsten Video fortfahren. 47. Google Ads Conversion: Also habe ich erfahren, dass Sie Google-Anzeigen ausführen und Sie möchten das Datum der Konvergenz ziehen und Remarketing-Kampagnen ausführen. Ist das richtig? Alles klar, was sind Conversions? Alle wertvollen Aktionen, die ein Besucher auf der Website nimmt und die wertvoll für Ihr Unternehmen sind uns Konvergenz genannt. Es kann beispielsweise sein, einen Newsletter zu abonnieren, eine App herunterzuladen oder ein Produkt zu kaufen. Conversion-Tracking hilft , die definierten Conversions zu messen und sie bestimmten Quellen zuzuweisen. Auf diese Weise können Sie herausfinden, ob eine Conversion aus einer digitalen Werbekampagne, einem Social-Media-Post oder einigen direkten Besuchen der Website resultiert einem Social-Media-Post . Aber es ist sehr wichtig, die Quelle zu verfolgen. Um die Reserven zu ziehen, müssen Sie das Google Ads-Conversion-Tracking-Tag auf der Website über den Google Tag Manager einrichten . Lassen Sie uns sehen, wie es geht. Öffnen Sie beide Plattformen, Google Tag Manager und Google Anzeigen erstellen jetzt ein neues Tag und Google Tag Manager. Klicken Sie auf „Neues Tag hinzufügen“. Klicken Sie nun auf Tag-Konfiguration hier, wählen Sie die Google-Konvertierung Linkerd-Tag. in dieser Auslöseoption alle Seiten aus. Geben Sie diesem einen Namen und klicken Sie auf Speichern. Bitte beachten Sie, dass das Hinzufügen des Google-Conversion Linger Tags ein einmaliges Verfahren ist. Sie müssen es nicht hinzufügen, wenn Sie das nächste Mal einen neuen Umbautank hinzufügen. Gehen Sie nun zu Google-Anzeigen und klicken Sie auf Tools und Einstellungen und diese Messung, finden Sie die Konvergenzoption. Klicken Sie hier darauf, klicken Sie auf das Plus-Symbol, um eine neue Konvertierung zu erstellen. Wählen Sie die Website aus und füllen Sie die Conversion-Details aus, indem Sie die entsprechende Kategorie auswählen. Klicken Sie danach auf Erstellen und fahren Sie fort. jetzt für die Steuereinrichtung Klicken Siejetzt für die Steuereinrichtungauf Google Tag Manager verwenden. Sie erhalten die Konvertierungs-ID und Konvertierungslabel-Werte. Kopieren Sie das. Kommen Sie nun zurück zum Google Tag Manager und klicken Sie auf „Neues Tag hinzufügen“. in der Tag-Konfiguration Option Google Ads-Conversion-Tracking aus. Fügen Sie hier die Konvertierungs-ID und Konvertierungsebene ein. Die Eingabe des Konvertierungswerts und anderer Details ist optional. Klicken Sie nun auf Triggern und klicken Sie auf das Plus-Symbol hier oben rechts, um eine benutzerdefinierte ausgelöst hinzuzufügen. Wenn Sie die Landingpage-Ansicht als Konvertierung zuweisen möchten, müssen Sie den ausgelösten Pageview Typ und Feuer auswählen , der für die spezifischen Seitenaufrufe ausgelöst wurde. Wählen Sie die Basis-URL, enthält, geben Sie die Domain und Slack für die Landing Page ein. Geben Sie ihm einen Namen und klicken Sie auf Speichern. Geben Sie ihm auch hier einen Namen und klicken Sie auf Speichern. Um den Container zu aktualisieren, klicken Sie auf Senden, geben Sie ihm einen neuen Versionsnamen und klicken Sie auf Veröffentlichen. Das war's. Sie haben das Google Ads-Conversion-Tracking hinzugefügt und jetzt können Sie Conversions in Google-Anzeigen verfolgen , die meine Google Tag Manager verwenden, Sie müssten nicht Ziegen immer wieder auf der Website einfügen. Stattdessen erstellen Sie einfach neue Tags und Google Tag Manager und behalten Sie einen Überblick über die verschiedenen Konversionsereignisse auf der Website. Alles klar, wir sind damit fertig und wir werden mit dem nächsten Video fortfahren. 48. Facebook: Facebook-Pixel ist noch eine weitere verkörperte ein Hinweis, dass Sie auf der Website tun sollten. Also, was ist ein Facebook-Pixel? Das Facebook-Pixel ist ein Kürbis, bitte Sie auf der Website, um Daten zu sammeln, die bei der Verfolgung von Conversions hilft. Sie können Facebook-Pixel für Conversion-Tracking, Retargeting bei der Erstellung von Lookalike Zielgruppen, Optimierung der Facebook-Anzeigen für Conversions, Optimierung der Facebook-Anzeige für Wert und mehr Zugriff auf Duelle Daten und Metriken. Also lassen Sie uns auf Facebook Business Manager gehen und ein neues Pixel erstellen. hier die Option zum Verwalten von Ohrringen aus. Klicken Sie auf Neue Datenquelle verbinden, wählen Sie Web und beginnen Sie. Wählen Sie Facebookpixel und klicken Sie auf Verbinden. Geben Sie den Namen und die Website-URL ein, und klicken Sie auf Weiter. Wählen Sie diese Option aus, um den Pixelcode manuell zu ihrer Website hinzuzufügen. Kopieren Sie den Code, und Sie können ein neues Tag erstellen. Und Google Tag Manager wählte Tag-Typ als benutzerdefiniertes HTML. Basierend auf dem Kürbis. Klicken Sie auf Erweiterte Einstellungen unter dem Tag-Auslöser Einstellungen wählen Sie einmal pro Seite aus. Und in diesem Auslöseoptionen, wählen Sie alle Betas. Geben Sie diesem einen Namen und klicken Sie auf Speichern. Übermitteln Sie nun den Container für Updates und weisen Sie einen neuen Versionsnamen zu. Das war's. Um zu überprüfen, ob das Facebook-Pixel auslöst oder nicht, benötigen wir eine Google Chrome-Erweiterung. Golda hat Facebook Pixel Helper, installieren Sie es aus dem Chrome Web Store und aktualisieren Sie die Seite. Hier ist es, das Pixel verfolgt Daten und wir sind mit der Einrichtung des Facebook-Pixel-Codes auf der Website fertig. Jetzt können Sie die Standardereignisse verfolgen oder benutzerdefinierte Ereignisse aus dem Facebook-Geschäftsmanager erstellen, um wertvolle Daten zu ziehen, die Branche in dieser Lektion lernen und wir werden im nächsten Video fortfahren. 49. Chatbot hinzufügen: Sie werden Live-Chat und Chat-Boards sind ein großartiges Werkzeug, um auf der Website zu verwenden. Es ist sehr hilfreich bei der Erfassung von Leads oder Bereitstellung einer Live-Chat-Funktionalität für den Besucher. Obwohl es so viele nützliche Check-Plugins für WordPress beschriftet haben und Sie können sie gemäß der Notwendigkeit des Projekts und des Budgets verwenden. Lassen Sie uns in dieser Lektion lernen, wie Sie Facebook Messenger auf der Website für Live-Chat-Funktionalität integrieren können . Gehen Sie zu den Facebook-Seiteneinstellungen, klicken Sie hier auf Messaging, suchen Sie den AG Messenger zur Website-Option und legen Sie los. Passen Sie die Messenger-Einstellungen, Farben , Ausrichtung an und geben Sie die vollständige URL der Website ein. Klicken Sie auf Speichern und kopieren Sie den Code. Fügen Sie nun diesen Code in das Kopf- und Fußzeilen-Plug-in nach dem body-Tag ein und klicken Sie auf Speichern, Vokal. Facebook Messenger ist bereit auf der Website. Das war's. Ein weiteres Plugin, das ich empfehle, für Live-Chat zu verwenden, ist knackig. Sie können es von der Plugin-Folie Tag das Installationsprogramm erhalten, und folgen Sie dem Setup-Prozess. Das ist sehr einfach. Crisp verfügt über eine mobile App, um die Besucheranfragen jederzeit und überall über das Mobiltelefon zu besuchen. Und wenn Sie etwas Tafel verwenden möchten, um Leads zu sammeln, können Sie einen Versuch geben, zu sammeln und R-Chart oder Opt-in-Chat gemäß den Funktionen und Budget. Ich bin mir sicher, dass Sie nicht mit der Konfiguration eines Plugins vertraut sind, das auf der Website verwendet werden soll. Komm schon, geh weiter und probiere es mal aus. Ich werde Sie im nächsten Video sehen. 50. Website-Erstellung auf Webseiten: So wissen Sie jetzt, wie Sie Elementor und WordPress verwenden , um die Website auf einem Pixel perfekte Website ohne jede Codierung zu entwickeln. Sie kennen auch die grundlegenden Konzepte, Struktur einer Webseite, UI und UX, Farbtheorie, Typografie, Texten, Grafikdesign, Vorlagen und Unterschiede, Branding und Designprozess, WordPress AG Elementor. Wenn ich Sie gebeten habe, eine benutzerdefinierte Website von Grund auf neu zu erstellen, können Sie dies tun? Wenn ich Sie bitten, eine Website zu erstellen und nur Verna, werden Sie in der Lage sein, es zu tun? Und wenn ich Sie aufforde, eine einseitige Website zu erstellen, können Sie es tun? Offensichtlich, ja, Sie haben das Futter stolz auf sich selbst gemacht , weil Sie es jetzt sehr leicht tun können. Folgen Sie einfach dem Schritt-für-Schritt-Prozess gemäß der Anforderung des Projekts und Sie werden in der Lage sein, das Website-Projekt sehr einfach abzuschließen. Bring mich dazu, dein Lernen zu aktualisieren und mich an einige der Schritte zu erinnern , die wir gelernt hatten, um eine benutzerdefinierte Website von Grund auf neu zu erstellen. Oder sie beginnen mit der Forschung und verstehen das Geschäft. Nehmen Sie einen guten Brief vom Kunden und analysieren Sie die Konkurrenten, um eine Referenzbibliothek zu erstellen. Dann entwickelte einen Branding Guide und nehmen Sie Feedback vom Kunden. Nach diesem Design, die komplette Website, beginnend mit Wireframe und dann mit Visuals wie Logo-Bilder und Inhalte auf Figma oder jedem Website-Design-Tool, das Sie bevorzugen. Stellen Sie sicher, dass Sie immer wieder Feedback vom Kunden in allen Phasen der Gestaltung. Sobald das Design fertig ist, müssen Sie nur die WordPress-Setup und verwenden Element oder Besuche, um das Design anzuwenden und alle Webseiten zu entwickeln. Integrieren Sie die Website mit allen wichtigen Plattformen und Tools und stellen Sie sicher, dass Sie die Website für Reaktionsfähigkeit und Geschwindigkeit optimieren. Das war's. Das ist der Prozess, eine Website von Grund auf neu zu erstellen. Dieser Prozess könnte auch das Entwerfen der Landingpages oder das Einrichten einer Blogging-Website umfassen . Und Sie sind bereit, beides zu handhaben. Als nächstes, wenn es einen Kunden mit einem sehr niedrigen Budget oder weniger Zeit gibt, können Sie sogar eine Website für ihn und nur einen Arm erstellen. Dazu müssen Sie Vorlagen verwenden. Sie können Startervorlagen durch Brainstormkraft verwenden, das heißt für Astra Theme oder die Elementor Vorlagenbibliothek haben beide tolle Designvorlagen. Sie können auch die Vorlagen verwenden, die bei Envato elements zur Verfügung stehen. Alle diese Website-Vorlagen sind gut strukturiert und organisiert, so dass Sie eine komplette Website-Vorlage importieren können, Änderungen im Inhalt in Bezug auf Text und Bilder vornehmen und die Website ist bereit für den Kunden. Nur eine unserer nächsten, wenn Sie eine einseitige Website erstellen möchten, die, obwohl nicht aus SEO Sicht empfohlen wird. Aber wenn Sie es zufällig erstellen, ist der Prozess einfach. Führen Sie die gleichen Schritte aus, um eine benutzerdefinierte Website zu erstellen, aber mit nur einer einzigen Seite, das ist die Homepage. Und für das Menü können Sie benutzerdefinierte Links verwenden, die zu bestimmten Optionen scrollen. Dazu müssen Sie jedem Abschnitt, den Sie scrollen möchten, die SSS-ID zuweisen , indem Sie zur Option Erweitert gehen. Fügen Sie kein Leerzeichen zwischen der ID hinzu. nun im Custom Link, der das Menülabel zugewiesen ist, und in der URL, Geben Sie nun im Custom Link, der das Menülabel zugewiesen ist, und in der URL,die Homepage-URL gefolgt mit der CSS-ID slug, beginnend mit einem Hashtag, füllen Sie das Menü aus, speichern Sie es. Und hier ist die einseitige Website. Wenn Sie auf die Menüoptionen klicken, scrollen Sie zu den Abschnitten nach unten auf der Homepage selbst. In Ordnung, also glaube ich, dass Sie jetzt bereit sind mit dem Website-Erstellungsprozess und wir werden im nächsten Video fortfahren. 51. Optimierung der Zeitoptimierung: Die Webseite, die Sie als geladen öffnen möchten. Bitte warten Sie, es wird noch geladen. Ups, Entschuldigung für die Verzögerung, aber es wird immer noch geladen. Bitte warten Sie. Es ist fast geladen. Nur ein paar Sekunden oder Minuten oder Stunden. Und schließlich ist Haidt die Seite komplett geladen. Wer es hasse, ziemlich schnell zu fragen, nur eine halbe Minute zu laden. Was meinst du? Ich meine es ernst damit? Nein, absolut nicht. Eine ideale Website sollte unter drei Sekunden geladen werden, um eine gute Benutzererfahrung zu bieten. Und Suchmaschinen nehmen auch die Seitenladegeschwindigkeit sehr ernst als Ranking Faktor. Daher ist es für uns sehr wichtig, die Website für die Ladezeit zu optimieren , so dass die Webseite vorzugsweise unter drei Sekunden geladen wird, oder ADHS ist die meisten unter fünf Sekunden. Es ist wichtig, das Laden der Website zu beschleunigen, um eine bessere Benutzererfahrung zu gewährleisten. Reduziert die Ladezeit der Seite, reduziert die Wahrscheinlichkeit, dass Benutzer frustriert werden und die Absprungrate erhöhen. Obwohl wir Elementor verwenden, um die Webseiten zu entwerfen und die Codes werden automatisch im Back-End generiert. Das ist etwas außerhalb unserer Kontrolle, um die Gerichte zu optimieren. Und wir müssen uns auf das Element oder die Architektur für saubere Zitate verlassen. Und lassen Sie mich Ihnen sagen, Elementor hat anständig genug getan, um eine gute Seitenladegeschwindigkeit zu liefern. Aber es gibt ein paar Dinge, die wir kontrollieren und optimieren können , um die Ladezeit für eine Webseite zu verbessern. Übrigens, wie testet man die Seitenladegeschwindigkeit für eine Webseite, irgendeine Idee? Nun, Sie können viele Tools verwenden, aber die beliebtesten sind GD-Metriken angeheftet und Google PageSpeed Insights. Also komm schon, geh voran und überprüfe die Geschwindigkeit der berühmtesten Websites mit diesen Tools. Und diese Tools bieten Ihnen auch Vorschläge, um die Seitenladegeschwindigkeit zu verbessern. Lassen Sie uns einige Konzepte lernen, die Sie anwenden können, um mit einer anständigen Seitenladegeschwindigkeit zu kommen. Der erste Faktor ist der Standort des Servers. Wenn Sie einen gemeinsamen Hostingplan verwenden, versuchen Sie, den Serverstandort auszuwählen, der der Zielgruppe am nächsten liegt. Es verbessert die Bereitstellung von Daten vom Server an den Browser. Als Nächstes wird ein CDN verwendet. Ein CDN steht für Content Delivery Network, und es bezieht sich auf eine geografisch verteilte Gruppe von Servern, die zusammenarbeiten, um eine schnelle Bereitstellung von Internet-Inhalten zu ermöglichen. Beachten Sie, dass ein CDN den Inhalt der Website nicht speichert und es ist kein Ersatz für den Webserver. Es speichert nur die Kassierer Jungfrauen und liefern es schnell, um die Seitenladegeschwindigkeit zu verbessern. Als nächstes wird die PHP-Version auf dem Server aktualisiert. Aktualisieren Sie immer manuell auf die neueste stabile Version von PHP, um Geschwindigkeit und Leistung zu verbessern. Als nächstes ist es, ein leichtes Team auf der Website wie Astra zu verwenden. Entfernen Sie auch alle unerwünschten Plug-ins von der Website oder entfernen Sie die Plug-Ins, die dazu führen, dass die Website langsam geladen wird. Als nächstes ist es, die Bilder für geeignete Abmessungen und Auflösung zu skalieren , da das extra große Bild für uns nichts nützt, und es wird nur verlangsamen die Website. Sie können auch das Bild mit winzigen PNG komprimieren oder verwenden Sie das Plugin wie optimal oder ein Tupel W Optimizer, um die Bilder, die Sie auf Wordpress hochladen zu komprimieren. Denken Sie daran, dass die Verringerung der Bilddateigröße ein sehr wichtiger Faktor bei der Verbesserung der Seitenladegeschwindigkeit ist. Der nächste Faktor besteht darin, einige Caching-Plugin zu verwenden. Seiten-Caching funktioniert, indem eine statische HTML-Version Ihrer Seite erstellt wird, um den Besuchern zu dienen, anstatt Ihren Server zu zwingen, die Seite aus der Datenbank und PHP-Dateien für jeden einzelnen Besuch zu generieren . Ein Caching-Plugin bietet in der Regel Minification, Browser-Cache und G Zip-Komprimierung, sowie einige gute Caching-Plug-Ins sind Light-Speed-Cache und WPA-Rakete. Hier ist Lichtgeschwindigkeit eine freie, aber WP Rakete ist ein Premium-Plugin, aber es liefert hervorragende Ergebnisse im Vergleich zu den anderen Cache-Plugins. Sie jedoch vorsichtig, wenn Sie diese Cache-Plug-Ins verwenden, da sie manchmal die Website brechen. Und wir müssen oft den Cache in regelmäßigen Abständen löschen, um das Design der Seiten beizubehalten. Nun, wenn all diese Faktoren nicht in der Lage sind, eine signifikante Verbesserung der Seitenladegeschwindigkeit zu bringen . Erwägen Sie, ein Upgrade auf einen guten Host oder einen höheren Plan, oder gehen Sie einfach für das verwaltete WordPress-Hosting auf Cloud. Das wird definitiv helfen, die Seitengeschwindigkeit zu verbessern und die PageSpeed-Daten mit GET-Metriken als Norm oder Google PageSpeed Insights zu überprüfen . Und hören Sie nicht auf, Ihr Ziel mit der Geschwindigkeit unter fünf Sekunden zu optimieren. Das ist es, in dieser Lektion zu lernen und wir werden im nächsten Video fortfahren. 52. Website: Sie werden, sie werden dann, Ich weiß, dass Sie aufgeregt sind, um die Website zu starten, aber ich möchte, dass Sie sicherstellen, dass Sie nichts vergessen haben oder etwas falsch tun. Mit dieser gründlichen Website-Launch-Checkliste können Sie sicher sein, dass Sie alle Kästchen angekreuzt haben und Ihre Website für die kurze Zeit bereit ist. Es gibt eine Reihe von gemeinsamen Aufgaben, die Sie ausführen müssen , um jede Website startbereit zu machen. Es sind im Grunde die Best Practices, denen jede Website folgen muss. Lassen Sie uns die Liste sehen. Nummer eins ist, um nach der Homepage zu suchen. Überprüfen Sie in den Leseeinstellungen, ob Sie die Homepage korrekt als Zuhause zugewiesen haben. Nummer 2 ist, um sicherzustellen, dass Sie alle Dummy-Inhalte und Lorem Ipsum gelöscht haben , die mit den Vorlagen oder Beispielseiten geliefert wurden. In der Tat, bereinigt die Liste der Seiten und posten und entfernen Sie alle unerwünschten. Als Nächstes müssen Sie die unerwünschten Plug-Ins deaktivieren oder löschen. Als Nächstes überprüfen Sie die Permalink-Einstellungen für die URL-Struktur, die auf Postname festgelegt ist. Als nächstes überprüfen Sie die Admin-E-Mail-Adresse, da alle wichtigen Kommunikations- und Formularübermittlungsdaten auf dieser E-Mail empfangen werden. - Nur. Als nächstes überprüfen Sie die Zeitzone. Als Nächstes prüfen Sie, ob die Suchmaschinen-Indizierung nicht blockiert ist. Als Nächstes müssen Sie die Kommentareinstellungen abgleichen. Als nächstes überprüfen Sie den Titel und die Beschreibung der Website. Als nächstes überprüfen Sie das FAV-Symbol oder das Site-Icon. Als Nächstes müssen Sie die Formulare für die Einreichung mit einigen Testeinträgen überprüfen. Als Nächstes wird eine benutzerdefinierte 400 vier Seite erstellt. Okay, also was bedeutet eine 400 vier Seite ist die Seite, die angezeigt wird, wenn der Besucher einen Link betritt, der nicht auf Ihrer Website existiert. Sie können dies einfach mit Elementor Team Builder erstellen, indem Sie eine neue Vorlage hinzufügen, Fehler 400 vier Seite auswählen, ihm einen Namen geben, es entwerfen, veröffentlichen, indem Sie Bedingung 404 Seite hinzufügen, das ist es. Als Nächstes wird eine Umleitung von alten URLs zu neuen URLs mit dem Umleitungs-Plugin eingerichtet. Dies ist eine optionale und verwenden Sie diese nur, wenn erforderlich. Als Nächstes stellen Sie sicher, dass SSL-Zertifikat gültig ist und URLs HTTPS als Protokoll haben. Als nächstes ist es zu überprüfen, ob alle internen Links funktionieren gut und Daten keine defekten Links. Dies ist aus SEO-Sicht sehr wichtig. Dazu können Sie eine Chrome-Erweiterung als SEO Geld auf genannt verwenden. Als nächstes suchen Sie nach dem SEO-Titel und Meta-Beschreibungen. Nun, Sie können ganz einfach den Titel und die Beschreibung für jede Webseite mit dem Yoast SEO-Plug-in festlegen . Als nächstes ist es, die Besucherdaten in Google Analytics zu testen. Als nächstes senden Sie die Sitemap und die Google Search Console für die Indizierung der Website. Sie können die Sitemap Länge aus den allgemeinen Einstellungen von Yoast SEO kopieren, dann Features auswählen, auf die Frage eigen in der Nähe von XML Sitemaps klicken, auf den Link klicken, siehe XML Sitemap. Kopieren Sie hier nur den Slug und melden Sie sich bei der Google Search Console an. Klicken Sie auf Sitemaps und fügen Sie die Schnecke ein. Klicken Sie auf Absenden. Das ist der Prozess, um das Crawling und die Indizierung der Website bei Google anzufordern. Als nächstes ist es, die E-Mail-Marketing-Tool Einrichtung und Integration mit Formularen zu gewährleisten. Als nächstes ist es, für die Einrichtung von rechtlichen Seiten zu überprüfen. Obwohl es von der gesetzlichen Vorschrift und Gerichtsbarkeit des Landes oder Ortes abhängt , an dem Sie arbeiten. Dennoch ist es empfehlenswert, zumindest die Datenschutzrichtlinie Seite auf der Website zu haben und auch die Datenschutzeinstellungen zu aktualisieren. Als nächstes überprüfen und optimieren Sie eine Website auf Leistung, indem Sie die Ladezeit auf GT-Metriken oder Pingdom oder Google PageSpeed Insights testen . Wenn die Ladezeit höher ist, können Sie den Vorschlägen folgen, um die Ladezeit zu reduzieren , die wir in der vorherigen Lektion besprochen haben. Als nächstes ist es, einen Backup-Plan zu haben, um eine Kopie der Website zu behalten , falls etwas Schlimmes passiert, stellen Sie sicher, dass das Backup verwenden sollte funktioniert. Als nächstes ist es, die Website mit Sicherheits-Plugins zu sichern, falls erforderlich. Als nächstes stellen Sie sicher, dass Sie die Lizenz der Premium-Plugins für die automatische Update-Funktion aktivieren, um zu funktionieren. Und der letzte Checkpoint ist, am besten, besten Hand-Test eine Menge auf verschiedenen Browsern und Geräten, um sicherzustellen, dass alles gut funktioniert. Dies ist also die Checkliste für den Website-Start und Sie können sie für alle Websites verwenden, die Sie erstellen. Wir werden im nächsten Video fortfahren. 53. Vorteile der Verwendung von Elementor Pro Vs: Elementor ist zweifellos das beste Page Builder Plugin von Label für WordPress. - Elementor. Es ist kostenlose Version, bietet grenzenlose Gestaltungsmöglichkeiten. Elementor Pro ermöglicht jedoch die Verzerrung mit professionelleren Tools , die Ihren Workflow beschleunigen und Ihnen mehr Conversions und Umsätze ermöglichen. Also sollten Sie Ihre Brieftasche ausbacken und für Elementor Pro bezahlen, oder werden Sie einfach in Ordnung sein mit der kostenlosen Version von elementar? Lassen Sie uns versuchen, die Vorteile der Verwendung von Elementor Pro zu verstehen. Elementor Pro ist technisch ein Add-On für das kostenlose Elementor Plug-in. Das heißt, wenn Sie Elementor über kaufen, haben Sie sowohl das freie Element des Plug-ins das Element oder Pro-Plugin aktiv auf Ihrer Website. Der erste Vorteil von Elementor Pro ist, dass es rund 13 weitere Besuche hinzufügt, um die Webseite zu erstellen. Diese Widgets helfen Ihnen dabei, das Webseitendesign funktionaler zu gestalten und die Notwendigkeit zu eliminieren, viele Plugins von Drittanbietern zu verwenden. dem Formularwidget können Sie beispielsweise benutzerdefinierte Formulare direkt über die Elementor-Schnittstelle erstellen. dem Schieberegler Widget können Sie leistungsoptimierte Schieberegler einschließen. Und mit dem Postvisit können Sie Ihren neuesten Beitrag in einem Raster ohne die Notwendigkeit eines Drittanbieter-Plugins anzeigen . Ich möchte besonderes Augenmerk auf die hier besuchten Formulare legen. Kontaktformulare sind ein wesentlicher Bestandteil jeder Website, da sie die Motoren für Conversion und Lead sind. Elementor Pros Forms Wizard ist revolutionär, weil der gesamte Prozess der Verwaltung sie visuell ist. Gestalten Sie Ihre Formulare am Frontend und verbinden Sie sie mit nur wenigen Klicks mit jeder Automatisierungsmarketingplattform oder CRM Ihrer Wahl. Auch aus der Sicht des Designs können Sie Animationen und Scroll-Effekte auf die Website hinzufügen, die für eine stärkere Wirkung mit Elementor Pro entwickelt wurden. Als nächstes, wenn Sie einen WooCommerce-basierten E-Commerce-Store betreiben, werden Sie das Hinzufügen einer Vielzahl von WooCommerce-spezifischen Widgets lieben. Der nächste Vorteil von Elementor Pro ist, dass Sie Zugriff auf die vollständige Template-Bibliothek erhalten. Wir alle wissen, dass Elementor mit einer sehr großen Template-Bibliothek kommt, aber die meisten Vorlagen sind in der kostenlosen Version und Element oder Pro Analoga gesperrt. Dann können Sie mit Element oder Zeile jede einzelne Seitenvorlage und jeden Block verwenden, der in der Bibliothek beschriftet ist. Dies beschleunigt den Prozess der Website-Erstellung. Als nächstes erhalten Sie den Team-Builder mit Elementor Pro, und es fügt leistungsstarke neue Funktionen auf der Website hinzu. Mit dem Elementor Design Builder, können Sie die gleiche Drag-and-Drop-Schnittstelle verwenden, um Ihre, das gesamte Team, einschließlich der Kopf-, Fußzeilen- und Postvorlagen, zu erstellen, die ansonsten sehr schwierig ist, mit den Theme-Einstellungen anzupassen. Außerdem erhalten Sie den Pop-up-Builder mit Elementor Pro, was wichtig ist, um Leads zu erfassen. Es wird bei der Steigerung von Umsatz und Konversionen helfen. Sie können das Pop-up mit Drag & Drop Technik entwerfen, Bedingungen und Trigger zusammen mit erweiterten Integrationen zuweisen. Und wenn Sie ein partieller Programmierer sind, kenne ich CSS. Sie können benutzerdefinierte CSS hinzufügen, die Elementor frei, aber Elementor Pro können Sie direkt CSS-Bindungen zu einzelnen Widgets oder Abschnitten hinzufügen. Wenn Sie Ihr eigenes benutzerdefiniertes CSS verwenden möchten, dann ist dies ein sehr großer Produktivitätsschub. Als Nächstes ist ein globaler Besuch in Elementor Pro . Globale Budgets sparen Ihnen viel Zeit, wenn Sie planen, denselben Besuch auf mehreren Seiten wiederzuverwenden. Zum Schluss können Sie mit drei Elementen zufrieden sein oder wenn Sie eine grundlegende Website mit guten Inhalten mit einem flexiblen Team wie Astra entwerfen möchten , können Sie auf die vorgefertigten Vorlagen zugreifen, indem Sie das Starter Templates Plugin von Brainstorming-Kraft. Sie können planen, ein Upgrade auf Elementor Pro, wenn Sie komplexe Designs und Landing Pages erstellen möchten , WooCommerce verwenden, um einen E-Commerce-Store einzurichten. Oder wenn Sie Team-Builder und Papa-Builder Zugriff auf alle Premium-Elemente oder Vorlagen sowie globale Besuche und dynamische Tags wünschen. Das Beste an Elementor ist also, dass Sie mit kostenlosem beginnen und Schritt für Schritt upgraden können, wann immer Sie möchten. Alles klar, das ist es in dieser Lektion und wir werden mit dem nächsten Video fortfahren. 54. Kostenübersicht: Eine weitere Sache, die Sie sich fragen müssen , dass, wie viel Gesamtbetrag des Geldes Sie ausgeben müssen, um eine Website zu bauen. Nun, um dies zu verstehen, lassen Sie uns die Gesamtkosten in zwei Kategorien aufteilen. Erste Kategorie sind die erforderlichen Kosten, das sind die obligatorischen Kosten, die für Sie unmöglich sind, zu vermeiden. Es beinhaltet die Kosten für Domain-Namen und Hosting-Plan. Nächste Kategorie sind die optionalen Kosten. Das sind die Kosten, die Sie vermeiden können, wenn Sie bereit sind , auf Funktionen und Funktionen zu verzichten. Dies beinhaltet die Kosten für Themes und Plugins. Lassen Sie uns mit der ersten Kategorie beginnen. Und darin ist das erste, was der Domain-Name ist. Nun, ein Domain-Name ist sehr sparsam zu bekommen. Die Kosten für den Domainnamen hängen von zwei Faktoren ab. Nummer 1, wo Sie Ihren Domain-Namen registrieren. Und Nummer zwei, welche Domain-Erweiterung Sie verwenden möchten. Die Kosten für einen Domain-Namen können von $5 beginnen und bis zu $50 nach der Wahl der DLD oder Erweiterung. Aber im Allgemeinen wird eine $10 Dot Com-Erweiterung für Anfänger und die meisten der Business-Websites empfohlen. Als nächstes sind die Kosten für Hosting-Plan. Sie erhalten immer ein spezielles Angebot für das erste Jahr des Hosting-Plans. Und Sie können es auch für eine langfristige kaufen, um mehr Rabatt zu erhalten. Im Allgemeinen kostet A2 Hosting statischen Plan rund $80 für das erste Jahr, und Turbo Boost kostet rund 180 Dollar. Und wenn Sie mit Cloud-Möglichkeiten unterwegs sind beginnt ein Digital Ocean-Server mit $10 pro Monat. Also die grundlegenden obligatorischen Kosten mit einer guten Leistung Hosting wäre irgendwo etwa $90 oder sechs bis 7.000 Rupien für das erste Jahr. Denken Sie daran, dass dies die Kosten für die erste Website sind. Sie können eine Menge Geld sparen, wenn Sie mehrere Websites erstellen. Wenn Sie mit Cloud-Möglichkeiten gehen, wären die Kosten für ein Jahr Hosting wenig mehr als der A2 Hosting Startup Plan. Aber hier müssen Sie die Zahlung auf monatlicher Basis machen. Du würdest nicht die Menge an Freund bezahlen. Dies könnte für einige von Ihnen eine bequemere Option sein. Übrigens, Sie erhalten monatliche Zahlungsoptionen auf A2 Hosting als auch. Es hängt also alles von Ihrer Anforderung an den Typ des Servers und der Ressourcen ab. Diese Kategorie ist also die obligatorischen Kosten für die Erstellung der Website. Und das sind die Kosten für die Erstellung der ersten Website. Wenn Sie mehrere Websites erstellen möchten, dann ist es eine profitablere Situation für Sie, denn auf dem A2-Hosting, Turbo Boost oder DR-Plan können Sie eine anständige Anzahl von Websites und die PR-Website-Hosting Kosten werden deutlich zu reduzieren. Die nächste Kategorie ist die optimalen Kosten, und es ist wirklich optional. Es liegt an Ihnen, die Themen und Plug-Ins gemäß der Anforderung des Projekts zu kaufen. Wenn Sie meine Meinung nehmen und an Bord der Themes und Plug-Ins Geld sparen wollen, dann ist Elementor Pro eine gute Option weil es so viel Funktionalität in nur einem Tool, Ang, zu einem Preis verpackt . Zum Beispiel benötigen Sie die speziellen Funktionalitäten wie einen Landing Page Builder, um konvertierungsoptimierte Seiten zu erstellen. Wenn Formular-Plugin für Kontakt- und Registrierungsformulare, ein Pop-up- und E-Mail-Opt-In-Plug-in zu gehen. Die E-Mail-Liste ist Slider Plugin, um das Bild zu erstellen und Post Schieberegler ist Social Share-Button Plugin soziale Medien zu integrieren, werden Sie alle diese mit nur einem Elementor Pro-Abonnement bekommen. Natürlich können Sie mit dem kostenlosen Elementor beginnen und basierend auf der Anzahl der Websites, die Sie erstellen möchten, auf Elementor Pro upgraden . Investieren Sie einige $50 oder $100 oder $200 auf Elementor Pro ist vert, weil Sie Renditen in Form von Conversions, Siegeln erhalten können , und mit den fantastischen Funktionen, werden Sie in der Lage sein, mehr von den Kunden zu berechnen. Dies ist also eine optionale, aber eine sehr empfehlenswerte, um für den Aufbau professioneller Websites zu investieren. Das ist es in dieser Lektion und wir werden im nächsten Video fortfahren. 55. So startest du ein A: Es gibt Tausende von Menschen, die jedes Jahr neue Unternehmen ins Leben gerufen haben, aber sie wissen nicht, wie sie Websites für sich selbst erstellen können. Und es gibt so viele laufende Unternehmen und Profis , die keine richtige Branding und aktualisierte Websites haben. Einige von ihnen haben möglicherweise eine Website und einige von ihnen haben möglicherweise nicht einmal Websites. So sind neue Richtlinien alle rückläufig. So viele, so viele und so viele Zeilen suchen nach einer Website-Lösung. Jeden Tag. Sie können ihnen helfen und ein Vollzeit- oder Teilzeiteinkommen erzielen. Aber wenn Sie erfolgreich sein wollen als üblich, konzentrieren Sie sich auf einige Grundlagen, um sorgfältig die Bart des Servierens von Kunden und Geld zu verdienen. Und ich freue mich sehr, einige Konzepte zu teilen, die mit der Kundenabwicklung und der Gründung Ihres eigenen Website-Entwicklungsgeschäfts zusammenhängen . Wenn Sie als Freiberufler arbeiten, sind Sie dafür verantwortlich, sicherzustellen, dass alles so läuft, wie es braucht. Sie müssen sicherstellen, dass Sie mit Gewinn kommen. Sie müssen wirklich gut in der Verwaltung von Kundenbeziehungen und vielleicht Mitarbeiterbeziehungen werden. Tun Sie. Sie müssen auch diese Design-Arbeit, die Vertriebs-und Marketing-Aufgabe, Batching Gleiter Senden von Vorschlägen, Kürbisse, Abschluss des Projekts pünktlich. Und es ist wirklich eine spannende Aufgabe, an neuen Projekten und mit neuen Richtlinien zu arbeiten , um zu sehen, dass sie Reserven aus den Marketingbemühungen bekommen. Und doch sagt das. So. Lassen Sie uns sehen, wie Sie die Website-Entwicklung Geschäft einrichten können. Der erste Schritt besteht darin, eine Nische zu wählen. Sie können natürlich beginnen, indem Sie alle Branchen ANC blinde Affen bedienen. Aber wir wissen, dass ein Bube aller Berufe ein Meister von keiner sein kann. Versucht, Spezialität zu begraben ist im Laufe der Zeit mit bestimmten Art von Jalousien. Spezifische Branchen sind spezifische Website-Typen. Es ist eine Tatsache, dass, wenn Sie sich als Spezialist einer Branche vorstellen, Sie eine größere Antwort und eine Bettlerzahlung für das Projekt erhalten anstatt sich als allgemeiner Webentwickler zu präsentieren. Schließlich wird Ihre Spezialität dazu beitragen, dass Linien durch den bewährten Prozess, den Sie folgen werden, bessere und schnellere Reserven erhalten . So toll, eine Nischenauswahl zu finden. Stellen Sie immer sicher, dass die Nische, die Sie auswählen, sollte eine gute Punktzahl und eine gute Anzahl von aktiven Neunen haben und sie können es sich leisten, für die Art von Websites zu bezahlen, die Sie gehorcht haben. Als nächstes entscheiden Sie, welche Dienste Ihnen die Eichel angeboten wurden. Wetter Ausrüstung wird nur Website-Entwicklung oder Web-Design-Entwicklung oder komplette Branding Lösung mit Beratung, ohne Beratung, SEO, E-Mail-Automatisierung Setup, Fotografie, Videografie. Erstellen Sie eine Liste der Wharton-Lösungen, die Sie den Richtlinien zur Verfügung stellen. Denken Sie daran, dass Sie in jeder Lösung, die Sie anbieten, Mehrwert liefern müssen. So Juden, die Dienstleistungen, die Sie effizient oder Basin Reifen bieten können, um eine One-Stop-Lösung für Kunden, weil Drüsen in der Regel bevorzugt, ein Projekt vollständig zu einer Agentur zuweisen, wie es ist einfach für sie zu folgen. Als nächstes setzen Sie Ihre Ziele. Was ist die Vision und Mission der Agentur oder als Individuum? Was sind die finanziellen Ziele? Was sind die Wiederholungsziele? Wie viele Kunden möchten Sie in einem Monat betreuen? Was wollen Sie in den kommenden ein oder fünf Jahren erreichen? Wo wollen Sie sich sehen, haben Sie einen Plan für all diese direkt am Anfang. Als nächstes ist es, die Rate gleichen Gebühren zu setzen. Das ist ein bisschen knifflig, aber um sich das auszudenken, überprüfen Sie die Konkurrenten und finden Sie heraus, wie viel sie aufladen. Sie auch einen Blick auf die Ausgaben wie Ihre Branding Kosten, Marketing, Geist, Software-Gebühren, Hosting-Gebühren, Themen und Plug-Ins, Bürorunde, Mitarbeitergehalt. Wenn Sie einige haben und Steuerzahler lernt durch neben den optimalen Kosten für Ihren Service, dann können die Gebühren für die Website von Projekt zu Projekt variieren. Aber wenn Sie möchten, dass Ihr Unternehmen erfolgreich ist und Sie sich über die Arbeit, die Sie tun, gut fühlen möchten. Sie müssen einen Gewinn machen, egal wie groß oder wie klein das Projekt ist, dann wählen Sie einen Namen für das Unternehmen, die leicht zu merken ist Lieferung und eingängig, Einrichtung der gesetzlichen Anforderungen wie das Erhalten von Lizenzen als Körper sind Betriebsregion, und beginnen Sie mit der Erstellung Ihres digitalen Branding. Zumindest müssen Sie ein Logo, Schriftkombinationen, die Hauptwahl, Bild,Stil und Morgendämmerung des Inhalts erstellen Schriftkombinationen, die Hauptwahl, Bild, . Als nächstes erstellen Sie Ihre Business-Website nach allen bewährten Methoden, die Sie gelernt haben. Vergessen Sie nicht, die Beispiel-Websites einzuschließen, um das Portfolio der Eichel zu präsentieren. Als Nächstes können Sie bei Bedarf einige nützliche Projektmanagement-Tools wie Trello oder Asana abonnieren , die bei der Projektverwaltung und der Steigerung der Produktivität helfen. Als nächstes gum mit einem Vorschlagsdokument und Vertragsvereinbarungen für die Dienstleistungen, die Sie zwei Flugzeuge anbieten. Übrigens, was ist ein Website-Vorschlag? Nun, es ist ein Dokument, das eine Beschreibung der Lösungen enthält, die Sie dem Kunden zusammen mit den Kosten für den Service und die Zeitdauer zur Verfügung stellen. Es ist ein sehr leistungsfähiger und wichtiger Schritt bei der Lösung von Website-Entwicklungslinien, weil alle Erwartungen aufgelistet sind und Lösung zu bestimmten Kosten und Einfügen Dame verpflichtet. Also, wenn ich Ihnen sage, was alle in dem Vorschlagsdokument enthalten, beginnen Sie mit dem Überblick über Probleme und dann erwähnte die vorgeschlagene Lösung, diesen Zeitplan und die Preise. Ihre Lösung sollte glaubwürdig aussehen und Verde lehnte in den Vorschlag mit einem CTA zu investieren, und stellen Sie sicher, dass Sie die Kontaktinformationen angeben. Dies ist der ideale Weg, um einen Vorschlag für den Kunden zu erstellen. Als nächstes können Sie auch einige Schmerz-Tracking-Tools verwenden, Buchhalter ziehen Sie die Zeit, die Sie an dem Projekt verbracht haben. Als nächstes erstellen Sie ein Online-Profil für das Unternehmen Lake mit einem Google mein Business-Konto, Facebook Geschäftsrede, LinkedIn Profil und Profil YouTube-Kanal Ich bin auf Yelp. Danach beginnen Rückgänge und Projekte zu finden. Dann können Sie diesen Prozess immer mit der Bitte um Referenz von Ihrer Familie, Freunden, Kollegen beginnen . Es wird Leute um dich herum geben, die vielleicht eine Lösung brauchen , und du willst sie nur abwenden, Hey, ich habe eine Lösung. Dies ist der schnellere Weg, um mit Klein zu beginnen. Als nächstes können Sie in sozialen Medien und Gruppen aktiv werden, um die Nachricht an jedem zu verbreiten, größere Netzwerke zu sein und sie über Ihre Dienste zu informieren. In der Tat können Sie mehrere Social-Media-Plattformen wie Facebook, Linkedin, Instagram und sogar Behance, Dribble nutzen Instagram und sogar Behance, , um neue Kunden und Projekte zu erhalten. Bitte beachten Sie, dass lyndon eine leistungsstarke Plattform ist , um sich mit Geschäftsleuten auf der ganzen Welt zu verbinden. Machen Sie es sehr gut, weil es ein großes Potenzial hat, Geschäft für Sie zu generieren. Als nächstes nutzen Sie freiberufliche Marktplätze wie 500 Aufwärtsfreelancer oder Element oder Experten, suchen Sie nach den relevanten Projekten, bieten Sie auf sie und versuchen, fantastische Arbeit zu liefern, um Ablehnungen zu schaffen Glaubwürdigkeit und Ruf zu schaffen. Veröffentlichen Sie weiterhin wertvolle Inhalte auf der Website in Form von Blog-Post und Bleimagneten, um den Trichter zu starten. Dies ist die organische und eine sehr solide Möglichkeit, eine Kundenbasis aufzubauen. Vergessen Sie nie, Zeugnisse auf der Website zu veröffentlichen. Als nächstes können Sie auch kostenpflichtige Social-Media- und Suchanzeigen-Kampagnen ausführen , um Traffic auf der Zielseite zu erhalten und zu versuchen, sie in den Trichter zu bringen. Es wird Sie jedoch eine gute Menge kosten. Aber wenn Sie es schaffen können, dass es tut, ist es gut zu gehen. Und übrigens ist Gold auch keine schlechte Idee. Bereiten Sie eine Datenbank vor und versuchen Sie, sie per E-Mail zu erreichen, aber stellen Sie sicher, dass Sie das Problem recherchieren und sie mit einer besseren Lösung behandeln. Angepasste Nachricht. Verwenden Sie nie, jemals allgemeine Nachrichten in Gold Alterung, immer passen Sie die E-Mails. Es wird für Sie funktionieren. So können Sie diese Schritte befolgen, um Ihre Website-Entwicklung Geschäft zu starten und beginnen, diese Zeilen. Und lassen Sie mich auch einige Tipps mit Ihnen teilen. Der wichtigste Tipp ist, dass immer versucht, den Kunden den besten Wert zu liefern. Als nächstes, immer treu zu der Arbeit und geben Sie 100 Prozent für jedes Projekt. Seien Sie kreativ, aber seien Sie immer diszipliniert. Immer zweiten Arbeitsblatt Sie und bleiben Sie daran. Erstellen Sie Grenzen sowohl innerhalb Ihres Arbeitsbereichs als auch mit Kunden. Die Wochenenden frei und verbringen Sie Zeit mit den Menschen, die Sie interessieren. Schuppen Sie Verpflichtung Name mindestens einmal im Jahr, verbinden Sie sich mit und unterstützen Sie andere kreative Unternehmer, die in der gleichen Branche sind. Und schließlich, wenn Sie im Online-Geschäft erfolgreich sein wollen, müssen Sie das Wissen weiter lernen und debattieren, indem Sie AP-Kurse nehmen , Blogs lesen und Webinare besuchen. So verwalten Sie Ihr Arbeitsleben entsprechend, da die Menschen dazu neigen, dies als optional zu halten, aber Datum meine Worte, es ist nicht optional. Nur wenn du weiter lernst, wirst du weiterlernen. Auf diese Weise können Sie ein Website-Entwicklungsgeschäft einrichten und Geld verdienen. Ich wünsche Ihnen alles Gute und wir werden im nächsten Video fortfahren. 56. Wie viel man für eine Website belastet: Preisgestaltung, der Website-Entwicklungsservice ist ein bisschen knifflig. Es gibt immer ein Dezil vor sich, dass, ob ich weniger auflade oder ablehnen werde, so viel für meine Arbeit bezahlt. Nun, es gibt keine strengen Regeln in Bezug auf die Festlegung der Preisgestaltung für ein Projekt, aber wir können einige allgemeine Methoden lernen, um diese Aufgabe zu erleichtern. zunächst daran, dass das Gesamtbudget des Projekts das Endprodukt beeinflusst. Es erleichtert, wie viele Funktionen und Funktionen Sie bereitstellen können und wie viel Zeit Sie für die Benutzeroberfläche und UX des Projekts verbringen können. Je mehr das Budget, desto mehr Funktionen und Zeit für UI und UX, es ist eine einfache Regel. Es ist wichtig, mit den richtigen Preisen zu kommen, denn wenn Sie niedrig berechnen, werden Sie nicht in der Lage sein, Gewinn zu erzielen. Und wenn Sie mehr aufladen, könnten Sie den Kunden an einen Konkurrenten verlieren. Wir wissen auch, dass die minimalen Kosten für den Aufbau einer Website beinhaltet die Kosten für Domain-Namen und Hosting-Plan. Während die zusätzlichen Funktionen wie Themes und Plugins optional sind. Wenn wir nun einige Faktoren berücksichtigen, um über die Preisgestaltung zu entscheiden, wäre der erste Faktor Ihr Qualifikationsniveau oder Ihre Erfahrung. Wie viel Wert Sie dem Kunden im Projekt liefern können. Wenn Sie schon lange an der Website-Entwicklung gearbeitet haben und Sie ein sehr solides Portfolio haben, um Ihre Arbeit den Kunden zu präsentieren. Es wird einfacher für den Kunden, die Qualität und das Niveau Ihrer Arbeit zu beurteilen und dementsprechend den Betrag zu rechtfertigen, den Sie für das Projekt berechnen. Und wenn Sie gerade erst anfangen, dann würde ich Ihnen empfehlen, mindestens ein paar Beispiel-Websites zu erstellen , um als Portfolio Ihrer Arbeit zu präsentieren. Vertrauen Sie mir, Sie werden in der Lage sein, einen anständigen Preis für die Website zu erhalten , wenn Sie ein Portfolio zu zeigen haben. Der nächste Faktor ist die Projektzeit. Basierend auf Ihrer Berufserfahrung, werden Sie in der Lage sein, herauszufinden, wie viele Teilprojekt abgeschlossen werden müssen, und Sie können mehr Klarheit darüber, wie viel zu berechnen, basierend auf der Zeit, die Sie für das Projekt verbringen. Nächster Faktor ist die Art der Website. Das ist, ob es sich um eine Informationswebsite oder eine statische Website handelt, oder handelt es sich um eine Zielseite mit Konversionsoptimierung und Automatisierung? Oder ist es ein E-Commerce-Store mit Zahlung soll abgeholt werden? Preisgestaltung hängt von der Kritikalität der Funktionen auf der Website ab. nächste Faktor ist die Nische, in der Sie arbeiten. Sie sind in der Herstellung von Websites für Ärzte und medizinische Fachleute, dann können Sie einen guten Wert für die Websites, die Sie brennen. Aber wenn Sie grundlegende informative Websites für einige lokale Anbieter erstellen, finden Sie es möglicherweise schwierig, hohe Finanzierung des Projekts zu berechnen. nächste Faktor ist die Bereichsgröße des Projekts. Nehmen wir an, wenn Sie eine Website von Grund auf neu mit Branding und Recherche erstellen, werden die Preise höher sein als bei der Aktualisierung einer zuvor erstellten Website mit einigen geringfügigen Änderungen des Inhalts. Sie müssen auch überlegen, wie viele Revisionen Sie zulassen, bevor Sie die Website starten und wie die jährlichen Wartungsgebühren für häufige Updation, inkontinent. All diese Faktoren sind wichtig, während der Abschluss des Preises für ein Website-Projekt. Und wenn der Kunde diese zusätzlichen Airline-Funktionen und Funktionalitäten benötigt und Sie einige dedizierte Plug-Ins für dieses spezifische Projekt abonnieren müssen, dann zögern Sie nicht, hoch zu berechnen. Ein weiterer wichtiger Punkt ist die Konkurrenz. Überprüfen Sie, wie die Freiberufler und Agenturen für die Website-Entwicklung in Ihrer Region oder in Ihrer Nische berechnen und finden Sie die ideale Preisgestaltung basierend auf Ihrem Qualifikationsniveau und Funktionen, Funktionalitäten, die Sie dem Kunden anbieten. Beachten Sie, dass die Preise je nach Land und Standort, an dem Sie arbeiten, unterschiedlich sind. An manchen Orten könnte man einen niedrigen Preis bekommen, und an einigen Orten könnte man sogar für ein kleines Projekt einen guten Preis bekommen, es basiert auf der wirtschaftlichen Lage dieses Grundes. Versuchen Sie also, mit den regionalen Preisen zu kommen und Ihre einen entsprechend abzuschließen. Und der letzte zu berücksichtigende Faktor ist der Wert der Arbeit für das Geschäft des Kunden. Lassen Sie mich es klarstellen. Es bedeutet, nach dem Wert zu berechnen, den Sie an das Geschäft des Kunden liefern werden. Wenn die Website, können Sie Valin großen Wert für das Geschäft von abgelehnt erstellen, können Sie erwägen, einen höheren Preis zu berechnen. Und wenn der ROI für den Kunden nicht signifikant ist, dann können Sie den Premiumpreis nicht erhalten. Sie werden nur einen anständigen Preis berechnen. Wenn Sie also mit der Preisgestaltung fertig sind, füllen Sie den Vorschlag aus und senden Sie ihn an den Kunden. Vergessen Sie nicht, die jährlich wiederkehrenden Kosten für Wartung und Hosting zu erwähnen , die der Kunde jedes Jahr bezahlen muss. Und dann bist du gut in der Arbeit. Sie bieten Wert. Es wird keine Verweigerung von der Client-Seite geben. So halten Sie Wert für die Kunden zu liefern, und Ihr Unternehmen wird immer das Beste wachsen. 57. Course: Es war also wirklich eine wunderbare Zeit, mit dir zu verbringen. Und ich hoffe, Sie haben den Kurs genossen. Wenn ich es Ihnen persönlich sage, bin ich sehr glücklich, Menschen dabei zu helfen, diese Marketing- und Branding-Konzepte zu erlernen , die ihnen dabei helfen, ihre Karriere aufzubauen, ihre Karriere zu steigern und ihr Geschäft auszubauen. Es gibt ein Gefühl der Zufriedenheit bei der Bereitstellung von Schulungen für Menschen wie Sie. Deshalb möchte ich mich bei Ihnen bedanken, dass Sie Ihre Zeit auf diesem Kurs verbracht haben und ich hoffe, dass ich Ihnen einen guten Wert für Ihre Karriere und Ihr Wachstum gegeben habe. Lassen Sie mich Ihnen nun einen kurzen Überblick über Waterloo-Konzepte geben, die Sie in diesem Kurs gelernt haben. Wir begannen den Kurs mit der Definition der drei Schritte, um eine Website zu erstellen , die entdecken, entwerfen und entwickeln. Dann lernten wir über die Zielsetzung, weil jede Website für einen bestimmten Zweck erstellt wird. Dann diskutierten wir die Grundlagen und grundlegende Konzepte wie was ist eine Website responsive Website, Domain-Name, Web-Server, einige Produktivitäts-Tools, um Notizen zu machen, Struktur einer Webseite, Header, Hauptinhaltsbereich und Fußzeile. Dann lernten wir die wichtigen Konzepte von UI und UX, die Farbtheorie, Farbpalette, Topographie in Telefonen, Seitenlayout. Dann lernten wir über die Copywriting-Prinzipien und Best Practices, um Schlagzeilen, Hauptinhalte für die Homepage, Blog und Landing Page zu schreiben Hauptinhalte für die Homepage, . Dann diskutierten wir die Prinzipien der Grafikgestaltung und lernten die Bild- und Vektorbearbeitung mit Canva und Grafikdesigner. Danach begannen wir den Schritt Nummer eins in der Website-Erstellung, das heißt zu entdecken. Hier lernten wir die Bedeutung des Verständnisses des Geschäfts, Produkte und Dienstleistungen, bevor wir mit der Erstellung der Website beginnen, lernten wir, wie wichtig es ist, die Kunden und den Markt zu verstehen, wie man Referenzen nimmt und ein Vorlagen-Bibliothek. Unser nächster Schritt, Gesetze zur Gestaltung der Website und es ist sehr wichtig, die komplette Website zu entwerfen. Bevor er diese Entwicklung mit Elementor begann, entwickelte er den Branding Guide und entwarf Tools wie Figma, um alle Webseiten für alle drei Geräte, Computer, Tablet und Handy, zu entwerfen . Dann begannen wir den Entwicklungsschritt mit dem Verständnis des Domain-Namens. Und wir haben auch gesehen, wie man einen kostenlosen Domain-Namen für die Übungswebsite bekommt. Dann lernten wir über den Hosting-Plan, wie man einen kostenlosen Hosting-Plan für die Factors-Website erhalten, und wie DNS-Einstellungen verwenden, um Domain-Namen mit dem Webserver zu verbinden. Danach haben wir WordPress installiert, einige gängige Wordpress-Einstellungen vorgenommen, Themes und Plug-Ins installiert und mit dem Website-Erstellungsprozess begonnen. Dann lernten wir, wie man Elementor benutzt und die Webseiten leicht ohne Programmierung gestaltet. Nun, es war der wichtigste Teil, um in dieser gesamten Website Mastery Kurs zu lernen. Dann sahen wir, wie man die Kopfzeile erstellt, das Menü für die Flipside einrichtete, einen Blog und eine Landingpage einrichtete. Dann haben wir gelernt, wie wir unsere Website mit Google Tag Manager, GoogleAnalytics Search Console, Google Ads-Conversion-Tracking, Facebook-Pixel und einem Chat-Bot integrieren Analytics Search Console, Google Ads-Conversion-Tracking, Google Ads-Conversion-Tracking, können. Dann überarbeitete die Schritte, um eine benutzerdefinierte Website von Grund auf neu zu erstellen, eine Website in nur einer Kunst zu erstellen, und eine einseitige Website zu erstellen. Dann lernten wir, wie man die Ladezeit der Website optimiert, kam mit einer Checkliste zum Start der Website und verstanden die Vorteile von Element oder durch, zusammen mit der Kostenübersicht für die Erstellung einer Website. Schließlich habe ich einige Tipps geteilt, wie man ein Website-Entwicklungsgeschäft startet und wie man ein Projekt von Kunden in Rechnung stellt. Also das alles sind die Konzepte und Techniken, die wir in dieser Website Mastery Kurs ohne Programmierung gelernt. Ich hoffe, es war wirklich und sachkundig und praktisch Ziele für Sie. Und ich hoffe, dass Sie all diese Konzepte in Ihrer Arbeit anwenden und einen großen Erfolg erzielen werden. Und vergessen Sie nicht, Sie müssen den Auftrag abschließen und den Website-Link mit mir teilen , den ich persönlich überprüfen und Ihnen Feedback geben werde. Ich danke Ihnen nochmals, dass Sie mit mir gelernt haben und alles Gute. Machen Sie es gut. 58. Weitere Kurse: Herzlichen Glückwunsch, Sie sind jetzt mit dem Kurs Lernen abgeschlossen und jetzt müssen Sie fortfahren und eine Übungswebsite erstellen. Sie können den Link mit mir teilen und ich werde die Website persönlich überprüfen. Fühlen Sie sich frei, Feedback zu jedem Schritt der Entwicklungsphase zu nehmen und die Zweifel zu schichten, sobald sie erschienen. Sobald Sie mit der ersten Übungswebsite fertig sind, können Sie beginnen, die anderen zu bauen, um ein solides Portfolio zu erstellen, um den Kunden zu präsentieren. Und sobald Sie die Schritte abgeschlossen haben, um das Website-Entwicklungsgeschäft zu starten, können Sie beginnen, Projekte zu übernehmen. Sie können Vollzeit oder Teilzeit als Einzelperson, als Freiberufler arbeiten oder eine eigene digitale Agentur aufbauen. Und selbst danach, wenn Sie Hilfe von der Kaufseite benötigen, bin ich immer hier, um Ihnen zu helfen. Ich rede nicht über die nächsten Dinge. Es gibt so viele Konzepte im Zusammenhang mit der SEO, Social Media Marketing, Google Arts, E-Mail-Marketing, Bloggen, Affiliate-Marketing, und vieles mehr entfernte Marketing-Sachen, um für Sie zu lernen. Ich werde weitere Kurse zu all diesen hilfreichen Themen erstellen und ich glaube, es wird Ihnen helfen, Ihre Karriere und Ihr Geschäft weiter auszubauen. Bleiben Sie also dran und bleiben Sie in Verbindung. Ich werde Sie mit den neuen Kursen aktualisieren, da sie für die Anmeldung bereit sind. In Ordnung, also vielen Dank. Und es gibt noch ein letztes Video, das danach kommt. Wir sehen uns dort. 59. Teile dein Feedback und deine Erfolgsgeschichten: In Ordnung, also bin ich jetzt fertig zu reden und jetzt bist du dran. Ich möchte, dass du mir sagst, wie die Kurserfahrung war. Ich bitte Sie, sich etwas Zeit zu nehmen und mir Feedback über den Inhalt und die Qualität des Diskurses zu geben. Wenn möglich, geben Sie bitte ein detailliertes Feedback, damit ich verstehen kann, was alles für Sie funktioniert, und Flaschenaspekte müssen in den Partituren von meiner Website verbessert werden. Und wenn dieser Kurs Ihnen einen Mehrwert bietet und gute Karrieren verändert hat, teilen Sie bitte Ihre Geschichte in Form eines kurzen Videos unsere Reise vor dem Kurs und nach dem Kurs erklärt. Ich werde Ihr Feedback und Ihre Unterstützung wirklich zu schätzen wissen. Noch einmal danke ich Ihnen und wünsche Ihnen alles Gute für die bevorstehende Arbeit. Und ich werde immer hier sein, weil Sie lebenslange Zugang zu diesem Kurs haben. Also, wo immer Sie Lust haben, ein Thema zu überarbeiten spielen Sie die Videos einfach immer und immer wieder ab, so viel Sie wollen. Alles Gute.