Squarespace 2025: So erstellst du im Handumdrehen eine professionelle Website | Kevin O'Brien | Skillshare

Playback-Geschwindigkeit


1.0x


  • 0.5x
  • 0.75x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Squarespace 2025: So erstellst du im Handumdrehen eine professionelle Website

teacher avatar Kevin O'Brien, Over 8000+ students on Skillshare

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

    • 1.

      Einführung in den Kurs

      0:44

    • 2.

      Kursstruktur

      3:38

    • 3.

      Anmeldung bei Squarespace

      2:33

    • 4.

      Eine Vorlage auswählen

      5:18

    • 5.

      Dashboard-Übersicht

      4:13

    • 6.

      Hinzufügen, Löschen und Bearbeiten von Seiten.mp4

      9:35

    • 7.

      Website-Stile und globale Einstellungen

      7:19

    • 8.

      Buttons stylen

      4:02

    • 9.

      Browser-Symbol und Logo von Canva

      5:39

    • 10.

      404-Seiten- und Sonstiges-Einstellungen

      4:45

    • 11.

      Bearbeiten der Homepage

      14:09

    • 12.

      Mehr Homepage-Bearbeitung!

      9:19

    • 13.

      Unsere Seiten fertigstellen

      8:11

    • 14.

      Kopf- und Fußzeile

      8:13

    • 15.

      15 Domains, Abonnements und Testversionen

      10:30

  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Jedes Niveau

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

525

Teilnehmer:innen

1

Projekte

Über diesen Kurs

Willkommen zu meinem Squarespace 2025 Kurs. Mein Name ist Kevin O'Brien und ich werde dein Squarespace-Experte sein!

Willkommen!

Möchtest du deine eigene Website erstellen, aber Programmieren lernen ist zu viel? Dann bist du hier genau richtig. In diesem Kurs zeige ich dir die Schritte zur Erstellung deiner eigenen einseitigen Website mit Squarespace. 

In diesem Kurs verwenden wir eine kostenlose Squarespace-Testversion. Du wirst überrascht sein, wie unglaublich vielseitig dieser Website-Builder ist. Ich führe dich durch alle Schritte, die erforderlich sind, um deine Website in kürzester Zeit online zu stellen, vor allem auf unterhaltsame und hilfreiche Weise. 

WERDE EIN SQUARESSPACE-SUPERHELD!

Ich zeige dir die wichtigsten Schritte zur Erstellung deiner eigenen Squarespace-Website. Gemeinsam behandeln wir die folgenden Themen: 

  1. Anmeldung bei Squarespace
  2. Auswahl einer Vorlage

  3. Seiten konfigurieren
  4. Einstellungen für das globale Design einrichten

  5. Buttons stylen 

  6. Favicons und Logos
  7. 404 Seiten

  8. Bearbeitung von Blöcken und Abschnitten 

       9. Kopf- und Fußzeile bearbeiten  

       10. Einen Plan auswählen und eine Domain auswählen 

Und noch viel mehr...

Ich habe diesen Kurs in mundgerechte Videolektionen unterteilt, damit du schneller und einfacher auf den Weg kommst. Bevor du dich versiehst, hast du im Handumdrehen deine eigene Squarespace-Website erstellt! Also mach dir den Wasserkocher, mach dir eine Tasse Kaffee und lass uns loslegen :)

Triff deine:n Kursleiter:in

Teacher Profile Image

Kevin O'Brien

Over 8000+ students on Skillshare

Kursleiter:in

Hi there, my name is Kevin and I'm from the small isle of Ireland. I have a background in Technical Support for Google products and I've a wide range of knowledge and experience with Gmail, Chrome and Drive.

I thrive on teaching and coaching others to reach their full potential. I hope you join me on one of my courses. I look forward to helping you save time and to get the most out of your Google products.

Vollständiges Profil ansehen

Level: Beginner

Kursbewertung

Erwartungen erfüllt?
    Voll und ganz!
  • 0%
  • Ja
  • 0%
  • Teils teils
  • 0%
  • Eher nicht
  • 0%

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen auf Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

Transkripte

1. KURSEINFÜHRUNG: Hey da und willkommen zu meinem Kurs auf Squarespace. In diesem Kurs lernen Sie alles, was Sie wissen müssen, um mit diesem erstaunlichen Website-Builder zu beginnen. Ich bringe Sie zu A bis Z, wenn Sie einrichten, sich anmelden, eine Vorlage auswählen, unsere Vorlage bearbeiten und das Design ändern. Ich führe Sie durch die Einstellungen im Back-End und zeige Ihnen, wie Sie Ihre Website in kürzester Zeit am einfachsten online stellen können. Mein Name ist Kevin. Ich bin Webdesigner und mache Kurse zu Produktivitäts-Hacks mit Google-Produkten wie Gmail, Calendar und Drive. Und jetzt habe ich beschlossen, einige Kurse zu erstellen, die auf Webdesign basieren , und die Tools werden in der Branche verwendet. Wenn sich das für dich wie der Kurs anfühlt freue ich mich darauf, dich drinnen zu sehen. 2. Kursübersicht: Hey da und willkommen zum ersten Video dieses Kurses. In diesem Video werden wir nur einen kurzen Überblick darüber haben , was wir in den zukünftigen Videos behandeln werden. Also lasst uns einfach direkt reinspringen. Nur ein Umriss hier. Gemeinsam beginnen wir den Kurs, indem wir uns bei Squarespace anmelden. Wenn Sie möglicherweise bereits ein Squarespace-Konto haben. Wenn nicht, werden wir den gesamten Prozess von Anfang an durchlaufen . Es ist jedenfalls sehr einfach. Sobald wir in zugewiesen wurden, wählen wir eine Vorlage aus, mit der wir unsere Website erstellen können. Der Squarespace basiert auf all diesen Vorlagen, bei denen es sich um vorgefertigte Websites handelt. Wirklich. Was wir tun werden, ist eine dieser vorgefertigten Websites zu nehmen, einige Bilder, einige Schriftarten, einige Seiten zu ändern und sie im Grunde so zu verklagen, wie unsere Website aussehen soll. Es ist ein sehr schneller Einstieg und ein sehr beliebter Weg, und das ist es, was Squarespace so einzigartig macht. Wir entwerfen dann einige Seiten und erstellen einige Seiten und haben nur einen Überblick darüber , wie das alles geht. Wissen Sie, erstellen Sie einige globale Einstellungen. Vielleicht möchten wir, dass alle Schaltflächen auf einer Website auf eine bestimmte Weise aussehen, auf einer Website auf eine bestimmte Weise aussehen, oder wir möchten bestimmte Elemente, die die gleichen Farben auf der gesamten Website haben , um Konsistenz zu gewährleisten. Einstellungen und Entwurfsübersicht. Wir schauen uns dann den Squarespace-Editor selbst an. So verschieben und fügen Sie Inhalte zu bestimmten Seiten hinzu. Also gehen wir vielleicht auf die Homepage, um damit anzufangen. Und was wir tun werden, ist Elemente zu entfernen, Elemente hinzuzufügen, Dinge neu zu gestalten und neu zu gestalten und Ihnen zu zeigen, wie Sie es auch selbst machen können. Dann fügen wir ein Fab-Symbol hinzu, das das kleine Symbol ist, das auf der Registerkarte Ihres Browsers angezeigt wird. Sie würden den Namen der Website mit dem kleinen Icon daneben sehen. Dass wir das im Grunde genommen ändern und den Standard-Squarespace einmal entfernen werden. Wenn Sie also ein Logo haben, mit dem Sie bereits arbeiten, können wir es dort hinzufügen. Und ich werde uns tatsächlich einen kurzen Überblick darüber geben, wie man sowieso sehr schnelle und einfache Logos erstellen kann, indem man Canva nutzt, das übrigens kostenlos und absolut kostenlos ist . Ja, wir springen rein und machen das. Am Ende, wenn wir unsere Seite angelegt haben und startbereit sind, werden wir uns einen Squarespace-Plan ansehen , der zu Ihnen passt. Squarespace ist also ein Abonnementdienst. Sie enthalten alles, damit Sie nicht wie WordPress-Setups und installierte Plug-Ins machen wie WordPress-Setups und müssen und all das. Jazz. Du kommst einfach zu Squarespace und sag ihnen, wie deine Website aussehen möchte. Wir können am Ende eine Domain hinzufügen. Dafür gibt es auch Optionen und Preisoptionen. Und Squarespace nimmt dann jeden Monat oder jährlich eine Gebühr ab, sie erhalten auch einen Rabatt, macht ein paar kleine Add-Ons sowie verschiedene Optionen je nach welche Art von Seite du suchst. Das ist also wirklich nur ein sehr hohes Niveau dessen, was wir tun werden und wie wir die nächsten Videos durcharbeiten werden um dich auf den Weg zu bringen. Was Sie also brauchen, ist nur Sie selbst, ein Computer, offensichtlich mit einer Internetverbindung, sonst würden Sie mich gerade nicht beobachten. Und vielleicht einen Tee, Kaffee oder was auch immer Sie in dieser Sekunde genießen , können Sie ihn irgendwie ignorieren. Das hab ich einfach zum Spaß eingelegt. Was auch immer Sie möchten , um sich zu entspannen und es einfach für die nächste Stunde oder so leicht zu machen , während wir das gemeinsam durchmachen, was manche Leute praktisch finden, was manche Leute praktisch finden ist, dass sie vielleicht zusehen, wie sie sich durchmachen und dann sieh es dir noch einmal an. Warum bauen Sie die Website zusammen auf. Das ist etwas, das Sie vielleicht auch nützlich finden. Okay, bei all dem im Hinterkopf, lasst uns gleich reinspringen. Wir werden Squarespace verwenden, um dich in kürzester Zeit zu einer Website zu machen . sehen uns also im nächsten Video , wenn wir loslegen. 3. Anmeldung in Squarespace: Hey da und willkommen zurück. In diesem Video melden wir uns also bei Squarespace an oder melden Squarespace an, falls Sie dies noch nicht getan haben. Also lasst uns einfach direkt reinspringen. Ich bin hier auf einer leeren Google-Seite. Und was ich tun werde, ist, dass ich nur Squarespace, SQL oder ESP ACE tippe . Wenn Sie in Google suchen, finden Sie hier viele Ergebnisse. Sie können auch direkt zu squarespace.com oder reinem SQL gehen oder Spac.com essen. Okay, und das bringt uns zur Squarespace-Homepage. Jetzt sehen Sie das vielleicht nicht , wenn Sie diesen Kurs verfolgen. Manchmal ändern sie dieses Layout ziemlich oft. Zögern Sie also nicht, wenn Sie etwas anderes sehen als das, was ich gerade sehe. Im Grunde ist es die Squarespace-Homepage. Sie erzählen uns ein paar Dinge darüber, was sie am besten können. Wie auch immer, alles was wir von hier aus tun müssen , ist oben rechts auf die Schaltfläche Erste Schritte zu klicken. Wenn wir also auf „Erste Schritte“ klicken, wird es uns zu einem Fragebogen bringen. Wir müssen hier nicht wirklich zu spezifisch sein. Was Squarespace versucht , ist zu bestimmen, welche Art von Vorlage es uns zeigen möchte. Sie können also irgendwie alles hier reinlegen, wenn Sie möchten. Wenn Sie eine Website erstellen, die einige Dienstleistungen bietet sind Sie vielleicht Zimmermann oder vielleicht Berater. Bezeichnen Sie, dass wir hier einige Informationen eintragen können. Also weiß ich es nicht, sagen wir einfach Technologie. Worum geht es auf der Seite? Vielleicht ist es eine Technologieseite, vielleicht ist es eine Marketingseite. Ich weiß es nicht. Wir müssen nicht lesen , um uns hier zu sehr zu konzentrieren. Sie können also auf ein oder zwei Dinge klicken und auf Weiter klicken. Es heißt, was sind Ihre Hauptziele? Also weiß ich nicht, vielleicht möchtest du ein Kontaktformular haben. Vielleicht wollen wir ein Dienstleistungsgenom verkaufen oder zumindest nur mein Geschäft vermarkten, denke ich. Auch hier nicht allzu wichtig. Du kannst ein paar Sachen runterlegen. Sie können diese ganz überspringen, wenn Sie möchten. Okay. Warum Wo bist du dabei? Auch hier können wir das überspringen. Ich werde nur sagen, dass das Wachstum eines bestehenden Geschäfts nichts ist. Und ich klicke auf Fertig stellen. Also alles, was tut, ist, dass es versucht , die richtigen Vorlagen für uns zu finden. Also sind wir hier und werden im Grunde genommen einige Vorlagen-Ideen durchgehen . Das ist alles, was es wirklich gibt um sich bei Squarespace anzumelden und einzurichten. Wir werden bald ein paar Details darüber erstellen , was wir möchten. Aber im nächsten Video schauen wir uns einige Vorlagen an und wählen vielleicht eine aus, mit der wir arbeiten können. Also werde ich ein bisschen ausführlicher auf sein eigenes Video zu diesen Details eingehen . Also sehe ich dich dann. 4. Eine Vorlage auswählen: Hey da und willkommen zurück. Lasst uns also einfach reinspringen und sich eine Vorlage finden, mit der wir arbeiten können. Wir sind also mit allen Vorlagen hier , die Squarespace übermäßig bietet. Hier sind einige am besten abgestimmte Vorlagen das, wonach Sie suchen. Wie Sie sehen können, wenn wir auf der Seite nach unten scrollen, haben wir eine Art Vorschau auf vorhandene Website-Vorlagen, die wir verwenden könnten. Es gibt viel hier, viel zu arbeiten. Oben hier oben haben wir die Art von Website, die wir auf der linken Seite machen und einige Themen hier auf der rechten Seite. Derzeit werden professionelle Dienstleistungen hervorgehoben. Ich könnte zurückgehen und hier auf alle Vorlagen klicken. Wissen Sie, wenn Sie nach einem lokalen Unternehmen suchen möchten , können Sie diese oder eine Food-Website auswählen , können Sie diese auswählen. Aber nochmal, stöbern Sie einfach und finden Sie heraus , welches zu Ihnen passt. Schauen wir uns das hier noch einmal an, damit wir hier auf den Vorschau-Button klicken können. Und dies wird eine Vorschau einer der Vorlagen für uns in einem kleinen Quadrat anzeigen, wie fast einer Website. Auf einer Website. Okay, und wenn wir nach unten scrollen, erhalten wir eine sehr schnelle Vorschau darauf wie diese Website aussehen wird. Wir haben hier einen Biobereich, Titelabschnitt. Also zwei Bits, mit denen man arbeiten kann. Auch hier enthalten einige Seiten, all diese Vorlagen auch diese Seiten. Sie enthalten auch das Design-Layout und Sie können auch Demo-Site anzeigen auswählen, die die Website im Wesentlichen auf einer eigenen Registerkarte lädt , damit Sie sich zwei ansehen können. Das ist also wirklich praktisch. Auch hier werde ich mir das nicht aussuchen. Ich glaube, ich werde es noch mal sehen. Ich gehe zurück und wähle alle Vorlagen aus. Und ich schätze, wir suchen nur etwas sehr Einfaches, für das wir eine Homepage haben können. Vielleicht haben Sie einige Details zu Ihrem Unternehmen und vielleicht ein paar Dinge zu den von Ihnen angebotenen Dienstleistungen. Wie Sie sehen können, gibt es hier einige sehr schöne Layouts und Designs. Wir müssen uns nicht genau an die Fotos und Inhalte halten , die in jedem von diesen verwendet werden. Wir dürfen diese ändern. Das gefällt mir. Also schauen wir uns das vielleicht an. Lassen Sie uns diese gemeinsam in einer Vorschau anzeigen. Also haben wir unsere Navigation hier oben rechts, wo vielleicht ein Button, der den Benutzer auffordert, etwas zu tun. Der Titel oben links, wir haben hier den Aufruf zum Handeln. Wir haben einen Titel, ein paar Informationen und einen Button. Es sieht also nicht wirklich wie ein Knopf aus, aber es ist ein Link. können wir vielleicht später ändern. Einige anstehende Kurse. Auch hier müssen wir nicht, wir können dies ändern, um unser Dienstleistungsgenom zu sagen und das Foto über das, was wir tun, zu ändern. Wenn Sie Zimmermann sind oder Elektriker oder Mechaniker oder irgendetwas oder Beratungsunternehmen sind , können Sie hier Bilder und Titel Ihrer Dienste eintragen und dann weitere Dienstleistungen anzeigen, wenn Sie dies tun wie. Wieder nicht so schlimm. Unsere Instruktoren. Ja. Ich meine, wir können diese Informationen so ändern, dass sie zu uns passen. Das ist absolut in Ordnung. Ja, ich meine, selbst diese Dinge hier oben können geändert werden. Auch hier dreht sich alles um das Layout. Ist das ein nettes Layout? Ich mag die Einfachheit davon. Es ist in gewisser Weise sehr minimalistisch, viele Leerzeichen und ich bin ein großer Fan davon, ich werde nicht lügen. Ich denke, es ist auch großartig für ein Tutorial. Also lass uns einfach zurückgehen. Und im Grunde, wenn Sie Ihre Vorlage auswählen, können Sie auswählen, beginnen Sie mit dieser Vorlage. Fangen Sie also mit Kohle Lima an. Ich glaube, das ist kalt. Wenn ich also auswähle, die Lemur genannt wurden, geht es im Grunde gut. Wenn Sie weiterhin mit dieser Vorlage arbeiten möchten, müssen Sie ein Konto bei uns erstellen, okay? Sie haben also ein paar verschiedene Möglichkeiten , ein Konto zu erstellen. Sie könnten mit Google, Apple oder vielleicht einer E-Mail-Adresse, Juno, fortfahren . Also werde ich hier einfach mit Google weitermachen, okay? Und es wird mir eine gewisse E-Mail-Adresse zur Verfügung stellen , die ich für meine Skillshare-Kurse verwende. Wenn Sie also bei Google angemeldet sind, können Sie dies verwenden oder sich einfach mit einer E-Mail-Adresse, einem Passwort und so etwas anmelden . Okay. Also melde ich mich hier mit diesem Google-Konto an. Also mit meinem gmail.com. Und was es getan hat, ist, dass es im Grunde meine Website für mich einrichtet. Es heißt also, okay, du hast ein Konto bei uns erstellt. Sie sind im Grunde hier Ihre Vorlage , mit der Sie sich entschieden haben. Und wir können ihr eine Seite geben, einen Namen hier. Jetzt, da wir uns angemeldet haben, können wir die Website in einer Notiz für dieses Beispiel angeben. Ich werde nur meine Seite sagen. Okay. Ich meine, du kannst hier alles einsetzen oder ich könnte, denke ich, wenn ich es machen würde wenn ich diese Website über Kurse mache, wie wir sie Kevins Kurse nennen. Kevins Kurse. Sagen wir, ich werde eine Website erstellen , auf der ich alle meine Kurse dort abstelle. Das konnte ich nicht tun. Also Kevins Kurse klicke ich auf Weiter. Nochmal ein paar Informationen hier. Wir werden das alles sowieso durchmachen. Es sagt uns nur, was wir tun können. Und wenn Sie darauf klicken, werden Sie in diesem Dashboard gelandet . Jetzt werde ich dieses Video hier beenden. Und im nächsten Video werden wir einen Überblick darüber haben , was hier vor sich geht. Aber genau das ist es, eine Vorlage auszuwählen, einzuchecken, welche zu Ihnen passt, eine für die Anmeldung auszuwählen. Und wenn Sie dann Ihr Konto erstellen, werden Sie hier in diesen Bereich gebracht. Im nächsten Video schauen wir uns dieses Dashboard an und arbeiten uns durch und ich gebe Ihnen einen Überblick über alles. Also sehe ich dich dann. 5. Übersicht über das Dashboard: Hey da und willkommen zurück. Also hier sind wir im Dashboard. Wir haben uns gerade angemeldet und eine Vorlage ausgewählt. Was Sie jetzt getan haben, indem Sie sich angemeldet haben, ist, dass Sie eine 14-tägige Testversion mit Squarespace begonnen haben, also haben Sie zwei volle Wochen Zeit, um verrückt zu werden. Sie können sich mit diesen Seiten absolut herumspielen. Fügen Sie Inhalt hinzu, entfernen Sie Inhalte, brechen Sie einige Seiten auf, fügen Sie diesen hinzu und fügen Sie diesen hinzu. Und nach der 14-tägigen Testversion melden wir uns für ein Abonnement an. Was an diesem Service wirklich nützlich ist ist, dass Sie Ihre Website zuerst erstellen und sehen können , ob sie zu Ihnen passt, bevor Sie sich zu irgendeiner Art von Abonnement verpflichten. Das ist also ein wirklich, sehr beliebtes Feature für Squarespace. Ähm, also jedenfalls, schauen wir uns das Dashboard an. Schon wieder. Auf der linken Seite haben wir unsere Liste, warum ich noch einmal gesagt habe, dies ist unser erstes Mal, dass wir es uns ansehen. Auf der linken Seite haben wir hier eine Liste von Optionen, die uns helfen, sie zu zitieren. Seiten helfen uns beim Hinzufügen und Entfernen von Seiten auf der Website. Design ermöglicht einige Design-Steuerelemente. Wir können diesen auswählen, wenn wir später E-Commerce-Arbeiten erledigen möchten. Wenn Sie Artikel verkaufen möchten, werden wir dies in diesem Kurs nicht wirklich behandeln. Marketing wird uns helfen, einige Marketing-Tools und SEO für die Website einzurichten . Scheduling. Und wieder, hier nicht zu viel benötigt, werden wir überhaupt nicht viel Planung abdecken. Das ist eine weitere Funktion , die Sie hinzufügen können. Wir könnten, das könnte ich in einem separaten Kurs machen. Analytik. Steve, wenn Sie Besucher haben und woher sie kommen um Ihre Website zu besuchen, Profileinstellungen und etwas Hilfe. Okay, die werden wir sowieso eins nach dem anderen durchgehen. Hier ist das Squarespace-Icon oben links. Wenn Sie also jemals in einer Einstellung sind und sich nicht sicher sind, wohin Sie gehen sollen, wählen Sie einfach diese und Sie werden immer wieder zu Ihrem Konto in Ihrem Dashboard zurückkehren. Wenn Sie jemals darauf erscheinen, klicken Sie einfach erneut auf die Website. Und es wird uns dahin zurückbringen, wo wir waren. Also hier ist unsere Website auf der rechten Seite. Es ist eine Art Vorschau auf die Website. Okay, so sieht unsere Website derzeit aus. Wir haben unseren Gewinn, wir haben unseren Titel oder Bild oder Navigationsleiste. Oben hier haben wir die Seite, die wir uns gerade ansehen, nämlich die Homepage. Wenn ich auf unseren Kursleitern auswähle, wird die Seite unserer Kursleiter angezeigt. Es wird uns sagen, ob die Seite veröffentlicht wurde oder nicht. Das heißt, es steht den Menschen zur Verfügung, wenn es live ist, was hier der Fall ist. Wir können diese Seiten auch unveröffentlichen, sodass sie für Benutzer nicht sichtbar sind. Auf der rechten Seite haben wir nur eine mobile Ansicht und Desktop-Ansicht, was erstaunlich ist, wenn man bedenkt, dass heutzutage mehr als die Hälfte aller Besucher von Websites auf dem Handy sind. So können wir von diesem Dashboard aus sehen, wie die Website auf Mobilgeräten aussieht , was sehr praktisch ist. Auch hier können wir mit, äh, genau wie auf einem mobilen Gerät interagieren . Und lassen Sie uns das einfach rückgängig machen in unsere Desktop-Ansicht. Wenn ich sehen wollte, wie das als Vollansicht aussieht, kann ich diesen Pfeil hier auswählen und er füllt im Wesentlichen den Bildschirm für uns aus. So sieht die Website ohne eine Symbolleiste für den Benutzer aus. Auch hier geht es darum, Ihre Websites so einzurichten , wie Sie es aussehen möchten. Okay, also ist dieser Pfeil immer noch da. Wenn wir uns also dafür entscheiden, wird es uns zurückbringen. Und das ist wirklich unser Dashboard hier. Wenn wir bereit sind, die Website zu bearbeiten, wählen wir Bearbeiten aus. Und das öffnet die Bearbeitungstools , mit denen wir hier spielen können. Wie Sie sehen können, eine ausgewählte Bearbeitung. Und jetzt haben wir all diese Kisten, aber ich werde noch nicht darauf eingehen. Wir werden zuerst auf der linken Seite einige universelle Einstellungen einrichten . Okay, also springen wir im nächsten Video einfach in den Abschnitt „Seiten“. Und was ich dir durch einige der Details da bringe . Es ist wichtig, dass wir beim Bau der Website nur ein wenig Zeit damit verbringen unser Layout und unser , unser Layout und unser Fundament richtig zu machen. Denn auf diese Weise wissen Sie, wie Ihre Seiten heißen, wo sie sind und wie sie verbunden sind. Und dann kannst du alle Inhalte hinzufügen, die du möchtest. Und es macht das Leben für später so viel einfacher. So cool, wir sehen uns im nächsten Video, in dem wir einige Seiten bearbeiten und hinzufügen. Und wir sehen uns dort. 6. Pages.mp4: Hey da und willkommen zurück. In diesem Video schauen wir uns den Seitenbereich an. Also lasst uns einfach direkt reinspringen. Also können wir hier einfach den Mauszeiger nach links bewegen und Seiten auswählen. Auf der linken Seite haben wir hier unser Hauptnavigationsmenü, das im Grunde eine der Seiten ist, die hier oben mit unserer Navigationsleiste verbunden sind . Also haben wir eine About-Seite, wir haben unsere Kursleiter, wir haben unsere Kurse, Standort und Blog. Okay, also gibt es hier einige Dinge, die wir brauchen, wir brauchen nicht , wir werden eine sehr einfache Website erstellen, also brauchen wir nicht wirklich viel davon. Hier unten. Wir haben einige nicht verlinkte Seiten. Auch hier, dass sich diese Seiten nicht in unserer Navigationsleiste befinden, aber sie existieren auf der Website. So ist diese linke Seite also aufgebrochen. Wir können auf unserer, sagen wir unsere Homepage hier auswählen . Und unsere Homepage befindet sich nicht im Navigationsmenü, aber wir können sie in das Navigationsmenü stellen. Alles, was wir einfach tun müssen, ist es zu halten und nach oben zu ziehen. Und das wird aktualisiert und Zuhause wird zu unserer Navigation hinzugefügt. Jetzt machen einige Seiten das gerne und andere nicht. Also nochmal, es liegt an dir. Viele Leute merken möglicherweise, dass Sie, wenn Sie auf diese Website klicken, den Namen der Website, nach Hause bringen. Aber manche Leute haben auch gerne zu Hause im Navigationsmenü. Also lassen wir es vorerst dort , falls Sie das gerne tun würden. Jetzt können wir sehen, dass die Homepage hier hervorgehoben ist. Auf der linken Seite befindet sich ein Mülleimer. Wenn wir diese Seite löschen wollten, könnten wir diese einfach auswählen. Und neben der Homepage gibt es ein Zahnradsymbol. Wenn ich also auf diesem Zahnradsymbol wähle, haben wir im Grunde einige allgemeine Einstellungen zu dieser Seite. Also hier haben wir einen Seitentitel. Wir nannten es zu Hause, wie es in der Navigation erscheint. Wir haben es auch unten wie zu Hause. Ist URL-Slug einfach so, wie es hier oben in der URL-Leiste erscheint. Jetzt, wenn Ihre Seite als Homepage festgelegt ist, zeigt sie nie einen Waldschrägstrich nach Hause. Es ist wie auf facebook.com zu gehen. Wenn Sie auf Facebook.com klicken, werden Sie zur Homepage gebracht. Aber wenn man sich die URL-Leiste anschaut, heißt es nicht facebook.com, Forward Slash Home, was für seine facebook.com war. Das ist also okay. Aber wenn das eine andere Seite wäre, könntest du das auch ändern. Sie könnten diese Seite mit einem Passwort schützen, wenn Sie möchten. Sie können also hier ein Passwort hinzufügen und im Wesentlichen kann bekannt darauf zugreifen, es sei denn, sie haben das Passwort für die Seite. Und Sie können diese Seite auch duplizieren. Wenn Sie uns also duplizieren und vielleicht eine andere ähnliche Seite erstellen möchten, ist das auch eine gute Option. Auf der linken Seite haben wir einige weitere Optionen in Bezug auf SEO. Wir werden uns das später noch einmal anschauen, okay, soziales Bild, damit Sie hier ein Bild hinzufügen können, um zu sehen Ihre Seite aussehen würde, wenn Sie es in sozialen Medien teilen, dann im Grunde eine ASR, ein Bild wird auftauchen. Und es gibt hier einige erweiterte Einstellungen, z. B. wenn Sie Code hinzufügen möchten, aber wir werden uns vorerst nicht wirklich darauf konzentrieren. Nochmal, das ist ziemlich einfach, oder? Es gibt also unsere allgemeinen Einstellungen für unsere Seite. Also klicke ich einfach auf „Schließen“. Okay, wir, schauen wir uns mal an, welche Seiten wir behalten werden. Okay, also wollen wir im Grunde eine Homepage, unsere Website einmal über Seite, vielleicht nur ein paar Worte darüber, wer wir sind und was wir tun. Unsere Instruktoren könnten unsere Instruktoren sein. Das wird nicht wirklich eine Unterrichtsstunde sein. Lassen Sie uns diese Seite also zu unseren Mitarbeitern oder unserem Team ändern , sagen wir unser Team. Also klicken wir auf das Zahnradsymbol neben unseren Kursleitern. Und wir werden den Seitentitel in unser Team ändern. Jetzt in der Navigation. wollen wir auch dort ändern. Also werden wir das in unser Team ändern. Und die URL Slug. Wir werden unsere Instruktoren nicht weiter zerschlagen. Wir werden das auch ändern, um unser Dash-Team voranzutreiben . Die Seite ist aktiviert. Wir wollen es nicht löschen und wir wollen es nicht duplizieren, wir wollen es nicht als Homepage, also ist das jetzt absolut in Ordnung. Okay, ich denke, das ist ziemlich gut. Ich gehe zu unseren SEO-Details. Dies ist die Art von Details, die bei Google angezeigt werden, wenn diese Seite gesucht hat. Wir werden später eine kurze Zusammenfassung machen. Aber wenn Sie jetzt einsteigen möchten, können Sie sich für die SEO entscheiden und diese auch einfach in unser Team ändern. Beachten Sie, wenn ich Details eintippe , wie es bei Google etwas aussehen wird. Wieder kommen wir später darauf zurück. Ja, das ist also wirklich alles, was wir vorerst tun müssen. Okay, klicke oben links auf Speichern. Und dann werden unsere Änderungen gespeichert. Und schau, wir haben unser Team, unser Team. Es heißt vorerst unsere Instruktoren, aber das ist auf der eigentlichen Seite selbst. Und das werden wir bald behandeln. Alles, was wir tun, ist wirklich die Titel zu ändern , was hier oben ist , und was sich auf unserem Dashboard befindet, wird das sehr bald ändern können . Unterricht, ich glaube nicht, dass wir diesen Unterricht nennen werden, sagen wir unsere Dienste. Okay, also klicke ich wieder auf das Zahnradsymbol, ändert sich die Dienste. Ich werde dies in Dienste umwandeln. Sie sind die Seiten für Forward-Schrägstriche aktiviert. Cool. Ich gehe einfach zur Registerkarte SQL und ändere das in Dienste. Schon wieder. Sie müssen diese Suchmaschinenoptimierung vorerst nicht durchführen. Ich klicke hier auf Speichern. Und es sollte hier aktualisiert werden. Und es sollte hier aktualisiert werden. Standort. Wir brauchen das nicht wirklich oder? Vielleicht wäre ein Kontaktformular nett. Und im Allgemeinen könnten Sie Standort setzen, wir sind auch Ansprechpartner. Also könnten wir diese Seite in Kontakt ändern. Ich habe auf das Zahnradsymbol geklickt und ändere diese einfach von Standort zu Kontakt. Okay, Schrägstrich-Kontakt vorwärts. Cool. Bei der SEO ändere ich das in eins. Ich bin hier, Kontakt. Okay, ich klicke auf „Speichern“. Das sieht also ein bisschen besser aus. Dieser Blog hier, schau, wir haben einen Blog. Ich möchte nicht, dass meine Seite einen Blog hat. Das brauchen wir nicht wirklich. Okay, also werde ich das gebloggte hier unten zu den nicht verknüpften Items verschieben. Sie können diesen Blog also behalten, wenn Sie einen später ausprobieren möchten. Auch hier ist eine Blogseite etwas anders, oder? Es wird dir ein paar Blog-Items zeigen. Ich könnte einen separaten Kurs erstellen , um Squarespace-Blogseiten zu erstellen. Im Moment werden wir eigentlich überhaupt keinen Blog benutzen. Also lasst uns einfach sicherstellen, dass wir auf unseren Seiten sind und du weißt, was wir tun werden, wir werden das zerstören. Wir verwenden das Müll-Symbol auf der linken Seite des Blogs und wir legen es in den Papierkorb. Ja, das bestätige ich. Auf Wiedersehen. Aus dem Weg. Wir müssen uns darüber keine Sorgen mehr machen und uns darüber verwirren, okay? Richtig. Ich denke , das ist ziemlich gut. Das Buch eine Klasse. Lassen Sie uns das auch löschen, weil wir hier keinen Unterricht buchen werden. Okay, lass uns einfach die Seite zwei entfernen. Und wir haben diesen großen Button namens Booker Class hier oben. Das werden wir bald ändern. Vielleicht machen wir das zur Kontaktseite und statt dies, aber wir werden diese später aktualisieren. Okay, cool. Suchen Sie jetzt konnten wir die vorhandenen Seiten in der Vorlage bearbeiten die vorhandenen Seiten in der und unsere eigenen Details hinzufügen. Also geht es uns ziemlich gut. Wir kommen dorthin und wir kriegen die Stiftungen auf. Wenn Sie der Website beispielsweise eine weitere Seite hinzufügen möchten, geben wir an, dass es keine gab. Sie wollten eine andere Seite für weitere Informationen zu etwas Bestimmtem. Sie können einfach eine neue Seite hinzufügen, indem Sie hier auf die Schaltfläche Hinzufügen oder hier auf die Schaltfläche Hinzufügen gehen. also als Nächstes und nicht verlinkt Wenn Sie also als Nächstes und nicht verlinkt auf die Schaltfläche Hinzufügen klicken, können Sie viele verschiedene Seitentypen hinzufügen. Sie können eine leere Seite hinzufügen. Sie können mit einem Design oder Layout beginnen oder wie eine Buchungs- oder Kursbuchungsseite planen . Das machen wir vielleicht in einem separaten Kurs. Nochmal, oder wenn Sie einen Blog einrichten würden, würden Sie hier einen Blog einrichten. Wenn wir einen E-Commerce-Shop zum Verkauf von Artikeln einrichten würden, könnten Sie hier eine Seite erstellen , auf der Sie sich alle diese Optionen ansehen können. Auch hier wäre es auch ein Portfolio. Was wir hier tun können, ist, wo Sie eine leere Seite erstellen und schauen können, im Grunde hat es eine leere Seite erstellt, mit der ich später spielen kann, und ich kann dem Seitennamen geben. Ich nenne das einfach leer. Ich rufe diese leere Seite auf. Ich klicke auf „Speichern“. Ich werde das überhaupt nicht benutzen, aber so würdest du es erstellen. Oder Sie könnten eines dieser Seitenlayouts auswählen. Und was Sie hier haben, ist viel schönes Layout hier. Und das ist wahrscheinlich der beste Weg, um es zu tun. Hier. Schau, wenn du ein paar Details wie eine Galerie-Seite hinzufügen willst . Hier finden Sie einige Möglichkeiten, wie Sie eine Galerie oder vielleicht einige vorgefertigte Galerieseiten hinzufügen können. Ich könnte diese Galerie auswählen und sie dann eine Galerie nennen. Und klicken Sie auf Enter. Dann haben wir eine Galerie-Seite zur Seite. Wirklich cool, und wir können all diese Inhalte in einem späteren Video bearbeiten , wenn wir zum Editor gehen. Also haben wir ein gutes bisschen abgedeckt. Wir haben behandelt, wie Sie Details vorhandener Seiten ändern, Seiten löschen und Seiten hinzufügen können. Auch hier bekommen wir gerade unser Fundament-Setup. Im nächsten Video wir einen Blick auf einige Designeinstellungen. Wissen Sie, vielleicht erhalten einen einheitlichen Überblick über unser Design auf der gesamten Website. Und ich freue mich darauf, dich dann zu sehen. 7. Site und globale Einstellungen: Hey da und willkommen zurück. In diesem Video sehen wir uns die Registerkarte Design auf der linken Seite an. Also bin ich wieder im Dashboard hier unserer Squarespace-Website und klicken auf Design. Hier haben wir also viele verschiedene Optionen und wir werden einfach einige davon schnell durchfliegen und einfach sehen, was sie mit unserer Website machen. Also nochmal heißt es hier die Einführung von Websites, Website-Styles. Dies ist etwas, das sie kürzlich auf Squarespace eingeführt haben . Sie könnten das also sehr nützlich finden. Ich denke, es ist erstaunlich. Y-naught legt einige Stile fest, die Sie auf der gesamten Website, in Rotterdam, überall verwenden können der gesamten Website, in Rotterdam, überall verwenden , und klicken Sie auf jeden Titel, jedes Bild die sich ändernden Einstellungen auf der gesamten Website. Wenn Sie sich ändern, wenn Sie diese globale Einstellung hier angegeben haben, wirkt sich dies auf alles aus , was sich auf der gesamten Website auswirken soll. Das heißt, wenn Sie eine Schriftart später aktualisieren möchten , möchten Sie die Schriftart aller Titel ändern. Sie ändern es einfach an einer Stelle und alle Titel werden aktualisiert. Es macht das Leben so viel einfacher. Jedenfalls. Schauen wir uns hier Site-Styles an. Unter Design ist unsere erste Option hier Site-Styles. Also klicke ich hier auf Schließen und das ist in Ordnung. Abhängig von dem Fenster, das Sie sehen, öffnet es manchmal einen neuen Tab auf der linken Seite, aber für mich erscheint es rechts. Es ist das Gleiche. Also können wir hier wieder einige Website-Stile ändern. Wir können die Schriftart aktualisieren. Derzeit verwendet unser Font-Pack Acumen Pro. Wir können das ändern, wissen Sie, als ob ich die Schriftgröße und die Basisgröße ändern kann. Also die Anfangsgröße, auf der alles basiert. Wir haben unsere globalen Tech-Styles hier. Dies ist zum Beispiel wirklich das, was wir uns ansehen wollen. Unsere Überschriften verwenden Acumen Pro, welches hier ist. Dies sind dann die Absätze. Sie benutzen Poppins und die Knöpfe benutzen dann etwas anderes. Aber wir schauen uns Bob und sowieso sehr bald getrennt an. Nehmen wir unter den Überschriften an, wir wollen Überschriften entweder auf nein ändern, lassen Sie es uns in ein Steuerelement ändern. Wechseln wir tatsächlich die Abteilungen so, dass es dem Körper entspricht. Okay, das ist nicht so schlimm. Versuchen wir vielleicht eine andere Schriftart, damit wir hier tatsächlich nach Schriftarten suchen können, mit denen wir viel arbeiten können. Es gibt eine Schriftart, die ich gerne verwende namens Montserrat. Da sind wir los. Okay. Ich mag diese Schrift. Das ist also unsere neue Schriftart für den Titel, bei dem ich bleiben werde. Also habe ich Monate oder um ausgewählt, und ich kann einfach wieder hier klicken. Okay? Unsere Schrift ist also das. Wir können das Gewicht ändern , um einen Felsbrocktitel zu bezeichnen. Bezeichnen Sie vielleicht, dass es nicht so fett ist. Auch wenn wir den Stil ändern können, können Sie kursive Größe Dinge ändern, Sie können die Überschriften ändern. Die erste Überschrift ist also für den Weg zu, ist auf Gerüche eingestellt, die nach unten gehen. Wir setzen das hier auf drei , die als verschiedene Überschriften bezeichnet werden. Abhängig von der Art des Headers können wir auch für sie einen universellen Wert festlegen. Hier sieht das wie alle unsere Rubrik 1s nach einer guten Größe aus. Ich glaube, das ist ein Kopf und Vier. Was wir also tun werden, ist, dass wir das vielleicht ein bisschen wieder so runterbringen werden. Auch hier können wir diese später einzeln ändern. Die Rubrik 2 bringt sie vielleicht ein bisschen runter ja, ein bisschen so. Überschrift 3s sind in dieser Box, vielleicht bringen Sie sie runter. Schon wieder. Ich gebe vielleicht zu viel für globale Werte aus. Du musst nicht so viel Zeit verbringen. Das können Sie später sowieso alles einzeln machen. Auch hier gibt es einige coole Schriftstile, mit denen Sie herumspielen können , wenn Sie in Farben gehen möchten. Okay, ich kann eine Farbpalette wählen. Sie können die Palette grundsätzlich hier bearbeiten. Man könnte sagen, Ride, Fahrer sind hell, die ich mag so grau. Vielleicht muss dieses Grau ein bisschen anders sein, vielleicht ein bisschen gelb. Schau, es aktualisiert unsere Buttons und sind, sind, sind Links. Hier haben wir schönes Gold. Das gefällt mir. Das Grün und das Gold sind schön. Lass uns irgendwie, es ist irgendwie Ethanol auszuprobieren. Vielleicht wähle ich hier nicht das richtige Gold aus , wir haben ein paar Voreinstellungen , die irgendwie cool sind. Wir können auch aus einer Voreinstellung wählen. Also wähle ich hier eine Voreinstellung aus und es aktualisiert die Site basierend auf der von mir ausgewählten Voreinstellung. Vielleicht ist zu viel Blau los. Dieser hier, dieser weiße, gelbe und schwarze. Klicken wir darauf und wählen diese Voreinstellung aus. Okay, nett. Die große Warnung hier ist nicht, das sieht nicht sehr einladend und warm aus. Lasst uns also hier oben auf die Schaltfläche „Rückgängig“ klicken. Und das sollte einige unserer Voreinstellungen rückgängig machen. Und es könnte uns wieder zu unserer ursprünglichen Voreinstellung bringen. Ja, mir gefiel die Tatsache, dass es irgendwie grau und schwarz war, aber ich werde nur diese Goldfarbe hinzufügen. Das sieht gut aus. Okay? Sie haben also die Möglichkeit, hier Ihre eigene Palette einzustellen und die dunklen Farben hier und die hellen Farben zu ersetzen die dunklen Farben hier und die hellen Farben und sogar eine Voreinstellung von Paletten auszuwählen, die ebenfalls funktionieren. So würden Sie sich auf die Farben Ihrer Website auswirken. Okay? Und dann kannst du hier irgendwie wirken. Was ist, dass Sie bestimmte am hellsten einstellen können, Sie können bestimmte Farbtöne der Farben , mit denen wir arbeiten, was auch cool ist. Animationen. Okay, ich glaube also nicht, dass diese Seite irgendwelche Animationen hat, aber was Sie hier tun können, ist, dass Sie im Fade auswählen können. Sehen Sie also zu, wie wir unsere Website laden, diese diese Art von Elementen verblassen, wenn wir nach unten scrollen. Das ist irgendwie nett, oder? Das wäre also etwas, das ich wirklich gerne hätte. Es gibt andere hier wie Skala. Sie tauchen auf, rutschen auf. Beachten Sie, dass diese Tage irgendwie nach oben rutschen. Sieh dir das hier an. Das rutscht gut nach oben. Clip. Hier ist noch eins. Verblasst es irgendwie auf den Kassakurs. Er weiß nicht, dass es den Unterschied zwischen keinem kennt . Flexes irgendwie cool, wo es irgendwie aus dem Hintergrund kommt. Das ist ein bisschen nettes Extra, ich werde nicht lügen. Und Sie können die Geschwindigkeit hier ändern, damit Sie es ziemlich schnell erreichen können. Sind ziemlich langsam. Vielleicht nicht zu langsam, aber am schnellsten, irgendwie nett. Ich bin ein großer Fan des Schicksals. Ich lüge nicht. Ich denke einfach, dass Fade nett und einfach ist , direkt auf den Punkt. Und Sie können nichts falsch machen, wenn Sie nur im Detail verblassen. Also lasse ich tatsächlich verblassen als meine Animation. Und das ist großartig , weil diese Animation auf der gesamten Website eingestellt ist , was großartig ist. Okay, es wird dir das Leben so viel einfacher machen. Hier gibt es einige Abstandsoptionen. Ich meine, Sie können die Seitenbreite auf bestimmte Details einstellen , wie Sie dies nach unten bringen können. Also ist nur deine Seite irgendwie dünn. Der Inhalt auf der Website ist in einer bestimmten Breite gesperrt. Ich werde das auf den Zahlungsausfall von 1400 bringen. Das macht mir wirklich nichts aus. Und du hast eine leichte Ehe und auch. Auch hier würde ich mich nicht mal wirklich damit anlegen. Belassen Sie es einfach als Standard, wenn Sie die Vorlage möchten , weil wir sie ausgewählt haben, und belassen Sie sie dann einfach auf dieser Standardeinstellung. Sie sind sehr cool. Schau, das ist wirklich ein Sprung zu den Site-Styles. Ich möchte einfach nicht, dass diese Videos etwas zu lange dauern, also möchte ich sie mundgerecht behalten wenn Sie für später zurückspringen möchten. Also erstelle ich das nächste Video basierend auf Schaltflächen. Also sehe ich dich in dem Video. 8. Schaltflächen zum Styling: Hey da und willkommen zurück. In diesem Video schauen wir uns die Knöpfe an. Button hier unter Site-Styles. Also lasst uns einfach direkt reinspringen. Stimmt's? Also haben wir uns die Schriftarten, Farben, Animationen und Abstände angeschaut . Lassen Sie uns also hier Schaltflächen auswählen. Was wir also tun können, ist, dass wir einen Button-Stil festlegen können , der auf der Website verwendet werden soll. Also haben wir zum Beispiel einen Knopf hier oben. Wir haben hier einen Knopf, einen Knopf hier und da und einen Knopf hier. Und wie Sie wissen, sind sie alle etwas gleich. Es gibt zwei verschiedene Versionen der Buttons hier. Wie Sie sehen können, gibt es diesen goldenen Hintergrund mit weißem Text und diesem goldenen Hintergrund mit weißem Text. Aber das will auch, dass dieser hier einen weißen Hintergrund mit goldenem Text hat . Wir können also ändern, wie die Standardschaltfläche aussehen wird, weißt du, also ist es ein guter Ausgangspunkt für später. Also lasst uns diesen Knopf hier einfach im Auge behalten und wir können die Stile auf der rechten Seite ändern . Unser Text ist also derzeit Poppins. Das Gewicht. Wir können das Gewicht mutiger machen, indem wir 500 auf 700 ändern. Lasst uns das einfach um fünf Uhr belassen. Auch hier haben wir die Möglichkeit, einen Umriss zu erstellen. Wie Sie sehen können, mache ich einen Umriss auf dem Button. Das ist irgendwie mit einer kleinen blauen Linie um ihn herum zu skizzieren , was schön ist. Es macht es sowieso zuerst für die Top 1, aber wir werden ohne einen Umriss gehen. Ich denke, das einzige Problem, das ich im Moment mit diesen Knöpfen habe , ist , dass der Platz um sie herum ziemlich groß ist. Ein bisschen klobig und D. Also haben wir hier unten einige Optionen, um die Polsterung zu beeinflussen. Was es tut, ist, dass es den Text in die Schaltfläche bekommt den Text in die Schaltfläche und einen bestimmten Raum um ihn herum schafft. Also denke ich, dass die Breite nicht so schlimm ist. Was wir tun könnten, ist, dass wir es vielleicht nicht so dick auf der Vertikalen machen . Und damit das für mich jetzt etwas sauberer aussieht, lüge ich nicht. Vielleicht haben wir sie ein bisschen breiter gemacht. Und das wirkt sich auf den Button oben auf der Seite aus. Aber was wir tun könnten, was wir hier sagen können, wird auf alle Button-Typen angewendet. Aber wir können auch hier andere Arten von Schaltflächen beeinflussen. Wir haben also einige Gebietsknöpfe. Es ist also keine schlechte Idee, alle diese Schaltflächen auf die gleiche Weise zu beeinflussen. Was Sie hier unten tun können, gilt, wie Sie sagen können, für alle Schaltflächentypen, die auf alle angewendet werden. Und im Wesentlichen ist die Form, die wir jetzt erstellt haben , für Alle Button-Typen universell. Okay, das ist also ziemlich cool. Unsere Knöpfe haben also einen festgelegten Stil in Sinne, dass sie dort an Knöpfe gedacht haben. Sie haben jedes Mal die gleiche Schriftart, die gleiche Form, den gleichen Umriss und die Polsterung. Und wir können die Farben später beeinflussen. Aber sie werden alle den gleichen Stil annehmen , was wichtig ist. Okay, das ist also alles, worüber du wirklich wissen musst. Die Einstellung „Globale Schaltflächen“. Ganz sehr kurz, ist dort nicht viel, aber Sie können sich frei fühlen, so viel zu experimentieren, wie Sie möchten. Im nächsten Video springe ich ein und schaue unser fab Icon und unser Logo an. Eigentlich, kurz bevor wir uns Bildblöcke angeschaut haben, würde ich mir darüber keine Sorgen machen. Dies ist eine Art, bestimmte Bildblöcke festzulegen, die wir einzeln auf der Website vornehmen werden. Das ist sehr, sehr ausführlich, was wir uns nicht wirklich ansehen müssen. Du kannst damit spielen, wenn du willst. Aber wir müssen uns wirklich keine Bildblöcke ansehen, was bedeutet, dass unsere Website-Styles wirklich sortiert sind, ist es nicht so, dass wir in einigen Website-Stilen nachher sind. Wenn wir also damit fertig werden wollen, wählen Sie hier auf der linken Seite aus. Fertig, klicken Sie einfach auf Speichern, um sicher zu sein, und klicken Sie dann auf. Und wenn Sie auf Fertig klicken, sind wir wieder zu unseren Optionen auf der linken Seite unter Design. Okay, sehr cool. Im nächsten Video schauen wir uns das Browser-Symbol an und vielleicht einige Ideen zum Erstellen eines Logos. Also freue ich mich darauf, dich dann zu sehen. 9. Browser-Symbol und Logo von Canva: Hey da und willkommen zurück. In diesem Video sehen wir uns den Browser-Symbolbereich unter unserer Registerkarte Design an . Also lasst uns gleich reinspringen. Daher können wir grundsätzlich unser eigenes Browser-Symbol für Ihre Website auswählen . Also schätze ich, wovon du als Browser-Icon sprichst Kev, Es ist dieser kleine Kerl hier oben. Wie Sie neben Kevins Kursen sehen können, haben wir einen kleinen Würfel, und das ist der Squarespace-Würfel, aber wir können unser eigenes Symbol hinzufügen um es ein bisschen professioneller auszusehen. Ich meine, wenn ich einen neuen Tab öffne und zu facebook.com gehe und Facebook öffne. Sieh mal, wir haben dort ein F-zu-Facebook-Logos. Wenn ich zu Twitter gehe und auf Twitter klicke, haben wir das Twitter-Symbol, damit du dein eigenes Symbol für deine Website festlegen kannst. Wenn Sie jetzt bereits ein Logo für Ihre Website haben, ist dies ein fantastischer Ort, um es zu verwenden. Wenn Sie also eine Website für Ihr Unternehmen oder Ihr Portfolio erstellen oder wofür auch immer Sie Ihre Website erstellen. Und du hast selbst ein Logo, dann musst du es hier hochladen. Aber sei dir bewusst, dass es keine sehr große Akte sein soll . Sie können also eine PNG-Datei haben, die wie eine transparente Hintergrunddatei ähnelt, aber stellen Sie sicher, dass sie ziemlich klein ist, damit sie dazu passt. Wenn Sie kein Logo haben und sich nicht wirklich sicher sind, was Sie in Bezug auf ein Logo tun sollen. Ich kann dir schnell zeigen , wie man vielleicht einen auf Canva zusammenstellt. Wenn Sie also noch nie von Canva gehört haben, ist es sehr nützlich. So CAN VA und du kannst auch canva.com gehen. Und es ist absolut kostenlos , sich für Canva anzumelden. Grundsätzlich kannst du auf der Homepage hier oben rechts auf „Anmelden “ klicken. Und wieder melde ich mich mit meinem Google-Konto an , das ich habe, mein Google Mail-Konto, das ich für den Diskurs verwende. Sie können sich jedoch mit jedem Konto anmelden, das Sie möchten. Sie können hier sagen, wofür Sie es verwenden möchten. Ich weiß nicht, nur persönlicher Gebrauch, vielleicht überspringen Sie später all diese Leinwand, sehr nützlich für diese Art von Sachen. Oben rechts hier können wir also ein Design erstellen und genau hier schauen. Logo ist eine dritte Option. Wenn wir das auswählen, wird eine neue Registerkarte geöffnet. Und was Canva im Grunde ist, ist, dass es wie ein kleines Designstudio wie ein kleines Designstudio online ist, dem Sie Dinge hinzufügen können. Jetzt gibt es hier eine Menge Sachen, die Teil ihrer Pro-Version sind, also können wir etwas von diesem Zeug nicht benutzen. Aber es gibt hier viele kostenlose Optionen , die wir nutzen können und irgendwie machen und brechen und an unsere eigenen gewöhnt sind. Lassen Sie uns zum Beispiel hier unten scrollen. Ich habe Logo und Suchleiste ausgewählt und wir befinden uns unter der Option Vorlagen. Also ich meine, schau, es gibt bereits einige Logos, die wir verwenden können, die kostenlos für uns lizenziert sind kostenlos für uns lizenziert damit wir hinzufügen können, was wir wollten. Also ich meine, wenn ich hier nur einen zufälligen auswählen wollte , suche ich nur nach etwas ganz Einfachem, aber sie sind alle eine sehr künstlerische Garantie. Schauen wir uns das an, k For Kevin. Es hat also ganz gut geklappt. Was wir hier tun können, ist vielleicht dieses Gold zu machen, okay, ich werde das vielleicht nicht genau dieselben Ziele machen , die wir auf der Website haben, aber es ist nah genug. Dies ist nur um dir zu zeigen, ob du es willst. So können Sie hier die Elemente auswählen und in Farbe wechseln. Ich werde all das schweben und ziehen und sie ein bisschen größer machen, was Sie auch einfach damit tun können. Und das ist irgendwie das , wonach wir suchen. So etwas wirklich, oder? Okay, cool. Wir können das also als Logo verwenden. Zum Beispiel. Wenn wir dies nutzen möchten, können wir oben rechts auf Teilen klicken und herunterladen. Und im Grunde ja, als PNG, und Sie können einfach die Größe von 500 mal 500 Pixel verwenden. Sie können es größer oder kleiner machen. Eigentlich kannst du mit der kostenlosen Version machen. Das ist okay. Und lade einfach herunter. Jetzt feiert es , dass wir herunterladen. Das ist also sehr einfach, nicht wahr? Gehen wir zurück zu unserer Squarespace-Website. Wir können ein Favicon - oder Fünf-Symbol hinzufügen. Das sage ich dauernd falsch. Und ich ziehe einfach unser Bild, das wir verwenden, und du wirst sehen, was hier passiert. Also ist es das k. Und ich kann auf Speichern klicken. Und es tritt noch nicht wirklich ein, oder? Nicht ganz? Also klicke ich auf Speichern und gehe zurück zum Design. Ich werde diese Seite aktualisieren. Mal sehen, was passiert. Okay, noch nicht ganz. Es sollte bald kommen, okay. Manchmal dauert es einige Zeit, um sich zu verbreiten oder sich selbst einzurichten und auf der Website zu zeigen. Wenn wir uns das ansehen müssten, greifen wir vielleicht diese URL hier und öffnen diese URL in einem neuen Tab. Es erscheint hier, vielleicht weiß ich, dass es uns zurück zum anderen bringt. Ich würde mir darüber keine Sorgen machen. Okay. Das wird im Wesentlichen Ihr Symbol oben links später ersetzen. Und das werden wir uns auf jeden Fall zusammen ansehen. Es ist, es wird die neue Ikone sein. Anstelle dieses kleinen Würfels kannst du also dein eigenes Logo hinzufügen. Jetzt behalte ich dieses Bild für später, als wir die Seite entworfen haben. Vielleicht möchten Sie hier ein Logo auf so etwas setzen. Aber Canva, zurück darauf, Es ist ein großartiges Werkzeug. Fühlen Sie sich frei, es zu benutzen. Es ist fantastisch für das, was Sie brauchen, und Sie finden es vielleicht sehr nützlich. Also würde ich empfehlen, dass das wirklich, sehr nützlich ist. Canva.com. Cool. Das ist also wirklich alles in Bezug auf das Logo für Ihre Website oder ein Logo weiteres kleines Symbol im Browser. Wir können das gleiche lokale überall verwenden und wie man es auf Canva erstellt. Was wird das Video sonst noch zu lang? Ich freue mich darauf, Sie im nächsten Video zu sehen , in dem wir uns hier einige der restlichen Optionen ansehen werden. Und dann gehen wir schnell zu unserem nächsten Abschnitt über. Okay? Also sehe ich dich dann. 10. 404 Seiten- und Fehleinstellungen : Hey da und willkommen zurück. In diesem Video werden wir einfach den Rest der Einstellungen InDesign durchlaufen. Und dann beginnen wir im nächsten Video, danach, die Seiten zu bearbeiten. Sie werden also sehen, wie nützlich das alles war, wenn wir die Seiten später bearbeiten. Wie auch immer, lasst uns gleich reinspringen. Wir haben die Site-Styles durchlaufen. Wir haben uns ein Browser-Symbol gesetzt. Werfen wir einen Blick auf diesen Sperrbildschirm. Was das ist, ist im Wesentlichen, wenn Ihr Bildschirm gesperrt ist, aber wenn Sie eine passwortgeschützte Seite haben, wird diese angezeigt und Sie möchten, dass Ihr Sperrbildschirm anders aussieht , damit Sie das Layout ändern können. Sie können Ihren Sperrbildschirm auf alle möglichen Arten aussehen lassen. Wie auch immer, nicht etwas, das wir uns wahrscheinlich gerade ansehen müssen, aber auch hier können Sie Ihren Sperrbildschirm, die Checkout-Seite anpassen . Wir erstellen noch keine E-Commerce-Website, daher verkaufen wir nichts auf dieser Website, aber so würde Ihre Checkout-Seite aussehen, wenn wir diese würde Ihre Checkout-Seite aussehen später einrichten. Auch hier hoffe ich, bald einen Squarespace-Kurs zu machen , der sich auf den Verkauf von Artikeln konzentriert. Halte also Ausschau danach. Wenn dies ausgegeben wird, wenn Sie dieses Video ansehen. Wenn es das ist, woran Sie interessiert sind , aber das müssen wir uns nicht ansehen. Die vier- oder vierseitige Seite. Okay. Was ist eine 404-Fehlerseite? Es ist im Grunde eine Seite , die dem Besucher angezeigt wird , wenn eine Seite gelöscht oder nicht gefunden wird. Nehmen wir an, Sie hatten eine Seite mit einigen Diensten und es war lange los und Leute konnten die Webseite besuchen. Und dann hast du dich entschieden , die Seite zu löschen. Nun, was ist, wenn jemand noch einen Link zu dieser Seite hat? Weißt du was, wenn sie irgendwo auf einen Link klicken und er dorthin geht, aber die Seite existiert nicht mehr. Das ist ein vier - oder vierseitiger Gesetzesentwurf. Das ist, wenn eine Vier- oder Vier-Seite ins Spiel kommt. Es wird im Grunde genommen sagen: Hey, Fehler, es gibt keine Seite, die existiert. Sie können also den Systemstandard hier verwenden, was im Grunde heißt: Hey, wir konnten leider nicht nach Ihrer Seite suchen. Was Sie aber auch tun können, ist, dass Sie Benutzer auf eine Ihrer anderen Seiten umleiten können, damit Sie diese einrichten können, dass Sie Benutzer im Grunde genommen auf Ihre Homepage senden. Wenn also jemand auf einen defekten Link für eine Seite klicken würde , die nicht mehr existiert. Es wird feststellen, dass ein Benutzer irgendwohin gegangen ist, nicht sein sollte, und es wird ihn automatisch zur Homepage gehen. Das ist also etwas, was viele Leute tun. Oder Sie können es auf eine andere Seite zwei einrichten lassen. Jetzt bin ich gerade nachdem ich eine andere Seite in meinem Browser ausgewählt habe, Squarespace hat beschlossen, vor mir davonzulaufen. Okay, ich aktualisiere einfach die Seite und wir sind zurück. Was Sie also tun können, ist, dass ich es gerne als Homepage festlege. Sie können es auch als neue Seite festlegen. Sie können also tatsächlich eine neue leere Seite erstellen und mit dieser arbeiten, oder das ist die neue Seite, die wir zuvor erstellt haben. Irrtum. Ich hab das für eine Sekunde durcheinander gebracht. Sie können also eine einzelne Seite erstellen und sagen im Grunde genommen, oh hey, Sie scheinen auf einen defekten Link geklickt zu haben. Dies existiert nicht mehr, aber Sie können woanders hingehen, damit Sie die 404-Seite im Wesentlichen bearbeiten und Ihre eigene benutzerdefinierte erstellen , die möglicherweise relevanter ist. Einige Websites bieten großartige Beispiele dafür. Jetzt werde ich es einfach nach Hause stellen lassen. Im Grunde wird der Benutzer also jedes Mal auf die Homepage geschickt . Stellen Sie also sicher, dass Sie auf Speichern klicken, wenn Sie das auch tun. Und wir kehren zurück zum Bildschirm „ Zugriff verweigert“. Das ist okay. Wir machen keine Mitgliederseite, also ist das in Ordnung. Wir müssen uns das nicht wirklich für den Zweck dieses Kurses und des sozialen Sharings ansehen. Im Grunde heißt es hier, wenn Squarespace, wenn Sie Ihre Seiten in sozialen Netzwerken teilen, dieses Bild verwenden wird, um Inhalte darzustellen. Was Sie also tun können, ist, dass Sie ein soziales Logo hinzufügen können. Ich meine, ich könnte mein Logo auswählen, das ich hier hinzugefügt habe. Wenn also jemand diese Website auf einer Plattform teilen würde, wird er dieses Logo verwenden, um meine Website darzustellen , wenn ein Bild benötigt wird. Sie können das also mit benutzerdefiniertem CSS tun. Wenn Sie CSS anpassen möchten, dem es sich im Grunde um ein Codierungsdesign handelt, können Sie Änderungen mit Code entwerfen. Fühlen Sie sich frei, das hier zu tun, wenn Sie möchten. Auch hier, nicht der Zweck dieses Videos, wir müssen uns das nicht wirklich anschauen. Okay, wenn ich zurückklicke und nach Hause bringe und wir ziemlich rockin sind, okay, also ist das alles, was wir wirklich brauchen, um da draußen zu schauen. Das Größte war wirklich, sich die 404-Seite anzusehen und nur sicherzustellen , dass wir die verschiedenen Optionen sehen können , was Sie dort tun können. Okay, also im nächsten Video werden wir tatsächlich anfangen, unsere Seiten zu bearbeiten. Also freue ich mich darauf, dich dann zu sehen. 11. Die Homepage bearbeiten: Hey da und willkommen zurück. In diesem Video werden wir also anfangen , die Seiten selbst zu bearbeiten. Das ist also ein sehr aufregendes Zeug. Also im Wesentlichen richtig, wir sind hier wieder in unserem Dashboard und wir werden damit beginnen, dass die Website jetzt mehr wie unsere Website aussieht , was wir wollen, sodass wir oben links auf die Schaltfläche Bearbeiten auswählen können sobald wir auf der Homepage sind, wird der Editor für die Homepage geöffnet. Was hier also praktisch ist, ist, dass wir, wie Sie sehen können, diese blaue Box haben , die irgendwie diesem Bereich schwebt , der als Abschnitt bekannt ist. Okay. Die gesamte Website besteht also aus Abschnitten. Beachten Sie, wie ich auf die nächste blaue Box fließe , das ist ein weiterer Abschnitt. Wenn wir also unsere Webseite in verschiedene Abschnitte aufteilen, macht es das Leben viel einfacher, nicht wahr? Es ermöglicht uns, Einstellungen an bestimmten Orten vorzunehmen und Informationen zu differenzieren. Öffnen Sie hier wieder die Oberseite, dies ist ein Header, also ist dies tatsächlich universell auf der gesamten Website. werden wir erst bald beeinflussen. Also mach dir darüber vorerst keine Sorgen. Schauen Sie sich unseren Hauptbereich hier an. Was wir also haben, ist, dass wir ein Hintergrundbild mit dem Titel Texte, einige kleinere Texte und diese Art von verknüpftem Button haben ein Hintergrundbild mit dem Titel Texte, . Und Sie können hier sehen, dass wir hier ein Textfeld haben , das herumschwebt. All das ist also Text und wir haben dieses Hintergrundbild. Wenn ich nun hier nur diesen Hintergrund auswählen würde, haben wir einige Optionen. Oben rechts haben wir die Möglichkeit, diesen Abschnitt dupliziert zu bearbeiten . Wenn ich also auf Duplikat klicke, haben wir jetzt zwei der exakt gleichen Abschnitte. Aber was ich tun werde, ist zu diesem von mir erstellten zu gehen und einfach auf das Müllsymbol zu klicken. Und das bedeutet im Grunde, dass ich einen Abschnitt entferne. Jetzt können wir im Grunde eins duplizieren und löschen. Wählen wir jedoch Abschnitt bearbeiten aus. Wir haben hier einige Einstellungen, mit denen wir arbeiten können. Wir haben einige Höhenoptionen. Derzeit ist die Höhe dieses Abschnitts groß. Wir können es auf mittel setzen und wir können es auf klein einstellen. Wie Sie dort sehen können, wird die Seite irgendwie angezeigt. mir nichts aus, dass es groß ist. Es ist irgendwie schön groß. Und Sie haben hier einige Baumpunkte, in denen Sie Ihre eigene benutzerdefinierte Einstellung vornehmen können. Ein 100% der Höhe Ihres Bildschirms ist im Allgemeinen so, wie es aussieht. Und Dino auf zehn runter. Sie haben also hier einige Höhenoptionen. Ich gehe zurück und lasse es einfach bei großer Inhaltsbreite. Also die Breite des Inhalts , der in diesen Abschnitt gehört. Im Moment ist es also klein, mittel und groß. Also halte ich es auf klein. Okay, sieh dir diese blaue Umriss-Box an. Wenn ich es auf mittel ändere, wird das breiter und dann ist groß sehr breit, ich werde gehen Es ist klein und das ist absolut in Ordnung. Dieser nächste Abschnitt ist sehr interessant. Die Ausrichtung des Inhalts in diesem Abschnitt, so dass wir festlegen können, ist derzeit so eingestellt, dass er am unteren Bereich ausgerichtet ist, aber wir können ihn in die Mitte stellen. Wir können es an die Spitze bringen. Die Mitte hat mir tatsächlich gefallen. Ich lüge nicht. Und wir haben es nach links ausgerichtet. Du könntest es in die Mitte stellen oder du könntest es auch auf die rechte Seite legen. Es liegt also ganz an sich selbst, wie Sie den Inhalt auf der Seite ausrichten möchten . Ich setze es auf zentrieren und links ausrichten, weil das ein bisschen schöner für mich ist. Der Hintergrund Tab hier dann, okay, also es einfach wieder, du kannst dieses Popup hier schließen. Wir haben einige Möglichkeiten, das Hintergrundbild zu ändern. Okay, also kannst du das Bild hier grundsätzlich entfernen und durch ein anderes Bild ersetzen. Sie haben die Möglichkeit, Ihr eigenes Bild hochzuladen aus einer Bildbibliothek auszuwählen. Im Moment haben wir keine, aber Sie können hier kostenlose Bilder auswählen , was wirklich cool und hochwertig ist. Also das von jemandem, für den du bezahlen musst. Die kostenlosen Bilder sind ziemlich cool, weil viel Arbeit in den freien Bildern, wie Sie sehen können, ziemlich fotografisch zentriert ist. Aber Sie müssen keine davon auswählen. Sie können tatsächlich Ihre eigenen Bilder verwenden, wenn Sie möchten. Sagen wir einfach, ich weiß es nicht, sagen wir, dass diese Website eine Architekturberatungsagentur oder so ist . Vielleicht bieten sie Ihnen Architekturdienste. Sagen wir einfach, es ist ein Architekturunternehmen , weil ich hier ein paar Bilder von Gebäuden sehe. Also wählen wir dieses aus. Ich möchte dies zum Hintergrundbild der Website machen. Wie Sie sehen können, ersetzt es es irgendwie. Okay, es ist die Ladung. Oh, sieh dir das an. Das ist jetzt echt cool und jetzt bin ich sehr zufrieden damit, wie das aussieht. Und wir haben dieses neue Bild und unseren Hintergrund mit dem Inhalt davor. Sie können wie ein Einsatz oder eine volle Beschnittzugabe machen, die Hintergrundbreite. So können Sie diese weiße Grenze um ihn herum schaffen, die sehr künstlerisch und modern aussieht. kannst du also auch machen. Ich hinterlasse vorerst eine volle Blutung. Okay. Hier gibt es eine Overlay-Kapazität. Je mehr ich das nach rechts ziehe, desto dunkler wird der Hintergrund. Und das ist nützlich, weil wir Texte auf der Vorderseite haben. Wir wollen es also nicht ganz hell. Aber wir wollen vielleicht, ich weiß es nicht, etwa 30%, 35 Prozent sagen, das macht den Text lesbar, oder? Dann können Sie auch einige Auswirkungen auf die Bilder haben. Wie manche Leute mögen diese Art von flüssigem Effekt. Weißt du, du könntest vielleicht ein Filmkorn hinzufügen , diesen Korneffekt. Auch hier werde ich nichts davon benutzen, aber es gibt einige Dinge, die Sie hier tun können denen ich nicht weiß ob es damit nichts macht. Vielleicht. Zoom schwenken. Im Moment nicht wirklich. Es ist in Ordnung. Ich wähle keine aus. Ich möchte keinen Bildeffekt auf der Rückseite, also ist das der Hintergrund. Du könntest hier ein Video hinzufügen, wenn du willst. Du könntest etwas Kunst hinzufügen. Auch hier werde ich das als Hintergrund belassen. Und dann haben wir ein paar Farben. Sie können also ein Farbthema für diesen Bereich auswählen. Das ist in Ordnung. Du kannst das so lassen wie es ist. Das ist ziemlich gut. Okay. Ich bin damit zufrieden. Ich habe das Hintergrundbild geändert und so würden Sie Einstellungsänderungen an diesem Abschnitt vornehmen. Was wir jetzt tun können, ist, dass wir diesen Inhalt auch hier ändern können . Wenn wir also hier in diesem Text auswählen würden, haben wir die Möglichkeit , die Art der Texte unter Überschrift 123 zu ändern . Ich werde es noch einmal zu einer Überschrift machen, denken Sie daran, dass wir einige Stileinstellungen vorgenommen haben, wir einige Stileinstellungen vorgenommen haben was frühere Familien waren, die auf eins gehen. Du könntest das hier hervorheben und das fett machen oder es nicht machen. Ich denke, es ist absolut in Ordnung, wie es ist. Aber auch hier haben Sie die Möglichkeit, diesen Text nach links ausgerichtet und auf das Reisgenom ausgerichtet zu zentrieren diesen Text nach links ausgerichtet und auf das . Ich lasse es so, wie es ist. Ich denke, das ist auch in Ordnung. Ich werde mich ändern, als würde ich mich um deinen Geist, deinen Körper und deine Seele kümmern . Ich sage nur, dass wir Gebäude entwerfen. Vielleicht verschiebe es in zwei. Okay. Ja. Ja, lass uns das machen. Gelistet, wenn wir hier Gebäude entwerfen. Im nächsten Abschnitt werden wir einfach sagen, dass wir es sind. Die weltweit führenden Gebäudedesigner. Es hängt wirklich davon ab, wofür Sie Ihre Website erstellen. Das spiele ich irgendwie herum. Okay. Es hängt also davon ab, wonach Sie auf einer Website suchen. Okay, also im nächsten Abschnitt hier haben wir hier, hier haben wir Booker-Kurs. Ich möchte, dass das ein Knopf ist. Ich lüge nicht. Ich werde das eigentlich einfach entfernen. Und stattdessen werden wir hier einen Knopf setzen. Was wir also tun können, ist zu bemerken, dass wir dieses Plus-Symbol haben , mit dem ich ein Element dazwischen hinzufügen kann, was existiert. Wenn ich also einen Button unter dem Satz haben möchte, kann ich dieses Plus-Symbol auswählen. Und schauen Sie, wir haben im Grunde viele Möglichkeiten , die ich hinzufügen kann. So kann ich weitere Tags hinzufügen, online ein Formular anklicken, alle Dinge hier ansehen und um sie herum spielen und jede Menge Spaß damit haben. Okay? Jetzt wähle ich einen Button aus. Schaltflächen nach dem Erscheinen. Ich ändere das in Dienste. Was ich tun kann, ist, dass ich das mit unserer Services-Seite verknüpfen kann , indem ich auf dieses Zahnradsymbol klicke. Ich kann auf die Seite gehen und auf die Liste der Seiten haben wir Dienste, die wir zuvor erstellt haben. Okay, perfekt. Ich klicke auf „Speichern“. Und da sind wir los. Wir haben einen Button für Dienstleistungen. Jetzt bewege ich den Mauszeiger hier auf das Design-Icon und werde mich links ausrichten. Okay, das werde ich tun. Du kannst dich zentrieren und es richtig machen. Ich werde mich einfach links ausrichten. Und wenn ich das anklicke, sind wir fertig. Das war's. Ich habe mein Ding hier, meinen Titel. Du kannst hier mehr reinlegen, wenn du willst. Wir sind der weltweit führende, der entwickelt wurde, um heute mit uns in Kontakt zu treten, um herauszufinden, wie wir Ihnen helfen können. Und dann hast du Dienste. Okay, cool. Das ist also großartig. Wir haben gerade unsere Helden-Sektion erstellt. Also haben wir hier einen Aufruf zum Handeln, was sehr cool ist. unseren nächsten Abschnitt hier ansehen, könnten wir dies ändern, entschuldigen Sie, wir könnten dies in Dienste umwandeln. Wenn wir dann auf diese vorhandenen Felder klicken, können Sie dies als Bildfeld mit Text in der Mitte sehen . Sie können also einfach auf das Feld klicken und es gibt wieder ein Bearbeitungssymbol. Wie Sie sehen können, besteht alles aus diesen Elementen in Widgets. Und es ermöglicht uns, die Details zu ändern , die sich in ihnen befinden. Also werde ich dieses Aerobic ersetzen. Ich schaue mir die Bibliothek noch einmal an. Auch hier können Sie Ihre eigenen Bilder hochladen, aber ich schaue mir diese Bibliothek noch einmal an und suche nach dem Gebäude. Ich glaube, da sind ein paar Gebäude drauf. Ich werde die Suche machen ja, sieh dir das an. Also wähle ich dieses aus. Ich füge dieses Bild hinzu. Wie Sie sehen können, muss es irgendwie groß sein. Ich kann das einfach wieder nach oben ziehen, indem ich nach unten schaue. Das kleine Drag-Symbol erscheint. Ich kann das ziehen, damit es zu unserer anderen Website passt. Es gibt andere Box, perfekt. Und ich könnte den Button-Link zum Bild ändern. Wenn Sie also eine beliebige Stelle in diesem Bild auswählen, wird es zu einer bestimmten Seite gehen. Lass mich das Backup öffnen. Ich schicke es erneut auf die Serviceseite. Okay, cool. Und das Design ist meiner Meinung nach ziemlich sortiert. Das ist in Ordnung. Es gibt eine Animation hier. Das ist in Ordnung. Mach dir darüber keine Sorgen. Das sieht gut aus für mich. Oh, es heißt Joghurt-Aerobic. Vielleicht sollten wir das in etwas anderes ändern. Ich kann es tatsächlich hier ändern. Ich kann Weltklasse-Design sagen. Okay, vielleicht entferne das komplett. Ich könnte diese da draußen rückgängig machen. Klicken Sie erneut auf die Einstellungen des Bildfelds. Es sollte hier eine Möglichkeit , es vielleicht nicht wirklich hier eintippen zu müssen. Okay, das ist in Ordnung. Wir entfernen. Ups, ich muss manchmal auf dich klicken , um es abzuklicken, klicke wieder darauf. Mir ist aufgefallen, dass Sie einfach sagen können, dass ich diese Dienste tatsächlich ändern werde. Ich werde das hervorheben und es zu einer Überschrift zwei machen. Ich entferne das. Was Sie also tun können, ist, dass Sie tatsächlich darauf klicken und auf das Bin Icon klicken können . Hier werde ich einen About Abschnitt haben. Dies wird auf die Serviceseite gehen und dies geht auf die Über uns. Auch hier geht es in den Absatz, aber ich kann das in eine versteckte Zwei ändern, und das wird schön groß. Und ich kann dieses Bild auch ändern , indem ich auf die Designeinstellungen klicke, gehe und ersetze, aus der Bibliothek auswählen. Und wieder kann ich mir ein anderes aussuchen, lass uns einfach ein Haus aussuchen. Sie können house eingeben, indem Sie auf Suchen klicken. Und wir haben hier ein paar Ideen. Nicht gerade Architekturrisiko, aber diese Art zu überprüfen. Es ist bunt. Vielleicht war dies das erste Haus, das wir entworfen haben. Ich klicke auf den Link. Ich werde den Link ändern, um zum Button zu gehen oder es tut mir leid auf dem Bild. Wenn wir also irgendwo auf das Bild klicken, wird der Link erstellt. Und der Link wird auf unsere About-Seite gehen. Und wir klicken auf Speichern. Und ich möchte das noch einmal ziehen, nur um zu unserem anderen Bild zu passen. Großartig. Nun, es ist ein bisschen lang. Cool. Ja, die können wir entfernen. Ich mag sie nicht wirklich. Lasst uns das einfach entfernen und Block bewegen und den Knochen entfernen. Also schau mal, was wir getan haben. Wir haben hier einen schönen Bereich erstellt. Es gibt ein bisschen mehr Polsterung oben, dann gibt es das untere O. Wie Sie sehen können, gibt es hier ein Abstandshalter-Widget. Also können wir auf diesen Abstandhalter klicken und ihn entfernen, vielleicht ein bisschen nach oben ziehen, vielleicht geschäftlich. Lasst uns einfach fertig werden. Was wir dann tun können, ist ja, jetzt ist es ein gleichmäßiges Oben und Unten. Wir können sogar auf den Abschnitt selbst klicken. Gehe hier zum Bereich „ Abschnitt bearbeiten“. Und wir können diesen Abschnitt hi auf mittel oder vielleicht benutzerdefiniert ändern . Wir machen eine benutzerdefinierte Höhe wie diese. Vielleicht Awesome. Wir haben also unsere Einstellungen sind Home-Setting oder Home-Section Services und über uns. Ich glaube nicht wirklich, dass wir hier gerade etwas brauchen. Vielleicht sage ich dir was dieses Video ein bisschen lang wird. Ich mache noch ein Video, okay? Und was wir tun werden, ist, dass wir die Homepage im nächsten Video einfach weiter gestalten werden. Ich freue mich darauf, Sie dann zu sehen. Ich hoffe, das ist interessant und Sie lernen viel. Also wir sehen uns bald. 12. Weitere Homepage: Hey da und willkommen zurück. Also werden wir hier einfach die Homepage fortsetzen. Während meiner kleinen Pause zwischen diesen beiden Videos dachte ich an uns. Und was wir tun könnten, ist in diesem Abschnitt, dass wir Adam Meet the Team mögen und unser Team im Grunde genommen entfernt haben. Wir könnten also zwei Seiten auf zehn Seiten komplett entfernen und haben nur ein paar Boxen hier drin. Ich denke also, dass dies ein guter Weg sein könnte nur um die Homepage etwas lebendiger zu machen. Und was an Squarespace großartig ist , ist, dass wir diese Änderungen vornehmen dürfen. Und wenn wir Ihre Meinung ändern und Dinge ganz einfach bewegen dürfen . Wenn Sie sich diesen Abschnitt hier ansehen, haben Sie, wie Sie sehen können, bereits den schönen goldenen Hintergrund aufgenommen , den wir früher in den Satz gesetzt haben. Wir werden diesen Text hier entfernen. Wir können bin d blockieren und dann diesen Block hier, es gibt einen Abstandhalter, der zu diesem Text hier gewesen wäre. Wir werden das beugen und wir werden einfach in allen hier sein. Okay, also haben wir im Grunde einen leeren Abschnitt, diesen Abschnitt hier mit nichts drin. Es wird also im Grunde immer auf Texte zurückgesetzt, damit wir diese Texte weiter entfernen können, aber es wird immer etwas da sein, okay, und das ist absolut in Ordnung. Was wir also tun werden, ist, dass wir einen Block hinzufügen. also den Mauszeiger über den Text bewegen, können Sie das Plus-Symbol oben und unten sehen. Es spielt also keine Rolle, wo wir das jetzt hinzufügen , da wir den Text bald entfernen werden. Lasst uns also ein Plus-Symbol treffen. Hier haben wir ein paar Möglichkeiten, also schauen wir uns einfach mal an. Wir haben hier ein paar Integrationen, Geschäftskredite. Ich denke nur, dass wir uns dieses Bild hier ansehen könnten. Schauen wir uns das Bild hier an. Wir haben einige Möglichkeiten , was zu tun ist. Registerkarte Design können wir einen Inline-Blick erstellen. Wir haben einige Möglichkeiten, welche Art von Bild oder zu erstellen ist. So können wir zum Beispiel eine Karte erstellen. Also gefällt mir diese Option. Also gib diesen ein Ziel. Es gibt verschiedene hier. Sie können ein Hintergrundbild mit Text auf der Vorderseite haben. Du kannst Texte haben, die Amish mit Texten auf der rechten Seite hinterlassen hat. Die Überlappung, wo es sich leicht überschneidet, was schick ist. Irgendwie Collage. Sieh dir das irgendwie nett an. Eigentlich benutze ich das vielleicht und stapeln. Sie können also ein Bild mit einigen Texten darunter haben. Was wir also tun könnten, ist, dass wir diese Art von Collage tatsächlich machen könnten . Okay, cool. Rückblickend, lasst uns zum Inhalt gehen. Okay, also wollen wir hier ein Bild hinzufügen. Lass uns ein Bild hinzufügen. Wenn Sie ein Bild von Ihnen und dem Team oder sich selbst hätten , könnten Sie die Datei direkt hier hochladen oder aus der Bibliothek auswählen . Was wir tun können, bekomme ich vorerst ein kostenloses Bild. Ich tippe einfach Leute ein. Das werden nicht gerade die Leute in Ihrem Team sein, aber ich werde es hier in dieses Bild einfügen. Aber stellen wir uns vor, dass dies ein Bild Ihres Teams oder der Menschen ist , die für Sie oder Sie und Ihren Freund oder sich selbst arbeiten , Sie stellen ein Bild von sich selbst auf. Und das sind die Leute , die mit dir arbeiten. Was Sie dann tun könnten, ist, dass Sie das überhaupt nicht verknüpfen müssen, das ist in Ordnung. Und dann kannst du das Design hier ändern. Sie können das Bild nach rechts legen, die Texte, die übrig sind. Sie können die Form dessen ändern was Sie sich vorstellen möchten, oder Sie können einfach ein Quadrat behalten, ich möchte quadratisch sein. Und du kannst irgendwie Animation machen. Also verblasst es irgendwie, wenn du hierher kommst, was nett ist. Und dann können wir einfach zurück zum Inhalt gehen. Wirklich. Was wir dann tun können, ist im Grunde einfach in diese Blöcke einzutippen. Also können wir das wie eine Überschrift drei machen und unser Team gehen. Okay? Und dann können wir los. Unser Team besteht aus einigen die aus den besten Technologien bestehen. Oh mein Gott, ich kann nicht buchstabieren. Ich stehe unter Druck , weil ich auf Video bin. Architekten. Könnte mich ignorieren, bitte. Moment des Gehirns schmelzen Unser Team besteht aus den besten Architekten der Welt. John ist neu im Team. Also ist er der Teamleiter. Ich weiß nicht, ich setze ein , was immer du willst. Mary ist unsere Marketingberaterin. Weißt du, du kannst Leute hier rauslassen. Und schauen wir uns sogar an, wie diese Blöcke funktionieren. So haben wir zum Beispiel das, wir haben diese Art von im Grunde diesen Abschnitt, diesen äußeren Abschnitt mit diesem Bildblock in der Mitte. Wissen Sie, Sie könnten für diesen Bildblock auf die Schaltfläche Bearbeiten klicken . Und nehmen Sie natürlich Ihre Einstellungen hier vor und ändern Sie sie dort. Sie dürfen auch den Mauszeiger auf diesen Abschnitt bewegen und auf Abschnitt bearbeiten klicken. Auch hier können Sie Ihre Layouts ändern und so. Ich meine, wenn du einen neuen Abschnitt zwischen diesen beiden hinzufügen willst . Dann würden Sie hier den Abschnitt Hinzufügen auswählen und sich dann im Grunde all diese verschiedenen Optionen ansehen , die Sie erhalten, Sie haben viele kleine Optionen. Schau noch einmal, es benutzt unser Layout hier, das wir vor einer Minute benutzt haben. Und all diese anderen Optionen auf der linken Seite, die Sie aus dem Genom auswählen können , wenn Sie auflisten möchten Vielleicht möchten Sie, dass diese Listenoption auch für das Team großartig ist, wenn Sie dies hinzufügen möchten, weil Sie könnte ein Mitglied jedes Teams und ein kleines Symbol und Text darunter legen. Wenn ich das jetzt hinzugefügt habe, wird es dies einfach der Website hinzufügen. Und ich könnte jedes dieser Fotos ändern. Ich kann hier auf den Inhalt bearbeiten klicken. Und ich könnte jedes dieser Fotos und jeden Titel so ändern , dass er dazu passt. Jetzt klicke ich auf Löschen , da wir das nicht verwenden werden. Aber du könntest das machen, wenn du willst. Nun, hier unten, unser letzter Abschnitt auf der Homepage, es ist ein Newsletter. Sie könnten dies unbedingt weiter verwenden und hier einen Newsletter-Button bearbeiten. Sie können also im Grunde den Newsletter oder die seltsamen Newsletter eingeben , damit Sie dies später in den Einstellungen einrichten können. Ich meine, persönlich habe ich gerne einen Instagram-Feed auf diesen Websites. Was wir also tun können, ist, dass wir diesen Newsletter tatsächlich vollständig löschen können . Lassen Sie uns nach einem anderen Hintergrundbild suchen. Weil ich nicht glaube, dass das passt und Architektenberatung, wenn das sinnvoll ist, ersetzen wir dies. Lassen Sie uns mehr kostenlose Bilder von einer Stadt machen. Lassen Sie uns das eintippen. Ja, lass uns das machen. Warum nicht? Okay. Ich werde es etwas dunkler machen. Also werde ich die Deckkraft irgendwie erhöhen, sie dunkler machen oder vielleicht 50. Und was wir dann tun können, ist, dass ich hier einen Block hinzufüge , der im Grunde eine Integration ist. So können wir zum Beispiel Instagram integrieren. Ich könnte den Instagram-Block hierher stellen und schauen, er wird uns ein paar Beispielfotos zeigen wie es aussehen würde. So können wir hier zum Design gehen und grundsätzlich die Anzahl der Tom Neils Bewährung reduzieren oder einfach entfernen, die Anzahl der Tom-Nägel vollständig in der Polsterung um sie herum reduzieren. Sie können es auf ein Karussell einstellen, das meiner Meinung nach wahrscheinlich etwas schöner gestapelt ist. Wenn es sich also um ein Karussell handelt, können Sie einen automatischen Übergang zwischen Elementen haben. Bezeichnen Sie die Ausrichtung links auf Reis. Das Raster ist wahrscheinlich sehr nett. So können Sie dort ein Raster von 4812 hinzufügen. Sie können sie beschnitten oder nicht beschnitten lassen. Und im Kontobereich können Sie grundsätzlich die Anzahl der Elemente festlegen. Das wird jetzt keine wirkliche Wirkung da dies immer noch nur der Standardwert ist, aber Sie können acht Elemente sagen, also hat es nur eine Rolle für hintereinander , denn dieser Abschnitt wäre nicht zu groß. Aber du kannst hier ein Instagram-Konto hinzufügen. Und im Grunde genommen können Sie sich hier anmelden und Ihr Instagram-Konto mit dieser Website autorisieren . Sie können das also einrichten, wenn Sie möchten. Aber so würde ein Instagram-Feed im Wesentlichen aussehen. Und das ist etwas, das wirklich, sehr beliebt ist. Okay, ich glaube, unsere Homepage ist fertig. Wir haben hier viele nette Abschnitte. Das kann wirklich großartig sein. Was wir tun könnten, ist, dass wir einige der anderen Seiten ziemlich schnell durchlaufen und unsere Kopf- und Fußzeile einrichten. Und ich hoffe, du lernst bisher viel darüber. Auch hier bestehen alle diese Seiten aus Abschnitten und nur diesen Blockelementen in ihnen, die verschiedene Dinge tun. Und ja, es macht Spaß und aufregend. Ich hoffe also, dass Sie viel Luft gelernt haben. Stellen Sie immer sicher, dass Sie bei Ihren Einstellungsänderungen auf Speichern klicken . Wenn Sie hier oben sehen, klicken Sie auf Speichern und speichern Sie die Änderungen. Und da sieht es jetzt aus und unsere Vorschau, die wir uns früher angeschaut haben. Cool. Wie auch immer, wir sehen uns im nächsten Video , in dem wir weitere Änderungen vornehmen. Ich rede bald mit dir. 13. Unsere Seiten fertigstellen: Hey da und willkommen zurück. In diesem Video werden wir schnell einige schnelle Einstellungen durchlaufen, die wir zuvor erwähnt haben, um einige Seiten zu entfernen und nur die letzten letzten Änderungen vorzunehmen. Ich glaube, wir haben die Idee mit der Bearbeitung. Ich glaube nicht, dass ich uns noch einmal durch die gesamte Seite bringen werde , weil wir hier kein wirklich zielgerichtetes Endziel haben . Es ist irgendwie nur, Ihnen die Grundlagen des Editierens zu zeigen und wie Sie die Dinge in Gang bringen können. Wir werden also nicht zu lange auf der Bearbeitungsseite der Dinge verbringen der Bearbeitungsseite der Dinge weil wir jetzt fast bis zum Ende sind. Aber ich hoffe, du lernst bisher viel. Wie auch immer, wie bereits erwähnt, werden wir hier zurück in den Bereich der Seite gehen, okay. Weil wir unser Team loswerden weil wir gesagt haben, dass wir das löschen würden, weil wir das bereits auf der Homepage haben. Also lasst uns einfach neben unserem Team ins Bett gehen. Und wie wir hier sehen werden, ist es entfernt, was perfekt ist. Wir werden uns die About Seite ansehen . Die Homepage ist fertig. Schauen wir uns die About Seite an. Also nochmal, auf der About-Seite, wenn ich edit ausgewählt habe, kann ich dies in einen Brunnen ändern, lass uns jetzt einrichten geht es um uns. Aber ich meine, wie Sie sehen können, haben wir hier einige Optionen, um erneut jeden Abschnitt anzusehen, auf den Inhalt zu klicken, den wir ändern möchten, und dann zur Schaltfläche des Inhaltseditors zu wechseln. Du kannst das Bild dort wieder ändern. Ich werde super, super schnell einige davon geändert. Ich werde mich ändern, um dieses Gebäudebild wieder zu führen . Warum nicht? Und links hier Tag und wir können einige Inhalte hinzufügen. Wenn ich also eine Biografie über das Geschäft hätte, würde ich sie hier zu diesem Abschnitt hinzufügen. Dies ist ein Bildblock, daher können wir die Einstellungen das Bild ändern. Ich ziehe das zurück, wenn ich kann oder vielleicht nicht. Okay, und das ist okay. Was wir dann also tun werden, ist im Wesentlichen, wenn Sie hier einige Informationen hinzufügen möchten Sie können im Grunde genommen physisch reingehen und einfach entfernen und hinzufügen, was Sie wollen. Also würdest du deinen Titel und deine Details hinzufügen, blutig, blutig bla genug dein Zielgenom. Und es wird auch in diesen Abschnitten hier dasselbe sein, dies ist ein Hintergrundabschnittsbild. Wie Sie sehen können, klicke ich auf das Bild und nichts passiert wirklich. Aber wir haben hier oben einen Editierbereich, der erscheint. Und im Hintergrund haben wir den Kerl dieser Yoga-Position steht. Und Sie können Ihre eigenen Daten eingeben wenn Sie nicht abschneiden möchten, können Sie diesen Abschnitt jederzeit löschen. Ich entferne es. Sie können immer einen weiteren Abschnitt hinzufügen, den Sie fühlen. Sei nett. Und daran können Sie auch Ihre Änderungen vornehmen. Weißt du es? Also klicke ich einfach hier unten. Ich klicke auf „Speichern“. Wir werden nicht zu lange auf der About-Seite, der Serviceseite, verbringen . Auch hier ist dies ein nettes Layout, die Vorlage und viel Arbeit für uns. Wenn ich Edit wähle, könnte ich setzen, könnte ich dieses Bild ändern. Und dieser Abschnitt hier, um zu sagen, wissen Sie, wir entwerfen Gebäude. Dies könnte sein, wir konzentrieren uns auch auf Landschaftsgestaltung und ändern dies in Landschaftsgestaltung. Und dann könntest du ein paar Preise und all das Zeug angeben. Sie könnten diesen Abschnitt beispielsweise hier entfernen, weil es darum geht, einen Kurs zu buchen. Oder du könntest einfach am Ende sagen, anstatt einen Kurs zu buchen, würde es heißen, nimm Kontakt auf. Dann könnten Sie sagen, melden Sie sich noch heute für ein Angebot. Weißt du, was du das tun könntest? Und Sie könnten diese Schaltfläche bearbeiten und die Details auf der Schaltfläche „ Kontakt aufnehmen“ bearbeiten. Und du könntest das Design oder sogar den Link ändern. Ändern Sie den Link. Stellen Sie sicher, dass die Seite auf Kontakt eingestellt ist. Du. Klicken Sie auf Speichern, und los geht's, setzen Sie sich mit uns in Verbindung. Wenn du dir die Dienste ansiehst, bist du wie, okay, das ist cool. Okay. Ich melde mich mit Ihnen in Verbindung. Das ist also eine andere Sache, die du dort machen könntest. Auch hier hängt alles davon ab, welchem Kontext Sie Ihre Website ausführen. Die letzte, die ich machen möchte, ist eine Kontaktseite, da mir aufgefallen ist, dass diese Kontaktseite kein Kontaktformular hatte. Es hat nur eine Lage , die in Ordnung ist. Aber wir öffnen diese Kontaktseite und wählen Bearbeiten aus. Jetzt wird es schön sein, sagen wir auch, ich weiß es nicht. Lass uns einfach, lass uns einfach diese Box entfernen. Google Maps sagt uns dass alles das vorerst wirklich nicht tut. Und wir haben auch die Adresse hier unten, die wir bald ändern werden. Also lösche ich einfach diese Zählung, dieses Informationsfeld hier. Was Sie bemerken ist, dass die Karte größer wird und mehr Platz benötigt. Aber ich füge einfach einen neuen Block namens Form hinzu. Was ich tun kann ist, dass ich dieses Formular und die Seite nach oben ziehen kann , bis es nach links ist, dieser blaue Balken beginnt zu erscheinen. Ich will nicht, dass es darunter geht. Ich will nicht, dass es auf diese Seite geht. Ich möchte, dass es links von dieser Karte geht, und ich lasse los. Wir haben hier einen Abstandshalter. Ich kann diesen Abstandhalter dazwischen versuchen , wo die blaue Linie erscheint. Okay, jetzt müssen wir in den Weltraum. Jetzt lasst uns die Basis von Big. Aber sieh dir diese kleine Zeile an. Ich kann meine Map rausziehen, um größer zu werden. Ich kann meine Formulare ziehen wäre etwas kleiner. Okay, das sieht irgendwie cool aus. Wir können diese Details zentrieren. Sie also im Abschnitt den Abschnittseinstellungen sicher, dass alles zentriert ist. Das ist ziemlich gut. Cool. Und wir rocken ziemlich. So kannst du die Farbe hier in das dunkle Thema ändern. Sie könnten es in Satellit ändern, der bereits original ist. Für deine Karte. Sie können auch Ihre Adresse angeben. Wenn ich es mir also in eine lokale Gegend stelle, wenn ich in Dublin, Dublin, Polen komme, wusste ich nicht , was es in Polen war. Alles Dublin LIN. Also weiß ich es nicht. Ich könnte Dublin angeben oder ich könnte eine bestimmte Adresse angeben. Zehn Grafton Street. Ich glaube nicht. Ja. Da sind wir los. Nicht London. Das ist okay. Das ist in Ordnung. Es spielt keine Rolle. Du weißt sowieso genau, welche Adresse du eintragen wirst , und das ist alles was zählt. Hier. Leih cool. Sie können Terrain-Hochgelände-Steuerelemente anzeigen. Sie können Steuerelemente, wie Steuerelemente, Tabellen für diese Art von Dingen anzeigen . Du hast also eine schöne Karte dort. Auf diesem Formular. Links haben wir die Möglichkeit, das Formular zu bearbeiten. Zum Beispiel wollen wir den Namen E-Mail. Ja, das ist perfekt. Wir wollen all diese Felder, das ist in Ordnung. Sie könnten die Adresse festlegen oder Ihre Nachricht danach aufnehmen. Was passiert, wenn jemand auf „Senden“ klickt? Entwurf? Wir könnten die Tasten natürlich links und rechts ausrichten links und rechts und vielleicht eine Leuchtbox verwenden, damit Sie auf Formular öffnen klicken können. Form der Öffnung, wenn du das tust. Speicher ist dann im Grunde genommen der Ort, an den die E-Mail gesendet wird, wenn sich jemand abstieg fühlt. Sie können es natürlich im Moment eingerichtet, um die E-Mail-Adresse per E-Mail zu senden , für die Sie sich anmelden möchten. Wir werden zu Benachrichtigungen kommen, aber ansonsten können Sie sie auch woanders aufbewahren. Also los geht's. Weißt du was, Lass uns diesen Raum bewegen oder in die Mitte. Kann ich diesen Bereich löschen, Sir? Ja. Das ist okay. Lasst uns ein bisschen netter. Es gibt keine wirkliche Möglichkeit für mich, das zentrierter zu senken. Sei schön, es zu zentrieren, oder? Oder ich denke zu viel darüber nach. Oh, da sind wir los. Direkt unter der Karte können wir unsere Karte nach oben und unten ziehen. Und dadurch fühlt es sich ein bisschen schöner an. Wir können dies vom Standort aus ändern, um uns zu kontaktieren. Brillant. Wie Sie sehen können, fließen wir absolut. Okay, cool. Die Seite ist fertig, bevor wir einfach zu lange gehen. Im nächsten Video werden wir die Kopfzeile und die Fußzeile bearbeiten , und dann sind unsere Seiten ziemlich fertig. Und danach müssen wir nur noch ein paar Dinge abschließen. Wir sehen uns also im nächsten Video. 14. Kopf- und Fußzeilenbereich: Hey da und willkommen zurück. In diesem Video werden wir die Kopf- und Fußzeile bearbeiten. Also lasst uns gleich reinspringen. Also genau hier oben, wenn Sie feststellen, dass dieser Header auf allen Webseiten der Website verwendet wird. Wenn wir also in unserem letzten auf Speichern und Fertig klicken, spielt es keine Rolle, worauf wir klicken. Beachten Sie, dass es sich um dieselben Informationen oben handelt und dieselben Details geteilt werden. Was wir also tun können, ist, dass wir auf Bearbeiten klicken, Mauszeiger darüber bewegen, um oben einzugeben, und es heißt „Site-Header bearbeiten“. Dann haben wir hier einige Möglichkeiten, basierend auf dem von uns ausgewählten Thema herumzuspielen . So können wir zum Beispiel tatsächlich ein Site-Logo festlegen. Statt dieser Kevins Kurse können wir also ein Logo setzen. Also könnte ich das hier hinzufügen, und wir können tatsächlich das verwenden , das ich zuvor hinzugefügt habe, nämlich das k. Beenote. Es ist vielleicht nicht großartig, weil es sich auf einem Hintergrund befindet, der nicht gerade ein transparentes Logo ist . Aber wenn wir die Höhe einstellen und eine maximale Höhe für mehr Galle einstellen, kann ich sie alle separat per Logo hinzufügen. Wenn das ein transparenter Hintergrund wie ein professionell gemachtes Logo wäre, würde es ganz gut passen, oder? Aber wir haben diesen weißen Hintergrund von früher. Aber das ist nur ein Beispiel. Wenn Sie ein Logo für Ihre Website haben, können Sie es auch hier einlegen. Sie können das Logo auch einfach entfernen und im Wesentlichen den Namen behalten. Okay, da, weißt du, benutze stattdessen einfach deinen Site-Namen. Es gibt jedoch ein Beispiel, wie Sie das Logo für Ihre Website festlegen können. Okay, wir haben unsere Elemente, also haben wir einen Knopf hier, oder? Und was ich eigentlich tun könnte, ist, dass ich diesen Knopf mache. Ich könnte das Ganze entfernen, wir machen keinen Kurs mehr, also brauchen wir das nicht. Also ändere ich das einfach in Kontakt. Ich mache kurze Links zu unserer Kontaktseite. Und sparen Sie. Wir haben Optionen für soziale Links, damit wir unser Instagram und Facebook hinzufügen können . Und du hast die App. Sie können Ihre sozialen Medien grundsätzlich mit dem Squarespace verbinden und es wird sie korrekt anschließen. Sie können dort auch die Symbolgröße ändern. Und ja, das ist so ziemlich Rock von der Elementseite. Dann haben wir Stil. Also haben wir hier einige Möglichkeiten, mit einigen Farbverläufen, einigen Themen zu arbeiten. Wir können dort einen weißen Hintergrund stellen , der irgendwie schön aussieht. Sieht nicht so aus, als ob wir auf die Homepage geklickt hätten oder können wir wieder nach Hause gehen? Im Moment nicht genau, aber ich sage dir was. Wir werden das nur den generischen Stil lassen, weil mir der ursprüngliche Stil tatsächlich gut gefallen hat. Dynamisch. Und wir haben die Möglichkeit , einen Rahmen hinzuzufügen , der überhaupt nicht gut aussieht. Lasst uns das also in Ruhe lassen. Und Sie können es auf eine feste Position einstellen. Im Grunde bedeutet das, dass es niemals in gewisser Weise die Größe ändern wird, sondern genau so bleiben wird, wie es ist. Jetzt kannst du das einfach zu einfach benutzen oder es sogar cool ausschalten . Was wir hier haben, ist, dass Sie tatsächlich eine bestimmte Ansicht für Desktop und Mobilgeräte erstellen können. Also auf dem Desktop hier wird es so aussehen und ich bin mehr Galle, so wird es aussehen. Und Sie können hier einige Einstellungen haben. Sie können das Menüsymbol ändern. Sie können die Dicke des Menüsymbols ändern. Sie können schauen und zeigen, wie das Menü aussehen wird , wenn Sie das Menü auf dem Handy öffnen. Das ist also sehr, sehr gut. So nicht wahr? Dann auch Desktop? Eigentlich nicht viel dazu. Wissen Sie, was wir eigentlich tun müssen , ist, dass ich hier oben auf Speichern klicke. Klicken Sie also immer auf Speichern. Und ich werde sicherstellen, dass wir diesen Kontakt hier entfernen. Also werde ich diesen Kontakt in den Abschnitt „Nicht verlinkt“ entfernen in den Abschnitt „Nicht verlinkt“ , da wir die Seite behalten möchten. Ich möchte die Seite nicht löschen. Ich möchte nur sicherstellen, dass es nicht in der Navigation ist. Also jetzt schau Kontakt heraus, was irgendwie nett ist. Wenn ich zurück zur Homepage gehe, wie Sie sehen können, wird sie aktualisiert. Jetzt fängt es wirklich gut an, Gestalt anzunehmen. Was wir als Nächstes tun werden, ist, dass wir uns die Informationen unten auf der Seite ansehen die Informationen unten auf , um die Fotos zu filtern , die auch auf jeder Website verwendet werden. Du kannst also herkommen und das kannst du grundsätzlich ändern. Ich habe kein Set für das Team bemerkt, aber Sie können dies in den Site-Namen ändern , Kevins Klassen. Wenn Sie dies für eine Agentur machen, können Sie sagen, made with oder et cetera. Oder Sie könnten einfach etwas sagen , das 2022 urheberrechtlich geschützt ist. Kevins Unterricht. Obwohl es sich um ein Copyright-Symbol handelt, weiß ich nicht, wie ich ein Copyright-Symbol auf meiner Tastatur erstellen soll . Möglicherweise müssen Sie es von irgendwo kopieren und einfügen. Wir können einfach das Copyright aufschreiben. Hier. Wir haben unsere Adresse. Sie können es hier im Grunde genommen, wissen Sie, 12 Baum- oder Kerzenstraße, Dublin, Irland. Und dann eine Telefonnummer, 0112222. Okay. Hier haben wir im Grunde die Möglichkeit, einige Seiten hinzuzufügen, wie Sie sehen können , damit die Seiten von jemandem vollständig entfernt werden. Jetzt. Wie Sie sehen können, sagt dieser über und es ist mit der About-Seite verknüpft. Es heißt immer noch, nicht wahr? Das ist es. Natürlich ist das in Ordnung. Standort. Wir können das ändern, um Kontakt zu übernehmen. Heben Sie das hervor. Klicken Sie auf Ihr Link-Symbol und ändern Sie dann Ihren Link zur Webadresse. Und Sie können im Grunde genommen, oder Sie können es auf Seite ändern, tut mir leid, und dann kontaktieren und speichern. Okay, Cool. Im Grunde kann man also feststellen , dass diese geändert werden , um die Farbe und den Basiswert entsprechend dem Thema zu ändern . Wie auch immer, so ist es eingerichtet. Und Sie können jeden dieser ändern oder Sie könnten sie vollständig entfernen, wenn Sie möchten. Und dann funktionieren diese Links im Grunde genauso wie oben. Wenn Sie sicherstellen möchten, dass Ihre Instagram- und Social-Links korrekt verbunden sind, müssen Sie im Grunde darauf klicken. Klicken Sie in der URL auf welche Sie eine Anzeige schalten möchten . Und das ist das Gleiche für unseren Header eins hier oben. Was Sie tun können, ist, dass Sie tatsächlich weitere soziale Links hinzufügen können . Sie können also YouTube eingeben, wenn Sie möchten. Du musst auf Bearbeiten klicken und dann einen sozialen Link hinzufügen, tut mir leid, YouTube. Alles, was Sie müssen die URL selbst eingeben und es wird das Symbol ziehen. Mein Fehler. Wenn Sie also eine URL haben, legen Sie sie dort ein, sie wird das Symbol ziehen. Okay, cool. Das ist im Wesentlichen das. Leute, soweit ich von hier aus weiß, sieht es so aus, als wären wir auf unserer Website ziemlich fertig. Nur um einen kurzen Blick darauf zu werfen, wie das aussieht. Wir klicken auf Speichern, wir gehen zurück. Ich denke, das ist ziemlich Rockin, ich werde nicht lügen. Wir können aufs Handy gehen. Und wie Sie sehen können, ist Squarespace ziemlich cool bei Lincoln dieses Zeug für Mobilgeräte, es macht großartige Arbeit. Sie wollten eine dieser Seiten bearbeiten. Sie können den Editor öffnen und auch hier oben auf das Handy-Symbol klicken. Und Sie werden sehen , dass dies die Optionen zum Bearbeiten unseres Mobiltelefons eröffnet , wodurch wir die Änderungen auf diese Weise vornehmen können. Aber wie Sie sehen konnten, ist das Zeug wirklich, sehr reaktionsschnell mit einem, indem Sie Squarespace verwenden, sodass Sie wirklich nichts falsch machen können. Okay Leute, das ist alles, was wir für dieses Video bereit haben. Im nächsten Video werden wir uns im Grunde nur die letzten Einstellungen auf der linken Seite ansehen Grunde nur die letzten . Und melden Sie sich für Squarespace an und welche Art von Plan sollten Sie auswählen wenn Sie einen Plan auswählen möchten. Also freue ich mich darauf, dich in diesem Video zu sehen. 15. 15 Domains, Abonnements und Testversionen: Hey da und willkommen zurück. In diesem Video werden wir einfach ein paar Dinge in Squarespace erledigen. Okay, also gehen Sie zurück zu unseren Einstellungen mit unserer schönen brandneuen Website, schauen Sie, wie großartig das ist. Es bringt uns an alle Orte, an die wir gehen wollen und die Dinge tun, die wir tun wollen. also mit Blick auf diese Website wir uns also mit Blick auf diese Website die endgültigen Einstellungen auf Squarespace an. Also hier haben wir Seiten. haben wir uns schon angeschaut. Wir haben unseren Online-Shop. Wir werden im Moment nicht in den Online-Shop schauen. Wir schließen das einfach und gehen zurück. Ich werde versuchen, einen weiteren Kurs zu erstellen vollständig auf dem Online-Shop basiert. Okay? Das ist also nicht etwas, das wir uns gerade ansehen. Marketing. Unter Marketing haben wir hier einige Optionen für E-Mail-Kampagnen, Profile, einige SEO-Details. Sie haben also einige SEO-Checklisten und Dinge, die Sie hier ausarbeiten können. Zum Beispiel könnten Sie die SEO-Einstellungen für die Homepage-SEO hier so einstellen , wie Sie wissen, für Ihren Site-Titel. Wenn Sie nach Google suchen und nach Genom, Webdesign, Webdesign, Webdesign gesucht haben, schauen Sie, wie die Optionen einen Titel und eine Art Galle- oder Meta-Beschreibung unter diesem Titel haben. Und Meta-Beschreibung kann angepasst werden. Im Wesentlichen können Sie das hier tun. Anstelle von Kevins Kursen könnten wir wie moderne Designs zu einem Bruchteil der Kosten erstellen. Das könnte der Titel sein. Und dann kannst du deine Beschreibung im Grunde ändern. Du könntest heute gerne Kontakt aufnehmen, wann wenn du möchtest , und so weiter. Auch das hat viel mit SEO zu tun. Es hängt alles von Schlüsselwörtern ab, die Sie verwenden möchten. Du musst vielleicht so etwas nicht eingeben. Aber es hängt alles davon ab, wonach die Leute suchen. Wenn Sie also ein bisschen über SEO wissen, wird es Ihnen sowieso viel Spaß machen, hier drin ein bisschen Risse zu haben, klicken Sie auf Speichern, nachdem Sie trotzdem Einstellungen vorgenommen haben. Das geht also auf unser Marketing-Standortmanagement zurück , nicht auf etwas, das wir uns gerade ansehen müssen . Das ist ein großes Werbe-Pop-up. Sie können Pop-ups so erscheinen lassen. Und du könntest im Grunde ändern, was sie sagen und was sie tun. Es gibt eine Menge Dinge hier. Sie könnten sagen, treten Sie unserer Mailingliste bei und jemand würde die Mailingliste eingeben und abonnieren. Sie können entscheiden, was im Grunde genommen passieren wird , nachdem sie das getan haben. Es ist ein Premium-Feature. Es hängt also davon ab, welche Art von Funktion, welche Art von Paket wir bald auswählen, was ich Ihnen zeigen werde. Schon wieder. Lass uns einfach mal zurückgehen. Analytics ist der Ort, an dem Sie die Analysen Ihrer Website anzeigen , je nachdem, wer Ihre Website wo und wie besucht hat . Es ist sehr interessant, ich würde auf jeden Fall Spaß daran haben diese Profile anzusehen. Sie müssen sich keine Sorgen um Profile machen. Sie werden wahrscheinlich der einzige Benutzer für Ihr Konto sein. Es tut mir leid. Nein, ich schimme ab. Klar. Jemand denkt, dass er nicht nur so wichtig ist, damit er anfangen kann. Und auf diese Weise, weißt du, Einstellungen, das ist wirklich die große. Ich meine, derzeit oder eine Seite ist privat. Wenn wir also unsere Website verfügbar machen wollten , können wir das nicht. Wir müssen zuerst ein Upgrade durchführen, aber dort würdest du das ändern. Und der nächste große hier ist wirklich unsere Domains und unser Workspace. Haben Sie sich das im Bereich Domains angeschaut, können wir tatsächlich eine Domain oder Benutzerdomäne kaufen, die Sie besitzen. Wenn Sie also mit Squarespace eine Domain kaufen möchten, können Sie eine Domain abrufen auswählen. Sie können sich im Wesentlichen eine Pro-Domain anmelden. Kevins courses.net ist also verfügbar. Und ich kann das in den Warenkorb legen. Und im Grunde genommen von dieser Domain von Squarespace und sie werden es für mich mit meiner Seite verbinden, hey, tut mir leid, ich glaube, mein Video für eine Sekunde ausgeschnitten, also könnte ich ein Fade in machen, genau da raus. Aber wie ich schon sagte, im Grunde genommen ja, Sie können auswählen, Hier eine Domain abrufen, die Domain finden, die im Internet verfügbar ist, und Sie können sie zu Ihrem Konto und Voreingenommenheit von Squarespace hinzufügen damit Sie sich nicht einmal mit einem Dritten auseinandersetzen müssen. Das ist also eine weitere sehr nützliche Sache, die Sie finden könnten , denn sonst haben Sie eine Art davon, das ist im Moment Ihre Domain, Kokos-Eule. Daher ist es möglicherweise nicht allzu nützlich, wenn Sie eine Domain haben, die Sie besitzen Sie können sie jederzeit mit der Domain verbinden, die Sie in der Domäne eingeben, wenn Sie sie woanders besitzen, und Sie können diese später verknüpfen auch. Jetzt ist der Google-Workspace auch hier. Was Sie also tun könnten, ist, wenn Sie Ihre Domain sortiert haben, können Sie sich im Wesentlichen für Gmail anmelden , aber welches Unternehmen? Wenn mein Geschäft also Kevin Kevins courses.net wäre, könnte ich eine E-Mail-Adresse namens Kevin bei Kevins courses.net oder Informationen bei Kevins courses.net haben. Und das könnte etwas Nützliches sein. Und dafür würdest du durch Squarespace bezahlen, der verrottet dich direkt für sie anmeldest. Sie bieten Ihnen also wirklich viele Möglichkeiten alles wirklich zu zentralisieren. Ganz einfach. Das letzte, was ich mir hier ansehe, ist die Abrechnung, okay, also heißt es unter unseren Abonnements, dass wir derzeit kein Abonnement haben. Wir haben momentan ein Testabonnement. Klicken wir auf die Website. Und wir haben unseren Prozess für ein paar, ein paar Wochen. Wenn ich ein Upgrade auswähle, sehen wir einige Optionen. Okay? Also hier sehen wir uns den Anfang an , der bei 11€ pro Monat beginnt. Das ist für mich. Nun, wenn ich vielleicht US-Dollar einlege oder habe, ist der australische Dollar? Aud, vielleicht bist du Pfund. Ich schaue mir vorerst nur die Euros an. Es sind 11€ pro Monat. Ich weiß nicht, wie viel Dollar das ist. Vielleicht 1213, 14 Dollar. Was Sie tun können, ist, dass Sie jährlich bezahlen können oder monatlich bezahlen. Derzeit ist es also jährlich. Und der persönliche Plan ermöglicht es Ihnen, Ihnen den ersten 12 Monaten tatsächlich eine kostenlose Domain zu geben. Die Domains haben sich also nur all diese Pläne angesehen. Geben Sie ein freies Jahr einer Domain, das normalerweise 20 oder zehn oder 20 USD pro Jahr entspricht. Das ist also cool. Du kriegst deine SSL. All das coole Zeug enthielt Videospeicher. Wenn Sie also viele Videos hinzufügen möchten, möchten Sie bis zu 30 Minuten Videospeicher haben. Und es gibt all das Zeug, das hier enthalten ist, was ziemlich großartig ist. Nun können Sie sich den Geschäftsplan hier ansehen und sich einige der Dinge ansehen , die der Businessplan bietet. Wenn Sie beispielsweise Artikel online verkaufen möchten, müssen Sie den Geschäftsplan abrufen, da dies die E-Commerce-Integration ist. Bei diesem Geschäftsplan fallen Transaktionsgebühren an. Wenn Sie keine Transaktionsgebühren wünschen, würden Sie sich für den Handelsplan entscheiden. Jeden Monat ist es ein bisschen mehr. Aber wenn Sie viele Artikel verkaufen und dass 3% mehr sind als die zusätzliche Gebühr, ist es vielleicht wert. Hattest du Produkte? Sie können Spenden und Geschenkgutscheine annehmen. Und wie Sie sehen können, gibt es hier eine Menge Dinge in Bezug auf Marketing-Tools und E-Commerce-Tools , die Sie möglicherweise aktualisieren müssen. Ich denke, für die Art der Website, die wir uns heute angesehen haben, ist der persönliche Plan wahrscheinlich sehr gut. Sie können monatlich bezahlen, wenn Sie möchten, aber es sind 15€ pro Monat. Aber wenn Sie die ersten 12 Monate bezahlen, arbeiten Sie im Grunde genommen 11€ pro Monat aus und Sie zahlen alles auf einmal. Wenn ich das also wähle, wird es mir im Wesentlichen heute 132 zuzüglich der Mehrwertsteuer bei 162 Euro in Rechnung stellen. Und wenn ich nur einen Monat beißen wollte, lass mich dorthin zurückkehren, um monatlich zu aktualisieren, wähle aus. Es wird mir 15 plus Fett berechnen, 23% in Irland, das sind 18 Euro, 40 Euro. Dann würde ich es einfach hier kaufen. So funktioniert es also. Wenn Sie nur für ein paar Monate, vielleicht monatlich, zitieren möchten , ist das eine bessere Option für Sie, wenn Sie dafür ein legales Jahr kaufen möchten. Wenn Sie dies stornieren möchten und viel Spaß daran hatten , gemeinsam eine Website zu erstellen, aber Sie haben einfach keine Interessen und möchten nicht , dass sie später ein nerviges Sie verfolgen. Sie können hier einfach Testversion abbrechen auswählen und Ihr Konto löschen. Das ist auch absolut in Ordnung. Aber ich schlage vor, dass, wenn Sie nicht wirklich viel über das Erstellen und Codieren von Websites lernen über das Erstellen und Codieren von Websites möchten und all die Dinge, die mit Squarespace geliefert werden, wirklich die All-in-One-Lösung ist. Es ist fantastisch. Es macht einige großartige Dinge, die Sie damit tun können, diese Website, einfach Tool und frei. Man kann eine Menge Sachen damit integrieren. Jedenfalls. All das, was gesagt wird, glaube ich, dass wir alles abgedeckt haben , was ich in diesem Kurs behandeln wollte. Ich fasse mich zusammen. Wir haben uns angeschaut, wie wir uns anmelden und eine Vorlage auswählen. Wir haben ein paar Bilder ausgewählt, einige haben im Grunde einige Seiten neu erstellt, einige Seiten umbenannt, Seiten hinzugefügt. Wir haben alle Inhalte der Abschnitte bearbeitet. Wir haben nicht alle bearbeitet. Aber Sie haben eine Vorstellung davon, was ich meine, wo Sie besser wissen, was Sie all diese zusätzlichen Seiten für Ihr Unternehmen erstellen möchten. Aber wir tun es, wie ich vorschlagen würde , einen Blick auf alle Elemente zu werfen. So wie wir eine Fotobox und eine SMS ziehen können, blockiert es eine Menge, wie zum Beispiel erstellen Sie einfach eine Testseite und fügen Sie einfach Lappen der Männer hinzu und sehen Sie einfach, was passiert und haben Sie Spaß damit, und ziehen Sie sie herum, ziehe sie nach links, ziehe sie nach rechts und sieh, wie die Elemente zueinander passen. Das Beste, was Sie tun können, ist eine Stunde beiseite zu legen und einfach verrückt zu werden, weil Sie ihnen keine Kreditkartendaten geben müssen. Um mit Squarespace eine Website zu erstellen, kannst du zuerst erstellen, was du willst, aus all deinen Fehlern lernen und dich dann anmelden, wenn du bereit bist, dich anzumelden, weißt du, und ich hoffe, dass dieser Kurs hilft dir im Bauch. Du hast damit angefangen. Weil du 14 Tage hast, um das auszuprobieren, was viel Zeit ist, um viele spielerische Sachen zu erledigen. Jedenfalls. Vielen Dank für den Kurs. Für den Besuch dieses Kurses. Wenn Sie Fragen haben, legen Sie diese bitte in den Diskussions-Tab oder senden Sie mir eine Nachricht. Und wenn Sie zum Kurs teilnehmen möchten, hinterlassen Sie mir bitte eine Rezension. Wenn Sie das Gefühl haben, dass ich etwas verbessern kann, lassen Sie es mich auch alles Gute wissen. Und ich hoffe, bald noch ein paar Kurse wie diesen zu haben. Schau sie dir also an, ob sie in meinem Profil verfügbar sind. Wenn nicht, ist das okay. Ich lasse sie wahrscheinlich bald kommen. Also wie auch immer, vielen Dank und vielen Dank, dass Sie sich die Zeit genommen haben , diesen Kurs zu absolvieren. Und ich wünsche dir alles Gute.