Transkripte
1. Einführung: Hey, ich bin Maya Favor und bin Oberflächenmusterdesignerin aus Stockholm, Schweden. Dies ist eine Klasse für Kreative, die eine einfache Portfolio-Website erstellen wollen. Ihre Website ist die Basis für Ihr Online-Marketing, und eine gut aussehende,
funktionale Website zu haben, um Ihre Arbeit zu präsentieren, ist heutzutage ein Muss. Eine Website zu erstellen, kann sich wie eine große Aufgabe anfühlen, aber ich bin hier, um Ihnen zu zeigen, dass es nicht so sein muss. Sie müssen keine Monate damit verbringen, eine Website zu erstellen, Sie können tatsächlich nur ein paar Tage dauern, wenn Sie den Dreh von ihm bekommen. In dieser Klasse werden wir Square Space als Plattform verwenden, um
eine einfache Portfolio-Website zu erstellen. Es basiert auf einer Vorlage, aber ich werde Ihnen zeigen, wie Sie eine Vorlage optimieren und personalisieren können, wenn Sie dies tun möchten. Sie müssen sich nicht für einen kostenpflichtigen Plan von Square Space anmelden, um
diese Klasse zu nehmen , da Sie 14 Tage Testversion erhalten, wenn Sie sich anmelden, was viel Zeit ist, um der Klasse zu folgen und Square Space
als Plattform auszuprobieren , bevor Sie sich entscheiden die Zahlung für den Service. Dies ist eine Klasse für Sie, die lernen möchten, wie man eine einfache Portfolio-Website erstellt. Sie müssen nicht technologisch versiert sein, wir werden keine Codierung verwenden. Sie können ein kompletter Anfänger sein und Sie benötigen
keine vorherige Erfahrung in der Erstellung von Websites, um diese Klasse zu absolvieren.
2. Was du lernen wirst: Bevor wir mit den praktischen Teilen dieser Klasse beginnen, möchte
ich mir nur einen Moment Zeit nehmen, um darüber zu sprechen, was Sie in dieser Klasse lernen und was Sie nicht lernen werden. In dieser Klasse lernen Sie, wie Sie eine einfache Portfolio-Website in Squarespace erstellen. Ich werde Ihnen die Schritte beibringen, die Sie ergreifen müssen, um Ihre Website zu erstellen. Aber ich werde dir nicht alles über Squarespace zeigen. Dies ist eine Klasse für Anfänger, und deshalb werde ich alles wirklich einfach halten, so dass Sie in der Lage sein werden, mitzuverfolgen, ohne irgendwelche Vorkenntnisse über die Erstellung von Websites. Wenn Sie erweiterte Funktionen
und Funktionen innerhalb von Squarespace erfahren möchten , haben
Sie ein hervorragendes Hilfecenter mit allen Artikeln, Webinaren und sogar Kundensupport, per Chat
und E-Mail, die frei von Ladung. Ich bin kein Squarespace-Support-Center und kann daher nicht alle Ihre Fragen zu Squarespace beantworten. Ich bin hier, um Ihnen zu zeigen, wie Sie eine einfache Portfolio-Website erstellen können, ohne basierend auf einer Vorlage in Squarespace zu programmieren. Ich werde Ihnen ein wenig darüber zeigen, wie Sie Ihre Vorlage optimieren und personalisieren können. Aber ich möchte erwähnen, dass selbst wenn Sie das Gefühl haben, dass Sie viele Hüte in Ihrem kreativen Geschäft übernehmen müssen, Sie nicht brauchen, um ein Web-Designer zu sein, um eine sehr einfache Portfolio-Website zu erstellen. Es ist in Ordnung, die Website direkt aus einer Vorlage zu erstellen, ohne sie zu optimieren. Der Zweck Ihrer Website ist es, zu zeigen, was Sie erstellen, Ihre Kunstfotografie oder das Handwerk, das Sie machen. Die Website ist nicht gemacht, um Ihre Web-Design-Fähigkeiten zu zeigen. Mit diesem sagte, Ich denke, dass es wichtig ist, eine professionell aussehende Website zu haben, die Sie und Ihr Geschäft widerspiegelt. Deshalb wähle ich quadratischen Raum als Plattform, um meine Websites zu erstellen. Sie erhalten eine professionell aussehende Website, mit allem, was in einer Rechnung enthalten ist. Deshalb fühle ich, dass Squarespace so ein großartiges Werkzeug ist. Es ist leicht zu verstehen, alles ist im Lieferumfang enthalten, und Sie erhalten alles, was Sie brauchen, innerhalb einer Plattform. Wir werden eine einfache Portfolio-Website mit nur wenigen Seiten erstellen. Wir werden jedoch nicht, erstellen Sie einen Webshop und eine Nachricht Brief Abonnements, oder gehen weiter in dieser Klasse, dann die grundlegenden Seiten, die Sie auf einer Portfolio-Website benötigen. Wir werden keine Codierung oder erweiterte Funktionen in Squarespace durchführen. Dies ist eine Klasse, wie Sie eine Portfolio-Website auf eine schnelle und einfache Art und Weise erstellen. Es ist keine fortgeschrittene Web-Design-Tests. Eine Sache, die üblich erscheint, wenn Kreative im Begriff sind, Websites zu erstellen, ist es, sie zu überdenken. Vielleicht planen Sie monatelang, und wie Ihre Website aussehen soll und irgendwie scheint
man nie alles geschehen zu lassen. Nun, ich bin hier, um dir zu sagen, dass es nicht so sein muss. Ich fordere Sie tatsächlich auf, eine sehr einfache Portfolio-Website zu erstellen, in einem schnellen Prozess zu veröffentlichen, und dann können Sie sie optimieren und Änderungen weiter unten auf der Straße vornehmen. Mit persönlichen Portfolio-Websites
denke ich, dass Sie es ausprobieren müssen, bevor Sie wissen, was funktioniert. Versuchen Sie zunächst nicht, eine wirklich komplexe Website zu erstellen. Gehen Sie für eine einfache, wie die, die ich Ihnen beibringen werde, wie Sie in dieser Klasse erstellen. Mit der Zeit können Sie Ihre Website persönlicher
und komplexer gestalten, wenn Sie möchten.
3. Dein Projekt: Ihr Projekt in dieser Klasse ist es, Ihre eigene Portfolio-Website in Squarespace zu erstellen. Sie können einen Link zu Ihren veröffentlichten Websites freigeben, wenn Sie Ihre Website veröffentlichen, wenn Sie diese Klasse besuchen, oder Sie können einige Screenshots auf Ihrer Testwebsite machen und als JPEG teilen.
4. Mach einen Plan: Beginnen wir also mit einem schnellen Plan, was auf Ihrer Website aufgenommen werden soll. Wenn ein Webdesigner mit einer Website arbeitet, erstellen
sie Drahtrahmen und entwerfen die ganze Seite der Linie, bevor sie beginnen, sie zu bauen. Wir werden in dieser Klasse nicht so arbeiten, weil wir vorgefertigte Vorlagen haben, die alles so viel einfacher machen und viel Zeit sparen. Also, was werden wir in dieser Lektion planen? Wir werden den Inhalt planen. Lassen Sie uns also nur einen kurzen Blick auf meine Website und meine Inhalte werfen, so dass wir etwas zu vergleichen haben. Ich habe heutzutage eine Reihe von Inhalten auf meiner Website, da ich mit vielen Filialen in meinem Geschäft arbeite, aber die erste Website, die ich
erstellt habe, war eher wie die einfache Portfolio-Website, die wir in dieser Klasse erstellen werden, dann habe ich Inhalte zu meine Website während der Jahre, als mein Geschäft expandiert. Also für eine einfache Portfolio-Website, die wir in dieser Klasse erstellen werden, denke
ich, dass Sie eine Homepage haben sollten, die die Startseite Ihrer Website ist. Sie sollten definitiv eine Portfolio-Seite haben, dies kann eine Startseite sein oder es kann eine separate Seite mit Ihrem Portfolio sein. Sie sollten eine Info-Seite und eine Kontaktseite haben. Es sind wirklich nur drei oder vier Seiten insgesamt, die Sie auf Ihrer Website benötigen. In dieser Klasse werden wir auch einen Blog zu Ihrer Website hinzufügen, da ich vermute, dass viele von Ihnen irgendwo auf Ihrer Website haben möchten, wo Sie wie berichtenwürdige Inhalte veröffentlichen können. Um diese Seiten erstellen zu können, benötigen
Sie Text und Bilder. Nehmen Sie sich zunächst eine Weile Zeit, um darüber nachzudenken, wer die Besucher Ihrer Website sein werden. Werden es zum Beispiel mögliche Kunden sein? Sie sollten Ihre Inhalte immer auf Ihre Zielgruppe ausrichten. Stellen Sie
daher sicher, dass der Text, den Sie schreiben, und die Bilder, die Sie verwenden, mit dem übereinstimmen, an dem Ihre Zielgruppe interessiert ist. Jedes andere Geheimnis ist, dass ich noch nie
einen großen Plan gemacht habe, bevor ich anfing, meine Websites zu bauen. Ich arbeite gerne intuitiver und schreibe den Text und füge Bilder hinzu, während ich eine Website erstelle. Ich finde heraus, was zu einer bestimmten Seite passt und schreibe einen Text und füge Bilder hinzu, die dem entsprechen. Wenn Sie etwas mehr planen wollen als ich, können
Sie einfach ein einfaches Textdokument mit Überschriften über verschiedene Seiten schreiben und den Text schreiben, den Sie auf diesen Seiten einfügen möchten. Sie können Bilder sammeln, die Sie auf Ihrer Website verwenden möchten. Möglicherweise wissen
Sie derzeit nicht, in welcher Größe Sie die Bilder
benötigen aber Sie können einfach Bilder in einem Ordner sammeln und sie später anpassen. Eine wichtige Sache zu erwähnen ist, dass Ihre Bilder im
RGB-Farbmodus sein sollten , um korrekt online angezeigt zu werden. Um mehr über Farbmodi zu erfahren, können
Sie meine anderen Kurse auf skillshare überprüfen, Ihre Dateien für den Druck
vorbereiten und lernen, wie Sie Ihre Dateien in den RGB-Farbmodus ändern. Für diese einfache Portfolio-Website benötigen
Sie einige Bilder von Ihrem Kunstwerk und ich würde vorschlagen, dass Sie ein Porträtfoto von sich selbst zu Ihrer Website hinzufügen und wenn Sie ein Logo haben, würde
ich eine PNG-Logo-Datei vorbereiten , um zu Ihrer Website hinzuzufügen. Wenn Sie noch kein Logo haben, haben Sie keine Sorgen, können
Sie immer Ihren Namen oder Ihren Markennamen als Seitentitel auf Ihrer Website ausschreiben. Das ist eigentlich alles, was Sie planen müssen, um
mit dieser Klasse zu beginnen und damit zu beginnen, Ihre einfache Portfolio-Website zu erstellen.
5. Erste Schritte mit Squarespace: Beginnen wir mit Squarespace. Gehen Sie zu SquareSpace.com und wir werden schließlich mit einer Website mit einer kostenlosen Testversion beginnen. Aber zuerst werfen wir einen Blick auf andere Funktionen, die in Squarespace enthalten sind. Wenn Sie den ganzen Weg nach unten scrollen, können
Sie unter Produkte zur Feature-Liste wechseln. Hier können Sie alles darüber lesen, was
enthalten ist und was die Squarespace-Plattform für Sie tun kann. Ich werde das alles nicht für dich erwähnen. Sie können darüber selbst lesen. Aber im Grunde, warum ich Squarespace benutze, ist, weil alles enthalten ist. Alles vom Web-Hosting bis zur hohen Qualität Ihrer Website. Sie können einen Shop haben, Sie können eine E-Mail mit Gmail verbunden haben. Es wird keine Codierung benötigt. Es gibt Responsive Design, was bedeutet, dass Ihre Website auf allen Arten von Geräten funktioniert. Sie bieten sehr einfache Drag-and-Drop-Bearbeitungstool, um Ihre Websites zu erstellen. Grundsätzlich wäre es nur geben Ihnen eine wirklich qualitativ hochwertige Websites. Sie müssen kein professioneller Webdesigner sein, um Squarespace-Website zu erstellen. Es kann wirklich gut aussehen, wenn Sie nur die vorgefertigten Vorlagen verwenden und wenn Sie möchten, können
Sie sogar benutzerdefinierten Code hinzufügen, um sie wirklich persönlich zu machen. Klicken wir einfach auf die Preise und die Produkte, um zu sehen, was das alles für Sie kostet. Manche Leute denken, dass Squarespace ein bisschen
teurer ist als andere ähnliche Plattformen und Tools. Aber ich fühle, dass mit allem, was Sie erhalten enthalten und auch , dass Sie wissen, dass Sie eine qualitativ hochwertige Website bekommen oder Sie werden keine Probleme mit Ihrer Website haben. Ich habe das Gefühl, dass es
das zusätzliche Geld wert ist, weil es so einfach ist und es möglich ist, zuerst eine kleine Website zu erstellen und sie dann so viel zu erweitern, wie Sie möchten. Wir werden nur einen kurzen Blick auf die Kosten werfen und welche Art von Plan Sie verwenden sollten. Aber in dieser Klasse werden
wir eine kostenlose Testversion starten. Sie müssen sich für nichts registrieren, bevor Sie versuchen,
Ihre Website zu erstellen und sicherzustellen, dass es sich um ein Tool handelt, das Sie verwenden möchten. Sie können sogar Ihre gesamte Website erstellen, bevor Sie sich anmelden. Scrollen wir nach unten und werfen einen Blick. In der Regel ist die Lohn jährlich etwas besser als die monatliche Bezahlung. Wenn Sie jährlich zahlen, sparen
Sie 30 Prozent. Ich würde das auf jeden Fall empfehlen und Sie könnten mit einem persönlichen Plan beginnen. Vor allem, wenn Sie
noch nicht mit dem Geschäft begonnen haben und vielleicht haben Sie keine Incoming im Geschäft. Der persönliche Plan könnte der beste für Sie sein,
denn Sie können immer upgraden, wann immer Sie wollen. Aber wenn Sie ein Geschäft haben, oder wenn Sie das Gefühl, dass Sie die zusätzlichen $4 pro Monat leisten
können, dann würde ich auf jeden Fall empfehlen, den Business-Plan. Sie können hier alles darüber lesen, was Sie extra bekommen. Es geht alles von einer persönlichen E-Mail mit Google über erweiterte Analysen
bis hin zu vollständig integriertem E-Commerce. Wenn Sie in Zukunft ein Geschäft starten möchten, ist das großartig und alles ist einfach mehr verfügbar auf dem Business-Plan. Der grundlegende Commerce und fortgeschrittene Commerce-Plan ist für Sie, die Online-Shops erstellen. Wenn Sie eine Portfolio-Website erstellen, wie wir es in dieser Klasse tun, und Sie denken, dass Sie in Zukunft mit einem Geschäft erweitern möchten, würde
ich auf jeden Fall den Businessplan empfehlen. Aber Sie können alles über diese verschiedenen Arten von Plänen
auf eigene Faust lesen und entscheiden, mit welchem Sie sich später anmelden möchten. Denn in dieser Klasse werden
wir eine Test-Website erstellen. Gehen wir einfach zurück zur Startseite und klicken Sie auf „Erste Schritte“. Hier werden Sie zu einer Seite weitergeleitet, die wir die Vorlage auswählen und mit Ihrer Seite beginnen können. Aber ich werde darüber nachdenken, wann ich
eine Vorlage auswählen und ein wenig mehr über Vorlagen in der nächsten Lektion. Beginnen wir einfach mit der Erstellung eines Kontos in dieser Lektion. Klicken Sie oben rechts auf „Anmelden“ und auf „Konto erstellen“. Wenn Sie möchten, können Sie in
„Ich möchte keine E-Mail über neue Funktionen und Produkte erhalten“ klicken . Dann können Sie weiterhin ein Konto bei Google, bei Apple oder mit E-Mail erstellen. Lassen Sie uns einfach für E-Mail gehen, also schreiben Sie einfach Ihren Namen und Ihre
E-Mail-Adresse und erstellt das Passwort. Klicken Sie auf „Weiter“. Jetzt haben wir ein Konto von Squarespace
erstellt und wir können mit unserem kostenlosen Testen beginnen. Lassen Sie uns zur nächsten Lektion gehen, wo wir bei Vorlage auswählen, um zu beginnen.
6. Wähle eine Vorlage: Also lassen Sie uns eine Vorlage für unsere Website auswählen. Alle Squarespace-Websites haben eine Vorlage zu beginnen, aber was gut ist, in dieser neuen Version von Squarespace zu wissen, diese 7.1, was wir unsere Website bauen werden,
ist, dass alle diese tatsächlich eine Master-Vorlage sind. Sie können im Grunde alle Vorlagen neu erstellen, um sie wie einander aussehen zu lassen. Welche Vorlage Sie heutzutage in der Squarespace
7.1-Version wählen , ist viel weniger wichtig als in der vorherigen Version von Squarespace, wo die Vorlagen unterschiedliche Funktionen hatten. Denn jetzt haben alle Vorlagen die gleiche Basisfunktionalität. Sie können sich wirklich nur vorstellen, sie als Ausgangspunkt und wählen Sie eine Vorlage, die Sie mögen. Es gibt so viele zur Auswahl, so dass es schwierig sein könnte, eine Vorlage auszuwählen. In dieser Klasse werden wir eine grundlegende Portfolio-Website erstellen. Ich denke, es ist wichtiger, dass du erfährst, wie Squarespace funktioniert. Ich würde eine grundlegende Portfolio-Website erstellen, so dass Sie später mit Squarespace mehr erkunden können als Sie die Basis für den Aufbau Ihrer Portfolio-Website gelernt haben. Lassen Sie uns einfach eine Vorlage auswählen, die wir mögen. Im linken Menü hier können Sie nach beliebten Designs,
Portfoliofotografie, Online-Shops,
und all das durchsuchen Portfoliofotografie, Online-Shops, . Sie könnten für Portfolio gehen, wie wir eine Portfolio-Website erstellen. Aber um diese Klasse so logisch wie möglich zu machen, habe
ich eine Vorlage gefunden, die meiner Meinung nach wirklich gut für unseren Zweck funktioniert. Ich werde auf Fotografie klicken und wir werden die TALVA Vorlagen auswählen. Sie können auf „Vorschau TALVA“ klicken, wenn Sie sehen möchten, wie diese Vorlage aussieht. Denken Sie daran, dass Sie im Grunde alles mit dieser Website ändern können, aber Sie haben eine Vorlage zu beginnen, mit der es alles so viel einfacher macht. Klicken Sie auf „Beginnen Sie mit diesem Design“. Hier fragen sie Sie, wie Sie Ihre Website nennen sollen. Geben Sie einfach Ihren Markennamen ein und klicken Sie auf „Weiter“. Dann erhalten Sie einige Anweisungen, wie Sie Ihre Seiten erstellen und gestalten, aber wir können hier einfach überspringen, denn das wird Ihnen alles zeigen. Du kannst den Assistenten einfach abschalten, wenn du einen davon bekommst. Wie Sie unten sehen
können, endet die Testversion in 14 Tagen. Wenn Sie Ihre Website erstellt
haben, können Sie sie aktualisieren, um sie öffentlich zu machen und beginnen, für einen Plan auf Squarespace zu bezahlen, aber in dieser Klasse werden wir eine Website mit nur einer Probezeit erstellen. Ok, großartig. Jetzt haben Sie eine Vorlage ausgewählt und mit Ihrer Website begonnen. Lassen Sie uns zur nächsten Lektion gehen, wo ich Ihnen zeigen werde, wie Sie einige der allgemeinen Einstellungen Ihrer Website vornehmen können.
7. Übersicht und Einstellungen: In dieser Lektion werde ich Sie durch einige allgemeine Einstellungen Ihrer Squarespace-Website und wie die Plattform funktioniert und wie Sie verschiedene Einstellungen vornehmen. Wenn Sie sich Ihr linkes Menü ansehen, können
wir ganz oben bei Pages beginnen. Seiten ist, wo wir Seiten hinzufügen und unsere Websites bauen, so werde ich durch diese viel mehr gehen, gründlich in den Lektionen, wo wir verschiedene Seiten bauen. Bei Design legen Sie die Designstile Ihrer Website fest. Ich werde später im Unterricht viele dieser Optionen durchgehen, also werde ich das jetzt nicht mehr durchmachen. Commerce ist, wenn Sie einen Online-Shop haben, also werden wir dies in dieser Klasse überhaupt nicht durchmachen. Wenn Sie dieses kleine Symbol sehen, bedeutet dies, dass es eine Premium-Funktion ist. Wenn Sie sich also für den Business-Plan anmelden, erhalten
Sie einige dieser Funktionen. Marketing ist, wo Sie Einstellungen für alles von E-Mail-Kampagnen vornehmen, die wir tatsächlich innerhalb von Squarespace erstellen können. SEO, ein paar Promotion Dinge. Instagram Stories, Produkte auf Instagram, und auch Promotion-Pop-Up, das ist eines dieser Dinge, und Ankündigungsleiste. Sowohl Promotional Pop-Up und Ankündigung Bar ist auf der Business- und Commerce-Plan, und ich werde nicht durch, dass mehr in dieser Klasse gehen, aber diese sind wirklich toll, um die Aufmerksamkeit Ihres Besuchers auf Ihrer Website zu bekommen. Das war ein bisschen über die Marketing-Dinge. Sie können das auf eigene Faust weiter erkunden. Scheduling, ich werde in dieser Klasse überhaupt nicht durchgehen. Das ist, wenn Sie ein Geschäft haben, in dem Sie einen Termin mit Ihren Kunden vereinbaren. Sie können diese Erweiterung hinzufügen, die von Acuity betrieben wird, aber ich werde das in dieser Klasse nicht mehr durchgehen. Analytics ist der Ort, an dem Sie Ihre Analyse Ihrer Website erhalten. So können Sie alles sehen, vom Verkauf, wenn Sie Produkte verkaufen, bis zum Verkehr, woher Ihr Traffic kommt; aus welchem Teil der Welt? Traffic-Quellen, Suchbegriffe, beliebte Inhalte auf Ihrer Website und all diese Dinge. Analytics ist in Squarespace enthalten, und für mich sind dies all die Analysen, die ich auf meiner Website brauche. Ich werde dies in dieser Klasse nicht mehr durchgehen, weil Sie
Ihre Website veröffentlichen müssen und sie auch für eine Weile laufen lassen müssen, bevor Sie beginnen, die Analyse zu sehen. Aber es ist wirklich einfach, diese Analysen zu lesen und Sie können mehr über sie in der Squarespace-Hilfe eingeben. In den Einstellungen können Sie einige allgemeine Einstellungen für Ihre Website vornehmen, z. B. die Verfügbarkeit der Website. Jetzt sind wir auf „privat“ eingestellt, weil wir eine Testphase haben, aber Sie können es auch auf kennwortgeschützt setzen Wenn Sie Ihre Website aktualisieren, können
Sie sie auf öffentlich einstellen. Sprache & Region legen Sie Ihre Standardzeit, Ihr Land, Ihre Sprache und all diese Dinge fest. Business Information ist, wo
Sie Ihre Telefonnummer eingeben, wenn Sie es auf Ihrer Website zeigen möchten, Kontakt-E-Mail und Ihren Standort, wenn Sie möchten, und wenn Sie Geschäftszeiten haben, können
Sie sie hier platzieren. Ich werde das nicht mehr in dieser Klasse durchmachen. Social Links sind die Links, die mit Ihren sozialen Symbolen auf Ihrer Website verbunden sind. Standardmäßig hat Squarespace ihre sozialen Links eingegeben, aber hier sollten Sie Ihre eigenen sozialen Links hinzufügen. Also werde ich einfach meinen Instagram-,
Facebook- und YouTube-Kanal eingeben , und dann werde ich die Squarespace-Links entfernen, also klicke ich einfach auf die Links und klicke auf Entfernen. Jetzt habe ich drei verschiedene Social Links mit meinem Instagram, Facebook und YouTube. Mit verbundenen Konten können Sie
Social-Accounts hinzufügen , um Daten auf Ihre Website zu übertragen und zu übertragen. Wenn Sie zum Beispiel Ihren Instagram-Feed anzeigen
möchten, können
Sie Instagram verbinden. Hit Connect Account und Instagram, und ich bin bereits automatisch auf Instagram auf meinem Computer in meinem Browser angemeldet, aber wenn Sie nicht sind, geben
Sie einfach Ihren Login ein und klicken Sie dann auf Speichern. Du kannst auch deine Pinterest, Facebook,
Twitter und all diese Accounts verbinden . Für diese Klasse zeige ich Ihnen nur, wie Sie das mit Instagram verbundene Konto verwenden. Wir werden keine Erweiterungen in dieser Klasse verwenden, aber Sie können hier mehr darüber erfahren. Berechtigungen sind, wenn Sie mehr Mitwirkende auf
Ihrer Website haben möchten und Sie können sogar Ihr Eigentum an Ihrer Website auf eine andere Person übertragen. Ich werde das auch in dieser Klasse nicht mehr durchmachen. Domains ist, wo Sie eine Domain zu Ihrer Website innerhalb von Squarespace erhalten können, oder Sie können eine Domain verwenden, die Sie bereits besitzen. Das Beste ist, eine Domain
innerhalb von Squarespace zu bekommen , wenn Sie noch keine Domain besitzen, denn dann haben Sie alles in
Ihrer Squarespace-Plattform enthalten und Sie erhalten nur eine Rechnung für alles. Sie können auch eine Domain verwenden, die Sie besitzen, und wenn dies für Sie der Fall ist, können
Sie auf Mehr erfahren klicken und mehr darüber lesen. Wenn Sie eine Domain innerhalb von Squarespace erhalten möchten, geben
Sie einfach eine Domain ein, und hier können Sie sehen, welche Domains kostenlos sind, was sie in einem Squarespace kosten, und Sie können eine Domain zu Ihrer Website hinzufügen. In dieser Klasse werde ich Ihnen zeigen, wie Sie Ihre Portfolio-Website erstellen, ich werde Ihnen nicht zeigen, wie Sie Domain übertragen oder wie Sie eine Domain hinzufügen, aber es ist wirklich einfach und Sie können mehr darüber im Help Center von Squarespace lesen. Also würde ich vorschlagen, dass Sie dies am Ende tun, wenn Sie Ihre gesamte Website erstellt haben, und bereit sind, entweder eine Domain zu erhalten oder eine Domain zu verwenden, die Sie bereits besitzen. Aber ich werde das in dieser Klasse nicht mehr durchmachen. E-Mail & G Suite ist, wo Sie eine E-Mail-Adresse mit Ihrer Website verbinden können. Zuerst erhalten Sie eine Domäne, und dann können Sie eine E-Mail-Adresse mit dieser Domäne verbinden. Ich werde das auch in dieser Klasse nicht mehr durchmachen, aber das ist eine wirklich tolle Sache, die ich enthalten habe. Ich denke, das wurde in den Geschäftsplan aufgenommen. Wenn Sie also den persönlichen Plan haben, können
Sie dies nicht tun, aber wenn Sie einen Businessplan haben, können
Sie eine E-Mail haben, die mit Ihrem Domain-Namen endet. Zum Beispiel hello@mayafavorite.com, das ist meine E-Mail-Adresse. Abrechnung und dem Konto nehmen Sie die Einstellungen für Ihren Plan vor. Hier steht, wie viele Tage Sie noch haben. Hier können Sie Ihre zukünftigen Rechnungen sehen, und Sie können sogar Ihre Website löschen. Mobile Information Bar ist eine Premium-Funktion , die auf dem Business- und Commerce-Plan verfügbar ist, und ich werde dies nicht mehr in dieser Klasse durchgehen. Cookies & Besucherdaten sind eine gute Funktion. Sie können ein Cookie-Banner auf Ihrer Website aktivieren, das im Grunde besagt, dass durch die Nutzung dieser Website der Besucher Ihrer Verwendung von Cookies zustimmt. Ich werde den Kurs am Montag nicht durchlaufen, aber wenn Sie nicht mehr darüber wissen, würde
ich nur vorschlagen, dass Sie diesen Standardtext verwenden, damit Sie Ihre Besucher darüber informieren, dass Sie Cookies verwenden. Sie können mehr darüber
im Squarespace Help Center und auch Google mehr über Cookies lesen. Für den Moment werde ich einfach nicht das Cookie-Banner. Bloggen, werden wir später in der Klasse durchgehen, wo wir unsere Blog-Seite erstellen. Advanced ist im Grunde erweiterte Funktionen, die Sie nicht brauchen, um zu verwenden, tatsächlich, nie, wenn Sie eine einfache Website in Squarespace erstellen. Das ist also, wenn Sie Code und solche Dinge hinzufügen möchten. Du brauchst dir also keine Sorgen darüber zu machen. Das waren alle Einstellungen. Einige Einstellungen werde ich später in der Klasse durchlaufen, und einige werde ich nicht weiter durchgehen, weil ich glaube nicht , dass Sie mehr über diese Einstellungen wissen müssen, um Ihre Website zu erstellen. Aber das Gute ist, dass Sie alle Hilfe finden, die Sie brauchen, im Squarespace Help Center. Es wird später im Unterricht eine vollständige Lektion geben,
in der ich Ihnen zeigen werde, wie dieses Help Center funktioniert, weil ich keine Squarespace-Unterstützung bin, und es gibt so viel zu wissen über Squarespace und sie haben wirklich gute Unterstützung für Sie. Also, jetzt werde ich das einfach abschalten und zurückgehen. Das letzte, was ich Ihnen zeigen möchte, ist, wenn Sie unten auf Ihr Konto klicken, gelangen
Sie zu einem Dashboard. Dies ist das erste, was Sie sehen werden, wenn Sie sich bei Squarespace anmelden. Dies sind Ihre Websites, und später werden Sie in der Lage sein, Ihre Domains auch hier zu sehen. Um zu Ihrer Website zu gelangen und sie bearbeiten zu können, klicken
Sie auf Seite bearbeiten. Das war alles, was ich Ihnen in
dieser Übersicht über die Einstellungen und Optionen in Squarespace zeigen wollte .
Lassen Sie uns zur nächsten Lektion gehen, wo wir tatsächlich anfangen werden, unsere Homepage zu erstellen.
8. Seite: Homepage: Beginnen wir mit dem Aufbau unserer Homepage. Das erste, was Sie tun werden, ist auf Seiten zu klicken, und hier bauen wir alle Seiten unserer Website. Wenn Sie zum ersten Mal mit einer Vorlage beginnen, werden
Sie sehen, dass auf den Seiten Demo steht. Was Sie tun müssen, ist, einfach auf die Seite zu klicken. Das macht es zu einer Seite, die Sie anstelle einer Demo-Seite erstellen können. Normalerweise, wenn ich mit einer Vorlage beginne, beginne
ich mit den grundlegenden Seiten, die in der Vorlage enthalten sind, und wenn ich dann etwas ändern oder Seiten hinzufügen möchte, mache
ich es von dort. Zuerst werde ich Ihnen zeigen, wie Sie die Homepage genau auf dieser Vorlage erstellen. Wir werden hier nur unsere eigenen Bilder hinzufügen. Ich denke, dass diese Homepage ist wirklich gut für eine Starter-Portfolio-Website. Sie können alle Portfolio-Sites erstellen. Ich werde Ihnen zeigen, wie Sie Ihre Homepage und alle anderen Seiten optimieren können, aber zuerst beginnen wir mit der Vorlage, die wir haben, und fügen Sie unsere eigenen Inhalte. Sie können leicht sehen, welche Seite die Homepage ist, indem Sie das kleine Haussymbol links
auf Ihrer Seite sehen. Wenn Sie den Mauszeiger über die Seite bewegen, können
Sie auf das kleine Einstellungssymbol klicken. Scrollen Sie nach unten, Sie können sehen, dass es sagt, „Dies ist als Ihre Homepage festgelegt.“ Sie können ganz einfach eine andere Seite als Ihre Homepage auswählen, wenn Sie möchten. Sie haben einige Einstellungen, die Sie hier ändern können, zum Beispiel, Ich denke, dass Home, ist ein guter Titel für die Seite in der Navigation. Die URL Slug sollte auch Home sein. Sie können ein Passwort zu Ihrer Seite hinzufügen. Ich werde Ihnen zeigen, wie Sie dies tun, wenn wir die
passwortgeschützte Portfolio-Seite später in der Klasse erstellen . Sie können die Seite sogar duplizieren, wenn Sie
eine exakte Kopie der von Ihnen erstellten Seite erstellen möchten. Wenn Sie auf SEO klicken, sehen
Sie, wie Ihre Website in den Suchergebnissen angezeigt wird. Ich werde in dieser Klasse nicht viel SEO durchlaufen, weil das eine ganze Klasse für sich wäre. Es sind so viele Informationen. Der quadratische Raum macht einige automatische SEO-Einstellungen für Ihre Website. Als Anfänger und auf Ihrer ersten Website werde
ich sagen, dass SEO etwas ist, das Sie im nächsten Schritt tun können, wenn Sie
die Website veröffentlichen und mehr mit der Entwicklung arbeiten möchten. Social Image ist, wie Ihre Website in sozialen Netzwerken angezeigt wird. Sie können dieser Seite ein bestimmtes Bild hinzufügen. Advance ist im Business- und
Commerce-Plan verfügbar und das ist, wo Sie benutzerdefinierte Codes
und Skripte, und all diese Dinge injizieren können . Sie müssen das nicht für eine grundlegende Portfolio-Website tun. Lassen Sie uns Speichern drücken, weil wir den Titel in Home geändert haben, sowohl den Seitentitel, den Navigationstitel und den URL Slug. Der Seitentitel, den ich vergessen habe, zu erwähnen, ist der Titel, der oben im Browserfenster angezeigt wird. Klicken Sie auf Speichern, und jetzt ändern wir den Namen auf unsere Homepage zu Home. Das nächste, was wir tun werden, ist, diese Seite zu bearbeiten. Wenn Sie sich die obere linke Ecke ansehen, haben
Sie eine kleine Schaltfläche, die Edit sagt, so dass wir darauf klicken. Hier gelangen Sie in den Bearbeitungsmodus. Wenn Sie den Mauszeiger über die verschiedenen Teile der Website bewegen, können
Sie alle Balken bearbeiten. Beginnen wir mit dem Hinzufügen unserer eigenen Bilder zu dieser Galerie. Klicken Sie auf das kleine Bildsymbol, und ich werde alle diese Bilder löschen. Halten Sie die UMSCHALTTASTE gedrückt, und klicken Sie auf, um alle auszuwählen, und drücken Sie dann Löschen. Klicken Sie dann auf das kleine Pluszeichen und laden Sie Bilder hoch. Ich habe eine Reihe von Bildern von zwei
meiner Mustersammlungen gespeichert , die ich als Beispiel auf dieser Website verwenden werde. Für dieses Beispiel verwende ich nur eine Sammlung auf dieser Homepage. Aber ich werde vorschlagen, dass Sie eine Reihe von Ihren Kunstwerken zeigen oder was in Ihrem Portfolio enthalten ist
, so dass die Besucher eine Vielzahl von Ihrem Portfolio sehen. Aber für dieses Beispiel werde
ich, wie gesagt, nur eine meiner Sammlungen,
einige Mockups und einige Muster hinzufügen . Ich klicke auf „Öffnen“, wenn ich ein paar Bilder ausgewählt habe. Dies kann eine Weile dauern, um Bilder hochzuladen oder dies ein wenig für Sie zu beschleunigen. Ich verwende quadratische Bilder hier, aber Sie können jede Art von Bildern verwenden. Sie können sie verschieben, indem Sie klicken und ziehen. Manchmal ist es ein bisschen abgeschaltet, also müssen Sie wirklich klicken, halten Sie es gedrückt und ziehen Sie es zum nächsten Bild darin. Ich werde versuchen, eine schöne Abwechslung zwischen diesen Mockups und den Mustern zu machen, indem ich sie klicke und an neue Orte ziehe. Jetzt haben wir unsere eigenen Bilder hinzugefügt. Wenn Sie möchten, können Sie eine Beschreibung zu Ihren Bildern hinzufügen und Sie können sogar einen Link hinzufügen, wo Sie gehen, wenn Sie auf das Bild klicken. Sie können eine Webadresse wählen, eine Seite auf Ihrer Website, wir haben noch nicht so viele Seiten. Sie können einen E-Mail-Link, eine Telefonnummer oder eine Datei auswählen. In der nächsten Lektion werde ich Ihnen zeigen, wie Sie eine Portfolio-Seite mit
anklickbaren Bildern erstellen , die Sie zu einer anderen Seite auf Ihrer Website führen. Für jetzt werde ich das hier schließen und die Galerie schließen. Hier haben wir unsere Bilder in die Galerie aufgenommen. Wenn Sie überfahren, sehen Sie ein kleines Stiftsymbol. Klicken Sie darauf, und hier haben Sie einige Änderungen, die Sie an Ihrer Galerie vornehmen können. Sie können wählen, ob Sie die volle Breite wollen, voller Beschnitt, wodurch es bis zu den Rändern Ihrer Websites oder dem Einsatz bluten wird. Probieren wir den Einsatz vorerst aus. Sie können den Abstand zwischen Ihren Bildern auswählen Ich denke, dass 30 gut aussieht, Zeilenhöhen, wenn Sie die Beschriftungen hinzufügen möchten, die Beschreibungen, die wir auf die Bilder setzen, Katzen Muster unter den Bildern, Ich werde das nicht tun für diese Homepage. Wenn Sie möchten, dass eine Animation stattfindet, keine Animation verblasst oder skaliert wird, denke
ich, dass die Skalierung gut aussieht. Die Animation wird passieren, wenn Ihr Besucher
Ihre Seite zum ersten Mal besucht , weil, wenn Sie eine Lichtbox wollen, was bedeutet, dass, wenn Sie auf ein Bild klicken, es größer
wird, so dass eine nette Funktion sein könnte. Sie können den Galerie-Typ auswählen. Zum Beispiel ist es Strips. Lassen Sie uns das Simple Grid ausprobieren. Hier haben Sie einige weitere Optionen, die Sie erkunden können. Zum Beispiel das Layout, wie viele Spalten Sie wollen, und all diese Dinge. Lassen Sie uns ein anderes Layout ausprobieren. Sie können wählen, eine Diashow und die Höhe der Diashow, und all diese Dinge. Lassen Sie uns für die Streifen gehen, die wir von Anfang an haben und den Abstand 30. Sie sind alle Höhe 360. Sie können das ausprobieren, um zu sehen, ob Sie etwas
ändern wollen , aber ich denke, dass 360 gut war. Wenn Sie eine bestimmte Zahl hier möchten, können Sie doppelklicken und 360 eingeben. Unter Farben können Sie ein Thema auswählen. Ich werde Ihnen später im Unterricht zeigen, wie Sie diese Themen ändern können. Lasst uns zum Beispiel Dark Minimal treffen. Sie können sehen, dass sich Ihr ganzer Hintergrund in eine dunkle Farbe ändert. Light Minimal und es ändert sich zu einer helleren Farbe. Also lassen Sie uns einfach White Minimal für jetzt, und dann klicken Sie außerhalb des Einstellungsfeldes, und hier haben Sie Ihre Homepage gemacht. Um diesen Hoover über Fertig zu speichern, und klicken Sie auf Speichern. In der oberen rechten Ecke können Sie sehen, wie die Website unter der
mobilen Ansicht aussehen wird und wenn Sie auf den Pfeil klicken, erhalten Sie eine Vollbild-Ansicht. Lassen Sie uns die mobile Vorschau aufheben und klicken Sie auf die Vollbildansicht. Jetzt haben Sie eine grundlegende Homepage zu Ihrer Website erstellt.
9. Die Homepage optimieren: Nun, da wir eine Homepage gemacht haben, werde
ich Ihnen zeigen, wie Sie die Homepage optimieren, wenn Sie wollen, denn wie ich bereits sagte, alle Vorlagen, die Sie wählen, sind tatsächlich ein Master-Templates. So können Sie sie wie einander aussehen lassen und
verschiedene Abschnitte zu allen Seiten auf Ihrer Website hinzufügen . In diesem Teil der Klasse werde
ich nicht in die Optimierung der Navigation gehen, die sich oben befindet, oder die Fußzeile, die sich unten befindet. Das wird später getrennte Lektionen sein. Aber jetzt konzentrieren wir uns einfach auf die Mitte der Seite. So sieht unsere Seite im Moment aus, aber lassen Sie uns sagen, dass ich vielleicht einige Texte über meinen Bildern hinzufügen möchte. Alles, was ich tun muss, ist, in
den Bearbeitungsmodus zu gehen und auf das kleine Pluszeichen zu klicken, das auftaucht, und hier können Sie Abschnitte hinzufügen. Das macht den neuen squarespace 7.1 wirklich flexibel. Sie können alle Vorlagen
einander betrachten , da sie alle Teil einer Mastervorlage sind. Als Beispiel kann
ich Ihnen zeigen, wie Sie eine Überschrift hinzufügen. Lassen Sie uns einfach dieses hinzufügen und das wird Ihre Seite ganz anders aussehen lassen. diesen Abschnitten können Sie Ihre Seiten tatsächlich von Grund auf neu erstellen. Vielleicht möchten
Sie nach der Überschrift etwas Text haben und dann können Sie Ihre Seite einfach so erstellen. Erkunden Sie dies beim Hinzufügen von Abschnitten zu Ihrer Website ist etwas, das ich Ihnen mehr überlassen werde. In dieser Klasse konzentrieren wir uns auf die Erstellung unserer Website basierend auf der Vorlage, die wir ausgewählt haben. Weil ich das Gefühl habe, dass das ein guter Anfang ist, wenn Sie
anfangen , Ihre erste Website zu erstellen, und wenn Sie neu in Squarespace sind, sonst würde es sich einfach zu viel fühlen, um zu lernen. Lassen Sie uns einfach diesen ersten Abschnitt löschen. Klicken Sie auf das kleine „Löschen“ -Symbol und entfernen Sie, und lassen Sie uns diesen Abschnitt auch löschen, und vielleicht werde ich nur eine Überschrift hinzufügen, um diese Seite ein wenig zu optimieren. Hier möchte ich vielleicht etwas über mich sagen, und ich kann das Format
der Überschrift in verschiedene voreingestellte Überschriften
oder Absätze ändern , oder was auch immer ich will. Aber lassen Sie uns das Überschriftenwerkzeug wählen, und gehen Sie in das Bearbeitungswerkzeug, und hier können Sie die Höhe Ihres Abschnitts,
die Breite ändern , lassen Sie uns für kleine gehen und wie Ihre Inhalte ausgerichtet werden, so dass wir 'll für Mitte, können
Sie für vollständige Beschnittzugabe gehen und stattdessen, Sie können wählen, um einen Hintergrund auf der Rückseite des Textes zu haben und die Farbe ist die gleiche. Sie ändern sie entsprechend den voreingestellten Themen. Also gehen wir für weiß, minimal, klicken Sie außerhalb des Optionsfeldes. Dies ist eine Möglichkeit, diese Seite zum Beispiel zu optimieren. Mit all den Designeinstellungen, wie der Schriftart und den Farben, und all dem werde ich das später in der Klasse durchmachen,
also werde ich in diesem Teil der Klasse die Seiten erstellen, es wird
uns nichts ausmachen, die Schriftart oder die Farben oder irgendwelchen von die Designstile. Wir werden nur den Inhalt platzieren. Lassen Sie uns nur noch ein Beispiel machen. Sie können nach unten scrollen und auf das kleine blaue Pluszeichen unter Ihren Bildern klicken, und sagen wir, dass wir einen sozialen Bereich mit unserem Instagram-Feed hinzufügen möchten. Zum Beispiel mag ich diesen, lassen Sie uns das ausprobieren. Klicken Sie auf das kleine „Bearbeiten“ Werkzeug, Abschnittshöhen klein, Sie können die Breite des Inhalts haben, wie Sie möchten, Hintergrund und die Farben, und um Ihren Instagram-Feed zu diesem Abschnitt zu erhalten, müssen
Sie auf das kleine „Bearbeiten“ Werkzeug in in diesem Abschnitt und wählen Sie Ihr verbundenes Konto aus. Hier können Sie auswählen, wie viele Elemente Sie anzeigen möchten. Klicken Sie auf „Design“, und vielleicht möchten Sie mehr Bilder pro Zeile haben. Sie können auswählen, ob Sie etwas Polsterung und einige andere Einstellungen haben möchten. Lassen Sie uns nur sechs Bilder machen, die zeigen und drücken Sie „Übernehmen“. Jetzt haben wir unseren Instagram-Feed am Ende dieser Seite hinzugefügt. Wenn Sie den Mauszeiger über Ihren Abschnitt bewegen, können
Sie sehen, dass es Abstandshalter sagt, also versuchen wir einfach, diesen Abstandhalter zu löschen
, der für mich besser aussieht. Wenn Sie einen Abstandhalter hinzufügen möchten, können
Sie auf das kleine Drop-Zeichen klicken, und hier können Sie wählen, um Abstandshalter,
eine Schaltfläche und viele andere Dinge hinzuzufügen . Sie können eine Zeile hinzufügen, wenn Sie möchten. Aber lasst uns das einfach entfernen. „Speichern“, klicken Sie auf die Vollbildvorschau, und dort hätten Sie noch mehr Inhalte zu Ihrer Startseite hinzugefügt. Ich werde diesen ersten Abschnitt tatsächlich löschen, weil ich diesen in dieser Vorlage nicht mag, also werde ich einfach „Entfernen“, „Fertig“ und „Speichern“ drücken. Das ist ein bisschen darüber, wie Sie Ihre Homepage optimieren können, um sie persönlicher zu machen. Aber für diese Klasse werde ich es einfach so behalten. Sie können selbst mehr experimentieren und sehen, ob Sie andere Änderungen an Ihrer Homepage vornehmen möchten.
10. Seite: Portfolio: Okay, jetzt haben wir unsere Homepage gemacht und wir haben sie optimiert. Jetzt wollte ich Ihnen zeigen, wie Sie diese Homepage als
Portfolio-Seiten erstellen und was das bedeutet, ist, dass diese Seite vorerst eine Galerie ist, was bedeutet, dass Sie auf die Bilder klicken können und wie wir in der Light-Box-Einstellung wählen, können
Sie das Bild größer ist. Aber das ist es, was passiert. Sie können auch einen Link hinzufügen, der
Sie zu einer anderen Seite führt, wenn Sie auf die Bilder klicken. Aber wenn Sie eine reine Portfolio-Seite haben möchten, auf der Sie
Projekte haben und Sie möchten, dass jedes Projekt auf
einer separaten Seite angezeigt wird und wie ein Miniaturbild hier angezeigt wird, ist
dies, wie Sie es tun. Unter Hauptnavigation und unter Nicht verlinkt können
Sie auf das Pluszeichen klicken. Wenn Sie auf das Pluszeichen klicken, können
Sie Seiten, Sammlungen und mehr hinzufügen. Was wir tun werden, ist ein Portfolio hinzuzufügen, so klicken Sie auf Portfolio. Hier sind einige vorgefertigte Portfoliovorlagen, die Sie auswählen können. Lassen Sie uns dieses eine Portfolio auch hinzufügen. Ich werde es einfach in Portfolio umbenennen und hier haben Sie alle Projekte. Unter Projekt ein lassen Sie uns auf Bearbeiten klicken und wir können sagen, dass dies eine Sammlung über etwas ist. Dann können wir unsere eigenen Bilder hinzufügen. Löschen Sie diese Bilder in der Galerie und jetzt können wir auf Bilder
suchen klicken und hier können Sie Bilder von Unsplash hinzufügen, die eine großartige Website für lizenzfreie Bilder ist. Wenn Sie diese verwenden möchten, möchten
Sie wahrscheinlich Ihre eigenen Bilder verwenden, wenn Sie Ihre eigene Portfolio-Website erstellen. Fügen wir dieses Bild hinzu und lassen Sie uns noch ein paar Bilder hinzufügen. Okay, also könnten drei Bilder hier ausreichen. Klicken Sie auf Speichern. Klicken Sie nun auf die drei kleinen Punkte auf Project One Einstellungen und entfernen Sie das Bild unter Allgemein und fügen Sie ein Bild hinzu, das Sie als Auto Bild verwenden möchten. Sie können auch den Titel ändern, zum Beispiel Katzen und Hunde und die URL-Schlacke. Sie müssen vorerst nichts mit SEO oder dem Social Image ändern. Klicken Sie einfach auf Speichern und dann können wir zurück
zu unserer Portfolio-Seite gehen und dort haben Sie Ihr Portfolio. Ich werde einfach weitermachen und ein paar weitere Projekte erstellen und dies ein bisschen für Sie beschleunigen. Projekt zwei, diese Seite sieht ein bisschen anders aus, also klicke ich einfach auf das kleine Bearbeitungssymbol und ändere hier das Hintergrundbild. Wenn Sie Ihr Bild haben, können Sie ändern, welcher Teil Ihres Bildes angezeigt wird, indem Sie diesen kleinen Kreis anpassen. Sie können die Schnitthöhe anpassen. Sie können einige Texte hinzufügen und dann einige Bilder hinzufügen. Wenn Sie die Bilder hochladen, können Sie schließen drücken. Sie können auch den Galerie-Typ auf diesen Seiten wie gewünscht und alle anderen Einstellungen anpassen. Okay, also vielleicht so etwas. Klicken Sie auf Speichern, drücken Sie das kleine Einstellungssymbol bei Projekt zwei und fügen Sie ein neues Bild hinzu. Kann den Titel und die URL Schlacke ändern und speichern drücken. Gehen Sie zurück zu Ihrer Portfolioseite und sehen Sie, wie das aussieht. Wenn Sie auf Ihrer Portfolioseite und auf dem kleinen Bearbeitungssymbol bearbeiten, können
Sie die Anzahl der Spalten ändern, die Sie anzeigen möchten. Vielleicht drei, und welche Art von Layout Sie wollen. Sie können mit all diesen Einstellungen experimentieren. Lassen Sie uns einige Abstände hinzufügen und sie quadratisch machen und vielleicht will ich vier Spalten. Okay, drücken Sie Speichern, wie Sie hier sehen können, können
Sie die Portfolio-Seite erstellen, die genauso aussieht wie unsere reguläre Galerie-Seite auf der Homepage oder wo immer Sie wollen auf Ihrer Website. Der Unterschied zwischen der Portfolio-Seite und der regulären Seite mit der Galerie besteht darin, dass
Sie auf der Portfolio-Seite auf diese Projekte klicken und auf
eine andere Seite kommen können, auf der Sie weitere Informationen über das Projekt erhalten. Je nachdem, mit welchem kreativen Bereich Sie arbeiten und mit welcher Art von Produkten Sie arbeiten, könnte
dies eine wirklich gute Lösung für Sie sein oder Sie könnten mit der einfacheren Version
gehen, die nur die Galerie-Homepage ist. Für den Moment ziehe ich einfach die Portfolio-Seite unter nicht verlinkt und für den Rest dieser Klasse werden
wir diese Standardseite als Homepage verwenden, wo Sie Lichtbox-Bilder erhalten. Aber ich wollte Ihnen nur zeigen, wie Sie diese Portfolio-Seiten erstellen, denn für einige von Ihnen könnte
das ein besserer Weg sein, Ihre Homepage zu machen und für einige von Ihnen könnte
es zu viele Informationen sein, um zu lernen und auch Sie vielleicht nicht haben all diese Informationen, die Sie in Ihr Portfolio aufnehmen können.
11. Seite: Über uns: Okay, also lasst uns die Abschnittsseite erstellen. Sie haben bereits über Seite in der Vorlage. Lassen Sie uns darauf klicken, und wir können auf die kleinen Einstellungen klicken, die zusammengebaut sind, um zu sehen, wie alles aussieht. Das sieht gut aus. Mal sehen, was wir mit dieser Seite machen wollen. Also im Grunde, was Sie hier hinzufügen möchten, ist ein Bild von sich selbst, und einige Informationen über Sie. Was machst du denn? Was Sie Kunden anbieten können, und vielleicht Sie, warum Sie tun, was Sie tun. Also lassen Sie uns die Schaltfläche Bearbeiten drücken und sehen, wie wir dies ändern möchten. Lassen Sie uns zuerst das Bild bearbeiten. Klicken Sie auf das kleine Bearbeitungssymbol, löschen Sie das Bild und laden Sie ein neues Bild hoch. Ich habe ein Porträt von mir gespeichert, das ich hier im Unterricht als Beispiel verwenden werde. Dort haben Sie das Bild. Sie können auf Bild-Editor klicken, wenn Sie
die Größe des Bildes ändern möchten oder wenn Sie es irgendwie anpassen möchten. So können Sie alles ändern von
Sättigung, Größe und Sie können Filter hinzufügen und all das. Lassen Sie uns einfach die Größe dieses Portraitbildes auf vielleicht 3:2 ändern, wird wahrscheinlich gut aussehen und speichern drücken, um die Änderungen vorzunehmen. Wenn Sie die kleine Optionsbox bekommen. Also, Sie sicher, dass Sie diese permanenten Änderungen vornehmen möchten, drücken Sie einfach Speichern. Fall, dass Alice Spaß haben kann, und dann können wir das Design des Bildes ändern, wenn wir wollen. Sie können klicken und sehen, welche Sie wollen. Ich werde für das Original gehen. Sie können wählen, ob Sie Animationen wie kollidieren oder fokussieren möchten. Fokus in sieht gut aus. Also kümmern Sie sich nicht um die Farben und die Schriftarten in diesem Moment. alles werden wir später ändern. Für jetzt werde ich nur ein wenig über mich schreiben. Ich kann die Überschrift zu ändern, vielleicht Überschrift 2 und vielleicht möchte ich den Absatz 1 verwenden. Wenn Sie also ein wenig über sich selbst geschrieben haben, ist
das vorerst gut. Wir werden alle Designstile hier optimieren, die Farbe und die Schriftarten und alles später. Speichern Sie Ihre Info Seite.
12. Seite: Kontakt: Lassen Sie uns mit der Kontaktseite fortfahren. Das ist auch in den ursprünglichen Vorlagen enthalten. Klicken Sie auf die Kontaktseite und hier können wir einfach unsere eigenen Informationen hinzufügen. Klicken wir auf Bearbeiten und Sie können einfach etwas
darüber schreiben , warum der Besucher Ihrer Seite Sie kontaktieren möchte. Hier haben wir eine kleine Form, die hinzugefügt wird. Wenn Sie also auf die Schaltfläche „Bearbeiten“ klicken, sehen
Sie ein Formular. Grundsätzlich können Sie Ihr eigenes Formular hinzufügen, wenn Sie auf das Drop-Zeichen klicken und nach unten scrollen, um das Formular zu erstellen. Der einzige Unterschied besteht darin, dass dieses Formular angezeigt wird, und wenn Sie auf Lightbox-Modus aktivieren klicken, erhalten
Sie stattdessen eine kleine Box, die das Formular öffnet. Lassen Sie uns einfach diese Änderungen verwerfen und klicken Sie auf das kleine Löschsymbol und passen Sie das Formular an, das sich bereits auf der Website befindet. Der Formularname könnte E-Mail sein, Ihr Name und hier können Sie Formularfelder hinzufügen und Sie können sie bearbeiten. Also möchten Sie wahrscheinlich einen Namen, eine E-Mail, eine Betreffzeile ist gut und eine Nachricht. Sie können eine Beschreibung hinzufügen und weitere Formularfelder hinzufügen. Also im Grunde ein Kontaktformular, das ist alles, was Sie brauchen. Sie können auch ein Website-Feld hinzufügen, wenn Sie möchten, dass der Besucher in ihre Websites schreiben, Kontrollkästchen, wenn Sie
Fragen stellen und eine Reihe von verschiedenen Dingen, die Sie selbst erkunden möchten . Sie können auswählen, wo der Speicher sein soll. Zum Beispiel können Sie es mit Mailchimp,
Zapier oder Google Drive verbinden . Die normale Sache, mit der Sie eine Verbindung herstellen können, ist Ihre E-Mail-Adresse. Wenn Sie es mit Ihrer E-Mail-Adresse verbinden, erhalten
Sie eine E-Mail, sobald jemand Ihr Formular ausfüllt. Im erweiterten Abschnitt können
Sie auswählen, wie die Schaltfläche benannt werden soll, wie die Schaltfläche ausgerichtet werden soll und ob Sie den Besucher
auf eine andere Seite senden möchten , wenn er das Formular ausgefüllt hat. Sie können auch eine Nachricht nach dem Senden hinzufügen, die angezeigt wird, wenn jemand Ihr Formular ausgefüllt hat und das ist alles, was es dazu gibt. Also drücken Sie Anwenden, und um dies auszuprobieren, müssen
Sie Speichern drücken und dann können wir zur
Vollbild-Ansicht gehen und auf die kleine Schaltfläche klicken und Sie erhalten Ihr Formular. So kann der Besucher hier seinen Namen,
E-Mail-Adresse, Betreff und eine Nachricht unterschreiben und einreichen. Lassen Sie uns die anderen Dinge auf dieser Seite bearbeiten. Möglicherweise haben Sie keine Presseanfragen, wenn dies Ihre erste Website ist. Also lassen Sie uns einfach Ihre E-Mail-Adresse eingeben, und hier ist ein kleiner Trick. Wenn Sie Ihre E-Mail-Adresse auswählen und auf das kleine Link-Symbol klicken, können
Sie auf das kleine Einstellungen-Symbol
klicken, auf E-Mail klicken und Ihre E-Mail eingeben, und das wird diesen Text mit E-Mail an: hello@mayerfaber.com verknüpft. Wenn jemand auf diesen Link klickt, wird
seine E-Mail-Software automatisch geöffnet und er kann Ihnen eine E-Mail senden. Hier sind einige soziale Links, die hier schön sein könnten. Sie können sie entwerfen. Vielleicht willst du sie größer machen. Sie können sogar den Stil von ihnen entwerfen. Lasst uns einfach regelmäßig gehen. Vielleicht möchten Sie etwas Leerzeichen zwischen dem Text und den sozialen Links hinzufügen. Klicken Sie in diesem Fall auf das kleine Drop-Symbol und das Leerzeichen dort, und dort haben Sie etwas Platz. Auf dieser Kontaktseite haben sie ein Bild. Fügen wir ein anderes Bild hinzu, und dieses Mal möchten wir vielleicht versuchen, die unsplash Bilder zu verwenden. Klicken Sie also auf „Bilder suchen“
und „Kostenlos“, und vielleicht möchten Sie etwas wie ein Telefon. Geben Sie Telefon ein und scrollen Sie nach unten und sehen Sie, ob Sie etwas finden, das Ihnen gefällt, und klicken Sie auf Bild hinzufügen. Sie können einstellen, wo der Fokuspunkt in
Ihrem Bild sein soll und das sieht ziemlich gut aus. Also, in diesem Moment, nichts dagegen, die Schriftarten oder die Farben oder wie die Schaltfläche aussieht. werden wir später in der Klasse optimieren. Also drücken Sie einfach Speichern, klicken Sie auf die vollständige Vorschau und hier haben Sie Ihre Kontaktseite.
13. Seite: Blog: Lassen Sie uns einen Blog auf Ihrer Seite erstellen, und diese Vorlage hat bereits einen Blog, also werden wir einfach darauf klicken. Sie werden in diese Blog-Optionen zu erhalten. Dies sind die Blogbeiträge, die Sie bearbeiten können, und Sie können Entwürfe speichern, um Ihre Blogbeiträge zu überprüfen und zu planen. Beginnen wir mit der Bearbeitung dieser Blogzusammenfassungsseite, klicken Sie
also auf „Bearbeiten“ und klicken Sie auf das kleine Bearbeitungswerkzeug. Hier können Sie wählen. Dies ist der einspaltige Blog, in dem Sie eine Spalte haben und der gesamte Blog nicht angezeigt wird. Sie können hier alle Arten von Einstellungen auswählen, wenn Sie möchten, dass ein vollständiger Beitrag angezeigt wird, oder wenn Sie nur den Auszug und den Titel wie er hier ist. Lassen Sie uns ein paar andere Layouts ausprobieren. Side-by-Side, sieht so aus. Mauerwerk-Blog, sieht so aus, grundlegende Gitter-Blog oder Drehen Side-by-Side-Blog. Ich denke, dass ich den grundlegenden Grid-Blog haben möchte, was im Grunde bedeutet, dass alle Blog-Beiträge hier gezeigt werden. Sie können auswählen, wie viele Spalten Sie möchten. Lassen Sie uns drei Spalten wählen, wenn Sie voll oder eingelassen möchten, und wie viel Abstand und all diese Einstellungen. Sie können Ihre Bildplatzierungen auswählen. Das Verhältnis, lass uns vier Quadrate gehen. Textausrichtung, wenn Sie die Auszüge anzeigen möchten oder nicht, Read More Link, und es gibt eine Reihe von Einstellungen, die Sie hier erkunden können, so lassen Sie uns einfach für dieses Layout gehen, drücken Sie „Speichern“. Wenn wir in die Blog-Beiträge klicken, können
wir einfach alle diese löschen und eigene Blog-Beiträge hinzufügen. Um Beiträge hinzuzufügen, klicken Sie auf das kleine Pluszeichen, fügen Sie Post hinzu, und hier ist es wie das Erstellen einer anderen Seite, so dass Sie einen Beitrag Titel eingeben können, zum Beispiel Neues Muster, und Sie können hinzufügen, was Sie wollen Blog-Beitrag. Lassen Sie uns ein Bild hinzufügen. Ich werde auf „Suche nach Bild“ klicken und eine hinzufügen, die wir importiert haben. Sie können das Design und die Animation auswählen, aber ich werde nur „Übernehmen“ drücken und vielleicht möchte ich ein anderes Bild hinzufügen, und dann können Sie „Speichern“, „Veröffentlichen“ oder „Zeitplan“ drücken. Lassen Sie uns einfach ausprobieren, was passiert, wenn Sie auf „Zeitplan“ klicken. Sie können den Beitrag zu einem anderen Tag und zu einer anderen Uhrzeit planen. Sie können einfach den Beitrag speichern, der es zu einem Entwurf macht, und Sie können den Beitrag veröffentlichen. Klicken Sie einfach auf „Fertig“, und dort haben Sie einen neuen Beitrag. Lassen Sie uns zwei weitere Beiträge hinzufügen. Nun, wir werden das für Sie ein bisschen beschleunigen. In Ihren Blogbeiträgen können Sie, wie ich bereits erwähnt habe,
hinzufügen, was Sie wollen, also lassen Sie uns hier ein Zitat hinzufügen. Nehmen Sie die Einstellungen des Zitats vor, und Sie können sogar eine Galerie,
eine Schaltfläche und alles hinzufügen , was Sie zu Ihrem Blogbeitrag hinzufügen möchten. Jetzt haben wir drei Beiträge hinzugefügt, so dass es wie die Vorlage aussieht. Um die Beiträge noch mehr zu bearbeiten, gehen Sie zu Bearbeiten im Blogbeitrag und in der oberen rechten Ecke, gehen Sie zum Einstellungssymbol. Hier haben Sie weitere Einstellungen für Ihren Beitrag, so dass Sie tatsächlich mehr von Ihren Blogbeiträgen hier erstellen können. Sie können Kategorien hinzufügen, wenn Sie möchten, und Tags, und entscheiden, ob Sie Kommentare ein- oder ausschalten möchten, und Sie haben mehr Optionen. Was hier wichtig ist, ist ein Miniaturbild hinzuzufügen, klicken Sie auf „Upload“ ein Bild, und ich werde nur das gleiche Bild hinzufügen, wie ich auf dem Beitrag hatte. Hier kannst du einen Auszug schreiben
, der deinen Zuschauern ein wenig über deinen Blogbeitrag erzählt. Sie können den Titel Ihres Beitrags mit der Quell-URL verknüpfen, wenn Sie ihn woanders verknüpfen möchten, können
Sie den Autor auswählen. Sie brauchen nichts mit SEO zu tun, wenn Sie nicht wollen. Dies ist die Social-Vorschau, in der Sie ein Bild hochladen können, wenn Sie möchten, und Sie können es teilen, wenn Sie Ihr Konto
zum Beispiel mit Ihrem Pinterest verbunden haben , Sie können Ihren Blog-Beitrag auf Pinterest teilen. Sie können Ihren Standort eingeben, aber das Wichtigste ist, dass Sie ein Miniaturbild hinzufügen, auf „Übernehmen“ klicken und auf „Speichern“ klicken. Gehen wir zurück und machen das Gleiche mit den anderen Beiträgen. Klicken Sie auf das kleine Einstellungen-Symbol, „Optionen“, „Upload“ ein Bild und schreiben Sie kleinen Auszug. Gehen Sie zurück und machen Sie das Gleiche mit dem letzten Blogbeitrag. Klicken Sie auf das Einstellungssymbol, „Optionen“ und ich werde einfach das Muster hochladen. Klicken Sie auf „Übernehmen“ und klicken Sie auf „Speichern“. Jetzt können wir zurück zu unserer Blog-Seite gehen und sehen, wie das aussieht. Wir haben drei Blog-Beiträge mit der Überschrift und dem Auszug und lesen Sie mehr Link. Wenn wir auf den Link „Mehr lesen“ klicken, werden
Sie zu diesem Blogbeitrag gehen. Das sind die Grundlagen der Erstellung des Blog-Beitrags. Gehen wir zu den Einstellungen des Blogs. Gehen Sie zu Home-Einstellungen und Bloggen. Hier sind nur einige einfache Einstellungen, die Sie ändern können. Sie können die Standard-URL-Struktur für Blogbeiträge erstellen, und wenn Sie auf das kleine Fragezeichen klicken, können
Sie sehen, was das bedeutet. Der Prozentsatz und T bedeutet den Titel Ihres Beitrags, die die normalen Einstellungen sind. Gehen Sie zu den allgemeinen Einstellungen, und hier können Sie entscheiden, ob Sie Kommentare aktivieren möchten und ob Sie eine Genehmigung und all diese Dinge benötigen möchten, und einige weitere Einstellungen für Ihre Blogbeiträge. Sie müssen sich nicht wirklich auf diese Einstellungen ausdenken,
aber Sie können weiter mit ihnen experimentieren. Jetzt haben wir unseren Blog erstellt, der so aussieht Gehen wir
also zur nächsten Lektion, wo wir anfangen werden die Designstile unserer Website
zu ändern.
14. Design: Schriftarten: Bisher in der Klasse haben
wir den Inhalt unserer Website platziert. Wir haben alle diese Seiten erstellt. Sie sind Startseite, Blog, Über und Kontakt. Dann haben wir unsere zusätzliche Portfolio-Website, die ich gerade erstellt habe, um Ihnen zu zeigen, wie Sie das tun können. Aber das sind unsere vier Hauptseiten. Dies ist die erste Lektion, in der wir über die Designstile sprechen werden. In dieser Lektion werden wir über die Schriftarten sprechen. Lassen Sie uns auf eine Seite klicken, wo wir einige Texte haben. Die Info Seite, zum Beispiel, gehen Sie zurück zu Hause, im Menü und klicken Sie auf das Zeichen und klicken Sie auf Schriftarten. Dies ist ein wirklich schönes Feature in der Squarespace 7.1-Version, dass sie bereits Schriftkombinationen für Sie haben, was den gesamten Prozess wirklich schnell macht, um Schriftarten auf Ihrer Website zu wählen. Sie können natürlich auch eingehen und bestimmte Schriftarten anpassen, wie Sie möchten. Aber lasst uns einfach die Schriftart ändern und sehen, was passiert. Sie können serif, serif oder gemischt wählen. Lassen Sie uns einfach auf diese Poppins-Schriftart klicken und dort können Sie sehen die verschiedenen Schriftarten geändert und sogar die Navigation wird in eine andere Schriftart geändert. Dies ist wahrscheinlich ein Fehler, der es zu einem schwarzen Quadrat macht, aber die Schriftart wird geändert. Wenn ich auf „Speichern“ klicke, vermute ich, dass die Schriftart geändert wird. Ja, also stört das kleine Käfer nicht. Aber lassen Sie uns stattdessen die Serifenschriftarten oder die gemischte Schriftart ausprobieren. Für diese Website, lassen Sie uns für etwas Klassisches gehen. Ich werde mich für diese Futura entscheiden. Hier können Sie die Basisgröße ändern, wenn Sie eine kleinere Größe haben möchten. Lass uns auf 14 gehen. Wenn Sie auf das kleine Einstellungssymbol klicken, können
Sie die einzelnen Schriftarten ändern und anpassen. Als ob du vielleicht mehr Fett haben willst. Drücken Sie einfach „Speichern“ und vielleicht werden wir diesen Bug loswerden. Sie können sogar die Schriftarten hier in eine andere Schriftart ändern, wenn Sie
möchten , und Sie können gehen und ändern Sie die Gewichtung, den Stil, die Zeilenhöhe, den Buchstabenabstand, die Texttransformation. Es scheint, als ob ich auf Speichern klicke, dann werden Sie den Text sehen und der Fehler scheint zu verschwinden. Lasst uns hierher zurückgehen. Sie können die Größe der verschiedenen Überschriften ändern und auf „Speichern“ klicken. Jetzt gehen wir zurück und gehen in die Absätze. Das ist die Poppins-Schrift. Sie können auch die Gewichtung und den Stil und die Zeilenhöhe, die verschiedenen Absätze, die Größe und alle Einstellungen ändern. Sie können damit selbst experimentieren. Wenn Sie nicht so viel Wissen über Typografie haben, würde
ich nur für die Standard-Schriftkombinationen gehen, die Squarespace für Sie vorgefertigt hat. Grundsätzlich können Sie alle Änderungen vornehmen, die Sie wollen, um es so einfach wie möglich zu machen. Ich würde nur für eine vorgefertigte Schriftkombination gehen, die Squarespace bereits zusammengestellt hat. So ändern Sie die Schriftart Ihres Satzes.
15. Design: Farben: Lassen Sie uns die Farben Ihrer Website ändern. im Design-Menü Klicken Sieim Design-Menüauf Farben und hier können wir Farbpalette und Abschnittsthemen ändern. Klicken Sie auf „Bearbeiten“ auf der Farbpalette und Sie haben Designer-Pellets, die vorgefertigt sind, was ziemlich schön ist, so dass Sie nicht viel über die Farbpalette denken müssen. Wenn Sie die Designer vorgefertigten Paletten verwenden, Lassen Sie uns für diese rosa gehen. Sie können entweder eine Pellets aus einem Bild erhalten. Sie können von einer Farbe ziehen und ablegen, um mit einer Farbe zu beginnen und wählen, welche Farbpalette Sie von dort aus gehen möchten, und benutzerdefinierte Farben. Selbst wenn Sie über eine Designer-Palette verfügen, gehen
wir für diese und klicken Sie auf Bearbeiten benutzerdefinierter Farben. Sie können die Farben in eine benutzerdefinierte Palette ändern, die zu Ihnen passt. Zweitens geht hinein und macht das zum Beispiel ein bisschen rosa. Okay, also vielleicht so etwas und wenn Sie auf Abschnittsthemen klicken, können
Sie weitergehen und alle anderen vorgefertigten Themen auf Ihrer Website bearbeiten. Hier können Sie sehen, welche Themen auf dieser Seite ausgewählt sind. Es ist weiß minimal hier oben und weiß minimal bei diesem Inhalt. Lassen Sie uns für weißes Minimum gehen und sehen, was wir ändern können. Dies ist eine Bildcollage. Sie können alle diese Einstellungen für das weiße minimale Abschnittsdesign ändern. Ich werde einfach nach unten scrollen, bis ich den Bildblock gefunden habe, Bildblock-Collage
sagt und ich sehe, dass der Kartenhintergrund auf diese hellrosa Farbe eingestellt ist. Wenn ich darauf klicke, kann
ich zu einer anderen Farbe in meiner Palette wechseln oder eine benutzerdefinierte Farbe wählen, wenn ich das tun möchte. Ich mag die hellrosa, ich werde einfach dafür gehen. Es gibt so viele Optionen hier in den Abschnitten Themen. Ich werde nicht alle durchgehen, aber Sie könnten einfach auf etwas klicken, das Sie es ändern möchten. Sie können sehen, welche Art von Block es ist und wie Sie das ändern können. Zum Beispiel können Sie hier die Kopfzeile sehen und dies ist die Bildblock-Collage. Dies sind die sozialen Links, die Sie die Farbe ändern können, wenn Sie möchten. Ich werde einfach voran gehen und hier auf Abbrechen klicken, weil ich
keine Änderungen vorgenommen habe und wenn Sie denken, dass dies einfach zu viel ist, um zu lernen und zu vielen Einstellungen, würde
ich einfach die Abschnittsthemen ignorieren und eingehen und
diese ändern und einfach ändern die Farbpalette zu etwas, das Sie mögen.
16. Design: Buttons: In dieser Lektion werde ich über Schaltflächen sprechen. Da wir wirklich keine Schaltflächen auf unserer Seite haben, glaube
ich nicht, dass ich einfach eine Schaltfläche hinzufügen würde. Klicken Sie also auf „Bearbeiten“ auf der About Seite. Ich werde einfach eine Schaltfläche unterhalb dieser hinzufügen, wo es heißt Kontaktieren Sie mich. Jetzt füge ich einfach eine E-Mail-Adresse hinzu und wir machen diesen Button groß. Vielleicht will ich es nach rechts oder links, legen
wir es nach links. Drücken Sie „Speichern“ dort haben wir eine Schaltfläche, die wir den Design-Stil ändern können. im Design-Stil Menü Klicken Sieim Design-Stil Menüauf „Schaltflächen“ und Sie erhalten diese verschiedenen Optionen skizziert oder massiv, quadratisch abgerundet oder Pille. Lassen Sie uns für eine Pille gehen und die Polsterung ist, wie groß die Schaltfläche um den Text herum ist. Lassen Sie uns für so etwas gehen, 1,5 RAM, drücken Sie „Speichern“. Um die Schaltfläche noch mehr zu stylen, gehen
wir zurück zu Design und gehen zu den ersten Schriftarten und Sie können auf das „Kleine Einstellsymbol“ in Ihrem Font Pack klicken und auf „Buttons“ klicken. Hier können Sie einige Einstellungen vornehmen, lassen Sie uns die Schaltfläche Großbuchstaben Ebenen machen. Vielleicht willst du mehr Buchstabenabstände , vielleicht höhere Gewichte. Sie können die Größe der verschiedenen Tasten ändern, damit ich die große Taste ändern kann, die ich hier gewählt habe. Die mittlere Taste habe ich nicht, dass auf dieser Seite und eine kleine Taste. Drücken Sie „Speichern“ gehen Sie
zurück, zurück zum Design-Panel, und dann können Sie die Farben der Schaltfläche ändern. Gehen Sie voran und klicken Sie auf „Abschnitt Thema“ Dies ist die weiße minimale Thema auf dieser Seite. Sie können auf den „Button“ klicken und dann können Sie den Hintergrund der Schaltfläche
ändern, wenn Sie eine andere Farbe möchten. Vielleicht wollen Sie die Farbe von Ihrer Palette. Ich werde nur für Schwarz gehen und Sie können die Textfarbe ändern. Jetzt wissen Sie, wie Sie Ihre Schaltflächen formatieren, also fahren wir mit der nächsten Lektion fort.
17. Design: Animation: Schauen wir uns den Design-Stil als Animationen an, und das ist eine wirklich schnelle Lektion, weil es wirklich
nicht so viele Einstellungen gibt , die hier zu tun. Wenn Sie sich erinnern, als wir die verschiedenen Inhalte auf unseren Seiten erstellt
haben, konnten wir die Animation auf den bestimmten Abschnitten anpassen. Beispiel: Scrollen Sie hier nach unten, und Sie können es ändern, wenn Sie möchten; Skalierung, Fading, keine Animation oder Site-Standard. Lassen Sie uns einfach Website-Standard verwenden und drücken Sie „Speichern“. Um die Animation auf Ihrer gesamten Website zu ändern, klicken
Sie auf „Animationen“ im Design-Menü, und dann können Sie einen dieser Stile wählen, keine, Fade, Skalierung Folie, Clip. Ich denke, es ist Skala sieht gut aus und Sie können die Geschwindigkeit entscheiden, langsam, mittel oder schnell. Medium könnte gut sein und sparen. Dies bedeutet, dass die Seite, die
auf klicken würde , diese Animation hat, wenn wir keine bestimmte Animation auf diesen Inhaltsblock gesetzt haben. Das war eine wirklich kurze Lektion über Animation. Ich fühle, dass einige Animationen auf Ihrer Website zu haben macht es wirklich professionell aussehen. Sie können es einfach hier ändern, so dass Sie es einfach ausprobieren und sehen können, was Sie mögen.
18. Design: Navigation: Nun lassen Sie uns voran und optimieren Sie die Navigation Ihrer Website. Zuerst können wir uns die Schriftarten in diesem in den vorherigen Lektionen ansehen. Wenn wir Schriftarten für Ihre gesamte Website ausgewählt haben, gehen
Sie in den Schriftartentwurfsstil und dann in die Einstellungen. Dann können Sie einfach oben hier klicken und Sie erhalten die Erweiterten Einstellungen,
das ist der Site-Titel,
Website-Navigation und die Header-Schaltfläche. Lassen Sie uns voran gehen und werfen einen Blick auf den Site-Titel, also das ist dieser. Sie können wählen, ob Sie einen Website-Titel haben, den Sie eingeben, oder Sie können wählen, ob Sie Ihr Logo haben möchten. Ich werde Ihnen zeigen, wie Sie in der nächsten Lektion ein Logo hinzufügen, aber jetzt ändern wir einfach die Schriftart dieses Site-Titels. Wir können die Poppins-Schriftarten ausprobieren, das sieht ziemlich gut aus, oder Sie können auf Alle Schriftarten durchsuchen und auf Speichern, Zurück drücken, und hier können Sie alle möglichen Einstellungen wie Gewicht und Stil,
Zeilenhöhe, Buchstabenabstand und all das. Klicken Sie auf Speichern und dann auf Zurück. Dann können Sie gehen und die Website-Navigation ändern. Die vorgefertigten Einstellungen sind, dass Sie den Absatz als Formatvorlage verwenden. Aber Sie können auch hineingehen und das ändern. Sie können voran gehen und es in eine andere Schriftart ändern. Lassen Sie uns einfach für Poppins gehen für diese und zurück, oder Sie können zurückgehen und Absatz wählen. Sie können die Größe der Navigation ändern. Wenn Sie etwas größer wollen, sieht
1.3 gut aus, oder Sie können die Größe in Absatz 1,
Absatz 2, Absatz drei ändern . Klicken Sie auf Speichern und Zurück. Wir haben derzeit keine Header-Schaltfläche, aber wenn wir eine haben, können
wir die Einstellungen hier ändern. Lassen Sie uns auf Zurück klicken und ich werde Ihnen zeigen, wie Sie das Header-Layout ändern. Sie klicken auf eine Seite bearbeiten, Websitekopf
bearbeiten und dann Kopfzeilenlayout. Hier können Sie ändern, wo Ihr Menü und Websitetitel angezeigt werden sollen. Lassen Sie uns versuchen, meinen Website-Titel in der Mitte und Website-Titel und Logo zu haben. Wir werden gerade über Site-Titel gehen für jetzt und ich werde
Ihnen zeigen , wie Sie ein Logo in der nächsten Lektion hinzufügen. Elemente können Sie wählen, ob Sie eine Schaltfläche haben möchten, Social Links, wenn Sie möchten, dass sie in Ihrem Menü angezeigt werden, dass Social Icon Größe. Wenn Sie einen Shop haben, können
Sie einen Einkaufswagen hinzufügen. Klicken Sie auf Zurück und Farben. Sie können einen transparenten Hintergrund verwenden, oder Sie können wählen, ob Sie eine Farbe Ihres Menüs haben möchten. Lassen Sie uns für einen transparenten Hintergrund gehen. Klicken Sie auf Stil und hier können Sie auswählen, wie viel Abstand Sie in Ihrem Menü wollen, wie viel Abstand Sie zwischen den Elementen und wie viel Abstand Sie mit den Links wollen. Wenn Sie möchten, dass ein Menü eine feste Position hat ,
so dass, wenn Sie nach unten scrollen, wird das Menü immer da sein, oder wenn Sie möchten, dass es nur oben auf der Seite sein, lassen Sie uns eine feste Position verwenden. Hier können Sie auswählen, ob Sie die Kopfzeilenformatvorlage einfach sein oder zurückblättern möchten. Lassen Sie uns einfach Basic wählen. Sie können wählen, ob Sie eine volle Breite oder eine Einfügung haben möchten. Gehen Sie zurück und ich denke, dass ich das Header-Layout auf das ändern werde, das ich vorher hatte. Weil man das besser mag. Dann klicken Sie einfach auf „Speichern“. Das ist alles, was es gibt, um den Designstil der Navigation zu ändern.
19. Design: Logo hinzufügen: In dieser Lektion fügen wir anstelle des Websitetitels ein Logo zu Ihrer Website hinzu. Das heißt, wenn Sie bereits ein Logo haben, können
Sie es hochladen und es zu Ihrer Website hinzufügen. Wenn Sie kein Logo haben, können
Sie einfach eine Schriftart verwenden, wie ich Ihnen in
der vorherigen Lektion gezeigt habe , und Ihren Markennamen Ihrer Website hinzufügen. Aber lassen Sie uns ein Logo hinzufügen. Klicken Sie auf „Bearbeiten“ und „Website-Header bearbeiten“, Website-Titel und Logo. Hier steht, dass das Logo den Seitentitel auf allen Seiten ersetzt. Klicken Sie auf den kleinen „Upload“ -Button. Ich habe mein Logo als P&G gespeichert. Wenn Sie sicherstellen möchten, dass Sie einen transparenten Hintergrund auf Ihrem Logo haben, speichern
Sie es als P&G. Klicken Sie hier, um das Logo hochzuladen. Hier können Sie die Logo-Höhe wählen, was im Grunde die Größe Ihres Logos bedeutet, und das Mobile Logo Max Height. Versuchen wir es einfach einmal aus und gehen Sie erneut zur mobilen Ansicht und zur Desktop-Ansicht. Wir können auf die Mobile Logo Höhe zurückgehen und die Größe auf 50 Pixel erhöhen und sehen, ob das Änderungen vorgenommen hat. Okay, das sieht in der mobilen Ansicht besser aus. Das ist alles, was es gibt, um ein Logo auf Ihrer Website hinzuzufügen. Also drücken Sie „Speichern“. Egal, auf welche Seite Sie jetzt klicken, Sie haben Ihr Logo oben auf Ihrer Website.
20. Design: Fußzeile: In dieser Lektion zeige ich Ihnen nur, wie Sie die Fußzeile Ihrer Website ändern können. Die Fußzeile ist der untere Bereich Ihrer Website. Klicken Sie auf „Bearbeiten“ und hier haben Sie die Fußzeile am unteren Rand Ihrer Seite bearbeiten. Wenn Sie die Fußzeile ändern, ändern
Sie die Fußzeile auf allen Seiten, auf Ihrer gesamten Website. Vielleicht möchten Sie es mit quadratischer Basis dort gemacht haben oder vielleicht nicht, also können Sie einfach entfernen, dass eine. Sie können die sozialen Links optimieren, vielleicht wollen Sie sie größer und Sie können Ihren Namen hier
schreiben, oder vielleicht möchten Sie sogar Ihr Logo hinzufügen. Wenn Sie Ihr Logo hinzufügen möchten, können
Sie auf das kleine Tropfen Symbol Bild hinzufügen klicken, und suchen Sie nach importierten Bildern und fügen Sie das Logo, das wir gerade hochgeladen. Wir wollen keine Beschriftung auf das Logo und drücken Sie einfach „Übernehmen“. Wenn Sie möchten, dass das Bild kleiner ist, fügen
Sie einen Abstandhalter hinzu, indem Sie auf das Drop-Symbol „Abstandhalter hinzufügen“ klicken, und dann können Sie einfach mehr Platz an der Seite Ihres Logos hinzufügen. Lassen Sie uns das Textfeld entfernen, und hier haben Sie Ihr Logo und Sie haben Ihre sozialen Links. Wenn Sie auch ein Menü in der Fußzeile wollen, denke
ich nicht, dass es notwendig ist, wenn Sie diese kleine Website mit nur wenigen Seiten haben. Aber wenn Sie möchten, dass haben, können
Sie entweder einen Inhaltslink hinzufügen,
was bedeutet, dass Sie auf Ihre Seiten verlinken, oder Sie können ein Textfeld hinzufügen und schreiben Sie Ihre Seiten, und entfernen Sie einfach die Inhaltslinks und dann können wir sie nach rechts ausgerichtet. Ein weiterer Trick, wenn Sie nur eine Zeile nach unten haben möchten, ist, halten Sie die
Shift gedrückt und klicken Sie auf „Enter“, um eine engere Distanz zu erhalten. Dann können wir Links zu diesem Text hinzufügen, so klicken Sie auf den Text, klicken Sie auf „Link“, und Sie können eine Seite,
die Homepage hinzufügen , und drücken Sie „Speichern“. Machen Sie das gleiche auf dem Blog, Seite, dem Blog und drücken Sie „Speichern“. Wählen Sie den obigen Text aus, klicken Sie auf „Link hinzufügen, Seite und Info“. Das gleiche mit Kontakt, klicken Sie auf „Link, Seite und Kontakt“. Ich habe vergessen, auf diese anwenden zu klicken, damit sie nicht wirklich Links bekommen haben, also lass es uns noch einmal tun. Stellen Sie sicher, dass Sie auf „Übernehmen“
klicken, auf „Fertig“ klicken und speichern. Jetzt haben Sie eine Fußzeile erstellt, die auf allen Ihren Seiten angezeigt wird. Wenn Sie die Fußzeile in einer anderen Farbe haben möchten, klicken Sie auf „Fußzeile bearbeiten“ und klicken Sie auf das kleine „Bearbeiten“ -Symbol. Sie können für den Hintergrund gehen, wenn Sie ein Bild oder etwas als Hintergrund haben möchten. Andernfalls können Sie Farbe auswählen und Ihrer Fußzeile eine Farbe hinzufügen. Lassen Sie uns das Licht minimal ausprobieren und sehen, wie das aussieht. Lass uns für weißes Minimum gehen. Im Format können Sie die Schnitthöhe auswählen oder sie selbst anpassen. Die Inhaltsbreite, wenn Sie es in der Mitte Ihrer Seite haben möchten, und auch die Ausrichtung. Aber ich denke, dass das gut aussieht, also drücke „Speichern“, und hier hast du deine Fußzeile. Jetzt können Sie sehen, wenn Sie nach unten scrollen, dass das Navigationsmenü mit Ihrer Seite nach unten scrollt, während Sie nach unten scrollen.
21. Design: Bildblöcke: Also der letzte Design-Stil, den ich Ihnen zeigen möchte, wie zu optimieren, das ist die Grundlagen dessen, was Sie wissen müssen, um eine grundlegende Portfolio-Website zu erstellen, sind die Bildblöcke. Gehen Sie also zu „Design“ und „Bildblöcke“. Dieser ist ein Bildblock, es ist eine Bildblock-Collage, und es gibt einige weitere Bildblöcke. Also lassen Sie uns einfach ein Bild Blöcke auf dieser Seite hinzufügen, um die Änderungen zu sehen, die wir vornehmen können. Klicken Sie auf das kleine Drop Symbol und Bild und wir werden nur ein Bild
hinzufügen und klicken Sie auf „Design“ und das sind die Bildblöcke. Es ist also Poster, Karte, Überlappung, Collage und Stapel. Also gehen wir für Karte, drücken Sie „Übernehmen“, jetzt schreiben wir nur einen Titel und einen Untertitel. Ich werde einfach den Titel ändern und den Untertitel verschiedene Absätze und Überschriften ändern und „Fertig“ drücken und speichern. In den Bildblöcken können
Sie also einige Einstellungen ändern. Dies ist die Bildblockkarte Wenn Sie auf diesen Bildblock klicken, wird
die Bildblockkarte angezeigt. Sie können wählen, ob die Inhaltsposition oben oder unten zentriert sein soll. Lassen Sie uns einfach für die Mitte gehen, die Textausrichtung, lassen Sie uns für die linke
Bildbreite gehen, Bildtrennung vom Text und Titeltrennung voneinander, den Titel und Untertitel. Das waren also die Einstellungen, die Sie für die Bild-Blockkarte tun konnten. Also lassen Sie uns voran und sehen, was Sie auf der Bildblock-Collage tun können, und das ist die Inhaltsposition. Vielleicht möchten Sie, dass es zentriert ist und die Bildbreite des Ausrichtungsbildes nimmt, es ist jetzt 70 Prozent. Ich mag sie überlappend, also sehen 70 Prozent gut aus. Inhaltsbreite ist die Textbreite, lassen Sie uns gehen für 50 dort Inhalt Offset und dann alle diese Einstellungen, die Sie experimentieren können. Lassen Sie uns „Speichern“ und „Design“ drücken und gehen Sie dann zurück. Drücken Sie „Bearbeiten“ und ich werde einfach diesen neuen Bildblock löschen, den ich erstellt habe, nur um Ihnen zu zeigen. Hier haben wir einige neue Einstellungen für diesen Bildblock erstellt, dass der Textinhalt sich in der Mitte des Bild-Inhalts befindet. Klicken Sie auf „Speichern“. Nun wissen Sie ein wenig, wie Sie einige Einstellungen für die verschiedenen Bildblöcke vornehmen können.
22. Letzte Optimierungen: Okay, jetzt haben wir unsere gesamte Website erstellt, alle Seiten und alle ihre Design-Style-Änderungen vorgenommen. Lassen Sie uns einfach über die gesamte Website gehen und sehen, ob wir einige Änderungen vornehmen möchten. Wir klicken auf die Vollbild-Ansicht und ich scrollen einfach durch meine Seiten, um zu sehen, ob ich Änderungen vornehmen möchte. Diese erste Seite sieht gut aus, obwohl ich die Schriftart der Navigation nicht mag, also lasst uns das sofort ändern. Klicken Sie auf „Schriftart“ und auf „Design“. Klicken Sie auf „Einstellungen“ und klicken Sie auf die „Navigationsschriftart“ und hier können Sie ändern, welche Sie verwenden möchten. Probieren wir stattdessen Futura aus. Das gefällt mir viel besser. Klicken Sie auf „Speichern“ und vielleicht möchten Sie noch ein paar Gewichte zu 400 haben. Mal sehen, ob wir es Großbuchstaben haben wollen. Auf diese Weise wollen wir vielleicht mehr Abstand zwischen den Buchstaben haben. Ich denke, ich mag den Kleinbuchstaben besser und entferne den Buchstabenabstand und vergrößere vielleicht die Größe ein bisschen. Okay, so etwas wie das. Das sieht viel besser aus für mich. Gehen wir zurück und die volle Ansicht wieder. Eigentlich habe ich nicht das Gefühl, dass es sehr logisch ist, zuerst den Blog zu haben und über diesen Kontakt. Ich möchte vielleicht auch die Homepage hinzufügen. Diese Seite zur Hauptnavigation. In dem Moment, wenn Sie auf einer anderen Seite sind und auf das Logo klicken, gehen
Sie nach Hause, was für alle Websites Standard ist. Sie können aber auch wählen, ob Sie es in Ihrer Hauptnavigation haben möchten. Das macht mir mehr Sinn auf dieser Basis-Portfolio-Website, wo Sie nur diese vier verschiedenen Seiten haben. Im Hauptnavigationsmenü können
Sie auch klicken und ziehen, um auszuwählen, wo die Seiten im Menü angezeigt werden
sollen, und klicken Sie erneut auf die Vollbildansicht. Klicken Sie auf „Über Seite“ und scrollen Sie nach unten. Das sieht gut aus. Der Blog sieht auch gut aus. Der Kontakt, vielleicht möchte ich diesen Grund
ändern, weil ich diese Schriftart nicht wirklich sehen kann. Ansonsten denke ich, es sieht gut aus. Verlassen Sie den Vollbildmodus. Klicken Sie auf „Schriftart“ und den unteren Button Text und Stil. Vielleicht funktioniert es nur, wenn ich diese Absatzseiten vergrößere. Nein, das hat nicht geklappt. Lassen Sie uns voran und passen Sie die Größe ein bisschen größer an und das sieht besser für mich aus. Vielleicht wollen wir auch das Gewicht anpassen. Das sieht mir mit dem 500 Gewicht auf diesem Knopf viel besser aus. Sie können einfach hin und her auf Ihrer Website gehen und sicherstellen, dass Sie mit allen Einstellungen zufrieden sind. Für mich bin ich jetzt wirklich glücklich damit, geh zurück nach Hause und scrolle wieder durch. Wenn ich auf die Bilder klicke, bekomme
ich einen Light-Box-Modus und kann durch die Bilder blättern. Klicken Sie auf „Über“ und das ist ein bisschen über mich. Der Blog. Wenn ich in einen Blog gehe, wie sieht das aus? Das sieht gut aus und eine Kontaktseite. Okay, also bin ich wirklich glücklich damit, wie das jetzt aussieht. Jetzt haben wir unsere gesamte Website erstellt.
23. BONUS: Browser-Symbol hinzufügen: Ich denke, das ist eine kleine Bonusstunde darüber, wie man ein Favicon oder ein Browser-Symbol hinzufügt, wie ich glaube, ist der neue Name für dieses kleine Symbol, das oben auf Ihrer Seite
angezeigt wird. Zum Beispiel
habe ich auf meiner Website eine kleine Blume als Favicon oder Browser-Symbol. Standardeinstellungen für Squarespace sind
diese Blackbox zu haben und das sieht nicht so schön aus. Sie können ein Favicon in jeder Art von Design-Software erstellen, Sie könnten es wahrscheinlich auf Ihrem iPad oder in Illustrator,
Photoshop, sogar in Canvas erstellen, wenn Sie das verwenden. Aber da das eine ganz andere Klasse wäre, wie man ein Favicon auf all diese verschiedenen Arten
erstellt, werde
ich einfach durchgehen, wie man wirklich schnell ein Favicon online erstellt. Ich werde nur Google-Favicon. Ich fand diese Seite, favicon.io, wo Sie ein Favicon aus Text erstellen können, eine PNG-Datei zu ICO, wenn Sie dieses Format und von einem Emoji wollen. Lassen Sie uns einfach einen aus Text erstellen, der der einfachste Weg ist. Vielleicht möchte ich ein M und ein F oder nur ein M haben, Maja Faber als mein Favicon. Ich kann den Hintergrund auswählen. Ich mag Kreis und die Schriftgröße ein wenig kleiner ,
so dass es in diesem Kreis wandern wird, können
Sie die Schriftart auf Ihre Schriftart ändern, die Sie wollen. Lassen Sie uns diese buchstäblich eine Schriftart verwenden. Ich denke, dass ich tun würde, ist ein M anstelle eines M und eines F. Passen Sie die Größe davon auf vielleicht 70. Die Schriftfarbe, die ich möchte, Licht und die Hintergrundfarbe kann sein, vielleicht rosa. Dann habe ich einfach „Download“ geklickt. Dadurch wird eine ZIP-Datei heruntergeladen, die ich geöffnet habe. Hier haben Sie alle verschiedenen Favicons, die Sie auf Ihre Website hochladen können. Gehen wir zurück zu unserer Squarespace-Website, klicken Sie auf „Home“, Design und Browser-Symbol und fügen Sie Favicon hinzu. Hier steht, mit dem Feld unten, können
Sie ein Browser-URL-Symbol für die Verwendung mit Ihrer Website hochladen. Dieses Symbol kann im PNG- oder ICO-Format und wird vom Browser für die Anzeige in Ihrer URL-Leiste in der Größe geändert. Beachten Sie, dass das PNG-Format nicht unterstützt. Vielleicht sollten wir das ICO-Format wählen, Sie klicken und ziehen das in, drücken Sie „Speichern“ und sehen, wie das aussieht. Vielleicht müssen Sie die Website neu laden. Dort haben Sie das ICO Favicon. Eigentlich fühle ich, dass das nicht so gut aussieht. Ich gehe einfach zurück und wir werden sowieso das PNG Favicon auswählen. Ich habe das auf meiner Website und ich fühle, dass es wirklich gut funktioniert. Ich werde tun, ist gehen Sie voran und löschen Sie das ein und ziehen Sie in der PNG drücken Sie „Speichern“, und aktualisieren Sie die Website. Dort haben Sie Ihr Favicon oder Browser-Symbol. Wie es so klein gezeigt wird, kann
man wirklich nicht sehen, was es ist, aber es ist schöner, dass es ein kleiner Hauch von Farbe statt nur einer schwarzen Box ist.
24. BONUS: Passwortgeschützte Seite: In dieser Lektion werde ich Ihnen zeigen, wie Sie eine passwortgeschützte Seite hinzufügen. Möglicherweise haben Sie bestimmte Inhalte, die Sie kennwortgeschützt haben möchten. Für mich ist das mein Katalog mit meinem Kunstwerk, meinen Mustern, den ich nur potenziellen Kunden zeige. Also habe ich einen Katalog mit über 200 Mustern , der auf meiner Website ist, aber mit einem Passwort geschützt ist. Lassen Sie uns einfach ein Duplikat der Homepage erstellen, wo wir bereits eine Galerie haben. Klicken Sie auf die neuesten Einstellungen und duplizieren Sie die Seite und lassen Sie uns diesen Katalog benennen. So sieht es vorerst genau wie die Homepage aus. Ich habe es unter den nicht verlinkten Seiten platziert und ich werde nur diese Seite bearbeiten, das Instagram
löschen und ich kann einfach
einige weitere Bilder hinzufügen , um sicherzustellen, dass wir diese Seiten auseinander halten. Wenn Sie einen Katalog mit dem Passwort erstellen, wie ich es habe, gibt es wirklich keinen Standard, soweit ich weiß, wie es aussehen soll. Mein Vorschlag und meine Tipps sind es, es so einfach wie
möglich zu halten , denn was Sie mit diesem Katalog wollen, ist es, Ihr Kunstwerk zu verkaufen, also möchten Sie nur, dass ein Besucher oder der potenzielle Kunde
durch Ihre Seite blättern , um Ihre Kunstwerke. In meinem Katalog habe ich keine Bilder oder Mock-ups, also kann ich diese einfach entfernen. Lassen Sie uns einfach ein paar weitere Muster hinzufügen. Ich werde einfach „Schließen“ drücken und wir können den Galerie-Typ bearbeiten, so dass es vielleicht ein einfaches Raster mit der gleichen Größe der Bilder ist. Also vielleicht so etwas. Wenn Sie einen Katalog erstellen, können Sie Ihre Muster oder Grafiken auch in Sammlungen sortieren
oder in welchen Mustern sie sind oder in welchen Mustern Sie Ihren Katalog sortieren möchten. Aber in dieser Lektion geht es darum, eine passwortgeschützte Seite zu erstellen. Wie Sie sich entscheiden, die Seite Ihres potenziellen Katalogs zu entwerfen, liegt ganz bei Ihnen. Also drücken Sie „Speichern“ und jetzt haben wir unseren Katalog hier. Wir können nur sicherstellen, dass wir die richtigen URL-Schnecken haben, also traf den „Einstellungen“ und URLs Slug Katalog. Hier können wir wählen, um ein Passwort auf unserer Seite zu haben. Verwenden wir einfach den Passwort-Katalog und klicken Sie auf „Speichern“. Wenn Sie ein kleines Schlosssymbol sehen, wissen
Sie, dass diese Seite passwortgeschützt ist. Um zu sehen, wie es aussieht, wenn Sie versuchen, auf diese Website zuzugreifen, gehen
Sie zu Design und Sperrbildschirm. Sie können verschiedene Passwörter für verschiedene Seiten haben, aber Sie können nur ein Layout auf dem Sperrbildschirm haben. Wählen Sie beispielsweise so etwas,
wie ein Layout, dann gehen Sie zurück zum Sperrbildschirm und hier können Sie das Branding ändern. Vielleicht möchten Sie Ihr Logo dort statt oder nur Ihren Namen und Sie können wählen, ob Sie ein Schlosssymbol anzeigen möchten, also drücken Sie „Speichern“, zurück und „Medien“. Sie können „Keine“ drücken, wenn Sie kein Bild im Hintergrund haben möchten und die Farbe des Hintergrunds stylen möchten. Gehen wir für ein Rosa. Sie können ändern, wenn Sie den Rahmen zur Seite haben möchten. Welche Art von Schloss Sie wollen. Die Farbe des Schlosses, der Kennwortstil. Ist das ein Stil? Welche Schriftart soll im Passwort-Feld angezeigt werden? Lets wählen Sie einfach das gleiche wie auf unserer Website und drücken Sie „Speichern“. Also dort haben Sie Ihre passwortgeschützte Seite. Dies ist ein allgemeiner Sperrbildschirm, so dass er auf allen Seiten angezeigt wird, die Sie mit dem Passwort gesperrt haben. Der Unterschied besteht darin, dass Sie auf allen Seiten ein anderes Passwort verwenden können. So erstellen Sie eine passwortgeschützte Seite.
25. BONUS: Neue Seiten erstellen: In dieser Lektion zeige ich Ihnen, wie Sie neue Seiten zu Ihrer Vorlage hinzufügen. In dieser Klasse konzentrieren wir uns hauptsächlich auf die Verwendung der Vorlage, die wir ausgewählt haben. Weil ich das Gefühl, dass, wenn Sie ein Anfänger Squarespace sind, das ist ein wirklich guter Start, um es nicht zu kompliziert zu machen. Aber wenn Sie Seiten hinzufügen möchten, werde ich Ihnen zeigen, wie das geht. Wie ich bereits erwähnt habe, haben
Sie die Hauptnavigation unter Nicht verlinkte Seiten. Wenn Sie eine Seite zur Hauptnavigation hinzufügen, wird diese in Ihrer Navigation angezeigt. Wenn Sie eine Seite zu Nicht verknüpft hinzufügen, können
Sie sie nicht in der Navigationsleiste finden. Sie können es über einen Link oder URL Slug finden. Sie können die Seiten per Drag & Drop aus der Hauptnavigation zu Nicht verknüpft ziehen. Es spielt wirklich keine Rolle, wo Sie Ihre Seite erstellen. Beginnen wir einfach mit dem Erstellen einer neuen Seite. Wenn Sie ein Anfänger bei Squarespace sind, was ich vermute, dass Sie sind, wenn Sie diese Klasse besuchen, finde
ich, dass es am einfachsten ist, mit einem Seitenlayout zu beginnen. Lassen Sie uns auf Seitenlayout klicken. Hier haben Sie alle Seiten, die Sie als Vorlagen verwenden können. Wir haben die allgemeinen Seiten, Termine über Seite, Kontakt, Dienstleistungen, Galerie, Team, Bewertungen, Menü, RSVP, FAQ, Datenschutzrichtlinie und Nutzungsbedingungen. Lassen Sie uns einfach für allgemeine gehen und sehen, welche Art von Seiten wir hier wählen müssen. Beginnen wir mit diesem allgemeinen 2 und sehen, wie das aussieht. Wenn Sie auf ein Seitenlayout klicken, erhalten
Sie das vollständige Layout dieser Seite. Sie können es natürlich anpassen, wie Sie möchten. Wenn Sie das tun möchten, klicken
Sie auf Bearbeiten und dann gehen Sie in verschiedene Abschnitte und optimieren sie. Sie können den Mauszeiger über, ändern Sie das Bild, zum Beispiel, wie wir es in den vorherigen Lektionen getan haben. Sie können diesen Abschnitt mit einer beliebigen Höhe formatieren, ist die Schnitthöhe und die Inhaltsbreite. Außerdem können Sie die Farben ändern, wenn Sie ein anderes Abschnittsdesign wünschen. Lasst uns einfach für das Licht Minimum gehen. Wenn Sie Ihrem Layout einen Abschnitt hinzufügen möchten, klicken
Sie auf das Pluszeichen und fügen einen Abschnitt hinzu. Fügen wir einfach diese Liste hinzu. Sie können die Abschnitte nach Belieben bearbeiten. Ändern Sie die Schriftart, Überschrift, einen Absatz in etwas, das Sie finden, sieht gut aus. Lassen Sie uns einfach dieses Bild ändern und sehen, was wir uns einfallen können. Vielleicht zu diesem Bild. Wie Sie sehen können, haben Sie ein wenig Overlay in diesem Bild, was bedeutet, dass es keine echten Farben zeigt. Es hat eine Überlagerung auf dem Bild. Wenn Sie nicht überlagern möchten, müssen
wir in den Designstil,
Farben, Abschnittsthemen gehen , und deshalb ist es minimal. Klicken Sie auf Ihren Bildblock. Hier können Sie die Bildüberlagerung ändern. Wenn Sie Ihre Bildüberlagerung auf die transparente Seite ziehen, erhalten
Sie keine Überlagerung auf Ihre Bilder im Bildblock. Zusammenstoß in der weißen minimalen Abschnitt Thema. Klicken Sie auf Speichern und gehen Sie zurück. Sie können Ihre Farbe auch bearbeiten, indem Sie Blöcke hinzufügen. Ich habe Ihnen gezeigt, wie Sie Abschnitte hinzufügen können, indem Sie auf das Pluszeichen klicken. Wenn Sie auf das kleine Drop-Symbol klicken, das angezeigt wird, wenn Sie den Mauszeiger über etwas bewegen, können
Sie Blöcke hinzufügen. Klicken Sie auf das kleine Drop-Zeichen, und hier können Sie alle Blöcke hinzufügen. Lassen Sie uns einfach Textblock hinzufügen. Ändern Sie die Ausrichtung in die Mitte und schreiben Sie hier etwas. Sie können die Absatzformatvorlage ändern, vielleicht so etwas. Dort haben Sie einen Block in Ihrem Abschnitt hinzugefügt. Drücken Sie fertig, und speichern Sie. Wenn Sie Ihre Seite in den nicht verknüpften Bereich verschieben, wird
sie nicht im Menü angezeigt. Also lassen Sie uns eine weitere Seite hinzufügen. Sie können natürlich auch mit einer leeren Seite beginnen. Aber ich denke, dass ein Seitenlayout gut ist, wenn Sie ein Anfänger sind. Lassen Sie uns für eine Rezensionsseite gehen und überprüfen Sie 2, klicken Sie auf den Vollbildmodus, um zu sehen, wie das aussieht. Vielleicht möchten Sie hier ein Bild
oder etwas hinzufügen , um es ein wenig interessanter zu machen. Lassen Sie uns einfach dieses hinzufügen. Lassen Sie uns einfach ein Bild von Unsplash hinzufügen und anwenden. Vielleicht möchten Sie etwas entfernen. Du bewegst den Mauszeiger über diesen Block und klickst auf den kleinen Mülleimer. Klicken Sie auf Fertig und speichern Sie. Grundsätzlich können Sie mit dem Seitenlayout beginnen und Blöcke
zu Ihrem Seitenlayout hinzufügen , um es nach Belieben anzupassen. Ziehen wir das auch nach unten. Was ist, wenn Sie einen Shop außerhalb Ihrer Webseite haben, wie ein Etsy-Shop oder Society6 Shop oder so etwas. Nun, dann können Sie einen Link hinzufügen. Du klickst auf das kleine Pluszeichen und fügst den Link hinzu. Sagen wir mal, shoppen. Wir können unsere Lieblings-Design-Unternehmen Webshop hinzufügen. Ziehen Sie das nach unten, so dass wir es am Ende der Navigation haben. Dann werde ich einfach auf Startseite Vollbild klicken und versuchen, Shop klicken und sehen, was passiert. Dadurch komme ich zu einem externen Link außerhalb der Website. Das letzte, was ich Ihnen zeigen wollte, wie man Seiten hinzufügt, ist, wie
man mehr Seiten unter einer Überschrift in der Navigation hinzufügt. Klicken Sie auf den Ordner. Nennen wir es einfach Neuigkeiten. Ziehen Sie diese nach unten an das Ende der Navigation, und ziehen Sie dann Seiten in Ihren Ordner. Lass uns hinzufügen, dass ein und das eine, nach Hause schlagen. Nun, wie Sie sehen können, haben
Sie eine Navigation, die unter Ihrem Ordner angezeigt wird. Wenn Sie den Mauszeiger über Nachrichten bewegen, können
Sie auf die Seiten klicken, die sich darunter befinden und sie im Menü finden. Ziehen wir einfach den News-Ordner heraus, weil wir diesen verwenden möchten. Klicken Sie auf die Startseite. Dort haben wir unsere Website. Sie können mehr über das Hinzufügen neuer Seiten erfahren. Sie können Geschäfte hinzufügen, die ich in dieser Klasse nicht durchmachen werde, weil Sie einen Business- oder Commerce-Plan haben
müssen. Sie können Ereignisse und Portfolios hinzufügen, die ich Ihnen früher in der Klasse gezeigt habe, leere Seiten, Seitenlayout, Ordner und Links hinzufügen.
26. Deine Website veröffentlichen: Jetzt haben wir
unsere gesamte Portfolio-Website erstellt und wir sind fertig und alles, was wir tun müssen, ist es, sie zu veröffentlichen. Ich werde Ihnen zeigen, wie Sie es veröffentlichen, aber ich werde meine Website nicht veröffentlichen, da ich dann für ein Abonnement und eine Domain bezahlen muss. Ich werde Ihnen zeigen, wie Sie Ihre veröffentlichen können. Klicken Sie auf „Home“, „Einstellungen“, „Site Availability“ und dann auf „Upgraded to Publish“. Hier wählen Sie Ihren Plan und alles aus, und dann können Sie Ihre Website veröffentlichen, wenn Sie sich für einen Plan anmelden. Ich werde einfach auf „Zurück“ klicken und Ihnen zeigen, wo Sie Ihre Domain verbinden werden. Sie erhalten eine integrierte Domain, die eine seltsame Domain ist, crocodile-cello-yaak-squarespace.com. Sie können es anpassen, wenn Sie möchten, aber Sie werden immer noch die squarespace.com am Ende haben. Lassen Sie uns versuchen, es in majasquarespace.com umzubenennen. Sie können diese Domain tatsächlich verwenden, wenn Sie möchten, sie läuft nie ab. Es kostet nichts. Sie können auch eine Domain verwenden, die Sie besitzen. Hier erfahren Sie mehr darüber, wie Sie das verbinden können. Ich habe das schon mal gemacht, es ist nicht so schwer, aber es braucht ein bisschen Geduld, um alle Schritte durchzustehen. Sie können auch eine Domain über Squarespace erhalten, was großartig ist, denn dann haben Sie alle Rechnungen für Ihre Website innerhalb von Squarespace. Das habe ich mit meinen Webseiten gemacht. Ich habe die Domain über Squarespace gekauft. Sie können Ihre Domain auswählen und auf „Hinzufügen“ klicken. Weitere Informationen dazu finden Sie im Squarespace-Hilfecenter, über
das ich Ihnen in der nächsten Lektion mehr zeigen werde. Es ist nicht schwer, die Domain zu verbinden. Wenn Sie noch keine Domain haben, würde
ich vorschlagen, dass Sie sie über
Squarespace kaufen , weil es alles so viel einfacher macht. Es ist nicht so schwer, die Domain zu verbinden, wenn Sie bereits eine haben.
27. Support und Fragen: Ich wollte uns nur diese Zeit nehmen, um mit Ihnen den Squarespace-Support und das Hilfezentrum zu
durchlaufen. Weil ich keine Squarespace-Unterstützung bin. Ich habe ein paar Websites mit Squarespace gebaut und ich weiß, wie ich es umgehen kann. Aber in dieser Klasse zeige
ich Ihnen die Grundlagen, wie Sie eine einfache Portfolio-Website erstellen. Wenn Sie mehr fortgeschrittene Techniken kennen und spezifische Fragen haben möchten, sollten
Sie sich das Squarespace-Hilfe-Center ansehen. Wenn Sie eingeloggt sind, können
Sie auf das Squarespace-Hilfecenter zugreifen, indem Sie
im Menü auf „Hilfe“ und dann auf „Knowledge Base“ klicken. Hier haben Sie eine Reihe von Leitfäden oder Sie können nach einigen Schlüsselwörtern suchen, wenn Sie Hilfe bei etwas Bestimmtem haben möchten. Nehmen wir an, ich möchte Hilfe mit Bildblöcken. Sie können auf den Artikel über Bildblöcke klicken. Sie können sehen, wenn Sie nach unten scrollen, dass es besagt, dass dieses Video für Squarespace Version 7.0 gilt. Das war die vorherige Version von Squarespace. könnte bedeuten, dass diese Hilfe
sowohl für die alte Version von Squarespace als auch für die neue Version von Squarespace identisch ist . Die neue Version heißt 7.1. Sie können hier sehen, wenn Sie nach unten scrollen, dass das Inline-Layout ein Beschriftungs-Styling
unterstützt, das durch Abschnittsstile,
Version 7.1 oder Template Version 7.0 festgelegt wurde. Ich habe festgestellt, dass Squarespace gerade ihr Hilfe-Center
aktualisiert und die Hilfe für 7.1,
die neue Version von Squarespace, hinzugefügt hat. Sie können diese Informationen auf den verschiedenen Seiten finden. Klicken wir einfach auf eine andere Seite, Bloggen, zum Beispiel; Bloggen mit Squarespace und sehen, wie das aussieht. Hier haben sie Version 7.1 und Sie können auch auf Version 7.0 klicken. Version 7.1 ist das, was Sie lesen möchten, Vorlagen und Designs, Arbeiten mit Vorlagen. Hier steht, diese Anleitung ist für Version 7.0. Alle Folien der Version 7.1 verwenden die gleiche Vorlage. Um mehr zu erfahren, besuchen Sie Squarespace 7.1. Sie sollten sicherstellen, dass Sie über die Version lesen, die Sie verwenden, das ist die Version 7.1, die wir in dieser Klasse verwenden. Aber Sie haben hier so viele Informationen, auf die Sie zugreifen können. Sie können auch die Community überprüfen, wo Sie Hilfe bei Ihrer Antwort erhalten könnten. Sie können an unserem Webinar teilnehmen. Wenn Sie nicht finden, was Sie suchen, können
Sie sich an einen Berater wenden Klicken Sie
daher auf „Kontaktieren Sie uns“. Hier können Sie auswählen, worum es bei Ihrer Frage geht. Wählen Sie ein Thema aus. Sagen wir Blocks und Sie werden diese Artikel bekommen. Wenn du immer noch nicht finden kannst, was du suchst, kannst
du Squarespace per E-Mail senden oder live chatten. In diesem Moment ist der Live-Chat geschlossen. Aber für mich war das wirklich nützlich. So ist der Live-Chat ein kostenloser Service und auch die E-Mail. Aber mit dem Live-Chat können
Sie mit dem Support überprüfen und sie können Ihnen helfen,
die Antworten auf Fragen zu finden , die Sie in den vorgefertigten Artikeln nicht finden können.
28. Letzte Gedanken: Das ist alles für diese Klasse. Ich hoffe, dass Sie diese Klasse nützlich und
motivierend bei der Erstellung Ihrer eigenen Portfolio-Website gefunden haben. Wie ich bereits im Unterricht erwähnt habe, braucht
es keine Monate, um eine Website zu erstellen, und Sie
brauchen nicht , um eine wirklich personalisierte und einzigartige Website als kreativ zu erstellen. Es ist in Ordnung, die Website aus einer Vorlage zu erstellen. Es ist die Kunst, die Sie erstellen, die Sie zeigen möchten, nicht Ihre Web-Design-Fähigkeiten. Mit dem gesagt, danke so sehr für das Anschauen. Wenn Sie diese Klasse mögen, drücken Sie den „Folgen“ -Button bei meinem Namen hier unten. Wenn Sie irgendwelche Fragen haben, fragen
Sie diese bitte auf der Community-Seite hier im Unterricht. Fühlen Sie sich frei, eine Bewertung zu hinterlassen, um mich wissen zu lassen, wenn Sie diese Klasse genossen, würde
ich gerne Ihre Gedanken hören. außerdem sicher, dass Sie Ihr Projekt freigeben. Wenn Sie Ihr Projekt auf Instagram posten,
zögern Sie nicht, mich @maja_faber zu markieren. Nochmals vielen Dank fürs Anschauen