So erstellst du eine Website, ohne Code zu schreiben

1. Einführung / Trailer: Hallo und willkommen zu, Wie man eine Website ohne Code zu schreiben erstellen. Mein Name ist Jake [unhörbar] und ich bin dein Lehrer für diesen Kurs. In diesem Kurs, wie Sie wahrscheinlich erraten können, werden wir Ihnen beibringen, wie Sie eine Website erstellen, ohne Code schreiben zu müssen. Das Ziel für Sie am Ende dieses Kurses ist es, mit einer Website zu gehen, die Sie erstellt haben. Sie müssen keinen Code schreiben, um dies zu tun, aber Sie haben einfach die gesamte Website von Grund auf auf eigene Faust erstellt. Wir werden eine Plattform namens Squarespace verwenden, um unsere Websites aufzubauen. Es ist sehr einfach und es ist einfach zu arbeiten, und ich weiß, sobald du reinkommst, wirst du es lieben. Es ist einfach, Ihre Website zu erstellen, und Sie müssen sich nicht mit den technischen Kenntnissen oder dem Code auseinandersetzen , der mit dem Aufbau der meisten anderen Websites einhergeht. Dieser Kurs ist in zwei Abschnitten organisiert. In der ersten Hälfte des Kurses werde ich Ihnen beibringen, wie Sie Squarespace tatsächlich nutzen, wie Sie Ihre Website einrichten. Ich werde Sie Seite für Seite und Option für Option durch die Plattform führen, erklären, was alles tut und es für Sie demonstrieren. In der zweiten Hälfte des Kurses wirst du sehen, wie ich reingehe und eine Website komplett von Grund auf neu entwerfen. Sie werden sehen, wie ich alles mache und meinen gesamten Prozess durchgehe, von der Planung der Website über die Einrichtung des Inhalts bis hin zur Implementierung des Designs. Dieser Kurs ist für jeden, der daran interessiert ist, eine Website selbst zu erstellen, oder für jeden, der daran interessiert ist, Squarespace zu lernen. Selbst wenn Sie noch nie eine Website in Ihrem ganzen Leben erstellt haben, werden Sie diesen Kurs lieben, weil er extrem einfach ist und Ihnen zeigen wird , wie Sie eine Website ganz auf eigene Faust einrichten. Sie benötigen keine technischen Kenntnisse oder Vorkenntnisse im Webdesign, um diesen Kurs zu absolvieren. Wenn Sie Erfahrung mit Grafikdesign haben, wird das Ihnen helfen, weil Sie in der Lage sein, eine besser aussehende Website zu entwerfen. Ehrlich gesagt, wenn Sie Grafikdesigner sind, denke ich, dass Sie diese Plattform lieben werden, denn Squarespace ermöglicht es Ihnen, ein Designer zu sein und nicht um den Code oder andere Dinge kümmern müssen, die Ihnen in den Weg kommen. Selbst für Leute da draußen, die vielleicht Webdesigner sind und die Squarespace-Plattform lernen möchten, ist dies ein großartiger Kurs, den ich Sie durch alles führen werde, was Sie wissen müssen. Mit allen gesagt worden, lasst uns eintauchen und loslegen. 2. Einrichten deines Squarespace: In diesem Video werde ich Ihnen zeigen, wie Sie Ihr Square Space Konto einrichten. Für diejenigen von Ihnen, die bereits eingerichtet sind, können Sie sich frei fühlen, weiter zu springen, aber für jeden, der noch kein Konto hat, werde ich Ihnen zeigen, wie Sie anfangen können. Also das erste, was Sie tun werden, ist nur zu squarespace.com gehen, keine Notwendigkeit für diese Fotografen, die nur für Dekor da ist. Aber hier geht es zu squarespace.com, dann wirst du runter kommen und du wirst auf „Erste Schritte“ klicken. Jetzt, wenn Sie dies tun, werden Sie fragen Sie, Ihre Vorlage zu wählen und wirklich können Sie wählen Sie eine gerade jetzt, Sie müssen nicht zu spezifisch sein oder zu viel Sorgen machen, also werde ich durch all diese jetzt schauen, , da wir das später ausführlich durchlaufen werden und Sie Ihre Vorlage jederzeit wechseln können. Also werde ich mit dem ersten hier Pacific gehen und Sie werden auf View Pacific klicken, und dann werde ich mit diesem Design beginnen und sobald Sie das tun, wird es Sie einfach bitten, Ihren Namen, Ihre E-Mail-Adresse, und um ein Passwort zu erstellen, und dann registrieren Sie sich und erstellen Sie Ihre Website. Jetzt habe ich bereits meine Website eingerichtet auf, ich werde euch zeigen, wie man die eine macht, aber das ist ziemlich einfach, ziemlich einfach, ich bin auf nur, wie man Ihre Website aufnimmt und auf Square Space läuft. 3. Warum Squarespace: Bevor Sie weiter gehen, ist eine Frage, die ich kenne, in Ihrem Kopf, warum Squarespace? Warum sollte ich meine Website auf dieser Plattform erstellen? In diesem Video werde ich Sie durch und sprechen über ein paar Gründe, warum Squarespace großartig ist, und einige Gründe, warum Sie vielleicht nicht wollen, um Ihre Website auf einer Plattform zu bauen. Ich werde versuchen, alles für Sie im Voraus offenzulegen, damit Sie sicher sein können, dass dies die Plattform ist, auf der Sie vorwärts gehen und Ihre Website aufbauen möchten. Einer der ersten Gründe, warum ich Squarespace für Ihre Website empfehle, ist, dass Sie in der Lage sein werden, Ihre gesamte Website zu bauen , ohne Code schreiben zu müssen. Es gibt nicht viele Plattformen da draußen, die das auf eine so saubere und professionelle Weise tun können wie Squarespace. Der zweite Grund, warum ich Squarespace empfehle, ist, dass ihre gesamte Plattform reagiert. Was reaktionsschnell bedeutet, ist, dass Ihre Website wird automatisch Fenstergröße ändern, es wird zu reagieren, was auch immer Gerät öffnet es auf. Das bedeutet, dass, wenn jemand Ihre Website auf Ihrem Telefon, seinem Tablet und seinem Computer öffnet , die Vorlagen von Squarespace Ihre Website automatisch an ihre Bildschirmgröße anpassen. Ein weiterer Grund, warum ich Squarespace sehr empfehle, ist, dass Sie sich keine Sorgen um die Wartung machen müssen. Eine der häufigsten Fragen, die ich bekomme, ist, ob jemand WordPress oder Squarespace verwenden sollte. Dies ist ein wirklich großer Differenzierungsfaktor. Eine Plattform wie WordPress ist Open Source. Das bedeutet, dass jeder dort reingehen und den Code bearbeiten und anpassen kann , wie er es möchte, aber es bedeutet auch, dass es keine Firma gibt, die dahinter steckt. Es gibt keine Unterstützung, die Ihnen wirklich helfen wird, wenn ein Plugin bricht oder wenn die Browser aktualisieren oder wenn Sie wissen, dass sich die Technologie ändert. Dies ist wirklich üblich, dass WordPress-Sites, müssen Sie Menschen einstellen oder bringen Sie jemanden nur auf Ihre Website zu halten, um es von brechen mit all den neuen Technologie-Änderungen, die im Web geschehen. Jetzt auf der anderen Seite, mit einer Squarespace-Website, müssen Sie sich um nichts davon kümmern. Squarespace ist keine Open-Source-Plattform, und was also passiert ist, ist im Grunde, Sie bauen Ihre Website auf Webanwendung von Squarespace und Sie bauen sie auf ihren Vorlagen. Das bedeutet, dass sie diese Vorlagen auf dem neuesten Stand halten und wenn Sie heute, in 10 Jahren, eine Website darauf erstellen , wird diese Website immer noch relevant sein, weil Squarespace ihre Vorlagen aktualisiert und sie konstant mit allen mobilen und den Veränderungen in Web- und Web-Standards. Das ist eine wirklich große Sache, weil viele Leute frustriert sind , weil sie alle paar Jahre ihre Website neu aufbauen müssen, während man sich bei Squarespace keine Sorgen machen muss. Ihre Website wird immer auf dem neuesten Stand sein. Der nächste Grund, warum ich Squarespace sehr empfehle und wahrscheinlich der größte Grund ist die Benutzerfreundlichkeit. Squarespace ist so unglaublich einfach zu bedienen. Die gesamte Schnittstelle ist Drag & Drop, klicken Sie und dann ändern Sie die Farben. Es ist so unglaublich einfach, dass es nur etwas ist, das jeder lernen und herausfinden kann. Es braucht nicht so viel Zeit. Am Ende dieses Kurses werden Sie wissen, wie Sie die gesamte Plattform nutzen können, und Sie werden erstaunt sein wie schnell und einfach Sie eine Website für Ihr Unternehmen bereitstellen können. Ein weiterer Grund, Squarespace zu lieben, ist, dass sie unglaublich erstaunliche und minimalistische Vorlagen haben . Sie haben eine Menge von verschiedenen Vorlagen, die Sie wählen können , um Ihre Website auf der Oberseite zu erstellen. Aber das Erstaunliche ist, dass Sie so viel Fähigkeit haben, diese Vorlagen anzupassen, wo Sie zu mehreren Websites gehen können, die auf der gleichen Vorlage basieren, und Sie hätten keine Ahnung, dass sie auf dem gleichen genauen Framework gebaut wurden. Squarespace ist Vorlagen, sie sind erstaunlich zu arbeiten und sie sind auch wirklich anpassbar. Ein weiterer Grund ist, dass der Kundensupport bei Squarespace phänomenal ist. Sie sind 24-7, sie sind immer da. Sie können ein Support-Ticket eröffnen und sie werden in kürzester Zeit wieder bei Ihnen sein. Eine weitere große Frage, die ich über Squarespace bekomme, ist es ein SEO-freundlich? Ja, das ist es. Ehrlich gesagt, SEO innerhalb von Squarespace, sie machen es sehr einfach. Sie haben es in die Plattform eingebaut. Es gibt eine Handvoll Dinge, die Sie modifizieren, aber ich habe meine eigene Website und ich habe ein paar Artikel, die auf SEO hoch rangieren, und sie ziehen mich jeden Monat viel Traffic. Ich weiß aus eigener Erfahrung, dass Squarespace-Websites großartig für SEO sein können. Ein weiteres großartiges Tool ist, dass Sie Google Apps-Integration mit Squarespace verwenden können. Wenn Sie Google Apps für Ihr Unternehmen, für das Hosting Ihrer E-Mail und Google Drive und all das verwenden , können Sie das direkt mit Squarespace verknüpfen, was eine wirklich einfache und nahtlose Integration ermöglicht. Eine weitere neue Funktion, die sie gerade veröffentlicht haben, was extrem genial ist, ist, dass sie eine Getty Images Integration haben. Getty Images ist eine Fotowebsite, aber es ist eine der besten in der Welt. Squarespace hat es eingerichtet, so dass Sie jedes Stockfoto bekommen können, das Sie durch ihren Marktplatz für nur $10 suchen können. Der letzte Grund, warum ich gerade Squarespace aufbringen werde, sind einfach die Kosten. Mit Squarespace suchen Sie nach Kosten von ungefähr $8 bis $16 pro Monat, je nachdem, mit welchem Plan Sie gehen müssen. Während sofort einige Leute denken, dass das eigentlich teurer ist als sagen, hosten Sie Ihre eigene Website woanders, die Wahrheit ist, dass Sie sich wieder nicht um die Wartung kümmern müssen. Sie müssen sich keine Sorgen darum machen, Leute für diese Upgrades zu bezahlen. Langfristig ist Squarespace eigentlich viel billiger. Die monatliche Gebühr ist nicht wirklich so schlimm, und die Tatsache, dass es wird, um Sie Geld für die Wartung und die Menschen reparieren Ihre Website zu sparen, wird es Ihnen Geld auf lange Sicht sparen. Es gibt Zeiten, in denen eine Website nicht gut für Squarespace passt. Ich möchte das im Voraus offenlegen, damit Sie wissen, Voraus und Sie nicht in diesen Kurs eintauchen , wenn es nicht richtig zu Ihnen passt. Wir gehen jetzt ein paar Dinge durch und Gründe, warum Sie vielleicht nicht Squarespace wollen. Einer der größten Gründe, warum Menschen von Squarespace abweichen müssen, ist, dass sie eine Mitgliederseite haben wollen. Sie möchten, dass sich Personen anmelden und Profile erstellen. Sie können dies über die Entwicklerplattform von Squarespace tun, die die Website, die gesamte Plattform Open Source macht , aber ehrlich gesagt sind Sie wahrscheinlich nicht daran interessiert, dass, wenn Sie ohne Code auf diese Website kommen natürlich. Aber wenn Sie Logins und alles für Ihre Website benötigen, dann müssen Sie möglicherweise andere Plattformen betrachten oder einen Entwickler einstellen, um eine Website für Sie zu erstellen. Ein weiteres Problem, das manchmal Menschen begegnen, ist eine Datenbank zu haben, vielleicht speichern große Menge an Informationen, durchsuchbare Daten oder wieder, dass Mitgliedschaft Site-Datenbank. sind Dinge, die die normale Plattform von Squarespace nicht tun kann. Es kann mit der Entwicklerplattform gemacht werden aber wahrscheinlich nicht etwas, in das Sie eintauchen möchten. Aber das sind die einzigen großen Probleme, auf die Sie stoßen werden. Manchmal können Sie einige Probleme haben, bei denen Sie ein Design nicht so optimieren können, wie Sie es mit der normalen Plattform wollen , aber wirklich haben Sie eine Menge Anpassungen. Ich denke, du wirst wirklich glücklich mit der Plattform sein. Für alle, die nach einer einfachen Informationsseite für ihr Geschäft, E-Commerce-Website, einer Blogging-Plattform oder einem einfachen Online-Geschäft suchen, das keine Mitgliederseite ist, ist Squarespace eine phänomenale Wahl und ich wirklich denken, dass Sie die Plattform lieben werden und es lieben, damit zu arbeiten. Am Ende des Tages, wenn Sie nicht wissen , ob Squarespace richtig passt oder Sie ein wenig unsicher sind, können Sie Ihre Daten jederzeit exportieren und Sie können sie direkt in eine WordPress-Datei exportieren, die so ziemlich jeder andere Website-Content-Management-System können Sie hochladen, dass, und wenn Sie auf WordPress sind oder Sie auf Tumblr oder anderen Plattformen sind, können Sie leicht importieren Sie Ihre Website von diesen Plattformen. Fühlen Sie sich bei Squarespace nicht so als Verpflichtung fürs Leben. Wenn Sie es jemals verlassen wollen, können Sie, aber ich bin ziemlich sicher, nachdem Sie anfangen, mit ihm für eine Weile zu vermasseln und Sie bekommen Ihre Website auf und in Betrieb, ich bin ziemlich sicher, dass Sie es lieben werden. 4. Wie du deine Website planst: Jetzt tauchen wir ein und beginnen in die Phase der Planung unserer Website zu gehen. Viele Leute wollen einfach direkt in springen und beginnen, ihre Website zu entwerfen und Inhalte zu werfen , aber sie denken nicht wirklich darüber nach, was auf der Website sein wird oder was der Zweck ihrer Website ist vor der Zeit. In diesem Abschnitt werden wir ein wenig darüber sprechen, wie Sie Ihre Website im Voraus planen können. Die erste Frage, die Sie sich stellen möchten , wenn Sie Ihre Website planen, ist, was ist der Zweck dieser Website? Warum machst du das? Machen Sie dies, um Ihr Portfolio online zu unterbringen? Machen Sie dies, um E-Commerce-Produkte zu verkaufen? Hoffst du, dass dies Leads sammeln oder Bewusstsein schaffen wird? Sie müssen verstehen, was das Ziel Ihrer Website ist, bevor Sie jemals eintauchen und beginnen, sie zu erstellen oder sie zu entwerfen. Denn wenn Sie kein wirkliches Ziel oder Zweck hinter Ihrer Website haben, ist es für einen Besucher leicht, sich wirklich zu verwirren, wenn sie Ihre Website besuchen oder nicht wissen, was zu tun ist. Dann tut Ihre Website nicht wirklich etwas, um Ihnen zu helfen. Sie müssen wirklich am Front-End denken und die Frage beantworten, was ist der Zweck dieser Website? Die nächste Frage, die Sie stellen möchten, ist, welcher Inhalt wird auf dieser Seite sein? Wie viele Seiten werde ich haben? Welche Informationen werde ich dort aufstellen? Welche Bilder benötige ich? Welche Videos benötige ich? Sie müssen anfangen, darüber nachzudenken, was ist der Inhalt, der auf Ihrer Website sein wird? Versuchen Sie, darüber im Voraus nachzudenken und nicht nur anfangen, Dinge dort oben zu werfen. Eine wirklich gute Möglichkeit, dies zu tun, ist die Erstellung einer Sitemap für Ihre Website. Sie können dies mit Stift und Papier tun, wenn Sie wollen, oder es gibt ein Tool, das ich wirklich mag namens MindMeister, und Sie können ein Konto kostenlos einrichten. Sie können eine Sitemap auf ihrer Plattform erstellen, mit der Sie durchgehen und zeigen können, was sind die einzelnen Seiten, die ich erstellen werde? Was wird auf all diesen Seiten sein? Fangen Sie wirklich an, das durchzudenken. Wenn ich in die zweite Hälfte dieses Kurses komme und ich tatsächlich durch die Gestaltung einer Website von Anfang bis Ende gehe, werde ich Ihnen zeigen, wie Sie MindMeister verwenden und Ihnen ein paar Konzepte rund um das Tool geben . Nun, da Sie einen Zweck für Ihre Website haben und ein wenig über den Inhalt nachgedacht haben, lasst uns voran gehen und eintauchen und anfangen, Ihr Squarespace-Konto einzurichten und Ihnen beizubringen, wie man eine Website erstellt, ohne zu schreiben -Code. 5. Eine kurze Tour durch Squarespace 7: In diesem Video werde ich Ihnen eine grundlegende Tour durch Squarespace 7 und die Schnittstelle geben. Sobald Sie Ihr Konto eingerichtet haben, und es wird Ihnen ein paar weitere Fragen zur Identifizierung stellen. Aber nachdem du das alles fertig hast, wird es dich zu diesem Bildschirm führen. Je nachdem, welches Thema Sie wählen, es kann ein wenig anders aussehen hier habe ich eine andere Website, aber im Grunde ist das, was es wird Sie zu bringen, und das ist die Home-Schnittstelle von Squarespace. Zuerst, was Sie bemerken werden, ist hier auf der linken Seite, Sie haben diese verschiedenen Registerkarten für Seiten, Design, Handel, Metriken, Kommentare, Einstellungen und Hilfe. Sie haben auch Ihr Profil hier unten. Du brauchst dir keine Sorgen darüber zu machen. Aber wenn Sie mehrere Websites haben, ist es wirklich großartig, weil Sie zwischen mehreren Websites wirklich schnell wechseln können. Aber Sie werden wahrscheinlich nicht zu früh damit umgehen, wenn dies Ihre erste Seite ist. Aber was Sie tun können, ist im Grunde hier drüben, Sie können all diese verschiedenen Optionen haben, die Sie auswählen können. Dann hier drüben, das ist unser Live-Website-Editor. Dies ist, was Sie sehen, ist, was Sie Website-Editing-Plattform erhalten. Ich kann buchstäblich nach unten scrollen und alle Inhalte hier auf dieser Website sehen, so dass Sie eine große vertikale Scrolling-Website hier haben. Sie werden kleine Dinge wie dieses Popup sehen, die besagt, „Galerie“, „Bilder oder Video hinzufügen“. Sie sehen „Seiteninhalt“, wo ich bearbeiten kann, klicken Sie auf die „Einstellungen“. Das Erstaunliche an Squarespace ist, während andere Plattformen man nicht wirklich sehen kann, was man gleichzeitig macht. Wortwörtlich, wenn ich das ändern will, ist das in Manhattan angesiedelt. Nun, ich modifiziere einige Demo-Inhalte, also wird es mich fragen, ob ich das tun will. Ich werde auf „Ja“ klicken. Aber im Grunde jedes Mal, wenn Sie ein Thema in Squarespace starten, haben Sie diesen Demo-Inhalt, der dort integriert ist. Für Demo-Zwecke kann ich Ihnen nur zeigen, ich habe buchstäblich nur auf „Bearbeiten“ geklickt, ich ändere dies zu was ich will, New York, und klicke auf „Speichern“. So einfach wie das, ich habe den Text auf der Website geändert. Sie können das mit diesen Kopfzeilen hier oben tun. Wenn ich dies in Old American Dining ändern möchte, doppelklicken Sie darauf, kommen Sie hier und klicken Sie erneut auf „Speichern“. Auch hier werde ich all diese Funktionen viel detaillierter durchgehen. Aber nur, um Ihnen einen grundlegenden Überblick über die Funktionsweise von Squarespace zu geben. Sie können die Einstellungen auf Ihren verschiedenen Seiten bearbeiten, all das Zeug. Es ist wirklich, was du siehst, ist das, was du bekommst. Ich werde das alles viel detaillierter durchlaufen mit der Navigation und allem in ein bisschen arbeiten. Aber bevor ich dich weiter hineintauche, führe ich dich einfach durch jede der Registerkarten hier auf der linken Seite. Die erste Registerkarte ist die Registerkarte „Seiten“. Hier, im Grunde, wenn ich hierher komme und ich darauf klicke, wird dies mir meine Navigation und buchstäblich alle verschiedenen Seiten und Inhalte auf der Website zeigen . Der Seiten-Reiter ist wirklich, wo jeder Inhalt auf Ihrer Website zu leben wird. Nun, um zu den anderen zurückzukehren, werde ich auf „Home“ klicken, und es bringt mich direkt hier zurück zum Home-Bildschirm. Der Designabschnitt der Website. Hier werden Sie Dinge wie Ihr Logo hochladen, oder Sie können neue Vorlagen auswählen, die wir im nächsten Video gehen. Sie können den Stil-Editor tun, Farben ändern, Schriftarten ändern, Größen ändern, all das Zeug. Sie können Ihre Checkout-Seite für E-Commerce bearbeiten. Dann gibt es noch eine Reihe mehr Funktionen, die ich wieder in ein wenig mehr Details in späteren Videos eintauchen werde. Aber ich wollte Ihnen hier nur einen grundlegenden Überblick über die Plattform geben. Wir kommen wieder zurück und klicken auf „Commerce“. Auch dies führt Sie in die Commerce-Seite der Websites. Wenn Sie einen E-Commerce-Store betreiben möchten oder Produkte, digitale Produkte, physische Produkte verkaufen möchten. In diesen Commerce-Abschnitten, in denen Sie das tun, eine Menge von Websites, die Sie möglicherweise nie brauchen, um dies zu berühren. Sie können einfach die späteren Commerce-Abschnitte überspringen. Hier unten in Metriken, wenn Sie zu diesem gehen, wird dies wieder geben Ihnen einen grundlegenden Überblick über Traffic, mobile Nutzung, oder Ihre Abonnenten so ziemlich wie das. Es ist eine wirklich einfache Möglichkeit, einige gute Metriken und Daten über Ihre Websites zu erhalten. Dann haben Sie Kommentare. Dies ist, wenn Sie irgendwelche Blogs haben und Sie Kommentare haben , die durch Squarespace als Plattform gehen. Sie haben Ihre Einstellungen hier unten. Dies wird wieder in mehr Details eine Menge gehen, die passiert und dieser Bereich. Wenn Sie dann Hilfe benötigen, klicken Sie auf „Hilfe“ und Sie gelangen zu help.squarespace.com. Hilfe von Squarespace ist phänomenal. Sie werden viele Fragen für Sie beantworten, und wenn es etwas ist, das über das hinausgeht, womit sie helfen, werden sie Sie immer gerne an Squarespace-Spezialisten wie mich oder jeden weiterleiten, der Ihnen helfen kann, die Probleme auf Ihrem -Site. Das ist ein wirklich grundlegender Überblick über Squarespace 7. Wieder werden wir in all diese Abschnitte viel tiefer und weitere Videos eintauchen. Aber das ist alles, was ich für diesen hier habe. Im nächsten Video werde ich Ihnen zeigen, wie Sie tatsächlich gehen und ändern Sie die Vorlagen auf Ihrer Website. 6. Wie du die richtige Vorlage auswählst: In diesem Video werde ich Ihnen zeigen, wie Sie neue Squarespace-Vorlagen installieren, und ich werde Ihnen auch einen Überblick über die verschiedenen Themen und Funktionen geben und versuchen, Ihnen eine kleine Basslinie bei der Auswahl Ihres Themas und in welche Richtung Sie gehen möchten. Jetzt können Sie Ihr Thema jederzeit auf der Linie wechseln , so dass es absolut keine Sorge gibt. Aber das Thema, das Sie wählen, wird einen wirklich großen Unterschied in Bezug auf die Funktionalität und das Aussehen und das Gefühl Ihrer Website machen. Ich werde erklären, dass alles, was ich werde durchgehen und Demo ein paar meiner Lieblings-Themen für euch Jungs. Um zu beginnen, gehen wir hier unten und klicken Sie auf „Design“. Nachdem wir auf Design geklickt haben, werden wir auf „Vorlage“ klicken. Sobald wir auf Vorlage klicken, werden wir auf „Neue Vorlage installieren“ klicken. Dies bringt Sie direkt zurück zu dem ersten Bildschirm , den wir gesehen haben, als wir uns für unser Squarespace-Konto angemeldet haben. Es wird Ihnen wieder alle verschiedenen Themen zeigen, die Squarespace hier hat, von denen es eine Menge zu wählen gibt, als ich wahrscheinlich in diesem Kurs erklären kann, aber ich werde Ihnen ein paar meiner Favoriten zeigen. Um zu beginnen, eigentlich eines der ersten hier oben ist ein neues Thema von Squarespace namens Shift. Was ich tun werde, ist nur zeigen Sie, wenn Sie auf eines dieser Themen klicken und Sie auf Ansicht klicken. Es wird Ihnen erlauben, die Seite zu sehen, eine kleine Demo davon. Dies ist eine neue Vorlage, so gibt es nicht viele Beispiele. Aber andere Websites werden tatsächlich eine Menge von Kunden Websites, die auf der gleichen Vorlage verwendet werden. Die sind wirklich cool, um eine Idee für das, was das allgemeine Aussehen und das Gefühl, dies ist Vers nur Blick auf die Beispiel-Website, die sie Ihnen geben zu bekommen. Wieder, wenn wir auf „View Live Demo“ klicken, und dann empfehle ich immer, nur auf diesen Link zu klicken, damit Sie es im Vollbild sehen können. Aber was es tun wird, ist im Grunde die Website zu öffnen, die sie hier haben. Dies ist eine Art Demo-Website, die sie für Sie gebaut haben. Was Sie sehen werden, ist hier oben auf der linken Seite haben wir das Logo, Sie haben Elemente wie die Navigation hier oben. Sie haben diesen Aufruf zur Aktion mit einem Subtext und einer Schaltfläche. Dies ist eigentlich ein großes Merkmal des Themas. Es ist in einer Handvoll Websites. Aber Bedford und Shift sind zwei Themen, die wirklich durch diese großen Bilder mit den beiden Textzeilen und dem Knopf definiert werden. Auch hier ist dies tatsächlich Teil des Themas, das Sie genau dort sehen, mit wie das aussieht. hier runter kommen, können Sie anfangen, ein wenig Gefühl dafür zu bekommen. Sie sehen, dass dieses Schein-Thema Parallax-Effekt auf diese Bilder hat. Sie können all dieses Zeug und einige der Funktionen und Funktionalitäten wieder sehen. Nun kann die Textfarbe, die Schriftart, die Schaltflächenfarben, die Fotos, all das Zeug anpassbar sein, aber was Sie wirklich suchen, wenn Sie sich ein Thema ansehen oder was sind diese Funktionen, die passieren. Wieder auf diesen sehen Sie sie haben diese grundlegenden Schieberegler hier wo Sie ein wenig Text haben können und dann darüber, wo Sie klicken und erfahren Sie mehr. Auch hier sehr coole Websites, sehr coole Vorlage. Diese und Bedford ist eine andere Vorlagen, sie sind sehr ähnlich und ich empfehle sie sehr. Wir kommen hierher zurück und wir werden auf „X“ klicken. Wir werden sofort wieder in die Installation einer neuen Vorlagen kommen. Wir werden einen Blick auf einige der anderen Themen hier werfen. Horizon ist eine weitere neue Vorlage von Squarespace, aber eine sehr coole Vorlage und ich werde Ihnen ein wenig zeigen, warum. Sie klicken auf „Horizon“. Wieder kommen wir hier rüber zur Live-Vorschau. Auf diesem haben sie tatsächlich einige Beispiele Websites von Clients. Sie können durch diese klicken und werfen Sie einen Blick auf diese Beispiel-Sites. Einige von ihnen sind wirklich großartig, um Ihnen eine Vorstellung von den Funktionalitäten zu geben und was mit dem Thema gemacht werden kann. Wenn Sie genug von ihnen betrachten, werden Sie beginnen, einige Ähnlichkeiten zu sehen und wie sie funktionieren, wie die Navigation der verschiedenen Features funktioniert. Dies werden wir eine Live-Vorschau zu bekommen, und wieder klicken Sie auf diese, so dass ich nur sehen, es Vollbild. Auch hier haben wir diese grundlegende Navigation über die Spitze. Wir haben diese riesigen Bilder im Hintergrund. Wir haben Texte mit einem Button und dann einen Kauf auf iTunes. Wenn wir nach unten kommen, fangen wir an, nur einige der Funktionen zu sehen und wie Text aussieht. Wir sehen diese Touring-Optionen genau hier. Einige der wirklich coolen Dinge über dieses Thema ist es Ihnen erlaubt, tatsächlich ganze Seiten auf der Oberseite von Bildern zu bauen. Mit dem Bedford und Shift-Thema, das wir gerade betrachteten, funktioniert Thema nur so, dass Sie nur wirklich wie eine Überschrift in einem Satz oder zwei auf Ihrem Bild haben können. Aber mit Horizont, Sie haben tatsächlich diese Fähigkeit, fortgeschrittenere Thema, es ist schwieriger zu arbeiten, aber Sie können tatsächlich ganze Abschnitte oder ganze Seiten Ihrer Website auf einem Hintergrund wie diesem erstellen ganze Abschnitte oder ganze Seiten und haben diese vertikale Stapel -Effekt. Auch hier sehr coole Vorlage, sehr zu empfehlen. Es ist ein bisschen fortgeschrittener, aber Sie können ein wirklich cooles Gefühl damit bekommen. Wenn Sie gute Fotografie haben, ist dies ein phänomenales Thema für Sie. Wir gehen X aus dem raus. Komm wieder her. Klicken Sie erneut auf „Neue Vorlage installieren“. Bringt mich direkt zurück zu dieser Seite. Widersacher, ich werde nicht den ganzen Weg in das hier hineingehen. Aber ein anderes sehr ähnliches Thema wie Bedford und Shift, es hat den gleichen ähnlichen großen Text und einen Call-to-Action-Button. Aber dieser hat einige andere Funktionen und Blick. Ich empfehle auch, in diesem einzuchecken. Siehst du, wir kommen zu ein paar anderen. Hayden, noch eine sehr ähnlich wie Bedford und Verschiebung und all die und Gegner, die ich gerade erwähnt habe. Sie werden dies viel sehen, wo Sie diese verschiedenen im Grunde zwei verschiedene Schriftgrößen und einen Aufruf zum Handeln haben . Squarespace tut über viele ihrer Themen, es ist eine gute Praxis im Web-Design. Es ist eine Funktion, die sie auf vielen von ihnen haben. Wieder hat dieser bei ähnlichen, Hayden hat das ähnliche Aussehen und Gefühl als auch. Ich klicke zurück zu allen Designs. Wir kommen runter und fünf. Dies ist eines der ältesten Themen in Squarespace. Wahrscheinlich einer meiner Favoriten. Ich baue tatsächlich meine persönliche Website darauf. Ich habe wahrscheinlich auch mehr Client-Sites auf fünf gebaut. Es ist ein sehr einfaches Thema. Es ist auch wirklich mächtig, weil es wahrscheinlich das Thema ist, das am nächsten ist was Sie denken würden, wenn Sie an einen Standard-Blog denken. Es ist ein sehr typisches, Sie haben Ihre grundlegende Navigation hier oben, Sie haben Ihr Logo, und Sie haben Navigation über die Seite, Sie haben Ihre Social-Media-Symbole direkt hier. Dann haben Sie diese großen Bannerbilder und Sie haben den Inhalt genau hier. Ein weiterer großer Vorteil und etwas, auf das Sie in Ihren Themen achten müssen, ist, dass nicht alle Themen eine Sidebar auf dem Blog haben. Einige der Themen haben ganzseitiges Bloggen. Aber fünf hat eine Sidebar auf dem Blog, das ist eine wirklich mächtige Funktion und wahrscheinlich, wenn Ihr Schwerpunkt dieser Website ist es, einen Blog zu bauen, fünf kann eine wirklich gute Vorlage sein, mit zu gehen. Auch hier führe ich es auf meiner persönlichen Website und ich liebe dieses Thema absolut. Es ist wirklich, wirklich vielseitig. Wir werden davon ausgehen, gehen zurück und ich werde noch ein paar mehr abdecken, bevor ich zu anderen Inhalten übergehe. Kommen Sie hier unten Festzelt, das ist ein weiteres wirklich cooles Thema. Wieder, eines der wahrscheinlich populäreren Themen auf Squarespace, aber was das so toll macht, ist die Parallax-Funktionalität. Das zeig ich dir sehr schnell. Worüber ich rede, wenn ich das schicke Wort Parallax sage. Aber wenn ich das sage, sieht man im Grunde, wie sich das Bild langsam bewegt , während man scrollt und verschiedene Teile des Bildes enthüllt und enthüllt. Das nennt man Parallaxe. Dieses Thema macht das wirklich, wirklich gut. Es ist sehr robust und wahrscheinlich eines der beliebtesten Themen auf Squarespace. Nicht zu sagen, dass das eine schlechte Sache ist, es ist immer noch wieder. All dies kann angepasst werden, die Schriftarten, die Fotos, die Farben. Alles kann angepasst werden, so dass Sie es wirklich in die Website einbauen können, die Sie wollen. Wir kommen wieder und ich führe dich durch die letzten paar. Ich habe das Gefühl, dass ich nur bis zum Ende komme, aber es gibt so viele gute Vorlagen, aber es ist schwer für mich zu entscheiden. Wexley ist ein cooles für sagen wir, Fotografie oder gestaltete Portfolios. Wir haben eine andere sehr ähnlich wie fünf mit ein paar verschiedenen Funktionalitäten, aber eine sehr coole Seite und ich mag diese eine wirklich. Dies ist neben fünf, wahrscheinlich die Website, auf der ich mehr Client-Sites aufbaue als alles andere. Wir kommen runter und hier ist Bedford, das ich erwähnte. Sie bekommen nur irgendwie einen Vorgeschmack auf meine Lieblingsseiten zu unseren Themen auf Squarespace. Auch hier sagt das nicht, dass einer dieser anderen schlecht ist. Sie alle haben wirklich coole Dinge. Einige von ihnen sind tatsächlich sehr unterschiedlich in der Optik und Haptik. Wieder, Flieger ist eigentlich ein völlig anderes Aussehen und Gefühl als alle von denen, die ich Ihnen gezeigt. Versorgung, wieder eine sehr interessante mit einer Seitennavigation. Es gibt einfach so viel, dass du wirklich nur mit ihnen herumspielen musst. Meine Hoffnungen sind dieses Video zeigte Ihnen einige der Unterschiede innerhalb der Themen und gab Ihnen auch nur einige Kriterien, um sie gegen zu bewerten, wie Sie beginnen, Ihr eigenes Thema zu wählen. Aber wieder, keine Sorge, Sie können Ihr Thema jederzeit ändern. Es ist keine große Sache, wenn Sie das Thema nicht mögen oder Sie in und es ist einfach nicht schauen, wie Sie wollen. Sie können das Thema jederzeit ändern und es wird all diese Inhalte mit Ihnen zu jeder Zeit bringen . 7. Wie du eine Vorlage installieren: Im letzten Video habe ich dir einen Überblick über Themen gegeben. Aber in diesem Video möchte ich Ihnen tatsächlich zeigen, wie Sie Ihre Themen installieren und ändern. Sobald Sie durch all diese gehen und Sie ein Thema finden, das Sie mögen, das ich mit fünf gehen werde, Einfachheit und Vertrautheit willen. Ich denke wirklich, dass dies ein sehr gutes Thema ist, mit dem man anfangen , es ist sehr einfach, sehr einfach zu bedienen und sehr gut zu arbeiten. Wieder werden wir auf „View Five“ klicken. Dann dieses Mal, da wir wissen, dass wir mit diesem gehen werden, wir tun nichts anderes, ich werde auf „Vorlage installieren“ klicken. Ich habe diese kleine Benachrichtigung erhalten, dass die Installation erfolgreich war. Jetzt, da ich wieder hier im Squarespace-Editor bin, merke ich, dass ich jetzt zwei Themen hier drin habe, aber doch hat sich nichts geändert, ich habe immer noch dieses ganze gleiche Thema aus dem Pazifik und so alles hier drüben. Was ich tun werde, ist, dass ich hier runter kommen werde und ich muss auf „Vorschau“ auf der fünf Vorlage klicken. Was das tun wird, ist jetzt, mich in den Vorschaumodus zu bringen. Wenn Sie eine Menge an Pazifik gearbeitet haben, und dann sind Sie einfach nicht sicher, ob Sie es wirklich mögen, können Sie hier rüber kommen und tatsächlich nur eine Vorschau anzeigen. Moment ändert es den Inhalt heraus, denn dies sind die grundlegenden Inhalte aus dem Thema. Aber wenn Sie Ihre eigenen Inhalte und alles bereits in die Website integriert haben, und Sie wollen nur eine andere Vorlage anzeigen, es wird kein Schaden getan. Sie können einfach zu jeder Zeit zurückkehren. Sie können sogar tatsächlich daran arbeiten. Während es im Vorschaumodus ist, kann ich hierher zurückkommen und ich kann einfach anfangen, sich mit diesem Thema zu verwirren. Ich kann sogar hier auf die Seiten kommen und damit anfangen zu verwirren, was dies sind Demos, also muss ich die Seite jedes Mal erstellen. Aber ich kann hier reinkommen und anfangen, die Navigation zu bearbeiten. Ich kann damit anfangen. Ich kann hier reingehen und den Text ändern, oder ich kann in den Style-Editor gehen, was alles sind, was ich Ihnen in ein bisschen zeigen werde, also werde noch nicht zu überwältigt. Aber Sie können tatsächlich für ein bisschen in diesem Vorschau-Modus arbeiten. Sehen Sie, ob Sie möchten, wohin dieses Thema geht, und wenn nicht, kommen Sie zurück zur Vorlage und Sie können auf „Vorschau abbrechen“ klicken, und es geht zurück zu dem Thema, das Sie zuvor ausgewählt hatten. Dieses Thema wird gerade wieder hier rüber in den Pazifik kommen. Aber da wir fünf mögen, mögen wir, wohin das geht, werden wir dies als unsere Live-Vorlage setzen. Sind Sie dann sicher, dass Sie diese Vorlage sichtbar machen möchten? Dies wird es auf dem Frontend Ihrer Website sichtbar machen Wenn Ihre Website also bereits live ist, wird das jeder sehen. Wir werden auf „Bestätigen“ klicken. Boom, wir haben jetzt erfolgreich unsere Live-Vorlage aktualisiert. Wann immer wir zurückkommen, wann immer wir daran arbeiten, arbeiteten im Grunde an der fünf Vorlage für jetzt. Es wird kein Schaden angerichtet, wenn Sie diese anderen Vorlagen installiert lassen. Wenn Sie tatsächlich ein Design haben, das auf einem von denen geht, es behält all diese Voreinstellungen, behält diesen Look, Sie können immer wieder nach unten wechseln, wenn Sie immer noch feststellen, dass Sie das Thema, mit dem Sie jetzt arbeiten, nicht mögen. Das ist alles darauf, wie man ein Thema tatsächlich in Squarespace installiert. 8. Verstehe die Registerkarte mit Seiten: In diesem Video werde ich Ihnen zeigen und erklären Sie die Registerkarte Seiten hier unter dem Hauptmenü. Um zu beginnen, was wir tun werden, ist hier unten auf die Registerkarte Seiten zu kommen und was Sie sehen werden, ist eine Reihe von Demo-Inhalten, hat dieses Wort Demo daneben. Im Grunde, was Sie sehen, ist, dass Sie alle diese Inhalte bereits geladen haben. Egal, welches Thema Sie in Squarespace wählen, Sie werden hier einige Menge oder einige Demo-Inhalte haben. Im Allgemeinen können Sie ein paar Dinge tun. Sie können es einfach löschen und klicken Sie auf „Befreien Sie sich davon, und nur loswerden. Oder wenn Sie wollen und Sie das Aussehen mögen, das sie vor sich haben, Sie mögen einfach dieses Design und Sie denken, ich möchte eine Seite genau so. Sie können hier zum Seiteninhalt kommen und auf „Bearbeiten“ klicken. Es wird Sie fragen, ob Sie eine Seite wie diese erstellen möchten. Plötzlich haben wir jetzt eine Seite, die auf unserer Website ist, und wir können es für Ehrfurcht konstruiert gehen. Ich meine, das Bild ist ziemlich genial. Aber ja, wir können hier reingehen und wir können alle diese Seite bearbeiten, die wieder in einem späteren Video werde ich Ihnen zeigen, wie Sie all diese Bearbeitungswerkzeuge verwenden. Aber wissen Sie nur, dass, wenn Sie das Design mögen, Sie das Layout einer Seite mögen und Sie es nicht neu erstellen müssen, wenn Sie möchten, wie das alles ist und Sie nur die Bilder ausschalten und den Text ausschalten möchten, Sie kann dies tun, indem Sie einfach die Seite erstellen und darauf klicken. Wieder werden wir hier runter kommen und einfach auf „Papierkorb“ klicken und diesen Demo-Inhalt löschen. ganze Zeug loswerden. Auch Sie werden feststellen, dass hier unten, dies ist meine Demo-Inhalte von über auf dem Pazifik-Thema. Das Zeug kann auch gehen. Sachen, die wir einfach nicht brauchen. Es scheint wie eine Last, aber ehrlich gesagt, wenn Sie in eine dieser Seiten klicken können, bearbeiten Sie sie einfach. Es ist eine gute Möglichkeit, einfach in Squarespace zu beginnen und nicht zu sehr darum kümmern zu müssen, das Layout herauszufinden. Sie können buchstäblich einfach auf ihre Themen gehen, Dinge ändern und von dort aus arbeiten. Aber ehrlich gesagt, ich ziehe es vor, einfach von Grund auf neu zu bauen und das ist, was ich sicher bin , Leute, wie man hier heute auch macht, weil es ehrlich gesagt ist, denke ich ein wenig einfacher. Wieder, Löschen all diese Art von Zeug und da gehen wir. Wir haben hier nichts. Wir haben jetzt alle unsere Demo-Inhalte gelöscht, die wir nicht benötigten, und was wir jetzt tun werden, ist nur ein paar Seiten hier auf unserer Website zu erstellen. Ich werde sie machen. Ich werde hier nach oben kommen, ich werde auf die „Plus-Taste“ in der Hauptnavigation klicken und ich werde eine Seite direkt dort aus, dass erstellen. Ich werde „Home“ treffen. Was Sie bemerken, ist, dass wir gerade ein Home-Icon oder eine Home-Sache Pop-up in unsere Navigation direkt dort. Nun, wenn ich eine andere Seite hinzufügen möchte, und ich zeige Ihnen nur, wie ich gerade Seiten hinzufügen jetzt, aber Sie können auch Deckblätter hinzufügen, die ich später erklären werde, Produkte, Ordner, Blogs, Galerien, Veranstaltungen, Links, all diese Dinge, die Ich werde in ein wenig später gehen. Aber ich werde eine andere Seite erstellen. Ich werde nur eine About Seite machen. Jetzt sehen wir, wir haben Über und wir haben Home in unserer Navigation. Aber was ist, wenn sagen, ich möchte eine Seite erstellen und ich möchte sie nicht in der Navigation? Nun, ich werde hier runterkommen, ich werde mich runterziehen und es zum nicht verknüpften Abschnitt ziehen. Seite hier rüber erfrischt. Jetzt sehen wir, dass über, wir können immer noch auf die Seite zugreifen, wir können immer noch darauf zugreifen, aber es ist nicht mehr in unserem Home-Bildschirm verlinkt. Wieder, jeder von denen, die wir löschen möchten, klicken wir einfach auf dieses kleine „Papierkorb“ kann hier. Wenn wir jemals etwas löschen und wir nicht wollen, können wir hier unten auf „Gelöschte Seiten“ klicken. Auch hier können Sie alle Demoinhalte sehen, die ich gelöscht habe. Wenn Sie versehentlich Ihre gesamte Website löschen, sich keine Sorgen, alles geht nicht verloren. Es wird sieben Tage lang auf den gelöschten Seiten verbleiben, bevor es gelöscht wird. Kommen Sie zurück zu Seiten. Ich werde dir nur noch mal diese Links hier oben zeigen. Ich werde nur durch diese anderen gehen. Titelseite werde ich in einem späteren Video abdecken. Aber Ordner ist auch ein wirklich, wirklich mächtiger. Nehmen wir an, wir erstellen einen Ordner und wir erstellen „Über uns“ Ordner. Was Sie sehen werden, ist, dass es auftauchen wird, wenn es erfrischt. Wir haben jetzt diesen Ordner über uns und es sieht nicht so aus, als hätten wir etwas anderes gemacht. Aber jetzt, wenn wir wollen, können wir einige Seiten unter diesem Ordner verschachteln. Wir ziehen sie hier in diesem ganzen Bereich, und jetzt, wenn wir über uns nach Hause scrollen und über Drop-down-Menü. Wieder, das ist wirklich, wirklich mächtig. Wenn wir noch einmal hinzufügen möchten, fügen Sie noch mehr hinzu, können wir hier runter kommen und einen Link hinzufügen. Hier oben ist der Link-Titel, so dass wir sagen, Link zu Google, und dann hier unten sind wir nur gehen, um zu google.com und klicken und entscheiden, was wir wollen. Nun, das ist eigentlich etwas da oben, das wir gehen. Hast du bemerkt, wie ein Teil davon abgeschnitten wurde? Nun, wenn ich hier unten auf der linken Seite scrolle, erscheint das tatsächlich dieses Fenster nach oben. Gelegentlich ist es eine kleine Art schrullige Sache in Squarespace. Aber wenn Sie an einem kleinen Browser arbeiten, wie ich gerade bin, dann werden Sie tatsächlich feststellen, dass kleine Problem manchmal, wo Teil Ihrer Schnittstelle abgeschnitten wird und Sie müssen hier über scrollen. Sobald wir diesen Link zu Google haben, können wir auf „Öffnen“ in neuem Fenster klicken und wir drücken „Speichern“ sie jetzt. Jetzt gehen wir los. Wir haben diese Startseite, Über und wir haben einen Link zu Google direkt hier auf unserer Website, sehr praktisch für den Fall, dass jemand nicht weiß. Aber das ist nur ein grundlegender Überblick über den Abschnitt „Über uns“. Ich werde auf die Deckblätter, die Galerie, und einige dieser anderen Features ein bisschen mehr zu bekommen. Aber das zeigt Ihnen nur ein wenig darüber, wie Sie den grundlegenden Website-Baum und die Struktur Ihrer Website erstellen . 9. Eine erweiterte Tour durch Squarespace: Jetzt, da Sie Ihr Konto eingerichtet haben und mit Squarespace begonnen haben, werde ich Ihnen eine erweiterte Tour geben und wirklich beginnen, durch jeden der Bereiche der Website zu gehen und zu erklären, was alles tut. Dies ist eine lange, und es kann Teile geben, die Sie überspringen können , die für Ihr Unternehmen nicht relevant sind. Aber ich denke, das wird Ihnen helfen, Ihnen ein viel besseres Verständnis davon zu geben, was alles auf Squarespace als Plattform macht und wozu es fähig ist. 10. Verständnis des design: In diesem Video werde ich Ihnen einen kurzen Überblick über die Registerkarte Design geben, und wir werden jetzt nicht zu tief in alles über diese Registerkarte gehen, aber ich möchte Ihnen einen grundlegenden Überblick und nur eine grundlegende Tour darüber geben. Also werde ich hier runter kommen, und ich werde auf Design klicken, und hier werden Sie eine Handvoll verschiedener Optionen sehen. Zuerst haben wir unser Logo und unseren Titel. Wir können den Titel der Website ohne Code ändern. - Ding. Fügen Sie einfach ein wenig etwas hinzu und lassen Sie es schick aussehen. Wir können die Tag-Zeile haben, die nicht alle Themen eine Tag-Zeile unterstützen, aber wenn wir sagen wollen, ist es einfach. Dann können wir das da reinlegen. Aber zu diesem Thema 5 unterstützt die Tag-Zeile nicht, also gibt es keine Sorge. Logo, wenn wir wollen, können wir tatsächlich hochladen und austauschen ein Logo auf diesem, das ich Ihnen in nur einer Sekunde zeigen werde. Oder wenn Sie kein Logo haben, hat Squarespace diesen praktischen Dandy kleinen Logo-Schöpfer genau hier, und so sehr cool. Ich probiere es einfach aus, springe hinein und wir sagen einfach so etwas wie Squarespace. Sie können tatsächlich beginnen, nach Symbolen zu suchen oder einfach nach unten scrollen und alles sehen, was sie hier haben. So können Sie den Squarespace einfach als diesen Diamanten umbenennen, oder dieses alte Radio oder ein Segelboot, perfekt. Es gibt einige sehr coole Sachen, die Sie mit ihrem einfachen kleinen Logo Schöpfer tun können. Ich werde nicht tief in das eingehen, da viele Unternehmen und viele Leute, wenn sie anfangen, bereits ihre eigenen Logos haben, aber es ist etwas nur ein wenig Grundlegendes, dass Sie loslegen und loslegen können. Also gehe ich zu X aus, dass. Dann haben Sie Ihr Browser-Symbol oder Ihr Favicon, wie es heißt, und hier können Sie ein Bild für diesen kleinen Abschnitt hier oben hinzufügen, wo Sie diesen Würfel jetzt für Squarespace sehen. Sie können Ihre eigenen hinzufügen, damit Sie tatsächlich ein Bild von sich selbst oder eine kleine Version Ihres Logos dort oben sehen können. Wir werden das retten, sobald wir fertig sind. Wir werden Design treffen, um zurück zu gehen. Wir haben bereits den Template-Tab durchlaufen, so dass Sie damit vertraut sind. Sie haben den Style-Editor, der wirklich eines der Kernfunktionen von Squarespace ist, also werde ich tatsächlich ein ganzes Video darauf in ein bisschen verbringen, gehen weiter hinein und zeigen Ihnen, wie man all diese verschiedenen Farben bearbeitet, all diese verschiedenen Dinge, die es sieht aus wie eine Menge, aber ich verspreche, es ist nicht so kompliziert, es ist sehr einfach. Also werde ich Ihnen das in einem zukünftigen Video zeigen. Sie haben Ihren Checkout-Seiten-Stil-Editor, ähnlich dem Style-Editor, aber dies ist für, wenn Sie eine E-Commerce-Website haben und Leute auschecken und kaufen auf Ihrer Website. Sie haben eine Ankündigungsleiste, oder Sie können diese kleine grundlegende Ankündigungsleiste oben hinzufügen und hier etwas sagen, und wenn Sie also sagen wollen, oh, neuer Kurs jetzt verfügbar, können Sie etwas sehr Cooles da draußen setzen, eine kleine Ankündigung für Ihre Leute. Das ist also wirklich gut für eine Produkteinführung oder um die Aufmerksamkeit auf etwas auf Ihrer Website zu lenken. Sehr coole Sache, Sie können eine URL hinzufügen, für die Sie durch klicken, oder eine bestimmte Seite auf Ihrer Website. Also werden wir das vorerst deaktivieren. Wir werden Save treffen und hier wieder rausspringen. Hit Design. Mobile Informationsleiste, wieder, ähnlich wie eine Ankündigungsleiste, aber das ist etwas, das Sie hinzufügen und es können Sie verschiedene Dinge wie Ihre E-Mail zeigen wenn Sie Ihre Telefonnummer, Standort, Geschäftszeiten wollen. Dies ist etwas, das nur auf der mobilen Version Ihrer Website angezeigt wird, aber wenn Sie ein Restaurant oder ein kleines Unternehmen sind und Sie wissen, dass Leute wahrscheinlich auf Ihre Website kommen, um Dinge wie Ihre Stunden nachschlagen oder sie öffnen oder so etwas, können Sie einige wirklich grundlegende kleine mobile Informationsleiste tun, und es ist sehr praktisch zu haben. Also werde ich Save drücken, Kopf zurück zum Design. Squarespace-Abzeichen, wenn Sie etwas Liebe zeigen wollen , können Sie dieses kleine Squarespace-Abzeichen aktivieren, und rechts hier unten in der unteren Ecke, erhalten Sie dieses von Squarespace unterstützt zu sehen, oder Sie können das anpassen, wie Sie es würden wie. Aber wieder, sehr coole kleine Plattform genau da. Wahrscheinlich wird nicht jeder das wollen, aber wenn Sie Squarespace-Stolz zeigen wollen. Benutzerdefiniertes CSS. Auch hier ist das ein wenig fortgeschritten, wenn Sie überhaupt irgendeine Codierung kennen, die Sie nicht sind. Sie haben wahrscheinlich nicht auf diesen Kurs geklickt, wenn Sie Codierung kennen. Aber hier können Sie ein benutzerdefiniertes CSS machen , und das ist etwas fortgeschrittener, wenn Sie aus den vorhandenen Funktionalitäten von Squarespace ausbrechen möchten , und dann haben Sie diese Registerkarte Erweitert, und wieder, wahrscheinlich nicht zu viel Sie werden sich hier Sorgen machen. Diese Typ-Kit-ID für Schriftarten und die Geräteansicht ist nur eine grundlegende kleine Sache, wenn Sie dies aktiviert haben, und Sie sehen, wie es ein Telefon simuliert, wenn mein Browser kleiner wird. Das ist, was die Geräteansicht ist. Also, wenn Sie das nicht mögen und Sie es einfach halten wollen, immer wie ein Desktop aussehen, würden Sie das deaktivieren. Aber das ist eine grundlegende Übersicht über die Registerkarte Design. Auch hier werde ich in einem späteren Video näher in diesen Style-Editor eintauchen. 11. Verstehe die Mahnschrift: In diesem Video werde ich eigentlich den Handel überspringen, da ich euch das ein bisschen später zeigen werde. Ich gehe hier runter zum Tab „Metriken“. Wie Sie feststellen werden, bin ich eigentlich nicht mehr auf unserer Website ohne Code-Site. Aber ich bin zu meiner persönlichen Website gesprungen , weil es keine Metriken auf der anderen Seite gibt, also wäre es langweilig zu schauen. Auf diese Weise werden Sie tatsächlich bekommen, um ein bisschen zu sehen, wie es aussieht und was die integrierten Metriken-Funktionen tun. Zunächst einmal ist die Registerkarte „Metriken“, die im Squarespace integriert ist, wirklich leistungsstark. Für diejenigen unter Ihnen, die an der Verwendung von Google Analytics interessiert sind, können Sie das auch leicht verknüpfen, und ich werde Ihnen zeigen, wie Sie das in einem späteren Video tun. Aber auch ohne das sind die eingebauten Metrik-Tools auf Squarespace ziemlich robust und können dir schon einige sehr coole Sachen zeigen. Um zu beginnen, klicken wir auf „Traffic Overview“ unter Metriken. Hier wird mir das meine regelmäßigen Besuche zeigen, damit ich tatsächlich sehen kann , wie viele Leute täglich auf meine Seite kommen. Hier sehen Sie ein paar Sprünge bis 256 und einige hier unten. Sie können beginnen, nur im Grunde alle Informationen zu sehen. Sie werden feststellen, dass Sie eine erste für die Zielgruppengröße, eine zweite für Besuche und die nächste für Seitenansichten sehen eine zweite für Besuche . Was bedeutet das? Das bedeutet, dass 192 verschiedene Leute bei mir aufgetaucht sind. Das bedeutet 218 Besuche auf meiner Website, so sieht es so aus, als ob eine Handvoll Leute mehr als einmal am Tag darauf zurückkamen, und dann gab es 377 Seitenaufrufe, so dass viele dieser Leute auch auf mehrere Seiten klickten. Auch hier können Sie beginnen, diese Trends zu sehen. Sie können es hier unten auf einem Balkendiagramm-Format sehen. Hier zeigt es Ihnen die Art der durchschnittlichen Besuche im Laufe der Zeit, und einige wirklich coole Informationen hier. Hier unten können Sie die Browser sehen. In was surfen die Leute eigentlich? Was nutzen die Leute tatsächlich, wenn sie auf Ihre Website kommen? Sie können alle die Betriebssysteme, oder den Mac, Windows, und welche Version als auch sehen oder den Mac, Windows, . Sie haben Android, und iPhone, und alle verschiedenen Dinge hier drin als auch. Einige sehr coole Sachen hier unter der Verkehrsübersicht. Klicken Sie zurück zu Metriken. Jetzt klicken wir auf „Mobile Nutzung“. Hier können wir beginnen zu sehen, dass 78 Prozent der Viewrs auf dem Desktop, 21,3 Prozent auf Mobilgeräten sind. Sie beginnen zu bekommen, um zu sehen, dies zeigt Ihnen, wieder, Ihren Prozentsatz der mobilen an einem bestimmten Tag und an welchen Tagen, die schießt. Auch hier zeigt sich sehr coole Sachen in Desktop-Betriebssystemen und auch in Ihren mobilen Betriebssystemen. Als nächstes werden wir hier runterkommen, und wir werden auf „Abonnenten“ klicken. Dies gibt Ihnen eine wirklich coole Sicht. Sie können sich alles ansehen, was einen RSS-Feed hat, und Sie können die Anzahl der Abonnenten dieses Feeds sehen. Wenn Sie auf Blog klicken, können Sie alle Menschen, die Feed-Leser haben , die mit dieser Website verknüpft sind, so dass vielleicht ziehen, dass auch. Sie können es wieder auf Podcast tun und Sie können das auf verschiedenen Arten von Basen und in Bezug auf Abonnenten und alles in dieser Richtung betrachten. Sehr cooles Ding. Hier können Sie Personen sehen, die Sie mit RSS abonniert haben. Als nächstes werden Sie sich die Bezüge ansehen. Dies ist wiederum sehr coole Informationen. Hier sehen Sie, dass 40 Prozent meines Traffics von Google kommen, 37 Prozent kommen direkt in. Wir haben diesen Prozentsatz von thefreelancereport.com, dieser Prozentsatz kommt von How Design. Sie können beginnen, all diese verschiedenen Verweise zu sehen und woher Ihr Traffic kommt. Auch hier ist dies äußerst nützliche Informationen, vor allem, wenn Sie beginnen, eine gute Menge an Traffic aufzubauen, und was verschiedene Websites, die zu Ihnen verlinken. Wir kommen zurück und gehen zu beliebten Inhalten. Auch hier wird Ihnen einige Ihrer beliebtesten Inhalte zeigen und wie viel Prozent Ihres gesamten Traffic, der in dieser Woche gemacht wird. Auch hier können Sie auf monatlich klicken, wenn Sie möchten, oder Sie können sogar nur täglich in irgendeinem Sinne betrachten. Wenn wir uns das ansehen, sehen wir, dass dieser Blogbeitrag 57 Prozent meines Traffics ausmacht. Ziemlich beliebt eine, die hoch auf Google rangiert. Weitere 10 Prozent kommen auf meine Homepage, 7,86 Prozent gehen auf meinen Blog, und haben diese anderen Beiträge, die zu der Zeit sehr beliebt sind. All diese verschiedenen Dinge, können Sie tatsächlich beginnen zu sehen welche die beliebtesten Inhalte sind, und schauen Sie sich das über einen bestimmten Zeitraum an. Suchmaschinen-Abfragen. Auch hier ist das sehr cool, weil Sie beginnen können, zu sehen welche Begriffe Menschen klicken und wie sie Sie finden. Sie werden eine Menge davon nicht als Teil der Sache mit Google und geschützten Suchanfragen zur Verfügung gestellt . Aber Sie können beginnen, all diese verschiedenen Begriffe zu sehen, die Menschen auf meine Website kommen durch und was sie tatsächlich auf Google suchen, wenn sie auf meine Website kommen. Auch hier beginnt sehr nützliche Sachen wirklich zu helfen, zu sehen, wie Ihre SEO-Rankings tatsächlich funktionieren. Gehen Sie hier zum Aktivitätsprotokoll. Auch hier wird Ihnen das nur zeigen, wenn Besucher kommen, und so können Sie tatsächlich nur beginnen, um die IP-Adressen zu sehen und was sie tatsächlich tun. Wenn du eine Produkteinführung machst und etwas live sehen willst, wieder ein sehr cooles kleines Feature hier. Dann zuletzt, Verkaufsübersicht. Auch hier habe ich keine Produkte, die ich derzeit für meine Website verkaufe, also sieht das ziemlich langweilig aus, aber wenn Sie eine E-Commerce-Website haben, wird dies Ihnen Metriken über alle Ihre Verkäufe geben. Das ist ein bisschen über die Registerkarte „Metriken“. Ich hoffe, dass es mit einigen Daten zu sehen geholfen hat es ein wenig deutlicher zu machen und zu verstehen, was vor sich ging. 12. Verstehe die Registerkarte und die Disks: In diesem Video werde ich Ihnen den Kommentar-Tab vorstellen und ein wenig über Kommentare auf Ihrer Squarespace-Website sprechen. Also, wenn wir hier runter kommen und auf Kommentare klicken, was wir sehen werden, ist, dass wir im Grunde einen kleinen Abschnitt haben , in dem irgendwelche Kommentare, die auftauchen, wir können sie genehmigen, oder wir können sehen, welche nicht moderiert sind, welche genehmigt werden, und alle, die wir kennzeichnen, die falsch sind, oder die wir für unangemessen halten, oder Spam oder etwas auf unserer Website. Nun, wenn Sie bemerkt haben, wann tatsächlich, als wir auf meine Website gingen und ich Ihnen die Metriken zeigte, war der Kommentar-Tab nicht wirklich da, und das liegt daran, dass Squarespace dieses eingebaute Kommentarsystem hat. Wenn Sie nur Ihre Website einrichten und nichts anderes tun, haben Sie dieses integrierte Kommentarsystem in Squarespace, und es ist gut und es funktioniert großartig. Aber Squarespace hat auch mit dieser Plattform namens Disqus integriert, und dies ist im Grunde die größte Kommentarplattform im Internet. Die meisten Blogs, die meisten Plattformen da draußen, werden von Disqus betrieben, und Sie haben wahrscheinlich etwas gesehen, das ähnlich aussieht, wo Sie dieses Kommentarsystem haben und Sie diesen Avatar in diesem Profil haben, und so was Disqus tut, ist es erlaubt Ihnen, ein Profil zu erstellen und dies im Grunde auf Ihrem Blog zu beherbergen, und wenn Sie das tun, und wenn Sie das tun,ist es tatsächlich in der Lage, jede Website, die Sie zu einem neuen Kommentar gehen, einen Link zu Ihrem Profil, das dann Links zurück zu Ihrer Website, und es gibt eine riesige Benutzerbasis. Die meisten Blogger, die meisten Kommentatoren, sind auf Disqus, und im Setting Video werde ich Ihnen tatsächlich zeigen, wie das geht. In einem späteren Video werde ich Ihnen die gesamte Integration hier mit Disqus zeigen. Aber ich wollte nur das schnell erklären, dass Sie mit Disqus das wahrscheinlich ein wenig später integrieren wollen. Also schauen Sie weiter, und ich werde Ihnen zeigen, dass, und ehrlich gesagt, wenn Sie nicht bloggen, wenn Sie keine Inhalte wie diese veröffentlichen, Sie tun nur Informationswebsite oder es ist eine Portfolio-Website ohne Kommentare, Sie müssen sich wirklich keine Sorgen über diese Registerkarte überhaupt machen und Sie können es einfach lassen. Aber wenn Sie bloggen, sich die späteren Videos an, in denen ich Ihnen zeigen werde, wie Sie die vollständige Integration mit Disqus durchführen können. 13. Verstehe die Registerkarte Einstellung, die Pt 1: In diesem Video werde ich Sie durch die Einstellungen Registerkarte hier und Squarespace und erklären eine Menge von dem, was unter jedem dieser Registerkarten geht und was alles ist. Dies ist ein wirklich wichtiger Teil der Website. Hier geht viel rein, also mach dich bereit und lass uns eintauchen. Also zuerst werde ich auf Einstellungen dort drüben in der linken klicken, Sie werden sehen, wir haben eine Handvoll Optionen, und dann sogar im erweiterten Menü, das in mehr Optionen geht. Also werde ich durch diese durch Won gehen. Grundsätzlich werden wir mit einer grundlegenden Information beginnen. Wenn Sie zu grundlegenden Informationen kommen, können Sie wählen, ob Ihre Website ein Geschäft ist, E-Commerce, gemeinnützige, persönliche, es ist keine große Sache. macht keinen großen Unterschied in der Funktionalität oder irgendetwas auf Ihrer Website. Sie können eine kurze Website-Beschreibung festlegen, einige Themen, die wir diese Mehrheit der Themen verwenden, verwenden diese Website-Beschreibung nicht. Aber ich würde empfehlen, hier oder so etwas zu schreiben, weil dies auch ein hilfreicher Bereich für die Suchmaschinenoptimierung ist , um hier Summenarten von Wörtern einzufügen. Sie können Squarespace-Promotion zulassen. Sie werden manchmal Websites fördern, von denen sie denken, dass sie wirklich gut sind , oder sie werden sie als eine dieser Art von Beispielvorlagen auf ihrer Website setzen, und dann können Sie hier zu Geschäftsinformationen kommen, Stunden, Telefon, E-Mail, alle das. So können Sie Ihre Telefonnummer, E-Mail-Adresse eingeben. Sie können es auf einer Karte einrichten, Ihre Geschäftszeiten auswählen und das alles. Wieder, eine Handvoll die Themen, werden wir tatsächlich ziehen diese Informationen und Art von stecken Sie es in das Thema für Sie, so ist es eine wirklich coole praktische Funktion zu haben, nicht alle von ihnen tun es, aber es ist wahrscheinlich wert nur setzen Informationen in beiden Fällen. Wenn wir also von grundlegenden Informationen zurückkommen, werden wir wieder zu den Einstellungen kommen. Sobald wir wieder hier im Einstellungsmenü sind, werden wir auf Hören auf Sprache und Region klicken, und das ist wirklich so, dass Sie Art der Region, in der Sie sich befinden, die Zone, die relevant ist, vor allem, wenn Sie tun Veranstaltungen auf Ihrer Website. Squarespace hat eine Art Veranstaltungskalender integriert. Wenn Ihre Zeitzone falsch eingestellt ist, werden alle Ihre Kalenderereignisse für alle, die auf Ihre Website kommen, unsachgemäß angezeigt . Das ist ziemlich einfach, alles, was Sie wirklich tun, ist grob auf einer Karte herauszufinden , wo Sie sind oder wo Ihr Unternehmen ansässig ist. Du wirst anklicken, dass kleine Blaspunkte sich dorthin bewegen werden, und ich war erfolgreich und perfekt auf Denver geklickt, woraus ich mich befinde. Aber manchmal, wenn Sie in der rauen Gegend sind, vielleicht habe ich versucht, auf Phoenix oder Boise zu klicken, aber ja, nur auf Denver geklickt, und da gehen wir. Wir haben gerade die Zeitzone festgelegt, die jetzt richtig ist, wie Sie sehen werden, die Zeit hier unten entspricht meiner Zeit dort oben. Wir haben jetzt unsere Zeitzone festgelegt und drücken „Speichern“. Ich gehe zurück zu den Einstellungen und wir gehen weiter. Wir werden also weiter auf „Domains“ klicken. Hier gehen wir eigentlich hin und arbeiten mit Stunden-Domains. Domäne ist http://websitewithoutcode.squarespace.com. Ich wollte, ich konnte darauf klicken, und ich könnte es in websitewithoutcode2 umbenennen. Ich könnte die Site-URL ändern. Ich werde das nicht wirklich tun, weil ich es jetzt nicht wirklich brauchen , also werde ich einfach absagen. Aber hier werden wir später auch Domain verlinken. Also, wenn Sie bereit sind, Ihre Website live zu starten und sagen, Sie versuchen , eine websitewithoutcode.com oder jakejorgen.com zu starten. Sie versuchen, es tatsächlich live auf Ihren Domainnamen zu setzen. Dies ist, wo wir gehen, um das zu tun, und ich werde das später näher erklären. Auch, wenn Sie möchten, können Sie klicken Sie auf erhalten eine kostenlose Domain, und im Grunde, was passiert, wenn Sie wählen, ein Jahreskonto zu kaufen und Sie ein Jahr von Squarespace gekauft, Sie erhalten eine kostenlose Domain mit Ihrer Website. Also wieder, sehr cool, sehr praktisch kleine Funktion, die sie einen Blick wert sind, und Sie können hier herunterfallen und bekommen eine.org, .net, .biz oder eines dieser coolen Dinge. Das ist alles, was wir auf Domains schreiben jetzt abdecken werden. Wieder werde ich Ihnen später zeigen, wie Sie Ihre Website live starten können. Als nächstes werden wir hier runter kommen, um eine E-Mail zu senden, und das ist etwas, das in Squarespace 7.0 neu ist und eine super interessante Funktion, die tatsächlich irgendwie in ein bisschen mehr eintauchen wird, wenn wir anfangen. Aber Sie können SquareSpace tatsächlich mit Ihren Google Apps in E-Mail-Konten verbinden. Das ist wirklich, wirklich cool, weil es ehrlich gesagt wirklich schwierig ist herauszufinden, wie Sie Ihre Domain starten und dann tun, ohne Ihre E-Mail-Adresse zu vermasseln. Wenn Sie also ein Google Apps-Konto haben, können Sie buchstäblich direkt dort mit Ihrem Squarespace-Konto verbunden werden, und es erledigt alle Datensätze, das gesamte Routing auf dem Backend, so dass Sie sich keine Sorgen machen müssen und mit all diesen DNS-Einstellungen und den MX-Einträgen durcheinander zu bringen, um sicherzustellen, dass Ihre E-Mail nicht beim Starten Ihrer Website ausfällt. Also, wenn Sie ein Google Apps-Benutzer sind, empfehle ich dringend, das zu überprüfen. Das zeige ich dir später. Ich möchte Ihnen zeigen, wie Google Apps einrichten wir werden das auf verschiedenen Thema tun, aber das ist ein Demo-Konto von Squarespace, so kann ich Ihnen nicht zeigen Jungs hier auf diesem. Als nächstes werden wir hier runter kommen, um Berechtigungen, und das ist wirklich Berechtigungen wurden einmal genannt, denke ich, Beratung Mitwirkende, aber sie haben den Namen auf diesem geändert. Es ist sehr hilfreich, wenn Sie sagen, dass Sie zusätzliche Personen zu Ihrer Website hinzufügen möchten. Sagen Sie, ich möchte einen meiner Freunde oder einen Kollegen oder einen Schriftsteller auf der Website mit mir arbeiten. Was Auge tun kann, ist entweder fügen Sie einen grundlegenden Autor , der nur im Grunde wollte, um ihm zu geben, es ist eigentlich nicht gehen, um ein Konto zu erstellen, es wird nur eine Art von Avatare zu erstellen, so dass, wenn ich blogge, kann ich sagen dass dieser Autor ist durch, oder dieser Blog-Beitrag ist durch, so und so. So können Sie einen Avatar erstellen, Sie können ein Bild damit setzen. Sie können es mit ihrem Google Plus direkt hier unten verknüpfen. Sie können eine vollständige Bio in den sozialen Konten und alles direkt dort. Also wieder, eine sehr coole Sache, nur einen einfachen Autor hinzuzufügen, aber dieser Autor hat wirklich keine Möglichkeit, sich anzumelden. Alles, was sie wirklich tun, ist zu sagen , zum Beispiel, ich denke, ein Anwendungsfall, wie Sie diesen Autor verwenden würden, ist sagen, Sie eine Blog-Website betreiben und jemand Ihnen einen Gastbeitrag oder etwas, das er auf Ihrem Blog veröffentlichen möchte. Nun, vielleicht möchten Sie ihnen nicht wirklich Anmeldungen auf Ihrer Website geben und sie versuchen, herauszufinden, wie sie es auf eigene Faust veröffentlichen, und stattdessen würden Sie lieber das Wort Dokument von ihnen nehmen und es auf Ihrer Website veröffentlichen. Was Sie tun würden, ist im Grunde, fügen Sie sie als Autor hinzu, legen Sie dort grundlegende Informationen und alles hier drin, und dann, wenn Sie diese Beiträge aufstellen, können Sie sagen, der Beitrag war von wem, wie auch immer ihr Name ist, im Gegensatz dazu, dass es so aussieht, als würde es von Ihnen geschrieben werden. Es ist also eine Möglichkeit, Arbeit von anderen Leuten zu veröffentlichen, ohne sie bei Ihrer Website eingeloggt zu bekommen und all diese Art von Sachen zu setzen. Jetzt werden wir das wegwerfen. Auf der anderen Seite haben Sie diesen Mitwirkenden, also haben Sie einen grundlegenden Autor, der wirklich nichts auf der Website tut, es ist wirklich nur eine Art Profil eines Schriftstellers auf Ihrer Website, und dann haben Sie einen Mitwirkenden. Ein Mitwirkender ist jemand, der tatsächlich Berechtigungen für die Arbeit an Ihrer Website erhält, und es gibt diese verschiedenen Berechtigungsstufen. So könnte ich zum Beispiel John Doe hier und JohnDoe@gmail.com eingeben. Ich hoffe, das ist keine echte E-Mail-Adresse, es ist wahrscheinlich, aber ja, und dann könnte ich sie im Grunde einladen und ihnen eine Handvoll verschiedener Arten von Berechtigungen und Privilegien auf der Website geben . Also, wenn ich ihnen einen Administrator gebe, dann haben sie buchstäblich die vollständige Kontrolle über die Website. Sie können entwerfen, sie können Abrechnung bearbeiten, sie können alles auf der Website tun. So Administratoren, im Grunde, Sie sind ein Administrator kaufen Standard, wenn Sie ein Konto einrichten. Ein Administrator wäre jemand anderes, der über dieselben Berechtigungen verfügt. So zum Beispiel, wenn viele meiner Kunden mich angeheuert haben, Squarespace-Design für sie zu machen, haben sie mich als Administrator eingerichtet, weil ich wirklich Narren Zugang brauche , um alles auf ihrer Website zu bearbeiten, um in der Lage zu sein, alles dort zu entwerfen und zu tun. Der nächste ist also ein Content-Editor. Diese Person kann im Grunde kommen, sie können Inhalte auf der Website bearbeiten, sie können Text, Blog-Posts, jede dieser Art von Sachen bearbeiten , aber sie können das Design nicht ändern, sie, die nicht gehen können in die Einstellungen, die Abrechnung, irgendwas von diesem Zeug. Also, wenn Sie vielleicht nur einen Texter für Ihre Website einstellen, ist dies ein wirklich guter Weg, um ihnen irgendwie nur die Kopie Schreibrechte zu geben. Die nächste ist die Abrechnung, und das ist wirklich einfach, aber sagen, Sie sind in einem Unternehmen und Sie müssen Kreditoren geben, vielleicht haben sie zwei geben Sie die Rechnungsinformationen für diese. Jetzt können Sie nur ein Abrechnungsprofil auf ihnen einrichten, gut buchstäblich die einzigen Optionen, die sie haben werden, ist nur zu kommen, sich einzuloggen und die Abrechnung einzurichten. Also wieder, eine sehr einfache Möglichkeit, sich einfach jemand einloggen zu lassen und einfach sein Abrechnungskonto einzurichten. Berichterstattung. Wieder gibt nur im Grunde einen Zugang zu den Statistiken. Kommentar-Moderator. Dies wäre wieder sehr einfach, wenn Sie vielleicht viele Blogs auf Ihrer Website haben. Sie haben eine Position oder ein anderes Unternehmen moderiert nur Kommentare. kannst du auch tun. Sie können jemanden als vertrauenswürdigen Kommentator festlegen. Wieder werde ich Ihnen später zeigen, wie Sie Ihre Kommentareinstellungen einstellen. Sie können jedoch Kommentareinstellungen haben bei denen grundsätzlich kein Kommentar veröffentlicht wird, bis Sie ihn genehmigen. Aber Sie können jemanden als vertrauenswürdigen Kommentator setzen und sagen: „Oh, ich weiß, dass Joe immer gute Kommentare dazu gibt es eine vertrauenswürdige Person gibt, die er mich nicht spammen wird. Ich kann ihn als vertrauenswürdigen Kommentierer setzen.“ Dann ist das letzte Profil ein Store-Manager. Grundsätzlich gibt jemand Zugriff auf die Arbeit mit dem gesamten E-Commerce, verwalten Sie die Kundenbestellungen, jede dieser Sachen und bearbeiten Sie auch den Inhalt auf der Website. Dies sind die grundlegenden Möglichkeiten, wie Sie jemanden einladen können, zusammenzuarbeiten und auf Ihrer Squarespace-Website beizutragen. Wir werden hier wieder raus, und wir werden wegwerfen. Das ist alles nur auf der Registerkarte Berechtigungen, und jetzt werde ich hier zurück zu Einstellungen springen. Die nächste und eine sehr wichtige ist Sozial. Was Sie hier haben, ist eine Handvoll verschiedener Optionen, wie Sie Ihre sozialen Medien verwalten können. Das erste, was Sie wirklich tun möchten, wenn Sie Ihr Konto einrichten und Ihre Seite in Gang bringen, ist, gehen Sie hier unten zu Social und klicken Sie auf „Verbundene Konten“ Wenn Sie auf „ Verbundene Konten“ klicken, wo Sie tatsächlich tun können, ist hier zu kommen und Sie klicken auf „Konto verbinden“. Es wird Ihnen all diese verschiedenen Social-Media-Optionen für alles geben , von Dribbble über Facebook, Twitter, Google Plus, Tumblr, YouTube, all diese verschiedenen Integrationen. Grundsätzlich alles, was Sie tun, ist, dass Sie einfach auf einen klicken. Wenn wir auf meinen Klick haben, um mein Twitter-Profil zu verlinken. Wenn Sie bereits eingeloggt sind, dann wird es buchstäblich nur auf den Bildschirm kommen, um zu autorisieren, also werde ich die App autorisieren. Ich habe gerade meinen Twitter-Account so einfach wie das verbunden. Jetzt, wenn ich durch meine Website gehen und sagen, ich möchte Social-Media-Links überall in den Websites hinzufügen, oder das Thema hat etwas eingebaute wie hier haben wir in fünf haben Sie gerade gesehen, dieses Twitter-Symbol aufgetaucht hier oben. All das ist im Grunde alles automatisch mit meinem Twitter-Account verbunden. Nur von diesem einfachen Connect Account Integration. Wieder kann ich zurückgehen und tun, dass für Facebook, Google plus jedoch viele soziale Konten, die ich tun möchte. Jetzt können Sie das auch mit Instagram tun und ein paar von diesen, Twitter, Instagram, YouTube, und eine Handvoll davon haben sogar kleine Apps die in Squarespace integriert sind, was ich später demonstrieren werde. Aber einige wirklich coole Funktionen, wie Sie tatsächlich diese Social Media-Integrationen nutzen können und wie Sie sie einfach verbinden und dann im Grunde erhalten Sie diese Apps und Sie können kleine Widgets auf Ihrer Website machen. Das ist der verbundene Account-Teil von Social. Als nächstes gehen wir hier runter zu den Teilen Buttons. Auf vielen der Vorlagen und vor allem beim Bloggen, haben Sie diese Share-Buttons. Das ist, wenn jemand einen Blog-Beitrag liest oder sie auf einer Seite sind, die sie mögen, können Sie diese kleinen Freigabe-Schaltflächen hinzufügen und dann wird es im Grunde diesen Beitrag automatisch an diese verschiedenen Konten teilen . Im Grunde hier können Sie sagen, hier sind all die Dinge, die ich will, dass sie in der Lage sein, es zu teilen zwei tun. Nun, vielleicht mag ich Facebook, Twitter, Google Plus, LinkedIn, aber ich kümmere mich nicht wirklich um die Stolperte Upon oder den Pinterest-Markt oder Tumblr. Das ist einfach nicht wirklich mein Ding. Oder vielleicht ist es das und du kannst das einfach anlassen. Wenn du es dann wieder machst, wird es sich selbst aktivieren. Aber ja, im Grunde können Sie wählen, welche sozialen Netzwerke Sie teilen möchten, so dass Sie Ihre gesamte Website nicht mit zu vielen Teilen Buttons überdrängen , wo es einfach hässlich und überwältigend ist. Sie können wählen, welche auch immer Sie möchten. Es gibt diese andere sehr coole, die ein Pinterest Pin-It Button ist. Wenn Sie dies aktivieren, können Sie es grundsätzlich für Blogs oder für Blogs und Seiten aktivieren. Was dies tun wird, ist im Grunde ein wenig Overlay auf Ihren Websites, die im Grunde jedem erlauben irgendwelche Ihrer Bilder oder Ihre Blog-Beiträge oder verschiedene Seiten anheften. Es ist ein sehr cooles kleines Feature. Hier ist ein Beispiel dafür, wie es aussehen wird. Sagen Sie, Sie haben dieses Bild und jemand kann hierher kommen und es anheften. Mal sehen. Habe noch nicht gespeichert, so dass es nicht ganz integriert ist. Aber Sie können wieder wählen, klein oder groß. Du kannst eine Form, ein Rechteck oder einen Kreis für das Pinterest-Logo auswählen. Sie können einfach hier runter gehen und sich mit den Einstellungen anlegen. Ändere wieder all diese Sachen. Aber das ist wirklich praktisch vor allem für, sagen, wenn Ihr Markt auf Pinterest die Menschen, die Sie wollen, um vor, es ist eine super praktische Funktion. Sehr cool, es ermöglicht wirklich viel mehr sofortige soziale Interaktion integriert automatisch direkt dort durch Ihre Websites. Sie müssen jede benutzerdefinierte Codierung durchführen. Alles, was du tust, ist einfach diese kleine Pinterest Pin-It Button Option hinzuzufügen. Aber im Moment werde ich das auslassen und „Deaktivieren“ drücken. Wir kommen zurück und wir werden retten. Dann kommen wir zurück zu Social. Jetzt muss ich Ihnen den letzten Abschnitt hier über Social zeigen. Aber ich bin tatsächlich zu meinem persönlichen Konto gesprungen , um Ihnen dieses zu zeigen, weil es ein wenig leichter zu demonstrieren ist. Aber wenn ich wieder zu Social komme, und ich hier unten auf „Facebook-Seite“ klicke, was wir sehen werden, ist, dass ich tatsächlich eine einzelne Seite auf meiner Website in eine Facebook-Seite verwandeln und es zu einem Tab auf meiner Facebook-Seite machen kann . Es ist sehr cool. Was ich getan habe, ist im Grunde wählen, jetzt habe ich all diese verschiedenen Facebook-Seiten, die ich für mich selbst und Kunden verwalten. Ich werde im Grunde die Linked List zu meiner persönlichen Facebook-Seite wählen. Damit jeder von uns funktioniert, müssen Sie zuerst Ihr Facebook-Konto mit Squarespace verknüpfen. Dann kann ich hier runterkommen und ich kann einen Galerie-Tab installieren , wenn ich möchte und vielleicht ein Portfolio oder eine Galerie meiner Arbeit habe. Dann kann ich auch einen Squarespace-Reiter haben. Was Sie tun können, ist, wenn Sie darauf klicken, es ist buchstäblich gehen, um mir alle Seiten auf meiner Website, die ich habe einige zeigen . Aber ich habe diese Jake Jorgovans E-Mail-Listen-Anmeldung. Dann kann ich diese Überschrift tatsächlich ändern und diese grundlegende Squarespace-Registerkarte festlegen. Nun, was das tun wird, werde ich hier zu Facebook springen und Ihnen zeigen. Ist, dass, wenn ich hier auf meiner Facebook-Fan-Seite, wieder ist dies auf einer Fan-Seite nicht meine persönliche Profilseite, Ich habe all diese verschiedenen Optionen hier oben für Timeline über Fotos. Jetzt habe ich diese kleine Möglichkeit, sich für Jakes E-Mail-Newsletter anzumelden. Das ist super cool, denn wenn jemand einfach darauf klickt, sehen sie buchstäblich die genaue Squarespace-Seite, die ich auf meiner Website gebaut habe. Dies ist eine Seite auf meiner Website, die jetzt nur im Grunde gebaut wurde schreiben Sie hier in meine Facebook-Seite. Super praktische Funktion können Sie dies für vielleicht Ihr Portfolio verwenden, können Sie sogar mit der Homepage Ihrer Website tun, so dass es Links zu anderen Dingen. Für mich habe ich es nur für eine einfache E-Mail-Newsletter-Anmeldung gemacht. Aber es ist eine super coole Funktion in einer Weise, dass Sie wirklich Ihre Facebook-Fan-Seite anpassen und Möglichkeiten , die viele andere Leute nicht tun können, so ist es etwas, das ziemlich cool und einzigartig für Squarespace ist. 14. Verstehe die Registerkarte Einstellungen, die: Wir werden hier mit Einstellungen fortfahren und jetzt werde ich nach unten kommen, Ich werde auf die nächste Option klicken, Bloggen. Wir kommen ins Bloggen, das erste, was wir sehen werden, ist dieses Beitrag-URL-Format. Was Sie sehen werden, ist jetzt standardmäßig wird es /Jahr/Monat/Tag/Titel sagen. Grundsätzlich bedeutet das, dass, wenn ich jetzt zu meinem Blog gehe und ich auf dieses erste Projekt klicke, warum Kreative Nebenprojekte haben müssen. Was Sie sehen werden, und was ich Ihnen empfehlen werde ist, dass Sie nur den Titel als Teil Ihrer URL haben, weil eine URL im Grunde diese ganze Sache hier ist und standardmäßig, was sie tun wird, ist das Jahr, den Monat und den Tag. Wenn ich diese Option nicht geändert hätte, würde es sagen, 16.01.2015/ warum Kreative Nebenprojekte haben müssen. Wenn ich nicht getan habe, was ich Ihnen zeigen werde, das heißt, diese anderen Optionen aus dem URL-Format zu löschen, haben alle meine Blogs diese wirklich große lange URL, der kein großer Fan von. Ich bevorzuge es, es so kurz wie möglich zu haben. Was ich tun werde, ist im Grunde einfach alle diese zu löschen. Auf diese Weise ist es wirklich nur /blog/der Titel des Artikels und um das zu tun, werde ich buchstäblich hier reinkommen und die Rücktaste drücken. Löscht einfach jedes davon, das /Jahr/Titel all das. Was wir gerade am Ende mit ist dieser Titel und das ist die Option, die ich jetzt auf meiner Website habe. Wenn Sie zu meinen Blogs gehen, was Sie gesehen haben, ist /blog/warum Kreative Nebenprojekte haben müssen, der Titel des Artikels. Als nächstes werde ich Ihnen zeigen, wie Disqus zu verknüpfen, das Kommentarsystem, das ich zuvor erwähnt habe, zweijährige Squarespace-Website. Wir sind immer noch hier unter der Blogging-Option und was ich tun werde, ist, dass ich meinen disqus Kurznamen eingeben muss. Das erste, was ich tun muss, ist hier rüber zu disqus und ich empfehle, eine Website einzurichten oder ein Profil für sich selbst zu erstellen, was ich nicht werde, um Sie durch all das zu führen. Ich denke, Sie können sich selbst für ein Profil registrieren. Aber was wir tun wollen, ist, wenn Sie eingeloggt sind, kommen Sie hier runter, klicken Sie auf Ihr Profil und klicken Sie auf „Admin“. Sobald Sie hier in diesem disqus Dashboard sind, kann ich auf diesen Link hier klicken und eine neue Website hinzufügen. Meine Website ist eine Website ohne Code auf websitewithoutcode.disqus.com, aber es wird genommen. Ich werde eine Jakes Website ohne Code machen und diese wird nicht genommen. Das ist schön. Ich kann wählen und wir werden sagen, dass dies eine Business-Website ist. Wir werden die Registrierung hier beenden. Sobald wir da durch kommen, wird es uns bitten, mit einer Plattform zu integrieren und hier sehen Sie diesen universellen Code WordPress, Blogger Typ Pad, Tumblr, all diese Dinge zu sehen. Aber wir werden klicken. Hier in der Mitte befindet sich ein wunderschönes quadratisches Raumsymbol . Klicken Sie darauf. Jetzt wird es uns im Grunde die Setup-Anweisungen für den nächsten Squarespace zeigen. Was wir haben werden, ist im Grunde wieder, es wird Ihnen sagen, wie Admin-Einstellungen allgemein, die tatsächlich ein bisschen datiert auf dort Website. Unser Squarespace hat sich geändert, wie Sie sehen, sind wir jetzt unter den Blogging-Optionen, also ist dies falsche Disqus, die Sie aktualisieren müssen. Aber die praktische Sache hier ist, dass es Ihnen Ihren kurzen Namen geben wird und Ihr disqus Kurzname ist wirklich alles, was Sie brauchen. Ich werde diesen kleinen Kurznamen hier kopieren. Ich werde dieses Recht hören in Squarespace-Konto einfügen und wir haben genau dort verlinkt disqus unser Kommentarsystem wurde komplett durch disqus ersetzt und das interne Squarespace-Kommentarsystem wurde jetzt ausgetauscht für disqus. Sehr einfach. Das letzte, was auf dieser Seite ist, dass wir einfach mögen. Diese kleine optionale Blog-Post, wo jemand sagen kann, Ich mag Ihren Beitrag, das ist cool und Sie können wählen, dass haben oder nicht. Dann ist hier auch, wenn Sie sagen, dass Sie nicht Ihren disqus Kurznamen haben , den ich eigentlich für eine Sekunde auslassen werde, weil Sie es Ihnen zeigen, aber sagen, dass Sie keine disqus verwenden. Wir kommen hier runter zu den Kommentaren und Einstellungen. Wir können tatsächlich eine Handvoll Kommentareinstellungen auf unserer Website festlegen. Wie können wir Kommentare global aktivieren oder wir können es deaktivieren und es gibt buchstäblich keine Kommentare auf unserer Website. Unsere Blogs sind nur Artikel, aber es gibt keine Kommentare dazu. Wir können den Leuten erlauben, Kommentare zu mögen. Wir können eine Genehmigung verlangen, und das bedeutet, dass alles in dieser Moderationswarteschlange läuft , bevor Sie tatsächlich live auf Ihrer Website erscheinen. Sie können wählen, ob Sie möchten, dass Personen anonym kommentieren oder ob sie Informationen eintragen müssen. Threaded Kommentare, können Menschen auf andere Kommentare reagieren. Sie können einen Faden davon haben, wo jemand eine Diskussion beginnt und jeder spielt einfach davon ab. Ob Sie möchten, dass Avatare angezeigt werden oder nur Text als nächstes für die Kommentare und dann, ob Sie Kommentare aktivieren möchten , oder Sie können tatsächlich deaktivieren oder aktivieren Sie Kommentare, während Sie gehen durch und veröffentlichen jeden Blog-Beitrag. Auf dieser nächsten Option hier, wie Kommentare Standardwert zu deaktivieren. Ich werde ehrlich sein und dir sagen, dass ich nicht weiß, was das macht. Einfach, so dass wir nur weitermachen werden. Ich weiß es nicht ganz. Ich denke, dass das ist, wie lange es dauert, in einem moderierten Kommentar wird einfach verschwinden, aber ich könnte falsch liegen. Offensichtlich habe ich es nie benutzt, also denke ich nicht, dass es zu wichtig ist. Sie können Ihre Kommentare Sortierreihenfolge wählen, die alle neuesten Kommentare Ihre am meisten gefallen, Ihre am wenigsten gefallen Kommentare zuerst macht . Dann möchten Sie, dass die Leute in der Lage sein, Kommentare zu kennzeichnen und das zu setzen. Wählen Sie dann die Anzahl der Kommentare, wenn ein Kommentar ein Flag erhält, dann wird es automatisch auf Moderation warten gesetzt und vielleicht haben Sie eine hohe Traffic-Websites und wenn fünf Personen es markieren, dann geht es in die Warten auf Moderation Abschnitt. Summen Sie einfache Dinge, wie Sie Ihre Kommentare dort bearbeiten können. Wir werden das nur retten. Kommen Sie zurück zum Bloggen. Ich mag diesen kleinen Disqus Link, also werde ich nur zurückschlagen und das bringt mich hier zurück nach Squarespace, genau dahin, wo es war. Wir werden nur in diesem disqus kurzen Namen einfügen, drücken Sie „Speichern“ und wir haben jetzt das eingerichtet. Wir können immer noch in diese Kommentarmoderationseinstellung gehen und selbst wenn wir disqus aktiviert haben, alle diese Optionen können Sie immer noch diese Optionen hier auf Ihrer Website abgleichen. Das ist alles, was wir hier im Blogging-Bereich haben. SEO, Suchmaschinenoptimierung. Hier geht es im Grunde um Ihre Google-Rankings und wie Sie auftauchen, wenn jemand relevante Keywords für Google eingibt. Wir gehen auf „SEO“ klicken und hier können Sie eine kurze Beschreibung für Ihre Website eingeben. Auch hier ist dies eine sehr praktische Möglichkeit, hier einige Schlüsselwörter einzufügen, Dinge, nach denen Sie suchen möchten. Aber versuchen Sie, es nicht nur mit Schlüsselwörtern zu stapeln, sondern versuchen Sie, Ihre Website tatsächlich ein wenig zu beschreiben, machen Sie es etwas lesbar. Google mag es nicht, wenn Sachen nur mit Schlüsselwörtern knirscht werden. Es bevorzugt tatsächlich echten organischen Gehalt. Dann auch, wenn Sie jemals in diesem SEO-Abschnitt sind, wie sie empfehlen, dass Sie auf diesen Link klicken, wie Sie Ihre Suchmaschine Sichtbarkeit erhöhen. Ich werde dies genauer durchgehen, aber es hat sich im Laufe der Lebensdauer von Squarespace geändert, seit sie neue Optionen eingeführt haben. Aber diese Seite erzählt Ihnen alles darüber, wie Sie Ihre Website für SEO optimieren können. Es gibt noch ein paar andere Tricks, die ich dir auf dem Weg zeigen werde, aber es ist ein guter Anfang. Nächster Rahmen kommen hier zum Titelformat der Homepage. Wahrscheinlich haben Sie eine sehr geringe Wahrscheinlichkeit, dass Sie dies ändern werden. Aber wenn du willst, kannst du hier rüber fahren. Sie sehen ein bisschen mehr darüber, aber ich bezweifle, dass Sie sich damit zu sehr beschäftigen werden. Als nächstes würde ein Sammlungstitel sein. Also, das ist eigentlich ziemlich praktisch. So sagen Sie, Sie haben einen Sammlungstitel wie den Schrägstrich Blog, eine Galerie oder so etwas und jemand geht zu einem Blog-Post. Jetzt ist das im Grunde wieder zu wählen, wie soll das angezeigt werden? Möchten Sie nur, dass der Site-Name die URL Schrägstrich oder möchten Sie Ihren Website-Namen Schrägstrich Blog Schrägstrich den Namen des Artikels. Also wieder, wenn Sie dies loswerden, verkürzt Ihre URL noch mehr und Sie werden diesen Schrägstrich Blog nicht haben. Dann sind dies wieder einzelne Dinge, wie der Blog-Beitrag, Sie können dies einfach verkürzen, wenn Sie wollen oder Sie können den Artikeltitel auch drin haben. Wieder, nicht sehr wichtige Dinge, aber wenn Sie ernst werden, bauen Sie einen Blog, eine Menge Inhalt, das sind Dinge, die es wert sind, zu betrachten. Als nächstes kommen wir hier runter zum Sicherheitsdienst. Dies ist eine wirklich praktische Funktion, aber sagen Sie, Ihre Website befindet sich im Entwurfsmodus. Wenn Sie hier ein Passwort eingeben, und im Grunde, was dies tun wird, wenn jemand auf Ihre Website kommt, muss er ein Passwort eingeben, um die Website zu betrachten. Das ist wirklich praktisch, wenn Sie eine neue Version einer Website erstellen oder an einem hochkarätigen Projekt arbeiten und Sie nicht möchten, dass die Leute es wissen. Es ist eine coole Art, es einfach zu verstecken. Ihr könnt intern daran arbeiten und niemand kann es sehen, es sei denn, sie haben dieses Passwort. Abrechnung im Konto. Dies im Grunde werden Sie hier kommen, und wenn Sie Ihre Rechnungen sehen wollen, wie viel Sie bezahlt haben, Sie wollen sich die Geschichte Ihres Logins ansehen, oder Sie wollen einfach nur die Website löschen und Sie können das tun können Sie auch hier reinkommen und einfach Ihre Rechnungsinformationen eingeben. Ich mache dies auf einer Demo-Website von Squarespace, Also es sagt nur, dass dies eine kostenlose Website ist. Aber ansonsten können Sie hier reinkommen und auf Ihre Rechnungsinformationen klicken. Geben Sie in all diese Zahlung und alles. Zuletzt werden wir hier runter kommen, um Fortgeschrittene, was ein Loch mehr öffnet. Aber ich werde diese ziemlich schnell durchmachen, keine große Sache. 404 Fehlerseite nicht gefunden, Dies bedeutet im Grunde, wenn jemand geht und sie einen Tippfehler auf Ihrer Website machen oder Sie haben einen Dead-Link. Sie können dies grundsätzlich an einen Systemstandard senden , der besagt, dass wir die gesuchte Seite nicht finden konnten. Oder was ich auf meiner Website mache, ist, anstatt sie auf eine Fehlerseite zu senden, ich schicke sie direkt auf die Homepage. Auf diese Weise, wenn sie einen toten Link haben, bringt es sie zurück auf die Homepage und hoffentlich schickt sie nicht ganz einfach ab oder denkt, dass meine Seite kaputt ist. So einfaches kleines Ding da. Drücken Sie „Speichern“. Kopf zurück hören. Der Standard-Texteditor wird wahrscheinlich nicht damit verwirren wollen, es sei denn, Sie wissen, wie man Markdown schreibt, was ein Blogging-Typformat zum Schreiben wirklich schnell ist. Also wahrscheinlich nicht, um sich darüber Sorgen zu machen. Escape-Schlüssel, das ist wirklich cool, aber wenn ich nur Jake jorgovan.com gehe, Ich bin nicht einmal in Squarespace eingeloggt oder irgendetwas schreiben jetzt. Ich habe gerade die Flucht getroffen. Es braucht mich buchstäblich und ich kann anfangen, an meiner Website zu arbeiten. Wenn ich nicht eingeloggt wäre, würde ich mich anmelden, aber ich bin bereits eingeloggt. Das ist also eine coole Sache, manche Leute mögen es nicht, aber du kannst das ausschalten, wenn du willst, und du musst nur zu squarespace.com gehen, um dich anzumelden. Aber ehrlich gesagt, ich mag es, ich denke, es ist ziemlich praktisch. Importieren, exportieren. Wenn Sie Ihre Website exportieren möchten, können Sie sie im Grunde in einem WordPress-Format exportieren. Squarespace tut dies, weil so ziemlich, wenn Sie es in einem Wordpress-Format haben, können Sie es auf fast jede andere Plattform hochladen. Aber so, wenn Sie jemals brauchen, um Ihre Website von Squarespace verschieben, Sie können alle Inhalte exportieren, die Blogs, all das Zeug. Sie können auch Inhalte importieren. Wir können hier runter kommen und Sie können von Squarespace Version fünf importieren, können Sie von WordPress, Tumblr, Shopify, Etsy, Blogger, Big Kartell importieren. Wenn Sie also bereits eine Website auf einer dieser Plattformen haben, können Sie einfach Ihre Inhalte direkt über. So einfach. Wir gehen zurück hierher, und wir gehen zu externen Diensten, und wir zeigen Ihnen, wie Sie Ihre Google Analytics einrichten , Ihre Kontonummer, die Sie hier eingeben können, oder Ihr Amazon-Partner-Tag. Ich werde wahrscheinlich zu viel in Amazon Partner eintauchen. Sie können Google, wenn Sie müssen. Es ist wirklich einfach, Sie setzen tatsächlich einfach Ihr Partner-Tag direkt dort. Dann im späteren Video, Ich werde Ihnen tatsächlich zeigen, wie Sie Google Analytics auf Ihrer Website als auch einrichten , sondern auch wirklich einfach Sie buchstäblich nur in Ihre Google Analytics-Kontonummer eingeben. Also, sehr einfaches Zeug. Als nächstes kommen wir hier runter, Entwicklermodus. Sie werden das nicht berühren, denn das ist eigentlich, wenn Sie Squarespace öffnen und sich mit dem Code und allem aneinander setzen wollen, und diese Pro-Klasse wird Website ohne Code genannt, also nehme ich an, dass Sie wahrscheinlich nicht wollen Wechseln Sie in den Entwicklermodus. Code-Injektion. Sie werden sich wahrscheinlich auch nicht damit auseinandersetzen. Aber wenn Sie ein benutzerdefiniertes HTML oder CSS einfügen müssen oder Sie einen Code in Ihrem Header für bestimmte kleine App oder Widget einfügen müssen, die Sie möchten. Das kannst du auch reinlegen. Noch einmal, hoffentlich wirst du nicht damit umgehen müssen, aber wenn du musst, so machst du es. URL-Mappings, wieder, wahrscheinlich nicht um dieses Zeug kümmern. Ein wenig fortgeschrittenes Bild und Import, wahrscheinlich nicht um dieses Zeug als auch ein wenig fortgeschrittener für die Website ohne Code-Klasse kümmern . Wow, wir haben es einfach durch das Einstellungsfenster. Super aufregend, das war eine Menge, ich weiß. Dann raten Sie was? Der nächste werde ich mit einem Klick machen. Habe ich jemals nur Hilfe brauchen, klicken Sie auf diesen Button, und es dauert mich zu help.squarespace.com wo Sie ihre Wissensdatenbank suchen können. Ich kann mir ihre Workshops ansehen, mich mit der Community einmischen, oder einfach ein Ticket oder so einreichen, wenn ich muss. Also wieder, das hier, sehr einfach. Wir haben gerade unsere Tour durch Squarespace abgeschlossen. So unglaublich einfach. Ich hoffe, das war hilfreich, ich weiß, es war eine Menge Detail, aber ich denke, ein starkes Verständnis davon zu bekommen, wo alles an ist, wie zwei navigieren, es wird Ihnen helfen, weiterzugehen. In den nächsten Abschnitten werden wir wirklich anfangen, die Seiten zu bearbeiten, den Inhalt zu bearbeiten, stilisiert zu werden, all die lustigen Sachen zu machen und tatsächlich eine Website zu erstellen, die ziemlich gut aussieht. Also hängen Sie mit mir, es wird Spaß machen. 15. Eine erweiterte Tour durch Squarespace: Also habe ich euch gerade eine ganze Menge verschiedener Werkzeuge gezeigt. Ich hoffe, es wurde spannend für euch Jungs, die alle Möglichkeiten realisieren , die ihr tun könnt und wie einfach es ist, mit Squarespace zu arbeiten. Jetzt, im nächsten Abschnitt, werden wir beginnen, zu lernen, wie Sie Ihre Website gut aussehen. Wir werden den Style-Editor verwenden und damit beginnen, Ihre Website tatsächlich zu entwerfen und zu stilisieren , damit Sie sie optimieren können und sie wie die Website Ihrer Träume aussehen. 16. Eine Einführung in den visuellen Editor: Der Zweck des visuellen Editors hier ist, wieder, dies ist ein Unterschied. Sie haben Ihren visuellen Editor und dann haben Sie Ihren Stil-Editor. Die Style-Editoren wollten Ihre Schriftarten, Ihre Farben, all diese Dinge ändern , und Ihr visueller Editor wird es uns wirklich erlauben , alle Inhalte zu ändern, die auf der Website sind. Hier sind wir nicht wirklich, wieder, wir werden nicht mit allen tatsächlichen Stilen und Schriftarten arbeiten. Stattdessen wird das, was wir tun werden, durchlaufen und tatsächlich Inhalte auf der Website hinzufügen und auslegen. Wir werden hier zu dieser einfachen Homepage kommen, die wir haben. Was es sagt, wir haben zu Hause und wir haben wirklich nichts hier. Eine komplett leere und leere Webseite. Was wir tun werden, ist in diesem Fünf-Thema, wir haben diesen Header hier oben. Wir werden uns jetzt nicht zu sehr darum kümmern, aber wir werden in einer Sekunde darauf eingehen. Aber was wir tun werden, ist, dass wir hier runter kommen und wir werden diese Startseite Header Inhalt sehen, wir werden diese Seite Fußzeile Inhalt und diese Startseite Fußzeile Inhalt zu sehen. Ich verwende den Kopf- und Fußzeileninhalt nicht zu sehr. Aber der Seiteninhalt, das ist wirklich, wo ein Großteil der Inhalte auf Ihrer Seite wird zu leben. Was ich tun werde, ist zuerst auf „Bearbeiten“ klicken Sie hier. Sie werden sehen, wir haben dies einen visuellen Editor, auftaucht und ich kann einfach anfangen, auf meiner Website zu tippen. Sagen Sie, hallo, das ist der Text für die Website. Wir können hier reingehen, und wir können diesen Texteditor verwenden und die fett, kursiv, jedes der Sachen machen . Ich wünschte, ich werde das alles in ein wenig mehr Detail in einem separaten Video durchgehen. Aber wir haben auch diese Möglichkeit, diese kleinen Kreise hier zu sehen. Wir können unten, oben und unten Sachen hinzufügen. Wenn ich hier runter komme und auf diesen kleinen Kreis klicke, kann ich all diese verschiedenen kleinen Widgets und Blöcke hinzufügen. Angenommen, ich möchte ein Bild hinzufügen. Ich kann das tun. Ich kann auf Bild klicken, und ich bekomme dieses kleine Bild-Upload-Tool. Ich komme hierher, um ein Bild hinzuzufügen und klicke auf diesen Upload. Jetzt kann ich im Grunde hierher kommen und die Bilder finden, die ich hochladen möchte. Ich werde diesen Heldenschuss hier hochladen. Ich werde mir nicht zu sehr darum sorgen. Wir werden in einem späteren Video ein wenig mehr auf das Bild eingehen. Aber ich werde das hochladen lassen. Ich hätte das wahrscheinlich komprimieren sollen, bevor ich das tat, aber für Demo-Zwecke wird es funktionieren. Eine Sache, nur zu jeder Zeit in Websites, die Sie versuchen wollen, Bilder zu komprimieren, Regel etwa 250 Kilobyte oder unter einem Megabyte ist in der Regel eine anständige Größe Kompression für das Web. Versuchen Sie also, es zu komprimieren, ohne zu viel Qualität zu verlieren. Aber das hier war nicht komprimiert, also dauert es ein wenig. Einmal wird das einen Moment dauern, um zu verarbeiten und die Größe zu ändern. Dann haben wir ein Bild auf unserer Website. Wir haben gerade einen Text hinzugefügt. Wir können eine Beschriftung hinzufügen. Hier ist eine coole Beschriftung. Sie können hier wieder runter kommen und einen weiteren Block hinzufügen. Mal sehen, worauf wollen wir hinuntergehen? Was wäre cool? Wir möchten vielleicht einige soziale Links hinzufügen. Ich möchte Links zu allen Social-Media-Profilen haben. Nun, ich klicke auf „Soziale Links“, ich kann mich mit der Ausrichtung verwirren, sagen, links sitzen, wo der Text ist. Was du siehst, ist jetzt hier das kleine Twitter-Symbol. Denken Sie daran, wie wir in den früheren Videos gerade den Twitter-Account integriert haben. Nun, Sie sehen das Twitter-Symbol hier, aber wenn ich Facebook und Instagram und YouTube verbunden hätte, würden all diese Icons auch hier auftauchen. Ich kann die Größe davon ändern und mit all diesen verschiedenen Optionen hier arbeiten, den Stil und viele coole Dinge ändern. Ich kann das wirklich anpassen, um zu sehen, wie ich es sehen möchte. Wir werden das retten. Aber all das, vielleicht funktioniert das nicht so, wie ich es will. Vielleicht möchte ich dieses soziale Symbol unter diesem Text und ich möchte, dass das Bild rechts sitzt. Wie mache ich das? Nun, die andere coole Sache über die visuellen Editoren, Sie können wirklich Drag & Drop. Ich werde dieses Bild packen und ich kann anfangen, es herumzuziehen. Wenn du dir das ansiehst, kann ich anfangen, es zu bewegen. Sehen Sie sich diese dicke graue Linie hier hinten an. Dort werde ich das fallen lassen. Also, wenn ich es hier ablege, wird das Bild jetzt über dem Text sein. Sieh dir das an. Jetzt haben wir das Bild über dem Text und wir haben das Social-Media-Symbol direkt unten. Vielleicht wollen wir es unter dem Social-Media-Icon. Ziehen Sie es hier runter. Jetzt haben wir diese darüber. So einfach wie das, ich kann buchstäblich neu anordnen, wie das Layout der Website ist. Ich kann auch hierher kommen. Wenn ich zur Seite gehe, kann ich tatsächlich anfangen, es in diese Spalten zu setzen und die Nebensache wird ein wenig verwirrend. Ich werde das sagen. Sie werden also feststellen, dass in verschiedenen Bereichen verschiedene Dinge passieren. Erstens, wenn ich den ganzen Weg hier rüber nach rechts komme, bekomme ich diese sehr große lange Bar, die ganz nach rechts geht. Was dies getan hat, ist eine ganze Spalte erstellt. Ich werde eigentlich nur einen Haufen Text auf dieser Seite einfügen. So können Sie sehen, dass ich gerade eine Spalte erstellt habe , indem Sie sie dort platzieren, wo ich diesen großen vertikalen Balken hatte. Ich habe eine Spalte für die Website erstellt. Aber fangen wir von vorn an und kommen wieder runter. Was ist, wenn ich hierher komme, wo ich diese Art von grauer Box habe? Nun, wenn ich dieses graue Feld habe, und der Text wird um ihn herum wickeln. Graue Felder können Sie diesen Text Wrap-around Effekt zu tun. Das ist eine andere coole Art, es zu tun. Das andere, was wir tun können, ist, dass wir buchstäblich hier reinkommen können und diese einfach nach rechts kommen und es sieht aus wie eine Spalte. Aber was Sie sehen werden, ist, dass dieser Block immer noch volle Breite hat. Sagen Sie, ob ich hier unten mehr Text hatte oder ob ich einfach kopiere und einfüge. Jetzt, weil ich es so eingestellt habe, wo dieser Balken nur die vertikale Höhe spammt, habe ich hier eine nebeneinander stehende Spalte mit diesem Element erstellt. Aber alles andere, es gibt keine vollständige Spalte auf dem Rest der Seite. Wieder, es ist ein wenig verwirrend. Es braucht ein bisschen Zeit, um sich daran zu gewöhnen, aber es ist wirklich, wirklich mächtig. Sie können dies anpassen und buchstäblich greifen, dieses Bild kleiner machen, oder Sie können dieses Bild größer machen. Sie können dies wirklich nach Ihren Wünschen anpassen und ein Seitenlayout erhalten, das genau so aussieht, wie Sie wollen. Wenn ich möchte, dass der Text um die linke Seite wickelt, komm hier runter, mache das gleiche graue Feld und jetzt mit dem Text umbrochen hier und mache das gleiche, mach es kleiner, mach es größer und passe wirklich die Größe des Bildes und alles sehr, ganz einfach. Dies ist die grundlegende Übersicht des visuellen Editors. Ich werde hier auf diesem Video anhalten. Dann im nächsten Video ist ich werde ein wenig detaillierter zu bekommen. Ich werde Ihnen ein paar andere Dinge rund um die Seiteneinstellungen zeigen und wie man die Sidebar hier drüben loswird und ein paar Sachen wie das. Dann zeige ich dir einfach eine Menge coole Tricks und werde ein bisschen tiefer, weiter hinein. Aber hoffentlich war dies ein anständiger Überblick, um Sie kennenzulernen, wie diese ganze Sache funktioniert. 17. Verstehe die Registerkarte zur Seiteneinstellungen: Im letzten Video habe ich euch ein wenig darüber gezeigt, wie man einfach den Seiteninhalt hier unten anlegt und arbeitet. Aber bevor wir uns in das eintauchen, sollten wir wahrscheinlich etwas von diesem anderen Zeug aufräumen. Dieser Header sieht momentan nicht sehr hübsch aus, die Sidebar ist nicht sehr nett. Wir möchten, dass dies ein bisschen mehr wie eine Website aussieht , damit wir wirklich anfangen können, innerhalb dieser zu entwerfen. Um das zu tun, was wir wirklich tun werden, ist hier unten auf die Seite Einstellungen Registerkarte zu kommen. Wir können das tun, indem wir hier überlagern und zu den Einstellungen gehen. Das wird diese Konfigurationsseite, die Registerkarte Seiteneinstellungen, anzeigen . Oder wenn Sie das nicht finden können, weil einige Themen dies an einem etwas anderen Punkt haben. Du kannst immer auf dieses kleine Zahnradsymbol neben der Seite klicken, an der du gerade arbeitest. Wir werden auf diese hier klicken, das Zahnrad-Symbol, es dauert und es bringt die Seiteneinstellungen. Das erste, was wir tun können, ist, dass wir die Navigation und den Seitentitel ändern können. Vielleicht statt zu Hause, möchte ich, dass dies willkommen heißt. Wir können diese Seite aktivieren oder deaktivieren, wenn wir wollen. Wirklich, Sie müssen sich keine Sorgen darüber machen, es sei denn, Sie machen ein niedrigeres Konto und Sie haben vielleicht ein Seitenlimit. Wir können wählen, andere einseitige Splits Seitenleisten zu haben, ob auf beiden Seiten, ob auf beiden Seiten, Sie zwei Seitenleisten auf der rechten oder linken Seite haben oder Sie können volle Breite für die Demonstration gehen , und dass ich nicht wirklich wollen Sidebar auf meiner Homepage, werde ich auf volle Breite gehen. Wieder, je nachdem, auf welchem Thema Sie sich befinden, nicht alle Themen haben sogar Sidebar, so dass Sie nicht einmal diese Option direkt dort haben. Sie können eine Registerkarte mit Seitenbeschreibungen haben. Wieder, nicht sehr wichtig mit vielen Themen. Einige Themen werden diese vor allem Themen wie Bedford und Shift verwenden. Aber für fünf Jahre hat es tatsächlich keine visuelle Wirkung. Aber wieder, dies ist auch ein weiterer Ort, um in einige Suchmaschinenoptimierungsinformationen direkt hier zu setzen . Wir können die URL ändern. Vielleicht möchte ich, dass das heißt willkommen statt zu Hause. Wir können ein Passwort auf dieser Seite setzen. Angenommen, vielleicht gibt es einen Teil Ihrer Website, der nur Sie wollen nur für Mitglieder oder Kunden zur Verfügung, Sie können es mit einem Passwort schützen. Dann ist das letzte, was genau hier, was wird, um diese Seite sieht deutlich besser, viel schneller, ist, dass wir ein Miniaturbild hinzufügen können. Ich werde klicken, um das Miniaturbild hochzuladen. Wir werden das hier hochladen oder schließen, Kerl immer noch nicht komprimiert haben, also wird es eine Sekunde dauern. Aber während es hochgeladen wird, werde ich einfach voran gehen und über die nächsten paar Dinge sprechen. Das letzte ist, dass Sie hier unter Seiteneinstellungen tun können, oder Sie können dies als die Homepage festlegen, dies wird die Standardseite, die jemand landet, auf der wir tun werden. Sie können diese Seite auch duplizieren. Vielleicht machen Sie eine Portfolio-Sache in Seite und Sie möchten etwas sehr Ähnliches mit dem gleichen Layout machen. Sie möchten nicht das gesamte Layout wiederholen müssen, aber Sie möchten nur Bilder und Text austauschen. Das ist sehr, sehr praktisch dafür. Oder wenn Sie vielleicht ein Backup machen und zwei verschiedene Dinge ausprobieren wollen. Das ist, wo Sie dort haben. Dann unter Advanced, wieder, wenn Sie etwas Code in Ihren Header injizieren müssen, machen Sie vielleicht eine eingebettete Anwendung und sie sagen, legen Sie diesen Header-Code dort oben, Sie können dies tun, aber wieder ist dies eine Website ohne Code, hoffentlich müssen Sie das nicht anfassen. Das Letzte, was wir tun werden, ist, dies als unsere Homepage zu setzen. Wir werden auf „Bestätigen“ klicken. Jetzt werden wir es retten. Wenn wir es speichern, wird es die Seite neu laden, um unsere Änderungen widerzuspiegeln. Jetzt spiegelt sich unser Thumbnail-Bild, wie Sie in den fünf Themen sehen werden, direkt hier oben in unserem Bannerbereich wieder. Home hat sich geändert, um willkommen zu sein und unsere Sidebar ist verschwunden, weil wir auf voller Breite sind. Jetzt hat sich dieser Text buchstäblich erweitert, um die volle Breite der Website zu nehmen. Ein letzter kleiner Trick, den ich dir zeigen werde, ist. 18. So verwaltet du Text in Squarespace: In diesem Video werde ich ein wenig mehr in den visuellen Editor eintauchen und Ihnen speziell zeigen, wie Sie mit Text und Schriftarten innerhalb von Squarespace arbeiten. Um zu beginnen, werden wir wieder hier runter kommen, und wir werden gehen und wir werden mit dem Mauszeiger über diese Bearbeiten auf den Seiteninhalt direkt hier, ich werde auf „Bearbeiten“ klicken. Jetzt sind wir wieder hier bei dem, was wir zuvor erschaffen haben. Ich werde ein paar dieser Dinge löschen, nur damit wir nicht so viel Kopfschmerzen haben und so was unterwegs sind. Wir handliche kleine Sache, aber wenn Sie jemals etwas löschen wollen, haben Sie zwei Möglichkeiten, dies zu tun. Die erste ist, wenn Sie ein Blockelement wie dieses haben, können Sie einfach darauf doppelklicken und dann „Entfernen“ drücken, „Bestätigen“ drücken und alle meine sozialen Links sind weg. Aber vielleicht möchte ich dieses Textelement hier loswerden. Whoops, ich habe das gerade gemacht, aber mit Text ist es etwas seltsam aber man kann nicht einfach einen Text in der Mitte schnappen, weil er ihn bearbeiten wird. Was Sie tun, ist, dass Sie mit dem Mauszeiger über die Seite des Textes und Sie beginnen, diese kleine Griffhand zu bekommen. Wenn du die Greifhand bekommst, kannst du all die gleichen Dinge tun um sie herum zu bewegen, genau wie wir es vorher getan haben. Ich kann da oben ablegen. Ich kann es da unten holen und aus irgendeinem Grund ist es nicht allein. Da gehen wir. Lassen Sie es nach rechts fallen. All diese lustigen Dinge. Oder wenn ich will, kann ich hier runterkommen und es löschen. Ich kann einfach löschen, indem ich erneut klicke, in den Papierkorb ziehe und lösche. Hier sind wir, zurück zu einer breiten offenen Seite. Jetzt werde ich Ihnen im Grunde zeigen, wie Sie einige Inhalte auf Ihrer Website bearbeiten und verwalten. Um das zu tun, was ich tun werde, ist, dass ich diese Künstler-Aussage habe. Während ich diese Seite durchgehe, werde ich auf dieser Website für eine Künstlerin Elizabeth Cairnes arbeiten. Ich ging gerade zu meinem Google Drive, ich habe diesen Text kopiert. Ich komme hierher und füge das in Squarespace ein. Nun, eine Sache, die Sie wirklich vorsichtig sein wollen, ist, dass Squarespace automatisch eine der Formatierungen inhärent oder es wird versuchen, die Schriftarten oder eines dieser Dinge zu tun , die, wenn Sie etwas in Ihre Website importieren. Wenn Sie bemerken, ist alles ein wenig nach rechts gerechtfertigt, wenn ich hier tatsächlich beginne zu tippen, es tippt nach links, aber aus irgendeinem Grund sind diese alle eingerückt. Das liegt im Grunde daran, dass ich Text in Squarespace kopiert und eingefügt habe. Dies ist etwas, das Sie wirklich tun möchten wenn Sie Text in Squarespace kopieren und einfügen, ist, dass Sie kommen möchten, die Sie überhaupt markieren möchten, und Sie möchten über dieses kleine Remove Format hervorheben. Wenn du das tust, voila, ist deine Formatierung plötzlich normal und es gibt keine seltsame Schrulligkeit, die damit los ist. Wir haben diesen Text jetzt hier, es gibt keine Formatierung. Was wir jetzt einfach tun werden, ist einfach hier zu kommen, ich werde einen Titel hinzufügen, Künstler Statement. Dies wird die Kopfzeile auf der Seite sein, also auf diesen Seiten, wir diese Künstler-Aussage haben, aber wir wollen, dass diese Künstler-Aussage hervorhebt. Wir wollen nicht, dass es wie der Rest des Textes aussieht, wir wollen, dass es wie eine Kopfzeile oder eine Überschrift zu diesem Abschnitt aussieht. Was ich tun werde, ist, dass ich diese Künstler-Aussage hervorheben werde, und es gibt eine Handvoll Dinge, die ich tun kann. Zuerst kann ich Bold schlagen, und ich könnte es einfach mutig machen, wenn ich wollte. Ich könnte es kursiv machen. Ich könnte es in einen Link verwandeln, wenn ich wollte, und es gibt einen Link wird auftauchen und ich kann elisabethcairnes.com eingeben und diesen Link machen, wenn ich will, kann ich das in einem neuen Fenster öffnen oder nicht. Aber wir werden diesen Link jetzt nicht machen. Ich kann es links gerechtfertigt, zentriert gerechtfertigt oder rechts machen , und ebenso kann ich das tatsächlich mit diesem ganzen Block tun. Wenn ich alles hervorhebt, mache ich es in der Mitte, rechts oder links. Aber dann ist das hier der mächtige Teil. Wir können kommen und sehen, jetzt haben wir ein normales Absatzformat. Wenn ich einfach gehe markieren Künstler Aussage und ich klicke auf „Überschrift 1! , bemerken Sie, dass wir diese Überschriftenoption erhalten. Vielleicht möchte ich ein wenig kleiner und ich kann auf eine „Überschrift 2" klicken. Sie bemerken, dass sich das auf Orange ändern wird, aber ich werde das in einer Sekunde erklären. Vielleicht möchte ich noch ein wenig kleinere Überschrift und eine Überschrift 3 bekommen. Grundsätzlich können wir das wählen, ich werde es als Überschrift 1 verlassen. Was ich hier erklären möchte, ist, dass, wenn Sie mit Web arbeiten, Sie keine Schriftgrößen wirklich haben. Du sagst nicht: „Oh, ich möchte, dass das 22 Punkt-Schriftart ist und ich möchte, dass das 16 ist. Schriftart. Stattdessen ist die Art und Weise, wie Squarespace funktioniert und wie das Web funktioniert, dass Sie diese Überschriften haben und Ihren regulären Text haben, und zu all Ihrem regulären Text sollte der gleiche sein und alle Ihre Überschriften werden konsistent sein. Grundsätzlich alles, was Sie als Überschrift 1, Überschrift 2 oder Überschrift 3 wählen. Wir kommen zum Style-Editor, ich werde Ihnen zeigen, wie Sie diese anpassen können und warum, wie Sie es machen können, wo es nicht orange wird oder eine andere Farbe dreht , wenn Sie möchten oder es kann eine andere Schriftart sein, und wie Sie können dies anpassen. Aber der Grund für diese Überschrift 1, Überschrift 2 und Überschrift 3 ist, dass es Konsistenz auf Ihrer Website schafft. Einer der größten Fehler , die Leute , die nichts über Webdesign wissen, machen, wenn sie anfangen, Websites zu machen, ist, dass sie dieses Ding buchstäblich diese Größe machen, dieses Ding, das diese Größe und es wird zu diesem hässlichen, schrecklichen Ort, wo nichts sieht gut und konsequent. Übrigens hat Squarespace dies entworfen, wo Sie nur diese drei Überschriftenoptionen und eine Option für ein Angebot erhalten , wenn Sie wollten. Es macht es wirklich, wo Ihre Website wird gut aussehen. Es wird wie eine professionelle Website aussehen, weil so professionelle Web-Designer arbeiten. Nur wenige der anderen Dinge sagen, wir wollen, dass dies eine Liste ist. Wir können das einfach tun und jetzt haben wir eine 1, 2, 3 Liste direkt hier. Ich weiß nicht, ob ich hierher komme. Oder vielleicht wollen wir nicht, dass es eine Liste ist und wir wollen, dass es Aufzählungspunkte ist. Wir können auch Aufzählungspunkte machen. Oder wir können das noch einmal anklicken und es wieder normal machen, wir können dies nach rechts einrücken oder nicht. Dann können wir auch die Formatierung löschen. Jetzt ist die letzte kleine Sache, die ich Ihnen zeigen werde, diese Option als Nur-Text-Einfügen. Entfernen Sie Formatierung macht das gleiche, aber sagen Sie, wir wollen es nicht in alle funky einfügen und wir wollen nur, dass es perfekt kommt. Alles, was ich tun kann, ist, ich kann hier nach oben kommen, ich kann auf „Als Klartext einfügen“ klicken und ich werde es einfach hier einfügen und wieder sehen Sie die seltsame Formatierung, die Eindeutung auf die Schriftart, ich traf „OK“. Es wird perfekt erscheinen, keine seltsamen Formatierungen oder irgendetwas, das im Weg ist. Wieder wollte ich die andere Option, fügen Sie sie ein, haben die seltsamen Formatierungen und Einzüge und so, und ich klicke einfach auf „Formatierung entfernen“ und das alles geht weg. Aber noch einmal, seien Sie vorsichtig davor. Es ist ein großes Problem, das ich bei vielen Squarespace-Websites sehe, wo Leute wie „Ich weiß nicht, warum das meine Schriftart seltsam aussieht.“ Einige der Gründe, warum dies anders aussieht als alles andere, und oft liegt es daran, dass sie kopierten und eingefügten Text in Squarespace haben, und die Formatierung hat das so aussehen lassen. 19. Arbeiten mit Links: In diesem Video werde ich Ihnen zeigen, wie Sie innerhalb der Links in Squarespace arbeiten. Dies ist eine wirklich mächtige, jedes Mal, wenn Sie einen Hyperlink oder so etwas machen wollen, aber was wir tun werden, ist einfach einen kleinen Text hinzufügen hier sagt: „Sehen Sie mein Portfolio“, Wir werden das in einen Link verwandeln. Was wir tun werden, ist, klicken Sie auf diese „Link bearbeiten“ Option direkt hier. Wie ich Ihnen zuvor gezeigt habe, wie man einen Link erstellt, aber ich möchte darauf ein wenig detaillierter eingehen. Also werden wir darauf klicken, und dieses Link-Fenster erscheint. Wir können einen Link eingeben, zu dem die Website gehen soll, und dann können wir wählen, ob wir möchten, dass es ein neues Fenster öffnet oder nicht. Wenn wir nicht öffnen in einem neuen Fenster wählen, im Grunde, was passieren wird, ist Ihre aktuelle Website, der Browser, in dem sie sich befinden, wird tatsächlich dieses Fenster ersetzen. So wird es völlig von Ihrer Website genommen werden. Wenn Sie sich dafür entscheiden, dass es in einem neuen Fenster geöffnet wird, wird es eine neue Registerkarte öffnen, genau wie folgt. Es wird immer noch Ihren Tab mit der Website offen halten. Im Allgemeinen, wenn ich auf etwas außerhalb der Websites verlinken, werde ich in einem neuen Fenster öffnen. Wenn ich auf etwas innerhalb der Seiten verlinke, lasse ich es im Allgemeinen innerhalb des Fensters öffnen, das ist in der Regel eine ziemlich gute Faustregel. Eine andere Sache, die Sie tun können, ist, dass Sie diesen externen, das ist ein externer Link, aber ich kann auch auf Inhalte klicken. Also vielleicht möchte ich auf meine About Seite verlinken, oder wenn wir eine Portfolio-Seite erstellt haben, würde ich darauf verlinken. Aber ich habe gerade auf „Über“ geklickt, und Sie werden sehen, dass es nun diesen Link auf die About Seite geändert hat. Aber wenn ich auf den Link hier unten klicke, öffnet es tatsächlich diese Option, um entweder den Hyperlink zu entfernen oder ihn zu bearbeiten. Also werde ich zurückgehen, um es zu bearbeiten. Denn wieder kann ich wählen, ob ich auch ein neues Fenster öffnen möchte. Jetzt habe ich es in einem neuen Fenster geöffnet. Wenn jemand darauf klickt, wird es mich auf die Seite Info bringen und sie in einem neuen Fenster öffnen. Das letzte, was ich Ihnen über die Links zeigen werde, ist, dass Sie Dateien hochladen können. Vielleicht möchte ich ein PDF von Portfolios haben, aber jetzt werden wir einfach dieses handy-dandy Bild hier hochladen. Diese Datei wird hochgeladen, genau wie wir es mit den vorherigen Bildern getan haben, aber jetzt wird es eine herunterladbare Datei sein. So oft können Sie dies für vielleicht ein PDF, ein Dokument oder so etwas tun , ein E-Book oder etwas, das Sie möchten, dass die Leute herunterladen können. Sie können diese Dateien buchstäblich in Squarespace hochladen, indem Sie diesen kleinen Dateieditor verwenden, und er wird sie speichern, damit wir sie jederzeit verknüpfen können. Dies wird zu einer neuen Datei im Squarespace-Back-End. Wenn wir darauf verlinken wollen, klicken wir einfach hier. Nun, das ist eingestellt, das wird es in einem neuen Fenster öffnen, und wir mussten den Link dahin setzen, wo er jetzt zu diesem Bild verlinken wird. Um zu demonstrieren, komme ich hierher. Außerdem gehen wir zum Vollbild, also bin ich nicht im Editor-Modus und ich kann es sehen. Jetzt klicke ich auf „Mein Portfolio ansehen“. Es wurde in einem neuen Fenster geöffnet, und jetzt wird es das Bild geladen. Da gehen wir, wir haben gerade mit diesem Bild hier verlinkt. Auch hier können Sie dies mit einem PDF tun, beliebigen Dateityp, den Sie in Squarespace hochladen möchten. So gehst du und arbeitest mit Links. Jedes Mal, wenn Sie sie in der Zukunft ändern müssen, können Sie einfach hierher kommen, und Sie können auf „Bearbeiten“ klicken. Außerdem werden Sie jetzt bemerken, dass es nicht wie ein großer Link aussieht, und das liegt daran, dass das wiederum eine andere Sache im Style-Editor ist , zu der wir ein bisschen später gelangen werden, was Ihnen zeigen wird, wie Sie sich ändern können die Farben und das Aussehen, und die Felder und die Schriftarten Ihrer Links, Sie überschreiben, Ihre Texte, all das Zeug. Im Moment können Sie wahrscheinlich nicht einmal sagen, dass es ein Link ist, aber sobald wir zum Styleeditor Abschnitt kommen, werden Sie sehen, ich werde diese Seite bearbeiten und stylen, und Sie können sehen, dass ich tatsächlich die Linkfarbe ändern kann um es die Farbe zu machen , die ich will, dass es sein wird. 20. Wie du den Bildblock verwendest.: In diesem Video werde ich Ihnen zeigen, wie Sie Bilder hochladen und alles mit dem Image Block in Squarespace behandeln. Nun, im vorherigen Video, habe ich dir gezeigt, wie man ein Bild hochlädt, aber ich habe nicht wirklich alles um es herum durchgemacht. Ich möchte das noch ein bisschen genauer durchgehen. Um zu beginnen, gehen Sie wieder zum Seiteninhalt und klicken Sie auf „Bearbeiten“, bringt mich zurück zu diesem visuellen Editor. Ich werde hier ein Bild hinzufügen. Auch hier kann ich all diese verschiedenen Zeilen sehen, wo das auftauchen wird. Ich möchte, dass die graue Linie unten unter „Mein Portfolio ansehen“ erscheint. Klicken Sie darauf. Ich gehe hierher und möchte einen Image-Block hinzufügen. Dann werde ich wählen, um ein Bild direkt hier hochzuladen, ich werde nur auf das Upload-Symbol klicken. Aber bevor ich das tatsächlich mache, möchte ich dir zeigen, du kannst auch Getty Images durchsuchen, und das ist super cool. Squarespace hat einen Deal mit Getty Images ausgearbeitet. Grundsätzlich können Sie jedes Bild kaufen, das da drin ist durch diese Suchmaschine genau hier für $10. So kann ich jedes dieser fantastischen, verrückten schönen Bilder für nur $10 durch Getty Images bekommen. So unglaublich, dass Sie suchen können, was Sie wollen. Sie wollen Bilder von Uhren, wählen Uhren, lassen Sie es suchen, und jetzt habe ich all diese für $10 und bekommen diese unglaublich genial, sehr cool, stilisierte Bilder von Getty Images. So sehr cool, sehr empfehlen. Wenn Sie möchten, können Sie es sogar in der Vorschau anzeigen, und es wird auf Ihrer Website angezeigt und dann wird es ein wenig Overlay darauf haben , weil es nicht offiziell ist und Sie es noch nicht gekauft haben. Aber es ist eine coole Möglichkeit für Sie, Bilder zu sehen und Vorschau, bevor Sie sie tatsächlich kaufen. Dann, wenn Sie bereit sind, klicken Sie einfach auf diese Schaltfläche „Lizenz“ und Sie können durch tatsächlich Lizenzieren gehen. Ich werde das jedoch entfernen, weil ich hier kein Bild von einer Uhr möchte. Ich werde kommen, und ich werde diese Schaltfläche „Bild hinzufügen“ drücken. Dann gehe ich zu den Kundendateien hier, und ich werde wieder dieses Heldenfoto hochladen. Das wird hier hochgeladen, und während es hochgeladen wird, werde ich Ihnen ein paar andere Dinge zeigen. Hier, direkt darunter, haben Sie diese Möglichkeit Option für Untertitel. Sie können „Beschriftung unten“, „Beschriftung nicht anzeigen“, „Beschriftung überlagern“ oder „Beschriftung bei Hover“ auswählen. Also werde ich euch das als Beispiel zeigen. Sie können den Dateinamen des Bildes ändern. Vielleicht will ich, dass es etwas anderes ist. Dies ist wirklich praktisch für die Suchmaschinenoptimierung, also könnte ich es in „elisabethcairnes.jpg“ ändern. Dann wäre der Dateiname anders, und das ist wirklich gut für Suchmaschinenoptimierung und alles. Stretch Diese wird nicht oft verwendet, aber Sie können es schaffen, um die Größe des Behälters zu dehnen und zu überspannen. Leuchtkasten. Ich werde das einschalten, damit ich es dir zeigen kann. Aber im Grunde dann, wenn jemand darauf klickt, wird das Bild in einer Lichtbox erscheinen und es ein wenig kühler und größer zu sehen. Nun, wenn ich das ausschalten, dann wird es mir tatsächlich eine andere Option geben, die eine „Clickthrough-URL“ ist. Wenn ich das mache, ist es genau wie alle Link-Optionen, die wir im vorherigen Video durchgegangen sind, wo wir auf eine Seite, einen externen Link oder eine Datei verlinken können . Wenn Sie Lightbox wählen, verschwindet das, weil Lightbox zur Clickthrough-Aktion wird. Also werde ich schnell auf „Speichern“ klicken. Ich werde hier runterkommen und ich werde sehen, dass wir diese Gelegenheit haben , hier zu schreiben. Das ist also die Beschriftung. Wir haben diese Einstellung auf Beschriftung Overlay auf Hover gesetzt. Wir müssen auch die Lightbox einstellen. Also werde ich schnell sparen, damit ich Ihnen zeigen und zeigen kann, was diese tatsächlich tun. Also, wenn wir hier auf der Website sind, ist es interessant, dass die Beschriftung hier ist, obwohl ich nicht schwebe. Aber es gibt die Lightbox-Funktion genau hier. Also wieder, wir haben keinen Clickthrough-Link, also wenn ich darauf klicke, erscheint eine Lightbox, und das ist, was eine Lightbox ist. So scheint es hier nicht viel zu tun, aber wenn Ihr Bild wirklich klein ist, ist es sehr praktisch, denn dann kann jemand Ihr kleines Bild, das in Ihre Website entworfen wurde, aufnehmen und es im Vollbildmodus anzeigen. Also gehen wir schnell zurück und sehen, ob ich hier vielleicht etwas falsch gemacht habe mit dem Overlay on Hover. Nein, es scheint richtig zu sein. Meine Annahme wäre, dass, das liegt daran, dass wir im Vorschaumodus sind. Manchmal, wenn Sie im Vorschaumodus arbeiten, wird es ein bisschen glitchy, aber ich würde annehmen, dass das auf der Vorderseite der Website behoben wäre. Caption Overlay, das macht es so aussehen , als ob es tatsächlich gerade getan hat oder es immer da ist. Dann setzt die Beschriftung unten die Beschriftung direkt hier unten unter diesem Bild, oder ich kann keine Beschriftung anzeigen, und es wird tatsächlich verschwinden. Lassen Sie mich das retten. Eigentlich erscheint es hier, aber wenn Sie es auf der Vorderseite der Website ansehen, sollte es weg sein. - Ja. Sie haben also immer noch diese Beschriftung, die wirklich gut für Metadaten oder Suchmaschinenoptimierung ist, aber Sie können die Untertitel nicht wirklich sehen, die nirgendwo auf der Website sichtbar sind. Das ist ein bisschen darüber, wie Sie Bilder in Squarespace hochladen und erstellen. 21. Wie du den gallery verwendest,: In diesem Video werde ich Ihnen zeigen, wie Sie mit Galerien und Squarespace arbeiten. Galerien sind im Wesentlichen eine Handvoll Bilder, die alle zusammengefasst sind. Bevor ich Ihnen zeige, wie man eine Galerie anlegt, was ich tun werde, ist tatsächlich eine zu erstellen. Ich werde dies unter dem Abschnitt Nicht verknüpft tun, und ich werde erklären, warum in einem Moment. Ich werde klicken und ich werde eine Galerie direkt unten hören unter diesem Abschnitt Nicht verknüpft erstellen . Ich werde nur sagen Fotos. Dann komme ich hier rüber zu diesem Fotobereich, und ich werde hier Bilder hinzufügen. Klicken Sie auf diese, und dann können Sie wählen, ob es sich um Video, Bild, oder Sie können eine Galerie Bilder von Getty kaufen. Ich gehe nur zu „Bilder hochladen“, ich habe mein erstes Bild, das wieder dieser Held gedreht wird. Sobald diese Aufnahme hochgeladen ist, werde ich auf Speichern und Veröffentlichen drücken, und es veröffentlicht es jetzt in der Galerie, und wenn ich möchte, kann ich einen Bildtitel und Beschreibungen hinzufügen und klicken Sie durch die Links hier. Diese sind wirklich praktisch, besonders wenn Sie sagen, vielleicht möchten Sie, dass Ihr Galeriebild zu etwas verlinkt. Aber ich werde jetzt nicht zu tief in all das Zeug eingehen , da es vielleicht nicht für alle relevant ist. Wir veröffentlichen das erste Foto. Dann werde ich Ihnen tatsächlich einen coolen kleinen Trick zeigen , mit dem Sie viel schneller hochladen können. Sagen Sie, Sie wollen eine Handvoll Bilder nehmen, also habe ich diese drei Bilder hier unten, Tempel, LKW und Wand, die ich mag. Ich werde markieren und ich gehe davon aus, dass dies auch unter Windows funktionieren sollte. Wenn ich möchte, kann ich diese Bilder einfach schnappen, sie direkt hierher über diesen Upload ziehen, und es fängt an, alle drei auf einmal hochzuladen. Das ist eine große praktische kleine Funktion, wenn Sie eine Handvoll Bilder auf einmal hochladen möchten . Jetzt, wenn alle diese Bilder fertig hochgeladen sind, werde ich tatsächlich hier zurück zu Seiten gehen, und ich werde hierher zurück auf die Willkommensseite kommen, ich werde hier nach unten scrollen, und ich werde meine Seiteninhalte bearbeiten . Ich werde voran gehen und einfach dieses Bild löschen, das ich vorher hatte, was, wenn Sie sich erinnern, wir klicken Sie einfach und ziehen Sie es nach unten in den Papierkorb, und jetzt werde ich eine Galerie schreiben hier hinzufügen. Klicken Sie auf Hinzufügen, verwenden Sie das Galeriefeld. Jetzt fragen Sie sich wahrscheinlich, warum wir diese Galerie vorher eingerichtet haben, und jetzt richten wir eine weitere Galerie auf der Seite ein. Nun, was wir gerade gemacht haben, war, dass wir eine Galerie erstellt haben , die ich denke, als eine bestehende Galerie betrachtet würde, und wenn ich möchte, kann ich einfach hier kommen, klicken Sie auf Vorhandene Galerien verwenden, klicken Sie auf Fotos, und jetzt sehen Sie, wir haben buchstäblich eine Galerie von Fotos hier, die Sie noch nicht ganz sehen können, weil ich hier rüber gehe, um zu entwerfen und dies zu einem Raster machen, damit Sie ein wenig besser sehen können, was los ist. Aber hier geht's, wir haben eine Galerie von Bildern genau hier. Ich werde das Raster in einer Sekunde erklären, aber ich möchte diese Unterscheidung zuerst klären. Da wir eine Galerie auf der Registerkarte Seiten erstellt haben, können wir jetzt einfach einen Galerie-Block im Visual Editor erstellen , der mit dieser Galerie verknüpft ist, wann immer wir möchten. Dies ist eine wirklich praktische Funktion, sagen wir, Sie haben Ihr Portfolio oder Sie haben eine Galerie, die Sie möglicherweise referenzieren und mehrere Spots auf der Website, das ist wirklich toll, weil Sie diese Dateien einmal hochladen können, und dann haben Sie nie , um sich Gedanken über das Hochladen und Erstellen dieser Dateien zu machen. Nun, alternativ, wenn dies der einzige Ort auf unserer gesamten Website diese Galerie erscheint, es ist nur vielleicht für nur einen Zweck hat, können wir auf Medien hochladen klicken, und wir können hier kommen und wir können hochladen Bilder und Drag & Drop genau wie wir es zuvor getan haben. Buchstäblich wird es uns alle genau die gleichen Optionen geben genau wie wir es getan haben, als wir in den Tab Seiten hochgeladen haben. Aber um dies willen, werden wir das hier behalten und wir werden diese bestehende Galerie benutzen. Nun, das erklärt die verschiedenen Versionen der Verwendung vorhandener Galerie, die Profis und Upload, Ich werde Ihnen ein wenig über die Registerkarte Design zeigen. Ich werde auf Design klicken, und hier haben wir Optionen für ein paar verschiedene Galeriedesigns. Wir können eine Diashow wählen. Wir können es so einstellen, dass jeder unsere oder Sekunden automatisch zwischen den Folien übergeht , wenn Sie wollen, zwei Sekunden ist es ziemlich schnell, oder Sie können es etwas länger machen, wie 10 Sekunden oder fünf Sekunden und es wird durchgehen. Wir können in früheren Steuerelementen anzeigen wählen, dann sehen Sie diese kleinen Pfeile Pop-up und die Leute können auf diese klicken , um zum nächsten oder vorherigen Foto zu gehen, es ändert sich bis zu fünf so schauen Sie sich das Gefühl für das. Bilder automatisch zuschneiden. Im Grunde, was dies tun wird, ist, dass es einen gemeinsamen Nenner aller Ihrer Bilder bestimmen wird, und es wird Bilder zuschneiden, um in das zu passen , was eigentlich ich glaube, ist das erste Bild, das Sie hochladen. Ich könnte das falsch machen, aber im Grunde, was dies tun wird, ist, Bilder zuschneiden, um in den Rahmen zu passen. Wenn Sie dies nicht tun, dann haben Sie möglicherweise ein wenig Leerraum an den Rändern an einigen Ihrer Bilder, aber Sie werden erhalten, dass die volle Auflösung ein kleiner Leerraum ist , da dies eine etwas andere Auflösung als der gewonnene vorher. Wieder, automatisch zuschneiden Bilder, es wird alle Dinge beschneiden, aber, und wieder, diese, die Sie jetzt sehen, erstreckt sich alle das Gewicht bis zum Ende. Wenn wir Automatisch beschneiden wählen, erstreckt sich alles bis zum Ende. Miniaturansichten anzeigen. Wenn Sie sehen, ob ich nach unten scrollen, tatsächlich habe ich all diese Thumbnails der Bilder , die Menschen können auch klicken, um sie im Vollbild anzuzeigen. Wir können das loswerden, wenn wir wollen, und das haben wir nicht dort. Wir haben nur die Pfeile oder die Mediengalerie Pfeile auch, wenn wir wollen. Aber wenn wir Thumbnails zeigen, können wir unsere Thumbnails Strip-Höhe ändern, wir können den Abstand zwischen dem Bild und den Thumbnails ändern, um dort ein wenig Platz zu geben, wenn wir wollen. Jetzt können wir auch wählen, ob wir den Titel und die Beschreibung anzeigen möchten , in der ich keine Titel hinzugefügt habe, aber wenn Sie sich erinnern, wann immer ich Ihnen hochgeladene Fotos gezeigt habe, können Sie diese Titel und Beschreibungen auf jedem Sie können diese auch das Bild überlagern. Sie können hier wählen, wo das Overlay im Bild sitzt. Dann können Sie auch eine Tour durch den Titel und Beschreibung wird nur angezeigt, wenn Sie den Mauszeiger über das Bild bewegen. Auch hier haben wir keine Titel und Beschreibungen darin, also kann ich Ihnen das nicht ganz zeigen, aber hoffentlich wird das helfen und Ihnen ein Verständnis geben. Als nächstes werde ich Ihnen zeigen, ist ein Schieberegler. Ehrlich gesagt, wir können nicht ganz sehen, was los ist, weil dieses Fenster auf dem Weg ist. Was ich nur zu Demonstrationszwecken tun werde, ist, ein weiteres Merkmal von Squarespace zu demonstrieren , den Spacer genannt, und ich werde hier einen Block hinzufügen. Ich werde diesen Abstandshalter benutzen. Der Abstandshalter, was er tut, ist buchstäblich nur einen leeren Leerraum zu schaffen. Jetzt kann ich diesen leeren weißen Raum, den ich erstellt habe, hier runterbringen und eine kleine Spalte an der Seite dieses Bildes oder dieser Galerie erstellen. Nun, hier können Sie sehen, dass wir diesen weißen leeren Raum haben und diese Galerie nimmt nur die Hälfte des Bildschirms ein. Das ist nicht wirklich das, was wir jetzt wollen, aber es lässt mich das für euch ein bisschen besser vorstellen. Ich komme zurück, um mich zu entwerfen. Wir haben jetzt einen Schieberegler. Wir werden automatisch zwischen den Folien wechseln. Es wird es alle drei Sekunden tun. Was Sie sehen, ist, anstatt zu verblassen, wie wir mit einer Diashow hatten, bekommen Sie diesen verrückten Schiebeeffekt los. Stellen Sie erneut die nächsten und vorherigen Steuerelemente ein, damit Sie dies auch tun können. Dann können Sie auch die Ausrichtung einstellen, was meiner Meinung nach nicht ganz mit der Art und Weise funktioniert, wie dieses Foto Setup, aber wenn Sie seine Fotos haben, wo sie vielleicht unterschiedliche Breiten haben, manchmal können Sie tatsächlich das nächste Foto sehen, wie es wird im Rahmen angezeigt. Sie haben nicht die Möglichkeit, das Beschneiden zu kontrollieren und alles auf diesem da es bereits in die Funktionsweise dieses eingebaut ist. Die nächste und eine meiner Lieblingsmerkmale ist das Raster. Dieser benutze ich viel in allen verschiedenen Arten von Dingen. Sobald wir das Raster haben, wie Sie sehen, macht es ein Raster Ihrer Bilder ziemlich genial. Sie können hier runter kommen und Sie können das Seitenverhältnis wählen, was im Grunde die Abmessungen davon bedeutet. Wir können drei mal zwei wählen. Jetzt werden sie alle drei mal zwei Breite haben, oder wir können sie vertikal machen, was für diese nicht wirklich funktioniert, also bekommen Sie all diesen Leerraum. Oder Sie können sie quadratisch machen. Sie sehen nicht quadratisch aus, denn das, was tatsächlich passiert, ist nicht wirklich ganz quadratisch und es gibt all diesen weißen Raum oben und unten, aber es behandelt sie, als ob sie es wären. Aber wenn ich auf „Bilder zuschneiden“, jetzt sehen Sie es im Grunde zwingen diese alle in das Quadrat und beschnitten in das Bild. Ich kann auch wählen, wie viele Thumbnails pro Zeile. Vielleicht will ich nur zwei pro Reihe. Jetzt haben wir dieses Gitter, das vertikal gestapelt ist. Oder vielleicht wollen wir 10 pro Reihe machen. Dann werden Sie sehen, dass diese jetzt wirklich klein und klein sind. Wir behalten es jetzt bei zwei pro Reihe, um der Konsistenz willen. Dann können Sie auch die Trennung um die Bilder ändern. Das ist cool. Sie können überhaupt keinen Abschied machen, setzen Sie ein Pixel hinein, zwei. Ich mag die zwei Pixel. Das saubere, minimalistische Design. Oder Sie können sie ausräumen, wenn Sie wollen, geben Sie ihnen viel Platz, ein wenig Platz. Sie können einfach ausfüllen, was gut für Sie ist. Dann hast du die Möglichkeit für den Lightbox-Effekt, ich wieder auf dem vorherigen Bildvideo demonstriert habe, aber ich werde dir jetzt zeigen. Sobald Sie diesen Lightbox-Effekt aktivieren, kommen Sie auf „Speichern“. Ich schaue mir diese Galerie an, aber das sieht aus wie ein cooles Bild. Es ist etwas zu klein. Ich kann nicht sagen, was los ist. Machen Sie das etwas größer zuerst. So ein wenig zu klein. Wenn ich darauf klicke, kommt das Bild völlig unbeschnitten in einer Lightbox heraus, damit ich sehen kann, was los ist. Sehr coole Wirkung dort. Ich komme zurück und zeige Ihnen den Rest des Galerieblocks. Doppelklicken Sie erneut darauf, um sie zu bearbeiten. Wenn Sie jemals einen Block in Squarespace, ein Bild, irgendetwas im Grunde bearbeiten möchten, doppelklicken Sie einfach darauf. Wir kommen wieder runter und ich werde Ihnen das letzte Feature zeigen, das gestapelte Bild. Diesem gibt es wirklich keine Anpassung an. Aber es ist wirklich toll für Grafikdesigner oder Leute, die nur Fotografen sind, auch wenn Sie einfach nur stapeln und etwas wirklich einfach und schnell machen wollen. Wirklich cool. Stapelt sie einfach gleichmäßig über. Sehr unkompliziert. So behandeln Sie den Bildblock in Squarespace. Es ist eine wirklich mächtige Sache, wirklich nützlich. Bevor ich gehe, zeige ich dir einen letzten kleinen Trick, den ich glaube, du wirst viel mögen. Ich weiß nicht, warum der Typ hier drin ist, dieser Entwurf, wir werden ihn löschen. Nehmen wir an, wir wollen, wenn wir hier drin sind, um unsere Galerie zu bearbeiten, und wir klicken, sagen wir dieses kleine Bleistift-Werkzeug, was wir bekommen werden, ist dieser Foto-Editor. Ich habe euch das nicht wirklich gezeigt, aber das könnt ihr auch im Bildblock tun. Dieser Foto-Editor ist sehr cool. Es ist einfach, aber es ermöglicht Ihnen, Ihre Fotos zuschneiden, wenn Sie möchten, und sie zu ändern. Sie können es in ein Quadrat verwandeln, Chaos mit verschiedenen Dimensionen. Holen Sie es, wie Sie wollen. Sie können die Größe ändern, wenn Sie möchten. Zum Beispiel, wie gesagt, sind diese nicht komprimiert. Ich könnte das vielleicht auf 600 verkleinern und sie könnten etwas weniger Platz einnehmen. Sie können Text darüber hinzufügen, wenn Sie möchten. Wieder, wahrscheinlich will ich das nicht tun. Sie können sogar einige Helligkeitskontrast, einige Effekte und eine Handvoll verschiedener Editierungsdinge auf hier. Ich werde nicht zu viel hineingehen. Es ist nicht Photoshopped, aber es ist wirklich praktisch, vor allem für einige dieser Zuschneidefunktionen und Größenänderungsfunktionen, die hier integriert sind. Das ist wirklich praktisch. Dann können Sie auch unter der Galerie oder wirklich jedes Bild auf der Website auf dieses Zahnradsymbol klicken. Das wird mir erlauben, diesen Titel einzugeben. Der Titel geht hier. Eine letzte Sache, die ich tun werde, ist klicken Sie auf die URL hinzufügen und sagen elisabethcairnes.com. Wir werden auf „Speichern“ klicken. Im Grunde, was wir gerade getan haben, ist jetzt dieses Bild in einen Link verwandelt, weil wir diese Click-through-URL hinzugefügt haben. Wenn ich hierher zurückkomme, komme ich zu diesem Willkommensbildschirm, ich werde das testen, ich werde den Lightbox-Effekt drehen. Aber nein. Wenn ich über diese Bilder scrollen und nichts, keine Änderung. Wenn ich hier scrollen schreibe, sehe ich, dass es zu einem anklickbaren Link wird. Wenn ich darauf klicke, haben wir gerade das, was wir gerade mit elisabethcairnes.com verlinkt haben. Eine sehr coole Sache. Sie können buchstäblich jedes Bild in einen Link verwandeln. Das wird wirklich praktisch, wenn Sie versuchen, ein Portfolio von Projekten oder Links zu einer Reihe von verschiedenen Dingen zu tun , oder wenn Sie Bilder als Links zu verschiedenen Teilen Ihrer Website verwenden möchten. Sehr handliches Werkzeug genau da. Ich hoffe, dass Ihnen hilft, ein besseres Verständnis von Bildern und der Galerie-Funktion. 22. Wie du den Quote verwendest.: Dies ist ein kurzer Schneller, aber dennoch ein praktischer. In diesem Video zeige ich Ihnen, wie Sie mit dem Quote-Block arbeiten. Kommen Sie hier runter zu Seiteninhalt, bearbeiten Sie es erneut. Ich werfe meinen Galerieblock aus, den wir im letzten Video gebaut haben, warf den Kerl in den Müll, schmeiß meinen Abstandshalter raus, wie du siehst, dass hier immer noch ein großer Abstandshalter ist. Ich werde einen Quote-Block hinzufügen, einen Block hier unten hinzufügen und ich werde einen Quote-Block erstellen , so dass wir diese Zitatkopie bekommen und eingefügt haben. „ Wann immer Sie sich auf der Seite der Mehrheit befinden, ist es Zeit, innezuhalten und zu reflektieren“, von Mark Twain. Wir haben dieses coole kleine Zitat hier, und wenn wir das speichern, bemerken wir, dass es in dieser Art von Zitat hier auftaucht, und wir haben den Autor direkt hier unten. Etwas Cooles, das wir mit Quote Blöcken tun können, ist, obwohl dies Text ist, wir können diese Art von Wrap herum machen, also überprüfen Sie das. Sie haben jetzt dieses kleine Zitat, das auf der Seite dieses Textes hier so sehr coole kleine Sache, wenn wir zum Style-Editor kommen, können Sie mit der Schriftart und der Größe dieser Zitate unabhängig arbeiten. Ich werde Ihnen zeigen, wie Sie damit ein wenig später arbeiten, aber wieder, ein sehr praktisches kleines Werkzeug, großartig zu haben. 23. Wie du den video verwendest: In diesem Video werde ich Ihnen zeigen, wie Sie mit dem Squarespace-Videoblock arbeiten, einem weiteren sehr leistungsstarken Tool, das in Squarespace gebaut wurde. Wenn ich durchkomme und einen Block hinzufüge, habe ich das nicht wirklich zu viel gezeigt, aber du siehst, wo ich wirklich klicke, ich kann tatsächlich überall einen Block hinzufügen. Siehst du diese Zeilen, die überall auftauchen. Wenn ich dieses hier klicke, wird es tatsächlich einen Videoblock zwischen Künstleraussage und dem Absatz setzen. Ich werde klicken, Ich werde einen Videoblock hinzufügen, und Sie sehen, ich muss eine URL hinzufügen, um zu lösen. Aber ich kann hier eine Video-URL eingeben. Hier haben wir den dramatischen Streifenhörnchen. Tolles kleines Video, empfehlen Sie es, wenn Sie es nicht gesehen haben. Dann können wir im Grunde ein benutzerdefiniertes Thumbnail hochladen, wenn wir wollen. Vielleicht wollen wir das Streifenhörnchen zunächst nicht sehen, sondern Leute überraschen, und wir können unseren kleinen Heldenschuss hochladen. Wir können wählen, dass wir diese benutzerdefinierte Miniaturansicht verwenden möchten. Sie können das ein- oder ausschalten, wenn Sie möchten. Aber wir schalten es ein und sobald dies hochgeladen ist, werden Sie sehen, dass es tatsächlich die vorhandene Miniaturansicht mit diesem neuen benutzerdefinierten Bild austauschen wird, das wir hochgeladen haben. Sie können wählen, ob Sie die Beschriftung im Video anzeigen möchten oder nicht, und Sie können Ihre Beschriftung direkt hier unten schreiben. Da wir auf YouTube verlinkt sind, wird es automatisch ziehen, wo die Beschriftung von YouTube ist. Dann zuletzt hier oben, wie Sie sehen, haben wir gerade das Hochladen beendet. Nun, da Sie hier eine Play-Schaltfläche sehen, haben wir ein benutzerdefiniertes Thumbnail und alles funktioniert wie folgt. Auch wenn wir loswerden, verwenden Sie benutzerdefinierte Miniaturansicht, und es kann zurückwechseln oder wir können es einfach auch löschen. Wir können auch Vimeo-Links einbetten. kannst du auch tun, wenn deine Videos nicht auf YouTube sind. So verwenden wir den Squarespace-Videoblock. Lasst uns sparen, sobald wir fertig sind. Nur um der Unterhaltung willen, werde ich das Spiel auf diesem wirklich schnell treffen, so dass Sie einen Blick bekommen können. Oh mein Gott, dramatischer Streifenhörnchen. Ehrfürchtig. Das ist der Squarespace-Videoblock. 24. Wie du den Codeblock verwendest, erstellst eine a Box: In diesem Video zeige ich Ihnen, wie Sie den Codeblock in Squarespace verwenden, und zeige Ihnen gleichzeitig, wie Sie eine Facebook-ähnliche Box zu Ihrer Website hinzufügen. Dies ist eine ziemlich häufige Frage und Anfrage, die ich bekomme, also dachte ich, ich würde zwei Vögel mit einem Stein ausschlagen. Wenn ich wieder hierher zurückkomme, runter zu unserem Seiteninhalt und auf „Bearbeiten“ klicke, und auf „Bearbeiten“ klicke werde ich ein kleines weißes Feld direkt hier am Ende dieser Künstleraussage setzen. Aber um das zu tun, was ich tun werde, ist zuerst auf dieses kleine „Circle Icon“ klicken, um hier etwas hinzuzufügen , und ich werde nach unten kommen und ich muss einen Codeblock hinzufügen. Jetzt weiß ich, dass dies eine Website ohne Code ist, also gib mir hier keinen FLAC, weil dies nicht wirklich notwendig ist. Aber oft wirst du vielleicht mit einer Sache von Drittanbietern arbeiten. Wie zum Beispiel benutze ich SoundCloud viel für meinen Podcast. Sie geben mir einen kleinen Einbettungscode, um etwas auf meine Website zu setzen. Wann immer Sie wirklich mit einem Plug-in von Drittanbietern arbeiten, möchten Sie vielleicht Ihr LinkedIn-Profil auf Ihrer Website oder so etwas einbetten. Sie können im Grunde diesen kleinen Codeblock verwenden. Wir schreiben keinen Code, wir kopieren und fügen nur Code ein. Ich klicke hier auf die „Code Box“. Ich kann nicht sehen, warum das nicht gekommen ist. Vielleicht habe ich es verpasst. Versuchen Sie es noch einmal. Da gehen wir hin. Eine kleine Code-Box erscheint, und du bekommst dieses kleine Hallo, Welt! Ding hier drin, und du kannst das einfach löschen. Das brauchst du nicht. Aber das ist, wo Sie Code kopieren und einfügen und dann wird es diesen Code auf Ihrer Website setzen. Das nächste, was wir tun werden, ist, irgendwann werde ich Ihnen zeigen, wie man eine Facebook-ähnliche Box hinzufügen, ist nur zu Google gehen, und Google Facebook wie Box. Klicken Sie einfach auf diesen ersten Link. Es ist die Facebook-Entwickler-Website. Du wirst hier reinkommen und es wird dich zu dieser kleinen Seite bringen. Es wird nach Ihrer Facebook-Seite URL fragen. Ich werde hierher kommen und die URL meiner Facebook-Seite holen, und fügen Sie das dort ein und wenn ich auf „Tab“ klicke, wird es es aktualisieren und Sie erhalten einige Optionen. Möchte ich die Gesichter von Freunden zeigen? Möchte ich meine letzten Beiträge anzeigen? Wenn Sie Ihre letzten Beiträge teilen, wird es ziemlich groß, so dass Sie vielleicht oder nicht wollen. Du kannst die Gesichter deiner Freunde loswerden, wenn du willst. Sie können einen Rahmen anzeigen oder keinen Rahmen anzeigen. Sie können sogar entscheiden, ob Sie dort einen Header haben möchten oder nicht. Wir möchten, dass wir das abnehmen und es wirklich einfach halten sollten . So wenig wie Jake Jorgovan. Dann werden wir auf diese Schaltfläche klicken, die besagt Code abrufen und nicht überwältigt werden. Ich weiß, dass das Code ist, aber es ist okay, weil wir nur diesen oberen Abschnitt hier oben nehmen und „Control C“ drücken, um das zu kopieren. Wir werden über die Website oder eine Website kommen und das kleine Skript dort hineinlegen. Komm hierher zurück. Du siehst zurück zu hier, und dann komm dir dieses zweite Stück Code auch hier an, und wir werden das auch direkt in diesen Block einfügen. Wir werden auf „Speichern“ klicken. Was Sie tatsächlich sehen werden, ist, dass nicht so aussieht, als ob etwas passiert ist und der Grund dafür ist, dass Squarespace bei der Arbeit in diesem Vorschaumodus kein JavaScript rendert. Diese Facebook-Like-Box ist ein bisschen JavaScript. Manchmal, wenn Sie dies tun, wenn Sie mit diesen Codeblöcken arbeiten, wird der Code oft nicht richtig gerendert , wenn Sie in einem Squarespace angemeldet sind und ihn bearbeiten. Was Sie tun können, ist entweder aus Squarespace abmelden, oder ich habe Firefox gerade geöffnet. Ich habe Chrome hier, und dann öffne ich Firefox, und ich schaue es nur in einem anderen Browser an. Wenn ich auf eine Website mit code.squarespace.com gehe, hier kann ich eine Website sehen und wenn ich hierher komme, funktioniert es eigentlich nicht. Das wäre, weil ich nicht gespeichert habe, müssen Sie auch speichern, damit diese Änderungen reflektiert werden. Ich habe jetzt gerade diesen Inhalt gespeichert. Kommen wir zurück hierher, und aktualisieren Sie diese Seite und wenn wir nach unten scrollen, kann ich jetzt hier klicken, und jemand kann meine Webseite mögen oder meine Facebook-Seite von hier auf meiner Website. Das ist ein bisschen darüber, wie der Codeblock funktioniert. Es ist ein bisschen knifflig. Könnte ein wenig fortgeschrittener sein, als jeder braucht, aber es ist eine praktische Sache. Es ist eine häufige Frage, die ich bekomme. Ich hoffe, das war hilfreich, und ich hoffe, dass dies Ihnen geholfen hat, Ihnen ein besseres Verständnis des Codeblocks zu geben und wie Sie diese Facebook-Like-Box zu Ihrer Website hinzufügen können. 25. Wie du den Formblock verwendst und eine Kontaktseite: Dieses Video ist ein weiterer Doppel-whammy. Ich werde Ihnen zeigen, wie Sie den Formularblock verwenden und wie Sie gleichzeitig eine Kontaktseite auf Ihrer Website erstellen. Erstens, nur eine kleine Auffrischung. Ich werde hierher kommen und ich werde eine Kontakt-Schaltfläche zur Website hinzufügen, also trage dieses kleine Plus-Symbol und füge eine neue Seite hinzu. Kommen Sie runter und geben Sie „Kontakt“ ein. Während wir dabei sind, werde ich diesen Ordner loswerden, weil es nicht wirklich das ist, was ich will und das ein wenig aufräumen. Es fängt an, ein wenig mehr wie eine eigentliche Website zu sehen. Ich möchte diesen Google-Link oder diesen „Über uns“ -Ordner nicht, also werde ich dies einfach hier löschen, indem ich diesen Mülleimer trage. Jetzt haben wir diese Begrüßung, Über und Kontakt. Hier auf der Kontaktseite werden Sie wieder feststellen, dass es diesen grauen Hintergrund hat, weil wir keinen Miniaturansicht-Upload auf der Seite haben, und es hat auch diese Seitenleiste, die wir nicht wollen, auf der Seite Entweder. Was wir tun werden, ist, wieder klicken Sie auf die Seiteneinstellungen, wir können das hier tun, oder indem Sie auf das Zahnrad hier neben der Kontaktseite klicken. Wir werden das Seitenlayout von einer Seitenleiste auf volle Breite ändern, und dann werde ich hier runter kommen und ich werde ein Miniaturbild hochladen. Wir werden das wirklich coole hier im Truck benutzen. Da gehen wir. Wir haben jetzt unseren Truck für ein Miniaturbild hochgeladen. Wenn wir auf „Speichern“ klicken, werden wir sehen, dass das gerade hier aktualisiert wurde, aber jetzt wollen wir tatsächlich eine kleine Kontaktseite haben. Ich gehe zu Seitenkontakt oder Inhalt und klicke auf „Bearbeiten“. Ich werde „Kontakt“ eingeben, und ich werde das hervorheben und es zu einer Kopfzeile 1 machen, so dass es schön, groß und hübsch ist. Dann unter Kontakt, was ich tun möchte, ist ein kleines Formular erstellen, eine Möglichkeit für Leute, mich zu kontaktieren. Ich werde hier unten auf diese kleine Schaltfläche klicken, und ich füge einen Formularblock hinzu. Sie werden sehen, dass es Ihnen einen ziemlich anständigen Ausgangspunkt genau hier gibt, wenn Sie mit Ihrem Formular arbeiten. Aus irgendeinem Grund ist das für mich ausgegraut. Ich könnte das löschen und zurückgehen und es neu erstellen, aber ehrlich gesagt, Squarespace, wird es manchmal ein bisschen so stören, und manchmal ist es ihre Schuld oder manchmal ist es Ihre Internetverbindung. Ich werde „Flucht“ treffen und diese Form verschwindet. Wenn Sie jemals ein Hover-Fenster haben und Sie Escape drücken, wird es im Grunde X, dass aus. Aber der Formularblock ist immer noch da, also werde ich darauf doppelklicken, um ihn zu bearbeiten. Ich habe hier ein Problem und ich weiß nicht warum. Wieder werde ich versuchen, das Formular zu zerschlagen und von vorne anzufangen. Wirf es in den Müll. Wir werden hier noch einmal eine Box hinzufügen. Klicken Sie auf „Formular“. Da gehen wir. Ich weiß nicht, was das war, ich weiß nicht, warum es das getan hat, aber das ist nur ein Teil davon. Squarespace ist eine Web-Plattform, also manchmal Dinge mit Ihrem Computer oder Ihrem Browser, gibt es Probleme, so dass Sie sich ab und zu nur darum kümmern müssen. Sie können dem Formular hier einen Namen geben, was nicht allzu wichtig ist. Wie auch immer Sie das Formular nennen, im Grunde ist dies der E-Mail-Betreff , der durch kommt, wenn es E-Mail zu Code Form ist. Ich habe gerade die Website ohne Codeformular genannt. Sie können bearbeiten und Sie können diese verschiedenen Felder hier, aus denen Sie wählen können. Ich habe meine gerade. Standardmäßig es mir einen Namen, eine E-Mail-Adresse, einen Betreff und eine Nachricht. Vielleicht ist es mir egal, dass jemand ein Thema schreibt oder ich will ihnen keine weitere Zeile dafür geben, also werde ich einfach den Mülleimer darauf treffen und ihn entfernen. Sieh dir das an, wir haben jetzt nicht die Betreffzeile. Aber vielleicht will ich eine Telefonnummer. Wenn Sie dieses kleine Plus-Symbol hier unten drücken, gibt es Ihnen alle diese anderen verschiedenen Optionen. Sie können einen Text, einen Textbereich, der ein Block wie dieser Nachrichten dort unten ist. Sie können ein Dropdown-Menü, Kontrollkästchen, Radio, Umfrage, Name, all dieses Zeug, ein Passwort machen. All diese interessanten Dinge und Möglichkeiten, wie Sie Informationen von jemandem sammeln können, ihre E-Mail-Adresse oder ihre Twitter-Handle. Vielleicht wollen wir ihre Telefonnummer, also klicke ich einfach auf „Telefon“ und ich werde „Fertig“ drücken. Jetzt haben wir dieses nette kleine Drop-Down oder dieses kleine Eingabefeld für eine Telefonnummer. Aber vielleicht will ich die Telefonnummer über der Nachricht, ich mag nicht, dass die Telefonnummer unten steht. Nun, du hast diese kleinen grauen Symbole hier auf der linken Seite, diese kleinen Punkte. Wenn ich über sie schwebe, sehe ich, dass meine Maus in einen kleinen Aufwärtspfeil verwandelt. Wenn ich auf einen klicke, kann ich ihn einfach ziehen, und schauen Sie sich das an, genau da drüben auf der linken Seite, es wird reflektiert, wo ich es ablege. Sehr cool, sehr intuitiv und einfach zu bedienen. Bevor wir nun auf „Speichern“ klicken und hier fertig sind, wollen wir zum zweiten Tab hier oben gehen, auf dem „Storage“ steht. Ich werde auf „Speicher“ klicken. Standardmäßig ist die Speichermethode, dass es E-Mail sendet , unabhängig von Ihrer Standard-E-Mail-Adresse, die Sie auf dem Konto haben. Standardmäßig sendet mir dies eine E-Mail mit allen Informationen, die in das Formular eingegeben wurden. Einige andere Integrationen, ist, dass Sie es tatsächlich zu einem Google-Dokument hinzufügen können, so ist dies ideal für Ereignisregistrierungen, Sammeln von E-Mail-Adressen, oder einfach nur halten alles organisiert an einem Ort. Die letzte Sache, Sie können es auch mit Mailchimp verbinden, und das ist wirklich gut, wieder, für E-Mail-Listen Anmeldungen oder so etwas. Liebe Mailchimp auf einem riesigen Benutzer, und beide sind großartig. Sie klicken einfach auf sie und im Grunde gehen Sie in Ihr Konto einloggen, und die Verbindung ist ziemlich einfach. Dann zuletzt, unter „Erweitert“, haben Sie hier ein paar Optionen. Anders als „Senden“ zu sagen, könnte man sagen, „Hallo“ oder so etwas. Sie können den Text ändern, und dies wird angezeigt, wenn ich auf „Speichern“ klicke. Sie können auswählen, wo die Schaltfläche ausgerichtet werden soll, links, zentriert oder rechts. Ich gehe nach links. Dann, nachdem die Schaltfläche „Senden“ oder „Hallo sagen“ gedrückt wurde, können Sie dort einen Text einfügen, „Vielen Dank, dass Sie Hallo gesagt haben“. Du kannst das alles aufstellen. Es gibt noch andere Sachen hier unten, vermutlich willst du dir keine Sorgen um zu viel machen. Der Lichtbox-Modus ist interessant. Was dies tun wird, ist im Grunde eine kleine Taste und dann, wenn jemand darauf klickt, wird dieses ganze Formular in einer Lichtbox erscheinen, ähnlich wie die Bilder. Wieder, wahrscheinlich nicht etwas, das Sie auf einer Kontaktseite tun wollen, aber es ist eine praktische Sache zu haben. Das ist alles, was ich wirklich darüber abdecken werde. Die anderen Dinge, die Sie wahrscheinlich nicht brauchen, um zu viel zu kümmern, aber wenn wir fertig sind, werden wir einfach voran und drücken „Speichern“. Los geht's. Wir haben diese Form, aber das sieht ein wenig groß aus, ich werde nicht lügen. Das ist ein wirklich riesiges Kontaktformular. Was ich eigentlich gerne tun möchte, ist, dass meine Kontaktinformationen hier drüben aufgelistet sind. Was ich tun kann, ist ein Textfeld zu erstellen, und was ich tun werde, ist nur meine Kontaktinformationen, Jake Jorgovan. Standardmäßig, wenn Sie in Squarespace „Enter“ drücken, wird es brechen und Ihnen eine große Zeile wie diese geben, also beginnt mein neuer Text weit hier unten, aber wenn Sie „Shift“, „Enter“ drücken , wird es diesen Bruch nicht tun, und Sie können Schreiben Sie direkt darunter. Das ist nur ein kleiner Trick, ein handliches, kleines Ding zu haben. Was wir getan haben, ist, dass ich meinen Namen und meine Website-Adresse dort habe. Wahrscheinlich werden nicht alle Kontaktinformationen in diesem kleinen Kurs hier setzen, aber was ich jetzt tun werde, ist hierher zu kommen, und wieder kann ich diese Box per Drag & Drop ablegen. Ich kann es von hier drüben anklicken, sehen, wie es sich mit der Hand dreht. Ich ziehe es und richte es rechts von diesem Formular aus. Nun, wir haben meine Kontaktdaten rechts neben diesem Formular und ich kann meine Telefonnummer angeben, wenn ich will, genau dort. Ich will nicht, dass jeder in diesem Kurs mich anruft. Wir können unsere Kontaktdaten und dann ein Kontaktformular direkt dort haben. Wenn wir wollen, können wir hier sogar ein Bild hinzufügen. Ich zeige euch nur ein paar Beispiele für Möglichkeiten, eine Reihe dieser Tools zusammen zu verwenden. Ich werde ein Bild hochladen. Wir gehen gehen zu schnappen ein Foto nur für meine Website wirklich schnell, und wird auf „Speichern“. Das Foto ist ein bisschen groß, aber es funktioniert. Jetzt haben wir diese coole Kontaktseite, wo wir mein Foto haben, das Formular direkt hier, und dann meine Kontaktinformationen unten aufgeführt. Wir haben auf „Save“ und voila, wir haben gerade eine nette kleine Kontaktseite hier auf unserer Website erstellt. Ich hoffe, das war hilfreich, um Ihnen beizubringen, wie man den Formularblock benutzt, und auch nur zu versuchen, ihn zu vermischen und Ihnen eine Handvoll verschiedener Dinge auf einmal in diesem Video zu zeigen . Hoffentlich habe ich Sie nicht überwältigt, sondern habe Ihnen nur einige konkrete Verwendungen zur Nutzung der Plattform gegeben. 26. Wie du das map verwendest.: In diesem Video werde ich Ihnen zeigen, wie Sie den Kartenblock innerhalb von Squarespace verwenden und mit ihm arbeiten. Wie immer werde ich hier runterkommen, einen neuen Block hinzufügen und zum Kartenblock runterkommen. Was Sie zu tun bekommen, ist hier jetzt kommen und fügen Sie einen Firmennamen hinzu. Also Jakes tolles Büro. Sie haben eine Adresse, die ich kopiert habe die wunderbare Adresse von 45 Rockefeller Plaza wie von meinen Adressen irgendwie in Manhattan, was nicht. Dann kommen Sie hier runter und drücken Sie „Speichern“. Nun, standardmäßig, was dies tun wird, ist nur geben Sie Ihnen eine Karte voller Breite direkt hier, und es wird Ihnen einen Standardzoom auf sie als auch geben. Aber einige Dinge, die Sie tun können, ist, dass Sie tatsächlich den Zoom auf der Karte ändern können, und Sie können auch die Abmessungen und die Breite davon anpassen. Vielleicht wollen wir, dass die Karte etwas größer ist, und wir können hier runter kommen und auf diesen kleinen Kreis klicken, ziehen und die Karte etwas größer oder kleiner machen. Vielleicht will ich es nicht den ganzen Weg weit. Nun, Sie können nicht ganz einfach die Karte nach links ziehen, stattdessen würden Sie einen Abstandshalter oder einen Textblock nehmen , wenn Sie etwas dort sitzen wollen, und es wird den Raum oder an die Seite ziehen. Vielleicht ist das etwas zu klein, aber wir machen es um diese Größe. Dann gehen wir hier ein wenig größer, und dann etwas anderes, das Sie vielleicht tun möchten, ist tatsächlich auf die Karte zu zoomen. Moment zeigt das im Grunde nur, dass es auf Manhattan Island ist. Aber was ist, wenn ich wirklich reinkommen und die Straßen sehen will, die um sie herum sind? Nun, wenn Sie darauf doppelklicken, und ich werde das bewegen, so dass Sie sehen können, und dann scrollen Sie über die Karte und Sie verwenden Ihr Zoomrad, oder zum Beispiel, auf einem Laptop, also scrollen Sie nur mit zwei Finger, und ich zoomen Sie einfach hinein und scrollen Sie, und ich kann sogar klicken und ziehen Sie die Karte herum, ich kann den ganzen Weg hier hinein, so dass Sie sogar beginnen, um zu sehen, dass Unternehmen und alles, was hier sind. Sehr coole Sache, wo Sie tatsächlich auf der Karte zoomen können, oder Sie können auf der Karte als auch zoomen, wenn Sie nicht wollen, um so nah zu kommen. Sehr praktische Funktionen rund um die Karten-Funktionalität. Ich hoffe, das war hilfreich und vor allem, wenn Sie einen physischen Standort für Ihr Unternehmen haben. 27. Fortgeschrittene layout mit dem line: In diesem Video werde ich Ihnen zeigen, wie Sie mit dem horizontalen Linien-Werkzeug in Squarespace arbeiten und ein paar Tricks, die Sie haben. Dies ist eigentlich ein wenig mehr als das horizontale Linien-Werkzeug, ich zeige Ihnen tatsächlich einige coole Layout-Tricks in Squarespace. Hier, sobald wir den Seiteninhalt bearbeiten, werde ich diesen Zitatblock zuerst löschen , nur damit er nicht stört, was ich anzeigen möchte. Aber sagen wir, ich möchte diesen Text verschieben und diesen Text tatsächlich zu zwei Spalten machen. Anstatt vertikal so zu lesen, haben wir hier eine Spalte und Spalte. Nun, jetzt, wenn ich nur versuche, den Text zu greifen, kommt alles als eine Sache. Eigentlich machte eine Spalte, weil ich einen Abstandshalter hatte, und löschen Sie diesen Abstandhalter wieder, um nicht in die Quere zu kommen. Aber was, wenn ich will, sagen Sie diese beiden Zeilen, um rechts davon zu sitzen. Wie ergreife ich diese, ohne den gesamten Block zu greifen? Nun, da kommt dieses horizontale Linien-Werkzeug an Ort und Stelle. Was wir tun können, ist einfach hier scrollen und klicken, um einen Block hinzuzufügen. Was wir tun werden, ist, dass wir eine „Linie“ hinzufügen. Wie Sie diese horizontale Linie sehen, sehr dünne, aber subtile, zeigt sich sehr dünne, aber subtile,aber nützliche kleine Linie. Wir können das als Design-Element verwenden, wenn wir Teile unserer Website trennen wollen, oder wir können es tatsächlich verwenden, um Textblöcke zu trennen. Es ist etwas, das ich benutze es für die ganze Zeit und dann lösche ich vielleicht die Zeile und danach. Aber jetzt haben wir diese zwei separaten Textblöcke. Ich kann hier runter kommen, mir die unterste und hierher kommen. Sehen Sie sich das an, wir haben gerade diesen Text in zwei separate Zeilen aufgeteilt. Aber was wäre, wenn wir wollen, sagen wir, das „Artist's Statement“ auf einer eigenen Linie sitzen. Wir mögen nicht, wie das hier oben sitzt, und wir wollen, dass das alles horizontal durchgelesen wird. Nun, wir können hier unter „Artist Statement“ kommen, eine horizontale „Linie“ hinzufügen , und wir haben gerade den Text „Artist's Statement“ aus dem darunter liegenden Text getrennt. Wir können dieses „Artist Statement“ packen, kommen hier hoch und wir sehen jetzt, dass dies den ganzen Weg über die Vertikale gehen wird, im Gegensatz zu genau hier, was seine aktuelle Positionierung ist. Wir werden es hier nach oben bringen. Dann, wenn wir damit fertig sind und wir es getrennt haben, können wir unsere „Linie“ „löschen“ und das brauchen wir nicht mehr. Jetzt haben wir den Text und diese zwei Paarspalten, genau wie wir hier haben. Wenn wir die „Linie“ für irgendetwas verwenden wollen, sagen wir, wir haben einen neuen Abschnitt der Website hier unten. Wir können durchgehen und hier unten eine „Linie“ hinzufügen. Beachten Sie, dass es diese zwei Kreise gibt und sie sind direkt nebeneinander. Dies ist etwas, das ich nicht wirklich viel gezeigt habe, aber wenn Sie Spalten wie diese haben, haben wir das Raster in zwei Spalten getrennt. Ich kann hierher kommen und klicken. Wenn wir hier sehen, erstreckt sich diese „Linie“ nur über die rechte Seite. Nun, wenn ich jetzt eine „Linie“ hinzufüge, sehen Sie, dass „Linie“ diese Spalte nur hier Vers umfasst, wenn wir es nehmen und wir gehen auf die äußere wo wir sehen, die graue „Linie“ geht den ganzen Weg über. Wenn wir darauf klicken, erstreckt sich die „Linie“ nun über die volle Breite der Seite. Wir können das Gleiche hier tun, wir können eine „Zeile“ direkt hier unter dieser Spalte hinzufügen. Wie Sie sehen können, ist das „Line-Werkzeug“, es ist ein cooles Design-Element, aber es ist auch sehr funktional und verwendet es nur, um Text zu brechen, oder um Dinge zu arrangieren, und dann erstellen Sie diese temporären Platzhalter. Ich hoffe, das war hilfreich. Versuchen Sie, mit einem visuellen Editor sogar ein wenig von den fortgeschrittenen Sachen zu bekommen, aber alle nützlichen Dinge dennoch. Ich versuche nur, dir ein paar Tricks des Handels zu zeigen, wenn du so willst. 28. So erstellst du Knöpfe: In diesem Video werde ich Ihnen zeigen, wie Sie das Tastenwerkzeug in Squarespace verwenden. Wie üblich werden wir beginnen, indem wir den Seiteninhalt bearbeiten. Unser Ziel in diesem Video ist es, diesen Link „Sehen Sie mein Portfolio“ in eine Schaltfläche zu verwandeln. Um das zu tun, werden wir hier rüber kommen und wir werden einen kleinen Block unten hinzufügen, wo es sagt: „Siehe mein Portfolio“. Dann werden wir hier nach unten scrollen und wir werden zu dieser Schaltfläche Funktion kommen und wir werden auf die Schaltfläche klicken. Wir werden diesen Text in dieser Schaltfläche ändern. Ich werde das hier rüber bringen, damit ihr sehen könnt, was los ist. Darin steht: „Sehen Sie mein Portfolio“. Wir fügen eine URL zu cairnes.com hinzu und öffnen diese in einem neuen Fenster. Dann können wir die Größe der Taste ändern; kleine, mittlere oder große Taste oder einfach nur ein wenig viel. Wir werden bei Medium bei diesem Kerl hier bleiben. Dann kann ich das links, zentriert oder rechts ausrichten. Wir lassen es einfach nach links ausgerichtet. Im Moment ist das eine Art langweilig aussehende Taste. Es ist nur schwarz und es ist ziemlich unkompliziert. Aber es ist trotzdem funktional und wann immer wir zum Style-Editor kommen, können wir tatsächlich anfangen, den Stil der Schaltfläche, die Form, die Farbe und all das zu bearbeiten und zu manipulieren . Es sieht jetzt nicht so aufregend aus, aber wir haben gerade einen Button erstellt und wir werden darauf in Zukunft zurückkommen. Eigentlich werden wir als „mein Portfolio sehen“ hier für eine Demo von Links später verlassen. Wir werden darauf in einem zukünftigen Video im Style-Editor zurückkommen und ich werde Ihnen zeigen, wie Sie diese Schaltflächen ändern und stilisieren können. 29. Wie du den Summenblock verwendest.: In diesem Video werde ich Ihnen zeigen, wie Sie diesen Summary Block in Squarespace verwenden. Um dies zu tun, bin ich tatsächlich auf meine Website gesprungen, da wir nicht wirklich irgendwelche Inhalte im Zusammenfassungsblock auf unserer aktuellen Website ohne Code verwenden können. Aber während wir sind, wollte ich Ihnen auch zeigen, dass diese ganze Website, die ich gebaut habe und alles, was ich hier vor habe , tatsächlich innerhalb von Squarespace und auf den fünf Themen aufgebaut ist. Sie werden also feststellen, dass, obwohl dies sehr anders aussieht, ich das Bannerbild oder so etwas nicht verwende. Ich habe eine sehr saubere und knackige Website alle direkt hier in der Squarespace-Vorlage gebaut werden. Es ist also ein wirklich cooles, wirklich robustes Thema. Wirklich genießen Sie es zu benutzen. Aber im Moment werde ich euch zeigen, wie man macht, ist den Zusammenfassungsblock zu verwenden. Summary Block ist sehr cool. Es ist sehr nützlich für beide Galerien, aber der häufigste Ort, an dem ich es benutze, basiert wirklich auf Blogs. Also, was ich tun werde, ist, ich habe diese Demo-Seite hier, und ich werde einen Block hinzufügen. Ich bin ein Klick auf Zusammenfassungsblock. Was ein Zusammenfassungsblock tut, ist es, dass kleine Thumbnails, ein Magazin-Stil. Suchen Sie nach einer Handvoll Ihrer letzten Blogbeiträge oder Ihre beliebten Blog-Beiträge. Also hier klicke ich auf meinen Blog, und was du siehst, ist jetzt all diese Beiträge, meine letzten Blogbeiträge erscheinen hier in einem zusammenfassenden Format. Wenn ich wollte, könnte ich auch von Galerien gehen und ich kann eine Zusammenfassung meiner Kunstgalerie machen, und Sie können einige meiner verrückten Kunstwerke hier sehen. Aber ich möchte bei einem Blog bleiben, weil es ein wenig relevanter ist und was ich denke, wird häufiger verwendet. Ich kann auch eine Galerie von Produkten machen, wenn Sie möchten. Sobald wir also ausgewählt haben, wovon wir eine Zusammenfassung erstellen werden, werden wir hier rüber kommen, um das Layout zu erstellen, und wir können aus einer Handvoll verschiedener Möglichkeiten wählen, dies auszulegen. Was Sie im Moment sehen, ist der Rastermodus, der dem Galerieraster sehr ähnlich ist. Wir können eine Liste machen und Sie werden eine Liste von allem sehen. Sie werden feststellen, dass meine letzten Beiträge keine Miniaturbilder haben, aber alle meine alten, Sie können die Thumbnails rechts hier auf der linken Seite erscheinen. Sie können die Textgröße klein machen, wenn Sie möchten, können Sie es extra groß machen, wenn Sie ein wenig verrückt oder einfach nur mittel werden und es normal machen wollen . Ihr Seitenverhältnis, dies bestimmt Ihr Verhältnis für Ihre Bilder. Wenn Sie es auf Auto setzen, dann wird das Ziel, nichts zu beschneiden oder versuchen, so minimal wie möglich zu beschneiden oder was auch immer die beste Passform ist, oder Sie können sie Quadrate machen, wenn Sie wollen oder vertikal oder was auch immer passt Ihre Phantasie und dass Sie für Ihre Website mögen. Verschieben Sie dies auf Auto für jetzt. Sie können die Bildgröße wählen, und wenn ich möchte, machen Sie das Bild wirklich groß. Lasst uns eine Stunde hier optimieren. Aber Sie können sehen, dass ich das Bild wirklich groß mit der Geschichte auf der Seite davon machen kann, oder ich kann hier runterkommen und das Bild klein machen und den Text einen Großteil des Bildschirms aufnehmen lassen. Wieder, was auch immer Sie bevorzugen, Ihr Bild nach links ausgerichtet, oder Sie können das Bild nach rechts und Text ausrichten, können Sie seine links, Mitte oder rechts machen. Also wieder, sehr coole Features gibt. Metadaten-Positionen, so dass wäre das Datum genau dort. Ich kann Ihnen zeigen, wie Sie das tatsächlich ändern können. Ich kann die Metadaten über dem Titel setzen. Also, jetzt sehen Sie, dass der Tag gerade über unseren Titel gesprungen ist. Wir können es direkt unter dem Titel machen und das Datum erscheint direkt dort, oder unter dem Inhalt alle zusammen. Dann werde ich hierher kommen, um anzuzeigen und zu wählen, wie viele Elemente ich anzeigen wollte. Ich kann bis zu 30 anzeigen. Also jetzt haben wir eine Tonne von Blog-Posts, die weit zurück gehen, dass es zeigt. Oder wenn ich wollte, könnte ich das auf meine letzten drei beschränken, ein wenig. Ich möchte diese großen Änderungen vornehmen, und da siehst du nur die letzten, die ich habe. Es zeigt tatsächlich fünf, das ist seltsam. Ich muss eine Panne davon verbracht haben, es so viel zu tun, aber da gehen wir. Jetzt sind wir bei drei. Sie können auswählen, welche Informationen angezeigt werden sollen. Der Titel, wenn Sie dieses Thumbnail wollten, das wiederum, werde ich Ihnen zeigen, wo dieses Thumbnail später im Blogging-Abschnitt gezogen wird . Also kann ich einfach Titel haben, wenn ich will. Lassen Sie mich das etwas größer machen. Thumbnail wären wieder die Bilder. Jetzt sind die Bilder verschwunden. Der Auszug ist der Text. So können wir einfach die Titel und den Text haben, wenn wir wollen. Dann können Sie auch auswählen, was diese Metadaten sein sollen. So im Moment sehen Sie, dass die Metadaten das Datum des Beitrags sind. Ich könnte es auch zu den Tags machen, die auf der Post sind. Ich kann es zum Autor des Beitrags machen. Ort, Kommentare, irgendetwas von diesem Zeug. Also wieder, einige Anpassungen in der Umgebung und Sie können ein zweites Stück Daten als auch haben. So kann ich mein Date plus den Namen des Autors haben. Sie können auch nach Kategorien filtern. So habe ich zum Beispiel einige Kategorien auf meiner Website. Also, wenn ich nur speichern Sie den fokussierten Schöpfer, das ist nur gehen, um alles, was ich auf den Fokus Schöpfer getaggt, die eine Handvoll von Blog-Posts, die um dieses E-Book, das ich veröffentlicht wurden, zu ziehen . Oder ich kann hier runter kommen und dasselbe Filtern mit Tags machen. Ich kann ein Tag von Freiberufler setzen, und hier bekomme ich diese Beiträge, auf die ich tatsächlich freiberuflich getaggt habe. So können Sie Kategorien und Filter verwenden, die ich Ihnen zeigen werde, wie Sie diese später auch im Blogging-Bereich hinzufügen . Ich kann die ausziehen. Dann zuletzt, gibt es eine Funktion auch im Bloggen, wo Sie eine bestimmte Beiträge eingestellt werden können , ist Beiträge vorgestellten. Also, wenn ich darauf klicke, können Sie tatsächlich beginnen, diese vorgestellten beliebtesten Beiträge zu sehen , die ich gewählt habe, um vorgestellt zu werden. Wir können das deaktivieren, und wieder, standardmäßig wird es nur wählen Sie Ihre neuesten Beiträge. So wieder, Sie können sehen, dass der Zusammenfassungsblock sehr robust ist. Ehrlich gesagt, wir fangen gerade erst an , weil es noch mehr coole Dinge gibt, die ich dir zeigen werde. Du hast gesehen, dass im Grunde alles, was ich dir gerade gezeigt habe, auf dem Listenformat stand. Lasst uns wieder ins Netz gehen. Was wir bemerken, ist, dass, wenn wir ins Netz gehen, all diese verschiedenen Dinge ändern. So können wir jetzt unsere Spaltenbreite wieder ändern, und wir können unsere Breite zwei Spalten breit machen und versuchen, es zu einem Bündel von Spalten breit zu machen, wo es wirklich dicht ist, das sieht wahrscheinlich nicht zu gut aus. Aber man kann wirklich damit herumlaufen und man kann die Rinne ändern, die der Abstand dazwischen ist, so dass es kaum Platz gibt und diese Worte direkt nach oben pumpen. Wieder, sieht nicht sehr gut aus, aber Sie bekommen die Idee, was Sie damit tun können. Auch hier haben Sie alle die gleiche Textausrichtung, Metadaten und Anzeige und nur die Optimierung hier, während ich mit all diesen Einstellungen verarscht bin. Wieder hier können Sie alle diese Optionen und alles genau hier auswählen. Vielleicht wollen wir weder das Gitter noch die Liste. Nun, hier ist noch eine coole, Karussell. Was das Karussell tut, ist eine coole Sache, wo Sie diese kleinen Pfeile sehen können, die durch blättern. Nun, ich kann sagen, hier sind meine vorgestellten Beiträge und wieder haben alle diese gleichen Dinge. Ich kann wählen, wie viele Elemente ich in einer Reihe möchte, also sagen wir vier. Dann, um eines der Bilder willen, werde ich auf vorgestellten gehen, und wirklich coole Sache, sobald Sie diese haben. Wir hatten gerettet, damit ich das für euch demonstrieren kann. Mit den vorgestellten Beiträgen, haben Sie tatsächlich diese kleinen Pfeile und es ist mit einem Karussell Option, und Sie können beginnen, durch zu blättern und haben diese wirklich coole Magazin Sache. Einfach so, kein Code oder so. Sie bekommen nur coole kleine Features wie diese mit ihren integrierten Widgets zu machen. Also wieder, das sind die wichtigsten hier, und ich werde auf unseren Zusammenfassungsblock doppelklicken, hier zurückkommen und euch die letzte zeigen, automatische Spalten. Was das noch einmal cool ist, schafft es dieses ordentliche Magazinlayout. Ich denke, das funktioniert irgendwie besser ohne den Auszug. Lasst uns den Auszug herausnehmen. Lassen Sie uns auch den vorgestellten Filter abnehmen, und ich denke, Sie gehen, um ein wenig mehr zu sehen. Wir machen es etwas größer, stellen ein paar Gastgeber hier rein. Sagen Sie wie 30 von diesen Typen. Wir geben das eine Sekunde zum Laden. Aber diese automatische Spalten, was es tut, ist es erstellt diese Spalten automatisch nur basierend auf der Höhe des Bildes, der Menge an Text und alles, was es gibt. Dies ist wieder ein weiteres sehr cooles Layout, sehr Magazin-Stil. Aber es ist etwas, das Sie wirklich schnell auf eigene Faust generieren können. Auch hier kann ich diese Spalten alle kleiner machen, wenn ich will. Auch hier sieht es wahrscheinlich nicht gut aus mit all dem Text, aber vielleicht mit Bildern könnte es funktionieren. Ich kann die Rinnenbreite größer oder kleiner machen und einfach mit all diesen Einstellungen rummachen. Es ist also ein wirklich cooles Feature. Wieder, es jetzt nicht gerecht zu werden, mit dem, was es wirklich tun kann. Aber wieder, es ist eine wirklich schöne, sehr coole Art, Ihre Inhalte zu gestalten. Der Zusammenfassungsblock ist also wirklich leistungsfähiges Tool auf Squarespace, besonders wenn Sie bloggen, Podcasting , regelmäßige Inhalte herausgeben können Sie ein wenig anpassen , wie Sie tatsächlich Ihre -Inhalte auf Ihrer Website. So wirklich leistungsstark, wirklich robust, wahrscheinlich eines meiner Lieblingstools innerhalb von Squarespace. Daher empfehlen Sie dringend, es auszuprobieren und damit zu spielen. Ich denke, Sie werden dieses Tool wirklich genießen. 30. Wie du soziale Medien einfügen kannst: In diesem Video zeige ich Ihnen, wie Sie einige Social-Media-Boxen zu Ihrer Website hinzufügen und nur ein paar davon, aber davor möchte ich Ihnen nur zeigen, dass ich auch gerade angehängt habe, mein Instagram-Konto Squarespace unter dem Social-Media-Connect-Kontobereich , den ich euch in einem vorherigen Video gezeigt habe, aber wenn nicht, gehen Sie einfach zu Einstellungen, Social Connect-Konten und Sie sind da. Du wirst hier rüber kommen und wir werden wieder an dieser Seite arbeiten, genau hier. Was ich tun werde, ist, hier runterzukommen und eine neue Kiste hinzuzufügen. Ich werde ein paar verschiedene Dinge für euch demonstrieren. Zuerst mache ich die Social-Links Box und füge die sozialen Links hinzu. Was wir hier sehen werden, ist, dass wir automatisch die Twitter- und Instagram-Symbole haben, die ich bereits der Website hinzugefügt habe. Sie werden sehen, dass das Thema auch diese in der Fußzeile enthält. Wir werden das links ausrichten, oder wir können es richtig ausrichten, wenn wir wollen, und es wird gleich hier oben erscheinen. Wir werden es in der Mitte verlassen. Wir können wieder mit der Größe verwirren, es groß, klein machen, wir können es quadratisch und diesen Knockout Stil machen, oder wir können eine Grenze machen. Wieder, viele verschiedene Möglichkeiten, wie wir gehen können, um dies zu behandeln. Sie können sogar Farbe wählen, ob Sie möchten, dass sie hell oder dunkel ist, was sich das ändern würde und es ist sehr nützlich, besonders wenn Sie einen dunklen Hintergrund auf Ihrer Website haben, oder Sie können es einfach Standard sein. Es wird als diese Standard-Social-Media-Farben erscheinen , die Sie kennen und lieben würden. Das ist alles, was ich Ihnen auf dieser einen zeigen werde, sehr einfache, aber sehr coole Funktion zu haben. Das nächste, was wir tun werden, ist euch zu zeigen, wie man einen Twitter-Account hinzufügt, und um das zu tun, werden wir hier unten kommen, ein Feld hinzufügen, scrollen Sie hier nach unten und fügen Sie das Twitter-Symbol hinzu. Gehen Sie zu Konto, und dann zu Jake Jorgen. Aus irgendeinem Grund funktioniert das nicht für mich, also werde ich gehen, um ein Konto hinzuzufügen und versuchen, dies erneut hinzuzufügen. Sehen Sie, ob das Problem dadurch behoben wird. Wieder gibt es kleine Bugs hier und da, aber die meisten von ihnen sind Dinge, die Sie einfach direkt herum arbeiten können. Wir haben gerade ein neues Konto hinzugefügt und schauen, dass man funktioniert. Ich bin mir nicht sicher, warum der andere nicht gearbeitet hat, aber hier geht's. Jetzt können wir alle meine neuesten 10 Tweets sehen, die ich hier oben habe. Ich kann das auf drei eingrenzen, da 10 vielleicht ein bisschen viel auf der Website zu haben sein. Wieder, wenn Sie wirklich schnell gehen, manchmal liest es es nicht, so dass Sie irgendwie langsam gehen müssen. Dort kannst du das tatsächlich sehen oder du kannst einfach einen haben und nur meinen neuesten Tweet haben. Ich kann wählen, ob ich meinen Avatar zeigen möchte oder nicht. Das verschwindet, mein Benutzername oder nicht. Dann kann ich hier auch einen kleinen Folgen-Button haben. Die Leute werden wieder genau dort auf der Website, folgen Sie mir einfach. Wieder sehr handliches kleines Tool direkt dort mit dem Twitter-Block. Wieder, wenn wir nicht wollen, dass es den ganzen Weg überspannt, können wir hierher kommen, einen Abstandshalter hinzufügen, den Kerl direkt dorthin ziehen und jetzt haben wir eine viel normalere Größe, die aussehen kleinen Twitter-Widget. Auf der rechten Seite dieses Twitter-Widgets fügen wir eine Instagram-Box hinzu. Ich komme hierher, füge eine Box hinzu, scrolle hier nach unten zu Instagram. Ich wähle ein Konto für Jake Jorgen aus. Auch hier ist es nicht, meine Konten zu lesen, die ich zuvor verbunden hatte. Nicht sicher, warum, also klicken wir auf Konto hinzufügen. Wieder gibt es hin und wieder Störungen, aber die meiste Zeit können Sie in ihnen arbeiten. Ich war bereits eingeloggt, mein Passwort wurde gespeichert, also ging es einfach weiter und nahm meine Informationen. Ich werde das so machen, dass wir es können, und wir entscheiden, wie wir das wollen? Mit dem Instagram-Block haben wir dieses Konto und wir haben diesen Design-Tab hier. Sie können wählen, wie viele Artikel, die wir anzeigen möchten, die gerade jetzt sieht es wie ein, aber das liegt daran, dass wir im Diashow-Modus sind. Lassen Sie uns nun zum Schieberegler gehen, wo wird zu schieben beginnen und wir können den nächsten sehen, bevor wir darauf klicken. Wechseln Sie zum Rastermodus und erhalten Sie diese Grid-Galerie-Funktion. Wieder, und wählen Sie Art unserer Thumbnails pro Zeile. Wie viele wollen wir, sagen wir, drei einschließen. Ändern Sie Ihre Polsterung und all das lustige Zeug, wenn Sie es auch wollen. Hier können Sie einige meiner verrückten kleinen Zeichnungen sehen und nur einige Erfahrungen und was nicht. Dann können Sie auch wählen, ob Sie Licht-Box für Menschen in der Lage sein , auf diese klicken und diese Bilder ein bisschen größer zu sehen. Wenn wir wieder nach oben kommen, können wir auch diese Bilder gestapelt sehen. Auch hier sind diese den Galerie-Funktionen sehr ähnlich , die bereits in Squarespace gebaut sind, aber jetzt zieht dies nur aus meinem Instagram-Feed. Da bin ich in Paris am Eiffelturm. Ich hoffe, dass dies hilfreich war, um euch ein Verständnis einiger der Social-Media-Blöcke zu geben . Es gibt definitiv mehr, mit denen Sie arbeiten können, aber hoffentlich werden diese Ihnen ein paar und den Rest von ihnen geben. Für einige dieser anderen Social-Media-Netzwerke könnt ihr selbst herausfinden. 31. So bearbeitest du deinen Fußzeile: Als nächstes werde ich Ihnen zeigen, wie Sie die Fußzeile auf Ihrer Squarespace-Website bearbeiten. Es ist sehr einfach, aber etwas, mit dem viele Leute kämpfen, und sie werden tatsächlich diese Art von grundlegenden Text oder die Macht von Squarespace am Ende ihrer Website haben , wenn sie es nicht brauchen. Um Ihre Squarespace-Website zu bearbeiten, um die Fußzeile bearbeiten. Alles, was Sie wirklich tun werden, ist auf die Registerkarte der Seite zu kommen, klicken Sie auf „Willkommen“ auf der Seite, die Sie wollen, oder jede Seite wirklich. Scrollen Sie hier rüber, wo es Ihren Fußzeileninhalt hat , und Sie gehen zu „Bearbeiten“. Ich kann hier reinkommen und diesen Text in etwas Persönliches ändern. Ich vermasselt es nur. So wird es sagen, diesen Text ändern. Wir können auch die sozialen Links hier unten blockieren lassen. Vielleicht will ich das nicht, weil es bereits in das Thema integriert ist. Also werde ich das löschen. Ich kann dann hier runter kommen und ich kann Blöcke hinzufügen. Wenn ich einen weiteren Textblock hinzufügen und sagen 1-2-3 Adresse. Ich kann anfangen, diesen Text tatsächlich zu verschieben und tatsächlich nur eine Fußzeile wie alles andere zu erstellen und anzupassen. Ich kann Bilder hier unten stellen, wenn ich will, oder ein Zitat oder irgendetwas, was ich wirklich will. Es ist also super mächtig. Sie können Ihre Fußzeile wirklich so anpassen, dass sie sein soll, was Sie wollen. Diese Fußzeile wird auf allen verschiedenen Sites replizieren, alle verschiedenen Seiten auf Ihrer Website. So zum Beispiel, Sie sehen auf meiner Website, ich habe diese Fußzeile hier unten mit dieser E-Mail Anmeldung und meinen Social Media Icons. Ich habe dies auf jeder Seite meiner Website. Egal, auf was jemand klickt, wenn sie zu diesem gehen, werden sie dies am Ende der Seite sehen. Sie können diese Fußzeile auch über den Stil-Editor stilisieren. Wenn Sie nur auf das Video des Style-Editors zurückverweisen, sehen Sie, wie Sie die Schriftfarbe , die Schriftgröße oder Ähnliches in der Fußzeile ändern . Ich hoffe, dass dies hilfreich war, um Ihnen ein wenig besseres Verständnis für die Arbeit mit Fußzeilen zu geben. 32. Visuelles Editor Outro: In Ordnung, jetzt, wo Sie sich über die Plattform von Squarespace auskennen und ich Ihnen ein wenig darüber gezeigt habe, wozu es fähig ist, möchte ich Ihnen den Visual Editor zeigen, der eines der Kernstücke von Squarespace ist. Eines der Dinge, die Sie am häufigsten verwenden werden, wenn Sie Ihre Website erstellen. Der Visual Editor ist die Drag & Drop-Schnittstelle von Squarespace. Es ist wirklich einfach, aber es gibt viele Tricks und viele verschiedene Dinge, die Sie tun können, und es ist wirklich mächtig und ich weiß, dass Sie es lieben werden. Sie werden feststellen, dass dieser Abschnitt ziemlich lang ist. Nun, es liegt daran, dass ich viele verschiedene Tools abdecke, die im Visual Editor von Squarespace sind. Nun möchten einige von euch vielleicht jedes einzelne dieser Videos ansehen und alle Werkzeuge sehen, andere von euch wollen vielleicht nur die Werkzeuge ansehen, die für euch von Interesse sind, und andere sehen euch vielleicht ein paar Videos an, Sie bekommen ein Gefühl für das, was vor sich geht, und Sie werden einfach selbst eintauchen und basteln wollen. Aber unabhängig von Ihrem Ansatz, ich weiß, dass Sie viel Wert aus diesem Abschnitt erhalten werden, da es sich um eine der wichtigsten und wichtigsten Funktionen in der Squarespace-Plattform handelt. 33. Über den Style: Bis zu diesem Punkt im Kurs hatte ich Sie durch, wie Sie Ihre Website wirklich einrichten, die Einstellungen bearbeiten und Inhalte auf Ihre Website setzen, aber wir haben nicht wirklich viel über Design gesprochen. In diesem Abschnitt werde ich Ihnen zeigen, was der Stil-Editor genannt wird. Dies ist der Teil von Squarespace, mit dem Sie Ihre Website nach Ihren Wünschen wirklich durchgehen und stilisieren und gestalten können. Es ist eines der anderen Hauptmerkmale in Squarespace. Ist unglaublich einfach zu bedienen und unglaublich leistungsstark. 34. Verwendung des Style: In diesem Video werde ich Ihnen zeigen, wie Sie mit dem Stil-Editor in Squarespace arbeiten. Um dorthin zu gelangen, klicken wir zuerst auf die Registerkarte Design hier. Dann werden wir hier runter kommen und wir werden auf Style Editor klicken. Was wir bekommen, ist diese Liste all dieser Attribute hier auf der linken Seite. Wir können diese Liste nach oben und unten scrollen. Wie Sie hier bemerken, gibt es eine Bildlaufleiste auf der rechten Seite, die ich greifen kann. Wir haben alle diese Listen und Attribute. Mach dir keine Sorgen, es scheint auf den ersten Blick überwältigend, aber ich verspreche es nicht. Wenige Dinge, die nur über die wissen. Stil-Editor zuerst. Das ist, dass die Attribute und alles, das heißt, alle von ihnen sind individuell für jedes Thema oder jede Vorlage einzigartig. Einige davon, wenn Sie mit den fünf Themen arbeiten, werden Sie alle diese sehen, die ich hier habe. Wenn Sie jedoch in Pacific oder Marquee oder Bedfat oder einer der anderen Vorlagen arbeiten, haben Sie möglicherweise einige dieser Attribute, die unterschiedlich sind. Einige von ihnen haben Sie vielleicht nicht, und andere werden zu allen gleichförmig sein. Nur etwas zum Nachdenken, und wenn Sie sich ein anderes Thema ansehen, warum bestimmte Dinge vielleicht ein wenig anders sein. Aber meine Empfehlung bei Ihnen ist, wirklich einfach eine Liste durchzugehen, anfangen, mit allem zu spielen. Sie werden anfangen, ziemlich schnell zu sehen und herauszufinden, wie es funktioniert. Ich werde anfangen und einfach anfangen, die Liste runter zu gehen und sie eins nach dem anderen zu erklären. Die erste ist der Website-Hintergrund. Dies ist ziemlich unkompliziert, aber es ist der Hintergrund der Website. Ich werde hier wirklich drastisch gehen, es rot machen, um hier zu präsentieren. Aber was wir tatsächlich sehen, ist, dass es nichts verändert. Das ist ehrlich gesagt, weil der Hintergrund der Website nicht wirklich ein Attribut ist, das zu diesem Thema zu wichtig ist. Aber es ist eine, die über alle geht. Eigentlich, wenn wir zur Site-Breite anstelle von voller Breite gehen, hier fangen wir an, den Website-Hintergrund zu sehen. Wieder, einige dieser Attribute, werden sie aussehen, als würden sie nichts tun. Aber tatsächlich könnten einige von ihnen nur davon abhängen, dass andere Variablen bestimmte Wege sind. Zum Beispiel, hier unten haben wir ein Attribut voller Site-Breite und volle Breite. Wenn ich in die volle Breite gehe, dann gehen die Seiten und alles den ganzen Weg über. Wenn ich zur Seitenbreite gehe, kann ich den Schieberegler verwenden, um festzustellen, wie groß diese Seite ist, wie breit sie ist. Einige wirklich coole Art von Funktionen und Funktionalitäten hier. Nur um die Dinge zu tanken, die du gesehen hast, wie ich das vor einer Sekunde gemacht habe, aber zoomen Sie hinein und raus. Wenn Sie auf Ihrer Tastatur Command Minus oder Command Plus drücken oder ich glaube, dass es Control Minus oder Control Plus auf einem Windows ist, können Sie tatsächlich vergrößern und verkleinern. Dies ist wirklich praktisch, um in Squarespace manchmal zu tun, wann immer Sie in der Lage sein wollen, ein wenig mehr zu sehen, oder wenn Sie an einem kleinen Browser arbeiten, wie ich hier bin. Aber wir wollen diesen roten Hintergrund nicht wirklich, also werden wir den Kerl hier drüben in Weiß setzen. Jetzt können Sie auch, wenn Sie möchten, dieses Hintergrundbild auf ein Bild setzen, wenn Sie möchten. So können Sie eine Textur oder irgendetwas hochladen, wenn Sie möchten. Wie Sie sehen, ist es ziemlich einfach, wenn Sie die Bilder hochladen, Sie haben die gleichen Optionen, die Sie tun, um hochzuladen und alles. Dann können Sie sich auch mit der Positionierung direkt hier verwirren und verschiedene Positionierungen ausprobieren und sehen, wie es dort funktioniert. Sie können die Größe und wie das funktioniert wählen. Ich empfehle, nur mit diesen herumzuspielen und zu sehen, was am besten für Ihre Website funktioniert. Auch hier gibt es viele verschiedene Attribute im Stil-Editor und jedes Design hat seine eigenen Attribute. Das ist also wirklich etwas, mit dem man einfach ein bisschen herumspielt und ein wenig Spaß hat. Als nächstes hier ist die Seitenbreite, und wie Sie sehen werden, wenn ich dies kleiner mache, beginnt die gesamte Website ein wenig kleiner zu werden und alles wird ein bisschen enger. Also wieder etwas, nur um auf und ein anderes Attribut zu achten. Viele der Attribute haben diese gleitenden Fähigkeiten mit ihnen. Auch hier sind wir bereits die Canvas-Einstellung durchgegangen. Sie haben diese Möglichkeit für einen Canvas-Offsets. Sie werden sehen, dass es diese Lücke hier oben schafft. Sie haben diese Canvas-Padding. Wieder werden Sie sehen, wie das im Grunde, was dies tut, ist das Hinzufügen von Padding genau hier. Wieder, einige von ihnen nur verwirren und Sie werden sehen, was genau jedes dieser Attribute tut. Seien Sie auch vorsichtig, weil es manchmal mehr als eine Sache auf Ihrer Website betrifft. Zum Beispiel hat das Padding die Navigation oben beeinflusst, aber es wirkt sich auch hier unten auf sie aus. Sie können eine Rahmengröße für Ihren Canvas auswählen. Sie werden beginnen zu sehen, dass dieser Rahmen angezeigt wird. Zuvor hatte ich Null Pixel, aber jetzt habe ich diese Grenze, die ich wieder nicht ganz will. Also werden wir das loswerden. Sie haben dieses kleine Ding, dieser kleine Schrägstrich hier zwischen der Navigation wird als Trennzeichen bezeichnet. Ich kann die verstecken, wenn ich will. Oder ich kann sie ändern und ich mache sie leuchtend rot. Sie können dieses Trennzeichen sehen, dass der kleine Schrägstrich zwischen den Navigationselementen rot wurde. Aber das verbindet sich auch direkt mit unserer horizontalen Linie hier unten, die auch rot wird. 35. Verwendung des Style: Wenige andere Dinge, die wir mit dem Kopfzeilenhintergrund arbeiten können und wieder, wir werden tatsächlich dies ein Attribut sein, das wir einige Dinge ändern müssen, um zu sehen. Aber wenn Sie sich erinnern, hinter diesen Bildern haben wir diese graue Farbe genau hier. Was, wenn ich nicht will, dass das grau ist und ich leuchtend rot sein wollte. Wieder sieht das schrecklich aus. Aber noch ein kleines Merkmal hier, oder ich kann es weiß machen oder eine Handvoll Dinge. Sie können auch ein Kopfzeilenhintergrundbild erstellen, so dass dies zum Standardbild oder vielleicht zu einer Textur wird, die Sie dort einfügen. Ich kann die Titelfarben der Website ändern. Wieder, vielleicht will ich nicht, dass dieser Website-Titel hier wirklich, tut mir leid, dass ist falsch. Diese Seite Titelfarbe, wird tatsächlich sein, und dann werden wir hier wieder kommen und beheben , dass kleine Breite genau dort, weil wir es wirklich mochte und wie in diesem Blick viel mehr. Wir haben die Titelfarbe der Website und so hier können Sie sehen, ich ändere die Website ohne Code-Texte, und die Farbe direkt dort. Aber beachten Sie auch, dass, wenn Sie ein Logo hochladen, das ich Ihnen zeigen werde ein wenig später, wenn ich in das Website-Design gehen. Wenn ich ein Logo hochlade, das tatsächlich den Text hier ersetzt , und dann wird die Titelfarbe der Website tatsächlich irrelevant, es sei denn, das Logo wird nicht geladen. Sie können eine Hover-Farbe dafür wählen, die wiederum ich im Vorschaumodus bin, so dass Sie es nicht sehen können, aber ich kann es funktionieren, wenn Sie den Mauszeiger darüber bewegen, dass sich die Farbe ändert. Hier haben wir den Seitentitel, und Sie werden zwei Attribut bemerken. Sie werden den Seitentitel und die Farbe des Seitentitels bemerken. Oft, wenn Sie auf ein echtes Schriftattribut suchen, erhalten Sie diese verschiedenen mehrere Dinge, die Sie im Grunde können Sie die Farbe wählen. Wieder, wenn ich wollte, dass das rot oder weiß ist, lassen wir es weiß, nur weil das funktioniert. Dann haben wir auch dieses Dropdown-Menü für den Seitentitel. Hier, wann immer wir dies tun, ist dies eine gemeinsame Sache, Sie werden dieses kleine Textfenster jederzeit sehen, wenn Sie ein Textelemente wählen. Das erste, was Sie sehen, ist der Schriftname, der Stil, die Schriftgröße, die Zeilenhöhe, Texttransformation und der Buchstabenabstand. Lassen Sie uns das wirklich schnell ändern und wir gehen von Proxemi ANOVA zu Josefin Sans. Jetzt werde ich tun Open Sans Joseph Sans ist eine Schriftart, die ich sehr feminine hübsche Schriftart mag. Open Sans ist eine weitere wirklich gute, die ich viel benutze. Also wähle ich Open Sans und du kannst sehen, wie sich die Schriftart hier ändert. Ich kann auch wählen, wie dick ich möchte, dass diese Schriftart wirklich super dick wird, und fett, wenn ich will. Ich kann die Schriftgröße ändern, ich kann die Zeilenhöhe ändern, es sieht so aus, als würde es hier viel tun, aber es ist wirklich nicht. Die Zeilenhöhe ist die Höhe zwischen der Linie, also werde ich das später auf dem anderen Inhalt demonstrieren und Sie werden in der Lage sein , ein bisschen mehr von dem zu sehen, was tatsächlich vor sich geht. Text Transform, können Sie alle Großbuchstaben tun, wenn Sie möchten, oder Sie können alle Kleinbuchstaben setzen. Sie haben auch diesen Buchstabenabstand, also wollen wir vielleicht diesen wirklich auseinander liegenden Willkommens-Schriftzug. Man kann experimentell werden und dort etwas Spaß haben. sind einige der grundlegenden Attribute rund um das Bearbeiten von Schriftarten und Sie dieses Fenster wieder sehen, ich werde Ihnen einige Male zeigen. Slogan der Website. Auch hier sehen wir nicht wirklich das Site-Slogine-Attribut. Dann haben Sie den Banner-Flächenabstand und dies ist ein weiterer, der einzigartig auf fünf ist. Wieder, nicht jedes Thema wird dies haben, einige von ihnen können unterschiedliche Optionen haben. Aber ich kann hier runterkommen, und ich kann anfangen, das Banner riesig zu machen. Oder ich kann hierher kommen und das Banner wirklich klein machen und ich kann wirklich anfangen zu experimentieren und Spaß damit zu haben. Eine Sache, die Sie bemerken, wenn Sie sich an meinen Jake Jorgovan.com erinnern , vielleicht sollte ich gleich hier rüber kommen. Ich benutze fünf, aber ich benutze das Banner überhaupt nicht, ich habe das Banner buchstäblich auf Null gesetzt und ich werde ein anderes Attribut ändern, das ich Ihnen in einem Moment zeigen werde. Es erlaubt mir wirklich diese saubere, minimalistische Website zu haben und das zu tun, ohne sich darum kümmern zu müssen, das Banner hier zu haben oder ein Banner auf jeder einzelnen Seite zu haben. Wieder werden wir einfach weiter unten gehen, und Sie werden sehen, dass dies auf Null gesetzt ist, aber wegen eines anderen Attributs ist es tatsächlich immer noch da und ich werde Ihnen zeigen, wie Sie das beheben können, wenn ich da unten komme. Sie haben diese Überlagerungsfarbe auf dem Banner. Standardmäßig ist dies etwas, das Sie in vielen Themen als Overlay sehen werden , und das bringt mich zu einer anderen Sache. Das ist im Grunde, dass dieses Bild diese Überlagerung darauf hat und damit ich es rot machen kann, könnte ich es grün machen, wenn ich wollte. Im Moment ist es nur grau, also ist es ein wenig grau und Sie können die Schrift lesen. Eine Sache, die Sie bemerken werden, Sie werden dieses A und die 0,2 sehen , die die Deckkraft ist. Wenn ich also beginne, das nach rechts zu ziehen, wird das Overlay buchstäblich zu einer einfarbigen Farbe. Wenn ich dann den ganzen Weg runter nach links komme, kann ich das Overlay Null machen. Oder wenn ich das Overlay nicht möchte, kann ich einfach transparent klicken, und dort sehen wir nur das Bild ohne Overlay überhaupt. Wieder, jetzt werden Sie sehen, dass in vielen verschiedenen Themen als Overlay-Option. Ein Banner-Textbreite wieder das ist etwas, das Sie mit diesem Banner-Text hier tun können. Wenn Sie etwas wirklich lange haben, können Sie wählen, wie breit Sie das sein wollen. Dann ein Bannerinhalt, das ist das Attribut, über das ich zuvor gesprochen habe. Im Moment sehen Sie, dass ich den Seitentitel habe, kann ich es auch ändern, um den Website-Titel oder das Logo auf Slogan zu sagen. Nun, ich habe kein Logo hier oben, aber stattdessen schwebt es über diesem Bild, oder wenn ich leer wähle, dann passiert, dass der Seitentitel überhaupt nicht erscheint. Wenn ich auf die Höhe der Bannerfläche zurückkomme, kann ich das Banner buchstäblich verschwinden lassen. Jetzt haben wir dieses Banner überhaupt nicht, wir haben nur buchstäblich die Navigation und diese Website. Also ist es wirklich cool Sache, wenn Sie eine grundlegende Website wollen, Sie wollen sich nicht um all die anderen Dinge kümmern, Sie können einfach loswerden, dass. Noch eine Sache, die Sie bemerken werden, ich werde Ihnen das jetzt zeigen. Wenn ich meine Maus hier bewege, werden kleine Abschnitte blau oder ich sehe gepunktete Linien oder irgendetwas. Überall, wo ich klicke, wird es mir sofort dieses Attribut zeigen, so dass Sie sehen können, dass zwischen der Navigation und dem Ort, an dem diese Seite beginnt, ein Leerzeichen vorhanden ist, und das liegt daran, dass ich meinen Seitenabstand auf 100 festgelegt habe. Oder vielleicht will ich nicht 100, und ich möchte, dass das ein bisschen näher an der Spitze sitzt, und ich möchte etwa 24 Pixel unten sitzen. Auch hier konnte ich nur darauf klicken und wir haben das genau dort angepasst. Ich kann auch auf das Logo hier oben klicken, und wieder kann ich diesen Website-Titel, Farbe oder so etwas ändern . Ich kann die Schriftart direkt hier ändern, auf die ich auf dieser Liste komme. Aber das ist wirklich cool, was Sie einfach klicken und verschiedene Dinge bearbeiten können. Wenn Sie jemals wieder zur Master-Liste zurückkehren möchten, klicken Sie einfach auf alle anzeigen, und hier sind wir gleich wieder auf unserer normalen Master-Liste. Es zeigt dir also eine Menge, wie ich sehe, ich hoffe, du nimmst es auf, das ist ein wirklich mächtiges Werkzeug. Wieder, wenn Sie überwältigt werden, ermutige ich Sie einfach zu tauchen, und beginnen Sie mit allem zu spielen und um verschiedene Optionen zu wechseln und es auszuprobieren, weil jedes Thema seine eigenen individuellen Dinge hat. 36. Verwendung des Style: Als nächstes werde ich Ihnen zeigen, ist der Navigationshintergrund. Aber weißt du eigentlich was? Bevor ich weiter dorthin gehe, will ich wirklich ein Banner. Ich wollte das für euch zeigen, aber ich mag dieses Bild und ich werde es verlassen. Springen zurück zu diesem obwohl, der Navigationshintergrund. Angenommen, ich möchte diesen Navigationshintergrund rot machen. Ich habe jetzt gerade die Navigation rot gedreht. Das ist eine wirklich praktische Sache da. Aber nochmal, ich mag nicht, wie das genau hier ist. Ich möchte eigentlich, dass dies die vollständige Website ist. Wieder, wenn wir hier runter kommen und wir die Canvas-Einstellung machen, wenn wir es in voller Breite geht plötzlich alles wieder voll mit der Website. Ich werde auch diese Polsterung hier oben loswerden, diesen Canvas-Offset, den ich anfangs angefangen habe. Hey, das fängt an, ein bisschen mehr wie eine Website zu sehen. Ich will eigentlich keinen roten Hintergrund, also werde ich hier runterkommen. Ich habe nur ein bisschen herumgesprungen, dir eine Handvoll verschiedene Dinge gezeigt, in der Hoffnung, dass dir das eine Vorstellung davon gibt, wie du Sachen bearbeitest. Site-Name, wenn ich diese Schriftart ändern möchte, bekomme ich wieder dieses Dropdown-Menü. Springen Sie das rüber zu Open Sans. Du willst diese Buchstaben ein wenig ausräumen und sie vielleicht wirklich dünn machen. Ja, sieh dir das an. Dann kommen wir runter, wir können zu den Navigationsschriftarten gehen. Das ist eigentlich diese Schriftart über die Navigationselemente. Wir ändern das auch in Open Sans, und Sie sehen, dass sich die Schriftart gerade geändert hat. Auch hier habe ich die gleichen Optionen. Wir können die hier ausräumen. Viel Spaß damit auch. Ich kann die Linkfarbe, den Link Hover Status, den aktiven Link ändern . Die Linkfarbe ist nur standardmäßig, dass sie grau sind, diese graue Farbe hier. Ich werde die ändern. Die Linkfarbe, Moment habe ich so rot, aber das ist rosa. Ich werde die schwebende Farbe als grün machen, nur sehr viel für Demonstrationszwecke. Ich mache die aktive Farbe als blau. Was Sie hier sehen werden, ist, dass die Links nativ rot sind, sie waren natürlich alle rot, dann bin ich auf der Willkommensseite, so dass die Willkommensseite blau wird. Auch hier wird es das nicht tun, während es im Stil-Editor ist, aber wenn ich über den Mauszeiger gehe, würde es grün werden. Wieder, nicht die hübscheste, aber ich versuche nur, euch einige Elemente dort zu zeigen und zu zeigen. Wir haben auch diesen Navigationsabstand. Wieder, das ist eine andere Sache, die Sie bemerken können, ist, dass diese blauen Linien sehen, wie ich hier schwebe, hier nach oben schauen und Sie werden diese blauen Linien sehen. Wenn ich den Mauszeiger über diesen Navigationsabstand führe, erscheinen diese blauen Linien und zeigen mir, was ich tun werde. Wenn ich beginne, den Navigationsabstand zu erhöhen, beginne ich zu sehen, dass dies die Polsterung oben und unten setzt , oder ich kann es so winzig machen. Dann gehen wir wieder, arbeiten auch mit der Navigationsposition. Wollen wir das über dem Banner oder wir können das unter das Banner setzen? Vielleicht wollen wir einfach keine Navigation überhaupt und wir wollen nur diese saubere, einfache Website ohne die Navigation, könnte für eine einseitige Website funktionieren, wahrscheinlich nicht viel sonst. Wieder lassen wir das da. Wir können auch wählen, wollen wir die Navigation links, Mitte oder rechts. Sie werden feststellen, dass einige dieser Social-Media-Symbole entsprechend angepasst werden. 37. Verwendung des Style: Zu Demonstrationszwecken habe ich gerade diese drei Rubriken aufgestellt. Ich ging rüber und fügte diese hier hinzu, und was Sie sehen, ist eine Rubrik 1, eine Rubrik 2 und eine Rubrik 3. Hier im Stil-Editor, unter Hauptinhalt, sehen Sie Abschnitte für Überschrift 1, Überschrift 2, Überschrift 3 und Ihren Textkörper. Denken Sie daran, in der Schrift Video, wo ich erklärt, dass dies ist, wie Websites mit diesen Überschriftenattributen eingerichtet werden. Nun, wenn ich will, was ich tun kann, ist einfach hier reinkommen und ich kann dies zu Open Sans ändern oder die Schriftart ändern, und hier ist diese Änderung es unter meinem Überschrift 1-Attribut genau hier. Überall auf der Website, die ich eine Überschrift 1 habe, wird es automatisch ändern, um diese Attribute zu entsprechen und dem Stil entsprechen. Das gleiche mit der Rubrik 2. Wir wollen nicht, dass das gelb ist, aber wir wollen, dass es verrückt-grün ist. Auch hier können wir durchgehen und einfach diese Attribute der Überschrift 2 ändern, und das wird sich den ganzen Weg über die Website ändern. Wieder werden wir das auch in Rubrik 3 tun. Ändern Sie das, vielleicht möchten wir, dass das ein wenig größer wird, und Sie können mit jedem dieser Attribute auch arbeiten, und wir werden „Alle anzeigen“ drücken, um zu allen von ihnen zurückzukehren. Aber wie ich Ihnen schon am Anfang sagte, die Websites und das Web im Allgemeinen um diese Überschriftenoptionen herum gestaltet, und wenn Sie diese drei erstellen, werden Sie im Grunde nur machen, Überschrift 1 sollte die größte, Überschrift 2 sollte die zweitgrößte sein, und Rubrik 3 sollte die kleinste sein, und dann verwenden Sie einfach diejenigen auf Ihrer Website, wo immer Sie sehen, sie passen. Jetzt zeige ich Ihnen ein paar andere Dinge unter dem Hauptinhalt. Sie können Ihren Canvas-Hintergrund ändern, was Sie eigentlich denken würden, wäre ein Website-Hintergrund. Aber Ihr Canvas-Hintergrund ist eigentlich der Hintergrund Ihrer Seite. Also die eigentliche Seite, auf der alle Ihre Inhalte sind. Wir lassen das weiß. Vielleicht möchten Sie Ihre Website schwarz, also können Sie das auch tun und Ihren ganzen Text weiß machen, wenn Sie wollen. Dann kommen wir hier runter, ich werde Ihnen den Text zeigen. Body-Text ist Ihre grundlegende nur Schriftarten und Text Ihrer normalen Website. Auch hier kann ich dies zu Open Sans ändern, wir sehen, dass alle hier reflektiert werden, ich kann die Schriftgröße ändern, wenn ich möchte, kann ich die Zeilenhöhe ändern, und dies habe ich versucht, früher zu demonstrieren, aber die Zeilenhöhe ist, wie viel Platz zwischen den einzelnen Zeilen ist. Wieder, Sie haben es geschnürt, oder sehr groß, oder etwas Schönes dazwischen. Sie können auch den Buchstabenabstand als gut tun, und das könnte ein wenig schwer zu lesen, aber Sie können diese ausräumen, wenn Sie es wünschen. Sie können die Textfarbe ändern, wieder vielleicht wollten Sie dieses Rot, oder so etwas, und dann Ihre Linkfarbe, wir machen diese himmelblau. Was Sie hier sehen werden, ist der Link meines Portfolios hier drüben. Erinnerst du dich, wie wir das als Link aufgebaut haben? Nun, jetzt haben wir gerade so blau gedreht, und jetzt weiß jeder, dass das ein Glied ist. Manchmal ist das etwas zum Nachdenken, aber viele Leute mögen diese wirklich kleinen dünnen Schriften, was ich hier habe. Aber es macht es wirklich schwer, diese Farbänderungen zu sehen und ehrlich zu lesen. Also, wenn ich das ein bisschen auf 400 stöße, plötzlich ist diese Linkfarbe viel definierter und alles ist eigentlich ein wenig leichter zu lesen. Ich kann auch die Hover-Farbe wählen. Viele Male, was Sie tun können, ist, die Hover-Farbe in etwas helleren Zustand zu machen. So war es eine kleine Veränderung, aber es ist nicht drastisch. Wenn wir ein Blockzitat hatten, denken Sie daran, wie wir das Blockzitat früher in einem kleinen Zitatblock gemacht haben, können Sie die Schriftart auf diesen ändern und die Schriftgröße und alles dort ändern, und Sie können Ihren Seitenabstand bearbeiten ist der letzte hier mit dem ich dir hier oben gezeigt habe und wir vorher gearbeitet haben. Ihr Seitenabstand ist, wie weit zwischen dem oberen Rand der Website und Ihrem Inhalt, wie viel Abstand dieser dazwischen. Eine letzte Sache, die ich Ihnen zeigen werde, bevor wir weiter auf dieser Liste gehen, es ist eine große Liste, ich weiß, aber wir machen unseren Weg durch, ist, dass, wenn Sie Schaltflächen bearbeiten wollen, Ich habe Ihnen früher in einem vorherigen Video gezeigt, wie man -Schaltflächen. Wenn Sie auf „Mein Portfolio anzeigen“ klicken , können Sie tatsächlich beginnen, den Stil der Schaltflächen zu ändern. Also haben wir die solide, oder wir haben einen Umrissstil, oder diesen erhöhten Stil. Wir werden eigentlich vorerst bei soliden bleiben. Aber vielleicht mögen wir dieses langweilige Quadrat nicht, wir wollen ein abgerundetes. Sie bemerken diese Farben es ist subtil, aber die abgerundete, oder vielleicht wollen wir diese Pille oval aussehen, und vielleicht möchte ich, dass meine Knöpfe grün sind, so kann ich auch die Farbe der Tasten ändern. Ich kann auch die Textfarbe ändern. Also vielleicht, wenn ich den Text rot oder schwarz will und ihn schrecklich und weihnachtlich aussehen lassen, aber ich lasse ihn weiß. Ich kann sogar die Schriftart darauf ändern. So können Sie hier wirklich feine Melodie bekommen und auch daran arbeiten, Ihre Knöpfe zu stilisieren. Ich gehe zurück, um alles zu zeigen und weiter den Style-Editor mit den Jungs zu machen. Scrollen Sie nach unten, wir haben Hauptinhalt gemacht, wir haben die Navigation gemacht, jetzt gehen wir zur Fußzeile. Ich habe euch nicht wirklich gezeigt, wie man es bearbeitet. Jetzt werden wir die Fußzeile machen, und was wir hier tun werden, ist im Grunde nicht die Fußzeile, Sie haben wirklich nur eine Handvoll Optionen, aber Sie können den Text hier unten ändern. Wenn Sie wollen, wieder, einen anderen Text, können Sie den Stil ändern, all das Zeug. Auch hier sehr normal und Sie können es nach links, Mitte oder rechts ausrichten. Dann auch von Natur werden Sie diesen kleinen Fußzeilenrand genau hier bemerken. Wir werden im Grunde, wenn Sie wollen, können Sie einfach deaktivieren, dass, und plötzlich gibt es keine Grenze zwischen der Fußzeile und der Unterseite. Sie können Ihre sozialen Symbole in der Fußzeile auswählen und wie groß Sie wollen, dass diese Jungs sein, die jetzt angepasst wird. Das könnte hier oben sein. Tut mir leid, wir sind nicht mehr in der Fußzeile. Dies sind die sozialen Symbole, die in die fünf Thema integriert sind, und die sozialen Symbole, die hier unten sind, sind tatsächlich durch das soziale Icon-Widget gebaut, so sorry, Sie dort zu verwirren. Sie können die Farbe dieser Symbole ändern, wenn Sie möchten, machen Sie sie leuchtend rot. Auch hier können Sie den Stil wählen und wie Sie möchten, dass diese aussehen. So wie wir es vorher getan haben, und dann können Sie auch wählen, ob Sie sie nur oben, unten, oben und unten, oder um sie zu verstecken. Wenn wir sie auf den Boden legen, werden Sie feststellen, dass dies eintaucht, und das ist ein wenig anders als das hier unten, weil dies ein Squarespace-Block ist. Das hier ist eigentlich in das Thema eingebaut. Als Nächstes kommen wir hier runter zum Blog. Eigentlich werde ich in Zukunft zu diesem Kerl zurückkommen, sobald ich euch das Blogging-Kapitel zeige und wir das eingerichtet haben. Dann ist der letzte hier wieder, Sie haben auch Ihre Knopfblöcke. Beachten Sie, wie es mittel hier sagt, dies zeigt nur das Medium, weil dies die einzige Tastengröße ist, die ich erstellt habe. Aber wenn Sie auch einen kleinen Knopf und einen großen Knopf haben, können Sie diese auch anders gestalten. Damit du es wieder gutmachen kannst. Sie können Ihre kleine Taste rot und Ihre mittleren Tasten grün sein. Wieder, eine Menge hier, eine Menge, die ich Ihnen gerade gezeigt habe, und ich weiß, es scheint überwältigend, aber im nächsten Abschnitt oder im nächsten Bereich, wenn ich tatsächlich beginne, die Website zu entwerfen, ich denken, Sie bekommen, um dies in Gebrauch viel mehr zu sehen. Sie werden einige Beispiele aus der realen Welt damit sehen, aber in Wirklichkeit müssen Sie nur damit spielen. Sie müssen ein anständiges Auge für Design haben, und einfach mit verschiedenen Dingen rummachen, und ich denke, Sie werden beeindruckt sein von dem, was Sie gekommen sind. 38. Wie du einen Blog einrichten kannst: Eine der mächtigsten Funktionen von Squarespace ist die Blogging-Plattform. Es ist wirklich robust und wirklich einfach zu bedienen. In diesem Video werde ich Ihnen zeigen, wie Sie Ihren eigenen Blog einrichten und starten. Um zu beginnen, werden wir hier auf den Seiten-Reiter zurückkommen, und wir werden zu unserer Hauptnavigation kommen, und wir werden dieses „Plus“ -Symbol treffen. Wir werden nach unten scrollen, um Blog und klicken Sie auf „Blog“, und wir werden diesen Blog Titel und halten es ziemlich geradlinig und einfach. Nun, was Sie sehen werden, ist, dass dies wird auftauchen und uns zu dieser Blogging-Seite bringen, die Sie sehen werden, hat diese Seitenleiste. Ich zeige dir in einer Sekunde, wie du damit arbeitest. Dann hier drüben auf der linken Seite haben wir diese Art von Blog-Manager, wo wir alle Entwürfe sehen, überprüfen und geplant. Also, was wir tun wollen, um einfach zuerst einen Blog-Beitrag zu erstellen, ist auf diese Schaltfläche Beitrag hinzufügen klicken. Wenn wir Beiträge hinzufügen, wird es dieses Post-Editor-Fenster in diesem Edit Post Fenster aufzurufen. Wir werden sagen Neuer Blog 1. Das ist unser Titel hier unten im Text, und ich sage: „Das ist ein brandneuer Blog.“ Was Sie jedoch bemerken werden, das ist, was ich an der Blogging-Plattform liebe, ist, dass Sie den vollständigen Editor haben. Sie können in jedem dieser Bildblöcke setzen, Sie einfach in ein Bild, eine Galerie oder ein Video, so etwas. Sie können einfach nur diese alle die gleichen Funktionen direkt in einen Blog-Beitrag stecken und das macht es großartig und wirklich, wirklich einfach zu bedienen. Einige grundlegende Sachen dort können Sie wieder, machen Sie einfach einen ganzen Blog Beiträge, was Sie wollen. Verwenden Sie ein Bild, verwenden Sie alle Widgets und alles, was da drin ist. Also wirklich, wirklich praktisch Werkzeug zu haben, haben Sie den gleichen grundlegenden Texteditor und alles hier oben. All dies funktioniert sehr ähnlich wie das, was ich dir in früheren Videos beigebracht habe. Jetzt, sobald Sie Ihren Blog geschrieben haben und Sie haben alles hier oben. Sie werden hier rüber gehen und zum Abschnitt Optionen kommen, und Sie werden ein paar Dinge hier unter dieser Registerkarte Optionen haben. Zuerst wirst du ein Miniaturbild haben, und so werden wir hierher kommen und einfach ein Miniaturbild für einen Beitrag hochladen. Dies wiederum wird nur das grundlegende Thumbnail sein, einige Themen werden diese ziehen und dies als Teil des Designs verwenden. Andere werden es nicht, aber diese Dinge wie der Zusammenfassungsblock, wie ich Ihnen zuvor gezeigt habe, dass es dieses Miniaturbild ziehen wird. Jetzt müssen Sie kein Miniaturbild haben, aber es wird empfohlen oder wenn Sie es in dieser Art von Design Ihrer Website haben möchten. Wir haben auch diesen Beitrag URL Abschnitt hier. Dies ist wirklich nützlich für die Suchmaschinenoptimierung, weil Ihre URL, also zum Beispiel, dieses Tag, das wir hier haben, ist Ihre URL. Das ist es, was wir jetzt tatsächlich in die Kiste stecken. Wir haben die jake-jorgovan/blog suchen den Namen des Beitrags. Wir werden sagen, New-Host-Nummer-1. Das können wir hier reintippen. Sie können den Autor ändern. Wenn Sie also mehrere Profile auf Ihrer Squarespace-Website haben, können Sie diesen Autor ändern. Sie können die Quell-URL verwenden, wenn Sie sagen, einfach etwas als Snippet von einer anderen Website einfügen , die Sie mit der Quelle verknüpfen können. Dann haben Sie einen Auszug. Das ist der Auszug, ich kann keinen Auszug buchstabieren. Wenn Sie sich erinnern, als wir mit dem Summary Block gearbeitet haben, gab es diese Option für Auszüge und es gab diesen Text, die Zusammenfassung des Beitrags. Das ist, was das ist, und ich werde es Ihnen sogar auf meiner Seite zeigen. Hier habe ich eine Liste aller meiner Blog-Posts und dieser kleinen Autotexte darunter, das sind die Auszüge, die ich habe. Sie sind nicht der vollständige Beitrag, aber sie sind ein Teaser, und dann können die Leute klicken und mehr lesen, und dann können sie den vollständigen Beitrag und alles hier sehen. Auch hier sind die Auszüge in einem Blogging-Feature und auch für den Summary Block nützlich. Wenn Sie sich auch erinnern, im Zusammenfassungsblock erwähnte ich die vorgestellten Beiträge Fähigkeiten. Wenn Sie möchten, können Sie etwas als vorgestellte Beiträge markieren, wenn Sie möchten. Dann gehen wir einfach und ich zeige Ihnen ein paar andere Dinge. Sie können einen Standort mit Ihrem Beitrag markieren, wenn Sie möchten. Du musst es nicht tun, aber wenn du vielleicht ein Reiseblogger bist, könnte das von Interesse sein. Du kannst automatisch Beiträge in sozialen Medien veröffentlichen, die ich wahrscheinlich nicht auf meinem Twitter veröffentlichen möchte oder meine Follower würden mich hassen weil ich sie zu nichts veröffentlichen würde, das werde ich nicht tun. Aber Sie können dies automatisch auf Ihre verschiedenen Twitter oder Ihre Facebook-Konten oder so etwas posten lassen. Dann eine letzte Sache, die ich Ihnen zeigen möchte , hier auf der Registerkarte Inhalt sind die Tags und Kategorien. Wenn Sie einfach hier nach unten kommen und auf „Kategorien“ klicken, können Sie eine Kategorie erstellen. Vielleicht sage ich Geschäft, und ich sage Fotografie, und ich könnte eine andere Kategorie für Kunst haben. Ihre Kategorien sind sie nicht sehr wichtig, aber wenn Sie möchten, dass jemand in der Lage sein, Ihre Website zu durchsuchen, können Sie das tun. Sie können zwei Kategorien verknüpfen oder Sie können den Zusammenfassungsblock verwenden, wie ich mich erinnere, Ich habe Ihnen vor der verschiedenen Filterung mit Tags und Kategorien gezeigt. kannst du auch tun. Dann haben Sie auch dieses Tags-Attribut, und das ist wieder ein weiterer wirklich wichtiger Ort, an dem Sie Suchmaschinenoptimierungsschlüsselwörter hier einfügen können , und das ist hilfreich. Sie können auch andere Dinge setzen, die Sie vielleicht den Beitrag kategorisieren möchten. Vielleicht Thailand, oder der Ort oder so was. Auch diese Tags und Kategorien, wenn Sie anfangen, einen wirklich großen Blog mit viel Inhalt zu erstellen , können sie wirklich hilfreich sein, um Ihre Inhalte zu filtern und einzugrenzen. Wenn Sie fertig sind, können Sie hier nach unten kommen, und Sie können auf „Speichern“ klicken und es wird in einem Entwurfsmodus angezeigt, oder Sie können auf „Speichern & Veröffentlichen“ klicken und es wird auf Ihrer Website veröffentlicht. Also habe ich „Speichern & Veröffentlichen“ geklickt, und hier geht's los, wir haben Neuer Blog 1 erscheint hier. Neuer Blog 1 erscheint und dies ist ein brandneuer Blog. Also ja, wir können hier ein bisschen sehen, was los ist. Aber letztendlich will ich diese Sidebar nicht. Das gefällt mir nicht wirklich. Es gibt also ein paar Dinge, die Sie tun können. Erstens, wenn Sie sagen, dass Sie in Ihrem Blog Sidebar möchten, möchten Sie etwas hier drüben, dass die Leute für eine E-Mail-Adresse oder so etwas entscheiden können. Sie können einfach über scrollen und auf der Seitenleiste „Bearbeiten“ drücken. Sie können einfach den Beispielinhalt löschen, der hier drin ist, und wieder funktioniert dies genau wie alle anderen Dinge, die ich Ihnen gezeigt habe. Ich kann diese einfach wie der visuelle Editor ziehen und löschen, aber wir haben es jetzt nur mit einer Sidebar zu tun, also stapelt es sich nur vertikal. Sie können hier Text einfügen, „Registrieren Sie sich für meine Mailingliste“ oder alles, was Sie möchten. Jetzt haben wir diese Sidebar, und wir können das bearbeiten, wenn wir wollen. Die coole Sache über die Sidebar ist , dass es unabhängig davon, ob Sie in der Post sind, oder wenn ich nur auf die Blog-Seite gehen. Wenn Sie bemerken, wenn ich die Blog-Seite scrollen, sehe ich den Auszug und die Miniaturansicht, und wenn ich dann zu Read More gehe, sehe ich, dies ist ein brandneuer Blog und der eigentliche Text daraus. Aber die Sidebar bleibt dort, egal, weil ich im Grunde gesagt habe, dass ich in meinem Blog Sidebar machen möchte. Nun, was ist, wenn ich keine Sidebar in meinem Blog möchte, wie bekomme ich das zu verschwinden? Um das zu tun, wenn Sie wieder hier in den Blog-Einstellungen sind, werden Sie auf Ihre kleine Gangschaltung klicken, genau wie Sie eine Seite Einstellungen hinzufügen würden. Ich werde nach unten scrollen und ich habe diese Optionen aus meinem Blog ähnlich wie Seiteneinstellungen, aber ein paar verschiedene Dinge. Wir gehen zum Seitenlayout, und wir können zu Split Sidebars gehen, wenn wir wollten, oder wir können zu Zwei Sidebars gehen, machen es schlimmer oder Full Width. Wir können auch wählen, wie viele Beiträge pro Seite, wir können eine Beschreibung hinzufügen, ändern Sie die Schnecke, wenn wir wollten, und wir können ein Miniaturbild als auch hinzufügen. Nochmals, ich zeige dir das nicht alles. Der Beitrag per E-Mail-Adresse können Sie oder nicht wollen, zu verwenden, aber all diese Dinge sind nur sehr einfache Werkzeuge, die Sie verwenden können, um anzupassen. Aber wenn ich volle Breite getroffen habe und ich „Speichern“, und diejenigen, die es aktualisieren wird und jetzt gibt es keine Sidebar auf dem Blog. Ein paar andere Dinge, die ich euch zeigen möchte. Wenn Sie auf dem Blog fortgeschritten kommen, können Sie hier kommen, um Ihre Tags und Kategorien zu bearbeiten. Wieder, wahrscheinlich nichts, was Sie sich in diesem frühen Stadium zu viel Sorgen machen werden, aber vielleicht, wenn Sie ein wenig größer werden, und dann die Syndization, und Sie werden wahrscheinlich auch nicht zu viel darüber sorgen. So hast du also einen Blog in Squarespace eingerichtet, aber wie ich dir vorher versprochen habe, musste ich euch zeigen, wie du deinen Blog auch stylen kannst. Wenn wir hierher zurückkommen und den ganzen Weg nach Hause gehen, und wir gehen zum Style-Editor. Design, Stil-Editor. Wir stellen fest, dass wir tatsächlich diesen ganzen Abschnitt hier unten nur dem Styling eines Blogs gewidmet haben. erste, was wir tun können, ist, dass wir diesen Meta-Text haben, den Sie das Datum bemerken und all das hier unten ist Meta-Text. Auch hier kann ich die Schriftart, Farbgröße und so etwas ändern. Ich kann die Farbe ändern, wenn ich wollte oder es wirklich hell machen. Ich kann mich damit anlegen. Sie haben Artikelabstand, was wiederum, Sie werden das nicht zu viel sehen, weil ich nur einen Artikel habe. Aber zum Beispiel würde dieser Artikelabstand auf meiner Seite mehr Abstand zwischen jedem dieser Beiträge auf der Seite hier schaffen. Blog-Listen-Anzeige können Sie zwischen Voll- oder Kopf- und Fußzeile wählen, oder vielleicht sogar nur die Kopfzeile ohne die Metadaten. Auch hier können Sie wählen, ob Sie das Bild dort drin haben möchten oder nicht. Sie können die Blog-Byline auswählen. Ob du das unten, oben willst, oder ich nehme an, hey, das ist meine Seite, jeder wird wissen, dass ich es bin und ich werde es verstecken. Sie können die Blog-Datumslinie auswählen, und Sie können wählen, ob Sie das oben, unten möchten , oder einfach nur ausblenden. Die Blog-Paginierung. Also Paginierung wäre dies, wenn Sie über diese 20 Beiträge treffen und es hat die nächste oder vorherige. Sie können Ihre Schriftart direkt dort in Ihrer Farbe ändern. Also zeige ich es Ihnen hier. Wenn ich nach unten in meinem Blog scrolle, ist dies die Paginierung genau hier, und so kann ich diese Schriftart oder die Farbe ändern, wenn ich wollte. Ich kann auch eine Grenze darüber deaktivieren, wenn ich will. Es gibt normalerweise nur eine kleine Grenze da unten. Auch hier kann ich die Miniaturansichten ausblenden, wenn ich möchte, ich kann diese Symbole ausblenden, und ich kann die Tag-Kategorien einfach ausblenden, wenn ich möchte. So kann ich anfangen, mit diesem und allem wirklich einfach zu werden. Aber ich kann hier wirklich angepasst werden, wie ich möchte, dass mein Blog aussieht und die Stile, die um ihn herum sind. Ich hoffe, das war hilfreich, um Ihnen eine kleine Vorstellung davon zu geben , wie Sie einen Blog in Squarespace einrichten. 39. Über Squarespace's Blogger-Plattform: Zu diesem Punkt im Kurs haben Sie gelernt, wie Sie Ihre Squarespace-Website einrichten, Inhalte hinzufügen und jetzt wie Sie sie stilisieren und gestalten. Jetzt werde ich in einige der anderen Funktionen eintauchen, die für viele Website-Benutzer wirklich wichtig sind . In diesem Abschnitt werde ich speziell über Bloggen sprechen. Squarespace verfügt über eine extrem robuste und einfach zu bedienende Blogging-Plattform. In der Tat benutze ich es auf meiner eigenen persönlichen Website und ich liebe es absolut. In diesem Kurs werde ich Ihnen zeigen, wie Sie einen Blog einrichten, wie Sie neue Blogbeiträge hinzufügen und alles, was Sie rund um die Blogging-Plattform von Squarespace tun können . 40. Verwendung des eCommerce: In diesem Video werde ich Ihnen zeigen und Ihnen einen grundlegenden Überblick über den E-Commerce-Bereich geben . Um zu beginnen, um zum E-Commerce zu gelangen, werden wir kommen und klicken Sie auf „Commerce' aus unserer Hauptnavigation hier. Immer wenn Sie ein neues Commerce-Konto starten, ist das erste, was Sie wirklich tun wollen, zu klicken Sie auf diese „Erste Schritte“ Registerkarte. Sie werden feststellen, dass ich eine Null von den vier Einrichtungsoptionen für Erste Schritte habe. Wenn wir durchmachen, werden Sie im Grunde diese vier Optionen sehen , die Sie tun müssen, um Ihren E-Commerce-Store zu starten. Zuerst müssen Sie natürlich einige Produkte hinzufügen. Die zweite ist, dass Sie eine Versandoption erstellen müssen. Die dritte ist, dass Sie ein Stripe-Konto verbinden müssen. Das ist etwas, um sich bewusst zu sein, dass Squarespace nur mit Stripe integriert wird. Aber, wenn Sie sagen, Probleme haben oder Sie mit PayPal oder einigen anderen Zahlungslösungen integrieren möchten , gibt es dieses andere großartige Tool namens Ecwid. Ich würde sehr empfehlen, dies zu untersuchen, wenn dieser Streifen ein Deal Breaker für Sie ist, wie ich weiß, dass es für einige Leute ist. Aber ehrlich gesagt, Stripe ist keine große Sache, es ist wie PayPal. Es gibt keine monatlichen Gebühren oder so. Es ist wirklich toll, mit zu arbeiten. Sobald Sie diese anderen Optionen eingerichtet haben, können Sie den Schalter umdrehen und Ihr Geschäft kann live gehen. Beachten Sie nun auch, dass sie hier unten viele hilfreiche Artikel haben. Ich würde auf jeden Fall empfehlen, diese zu überprüfen, da E-Commerce einer der komplexeren Abschnitte von Squarespace ist. E-Commerce im Allgemeinen ist einfach komplex. Es ist also keine Schuld von Squarespace, sondern nur, dass es eine komplexere Sache ist, im Web zu tun. Das erste, was wir tun wollen, ist einfach einige Produkte hinzuzufügen. Dazu klicken wir auf diese Nummer eins und fügen einige Produkte hinzu. Was Sie bemerken werden ist, dass es der Blogging-Funktion sehr ähnlich ist und wie das funktioniert. Denken Sie daran, wie wir hier drüben die gleiche Option hatten. Nun, hier statt einen Blogbeitrag hinzuzufügen, werden wir ein Produkt hinzufügen. Sobald wir das tun, wird es uns diese Option geben, einen Produkttyp auszuwählen. Sie können ein physisches Produkt wählen, vielleicht etwas physisches, dass Sie tatsächlich gehen, um die Person zu senden. Sie können ein digitales Produkt wählen. Wenn Sie sagen, ein E-Book oder einen digitalen Kurs verkaufen, können Sie dies verwenden und es gibt Ihnen einige Optionen für Datei-Downloads, sobald sie zahlen. Oder Sie können einen Service verkaufen und vielleicht kann ich auch einen Beratungsservice oder ein Produkt verkaufen , das ich mit diesem Service betreue. Wir gehen voran und beginnen einfach mit dem digitalen, um es einfach zu machen. Was wir hier tun werden, ist gekommen und Sie werden feststellen, dass, wieder, es ist ähnlich wie die Blog-Funktionalität, aber ein wenig anders. Wir werden den Produktnamen „The Focated Creator“ haben. Wir werden einige Bilder für dieses Produkt hochladen. Hier, sobald wir ein Bild haben, werden wir dieses Bild des Produkts hochladen. Wir können einen Preis für dieses Produkt festlegen, wenn wir wollen, oder wir können es auf Null lassen und es frei halten. Dies ist ein kostenloses E-Book, das ich geschrieben habe, also werde ich es so frei halten. Wir können eine kurze kleine Beschreibung schreiben: „Lernen Sie die Kunst, durch zu folgen und Ihre Ziele zu erreichen“. Hier haben wir im Grunde das Grundbild, die Beschreibung und den Titel eingerichtet . Komm her, wir können sie kategorisieren und markieren. Auch wenn Sie viele Produkte haben, wird dies wirklich hilfreich. Damit die Leute sagen können, ich möchte alle Ihre Bücher durchsuchen. Ich möchte alle Ihre Kurse durchsuchen, Ihre Hemden, Sie sind Hosen, wie auch immer Sie wollen. Sie können es kennzeichnen. Auch hier habe ich einige E-Commerce-Stores gemacht, in denen Leute es nach Farbe oder nach einer bestimmten Art von Stil markiert haben. Einige Dinge, die Sie auch tun können. Als nächstes kommen wir zu Preisen und Upload. Hier kann ich eine PDF-Datei oder eine digitale Datei hochladen, die jemand herunterladen kann. Sobald wir diese Datei haben, klicken wir einfach auf und laden sie hoch. Hier ist es nur gehen, um diese Datei hochzuladen. Wenn jemand sie entweder kauft oder auf „Kaufen“ klickt, es ihnen die Möglichkeit, diese Datei herunterzuladen. So werden wir nur sehen, dass das direkt dort hochgeladen wird, und dann haben wir unser digitales Produkt direkt dort oben und auf unserer Website. Sie können das Finale des Fokussierten Schöpfers in allem darüber direkt dort sehen. Sie können zu zusätzlichen Informationen kommen. Wenn wir wollen, können wir hier zusätzliche Informationen hinzufügen. Dies ist keine Suppe absolut notwendig, aber auf der Verkaufsseite werden Sie das sehen. Wir können ein Formular haben und Sie können Elemente von ihnen benötigen. Vielleicht möchte ich, dass jemand ein Formular namens The Focated Creator Kaufformular erstellt. Vielleicht möchte ich, dass jemand nur seine E-Mail-Adresse hat, und das von ihnen bekommen, wenn sie sich anmelden. Auch etwas tatsächlich habe ich euch nicht auf dem vorherigen Formular Video gezeigt, aber Sie können auch auf erforderlich oder nicht erforderlich klicken, wenn Sie mit Formularen arbeiten, um sie obligatorisch zu machen oder nicht. Nun muss mir jemand seine E-Mail-Adresse geben, wenn sie das Buch herunterladen. Ich kann hierher kommen und zwei Optionen. Ich kann die Produkt-URL ändern. Ich kann ein benutzerdefiniertes Add verwenden. Anstatt also „In den Einkaufswagen“ zu sagen, möchte ich vielleicht „Laden Sie das Buch herunter“ sagen. Ich kann vorgestellte Produkt wählen oder nicht, die, wieder, wenn Sie auf den Zusammenfassungsblock, es ist wichtig für Dinge wie diese. Um zu beachten, können Sie auch den Übersichtsblock für alle E-Commerce-Funktionen verwenden. Verweisen Sie sich auf diese Zusammenfassung Block Video und wir verwenden es für Bloggen, aber Sie können es auch für E-Commerce tun. Dann zuletzt, wollen Sie dies auf irgendwelchen Social-Media-Kanälen veröffentlichen oder nicht? Wir wollen das nicht, also überspringen wir das. Wenn wir fertig sind, drücken wir „Speichern und veröffentlichen“. Wir werden nur darauf klicken, hier drüben heißt es „Speichern und veröffentlichen“. Wir haben gerade unser allererstes Produkt kreiert. Nun, das ist noch nicht wirklich zu aufregend , weil wirklich wir dieses Produkt nirgendwo auf unserer Website haben. Wir haben es gerade erschaffen. Das nächste, was wir tun müssen, ist, das Produkt auf unserer Website zu bekommen, und es gibt ein paar Möglichkeiten, wie wir das tun können. Zuerst, wenn wir den ganzen Weg zurück kommen und wir auf Seiten gehen, werden wir sehen, dass wir hier und auf die Willkommensseite kommen können. Kommen Sie hier runter zu unserem Seiteninhalt. Wenn ich möchte, kann ich hierher kommen, einen Block hinzufügen und nach unten scrollen. Ich kann einen Produktblock hinzufügen. Ich werde nach dem Produkt suchen. Also werde ich nach dem fokussierten Schöpfer suchen, den ich gerade erstellt habe. Wir werden sehen, dass das da oben auftaucht. Jetzt habe ich all diese Möglichkeiten. Lass mich das bewegen, damit ihr es sehen könnt. Ich kann das Bild ein- oder ausschalten, was ohne es wirklich nichts da ist. Ich kann den Titel haben und den Preis anzeigen, die Beschreibung anzeigen, die ich erstellt habe, und die Schaltfläche „In den Einkaufswagen“ anzeigen, die aus irgendeinem Grund, dass man gerade nicht funktioniert oder richtig angezeigt wird, aber wir speichern unabhängig davon. Wir haben gerade unser erstes Produkt auf unserer Seite hinzugefügt. Jetzt funktioniert die Schaltfläche „In den Einkaufswagen“ nicht. Lassen Sie uns vielleicht versuchen, zu aktualisieren und zu sehen, ob es dadurch behoben wird. Wieder, manchmal bekommt man diese kleinen Bugs im Squarespace, also werde ich es einfach mit euch hier durcharbeiten. Da ist es. Nicht sicher, warum es vorher nicht angezeigt wurde, aber aktualisieren Sie die Seite und alles ist behoben. Wir haben gerade unser Produkt hinzugefügt. Wenn jemand auf das Produkt klickt, nehme ich einige auf die Verkaufsseite, wo sie durchgehen können. Dies ist die zusätzliche Information, die wir gemacht haben. Wenn ich das Buch herunterlade, muss mir jemand seine E-Mail-Adresse geben und dann kann er das Buch herunterladen. Das ist ein grundlegendes kleines Setup, wie man Produkte zum E-Commerce hinzufügt und dann, wie man den Produktblock auch tatsächlich verwendet. 41. Über Squarespace's E-Commerce-Plattform: In diesem Abschnitt des Kurses führe ich Sie durch, wie Sie einen E-Commerce-Store auf Ihrer Website einrichten. Nun können einige Leute einfach überspringen, wenn Sie nicht daran interessiert sind , einen E-Commerce-Store auf Ihrer Website zu haben. Aber wenn Sie es sind, macht Squarespace es wirklich einfach. In diesem Video zeige ich Ihnen, wie Sie die E-Commerce-Plattform einrichten und nutzen. 42. Eine Übersicht über den E-Commerce: Im letzten Video haben wir unser erstes Produkt entwickelt. In diesem Video möchte ich Ihnen ein bisschen mehr zeigen, wie Sie mehr Produkte erstellen und dann tauchen wir ein wenig weiter in den E-Commerce ein. Wenn Sie sich erinnern, haben wir das erste Produkt aus der ersten Registerkarte „Erste Schritte“ auf E-Commerce erstellt . Sobald Sie das tun, werden Sie feststellen, dass, wenn Sie hierher kommen, gibt es diese neuen Produkte, die in Ihrem nicht verknüpften Abschnitt aufgetaucht sind. Sie werden feststellen, dass das kleine $ Zeichen bedeutet, dass es sich um ein Produkt handelt. Nun, zuerst möchte ich wahrscheinlich nicht, dass das „Neue Produkte“ heißt. Also, was ich tun kann, ist, dass ich dieses kleine Zahnradsymbol hier klicken kann, und ich kann dies in nur Produkte ändern. Ich kann die Sidebar loswerden, wenn ich hier keine Sidebar verwenden möchte, mache sie auf meinen Produktseiten volle Breite. Ich kann diese Schnecke ändern, so dass es nur Produkte nicht neue Produkte sind. Auch hier sehr ähnlich wie die anderen, aber Sie möchten dies auch für die Produktseite tun. Jetzt stellen wir fest, dass die Produktseite tatsächlich volle Breite hat. Eigentlich nein, das ist die Produktseite im Allgemeinen. Etwas, was Sie tun können, sagen wir, wir setzen dies in der Hauptnavigation, ist, dass jetzt, wenn jemand nur auf „Produkte“ klickt, sie gehen, um diese coole, gut aussehende Produktdesign Seite zu bekommen . Wenn Sie mehrere Produkte hinzufügen, die automatisch über diese repliziert werden. Wenn wir nur in der Registerkarte Seiten und wir klicken auf diese Produkte wird uns wieder zu diesem ähnlichen Blog-Typ Editor, wo wir weitere Produkte hinzufügen können oder klicken Sie auf „Einstellungen“ und passen Sie die Einstellungen für dieses Produkt, wenn wir müssen. Das ist nur ein bisschen darauf, wie ihr mit mehr Produkten arbeiten und in Zukunft mehr Produkte kreieren könnt . Jetzt gehen wir zum E-Commerce und tauchen ein wenig weiter in das ein. Wenn wir zur Registerkarte Erste Schritte zurückkehren, stellen wir fest, dass wir wieder nur einen von vier abgeschlossen haben. Wir werden sehen, dass wir eine Versandoption erstellen müssen , wenn wir physische Waren verkaufen wollen. Wieder, denn jetzt, wenn ich nur ein digitales Produkt verkaufe, brauche ich das nicht wirklich. Ich kann überspringen, wenn ich will. Aber wenn Sie etwas versenden müssen, möchten Sie dies und geben Sie alle Ihre Versandinformationen ein. Dann drittens, wenn Sie einfach auf diese klicken, werden Sie Ihr Stripe-Konto verbinden, und sobald Sie alle drei davon erledigt haben oder Sie Überspringen gedrückt haben, wird Ihnen diese Option geben, um den Schalter zu drehen und live zu gehen. Jetzt, wenn Sie live sind, werden Sie feststellen, dass diese Commerce-Seite wird der Hub und die Heimat für alle Ihre alles Commerce auf Ihrer Website. Wenn ich zu Bestellungen gehe, kann ich hier reinkommen und meine ausstehenden, abgeschlossenen oder stornierten Bestellungen sehen . Ich kann wirklich gehen und das alles durchschauen. Sie können jede Zahlungsaktivität sehen, welche Zahlungen tatsächlich durchlaufen haben, welche Rückerstattungen, Ausfälle oder Rückbuchungen ich habe. Ich kann Inventar sehen. Wenn ich also ein physisches Produkt habe, kann ich Inventar festlegen, damit ich weiß, wie viele davon ich habe, und ich kann davon abziehen und das auf dem Weg einrichten. Nun, ich habe Spenden und wir können eine Spendenoption haben, bei der Leute spenden können. Ist eine andere Sache, die Sie mit Ihrem E-Commerce-Store einrichten können, so dass Sie das auch verfolgen können. Sie haben Ihre Versandoptionen. Also, wenn Sie jemals an Ihrem Versand arbeiten oder etwas ändern müssen, können Sie das hier tun. Sie können Ihr Konto auch mit der Versandstation verbinden, die eine weitere Webanwendung für den Versand von E-Commerce-Produkten ist. Wenn Sie mit der Schiffstation verbinden möchten, können Sie direkt hier verbinden. Auch hier ist es eine wirklich mächtige Sache, wenn Sie einen E-Commerce-Store betreiben. Coupons können Sie beliebige Coupons festlegen oder dort etwas erstellen, was Sie wollen. Sie können Steuern festlegen und unterschiedliche Steuern für verschiedene Länder und alles haben. So können Sie Regeln für verschiedene Bereiche oder Regionen festlegen. Sie können sich Ihre Buchhaltung ansehen und wenn Sie möchten, können Sie sich mit Xero einrichten, die eine beliebte Buchhaltungssoftware ist. Sie können tatsächlich Ihr quadratisches Raumkonto direkt hier über Xero verbinden. Schau dir an, was es getan hat, und ich werde darauf klicken. Sie können auch Ihre E-Mail-Einstellungen einrichten. Wenn jemand einen Kundensupport erhält oder er eine E-Mail von Ihnen , kommt er standardmäßig von noreply@squarespace.com. Aber vielleicht möchte ich, dass es von jake@jake-jorgovan.com kommt. So können Sie auch damit beginnen, mit diesen zu arbeiten. Dann können Sie auch benachrichtigt werden, wenn der Bestand auf Ihrer E-Mail zu niedrig ist. Sie können hier runter kommen und Ihre E-Mails auch einrichten und anpassen. Sie können hier reinkommen und tatsächlich anfangen, die einzelnen Texte und das Layout und den Stil für jede Ihrer individuellen E-Mails zu definieren . Wieder ein paar sehr coole Sachen. Es ist ein wenig komplexer, weil wir in den Code und einige von diesem Zeug kommen, also ist es nicht so einfach. Da dies eine Website ohne Code ist , möchten Sie wahrscheinlich nicht darauf eintauchen. Wir werden wieder zum Handel kommen. Auch hier unten haben Sie einige Store-Einstellungen. Wieder, Ihr Stripe-Konto, in welcher Währung funktioniert, Ihre Maße, Ihre Bestellnummern, Express-Checkout, ob Sie das dunklere, helle Farbschema ändern möchten. Mailchimp, du kannst dich mit dem hier verbinden. Sie können ein benutzerdefiniertes Checkout-Formular haben, wenn Sie möchten, und richten Sie Ihre Termrichtlinie, Nutzungsbedingungen, Ihre Datenschutzrichtlinie, all diese Dinge. Wie Sie sehen können, E-Commerce, es gibt eine Menge zu ihm. Aber wieder, klicken Sie einfach durch alle diese Menüs, arbeiten Sie durch diese und Sie werden Ihren Shop in kürzester Zeit einsatzbereit. Das ist alles, was ich wirklich über E-Commerce abdecken werde. Ich hoffe, das gibt Ihnen einen grundlegenden Überblick. Es gibt offensichtlich viel mehr Tiefe, ich kann nicht darauf hineingehen. Auch wenn die eingebaute Squarespace-Plattform nicht robust genug für Sie ist oder Sie einige zusätzliche Funktionen benötigen, werfen Sie einen Blick auf Ecwid. Es ist eine wirklich großartige Plattform, wirklich einfach zu integrieren und einfach in Squarespace einzubetten. Es wird Ihnen die PayPal-Integration und einige andere Funktionen, die Sie als E-Commerce-Store-Besitzer wichtig sein können. 43. So erstellst du Coverseiten: In diesem Video werde ich Ihnen erklären, was Titelseiten sind und wie man sie benutzt. Um zu beginnen, werden wir zur Hauptnavigation kommen und wir werden auf „Plus“ klicken. Wir werden eine Titelseite erstellen und wir werden sagen Galerie Anzeigen. Sobald wir das gemacht haben, wird es uns in diesen Titelseiten-Editor führen. Das sieht ein wenig anders aus als viele andere Dinge auf Squarespace. Aber im Grunde, was eine Titelseite ist, ist die einfache eine Seite Websites. Dieser Drehbuchautor, das Skript ist nur der Anfang, Ansicht Arbeit. Dies ist im Grunde genau wie eine einseitige Website, die erstellt wurde und anpassbar ist. Es gibt also nicht viele Funktionen, es gibt keinen ganzen Layout-Editor, aber es erlaubt Ihnen, einige wirklich coole Dinge zu tun. Sie werden feststellen, wenn wir auf „Layout ändern“ klicken, haben wir tatsächlich eine Menge, aus der wir wählen können. So können wir all diese verschiedenen Arten von Deckblättern auswählen , die diese verschiedenen Eigenschaften haben und sie aussehen, und wählen, was auch immer man sich wie eine richtige Passform für uns fühlt. Also lasst uns das hier wählen, Debut. Wir wählen das aus und wir werden sagen, ich mag das, das funktioniert, diese allgemeine Positionierung und der Stil davon ist etwas, was ich mag. Wir werden auf „Speichern“ klicken. Wir gehen zurück zur Galerie-Seite, und wir werden hierher kommen und wir werden das Branding und den Text ändern. Also können wir entweder einen Text haben, oder wir können es zu einem Logo machen, wenn wir ein Logo hochladen wollen, oder wir können Elisabeth Cairnes sagen, oder wir sagen einfach E. Cairnes, weil es aussieht , als wäre das jetzt ein wenig lang, um es zu schaffen einfach. Sie können diese Überschrift hier haben, bevorstehende Galerie zeigt. Wir sagen Denver Colorado, und Sie bemerken, dass sich dieser Text hier auf der Seite ändert. Sie können wählen, ob die sozialen Symbole vorhanden sein sollen oder nicht. Sobald wir das haben, stellen wir fest, dass wir im Grunde unser grundlegendes Branding und Text geändert haben. Kommen Sie zurück zu Gallery Show und wir können ein Video einbetten, wenn wir wollen. Das ist also wirklich cool, denn das ist eigentlich ein Vollbildvideo, das wir hier haben. Wenn ich hierher komme, merke ich, dass ich spielen und tatsächlich ein Video abspielen kann, wenn ich will, aber ich habe kein Video in diesem jetzt eingerichtet, also, das wird nicht funktionieren, aber das ist eine wirklich coole Funktion dieser Titelseite. Vielleicht wollen wir das nicht, also wählen wir ein Bild aus, und wir kommen hierher und laden ein Bild hoch. Wir gehen zurück zu dem Heldenschuss, den wir haben, und laden das hoch, und das wird dieses Bild ersetzen, das sie hier haben. Sobald das Videobild hochgeladen ist, merkt ihr, dass der ganze Hintergrund jetzt mit diesem neuen Bild tauscht, das wir haben. Wir drücken „Speichern“, gehen zurück zu Galerie Anzeigen, und wir können die Aktionen auswählen, Schaltflächen, Links und Formulare erstellen. Sie können Buttons haben, oder wir können eine Navigation mit einer Handvoll verschiedener Optionen und Links haben, zu denen es gehen kann, oder wir können Buttons haben und ein Formular haben, das dazu passt, so dass wir arbeiten und ein Formular erstellen können hier, wo wir vielleicht einige Informationen über die Galerie oder die RSVP erfassen. Also werden wir das einfach speichern und wir sagen nur RSVP dazu, und wir können den Link zu cairnes.com ändern. Jetzt haben wir diesen kleinen RSVP-Link hinzugefügt und es wird auf unsere Website verlinken , so dass jemand RSVP für die Veranstaltung. Wir werden speichern, gehen zurück zur Galerie Show, und wir können auch hier runter kommen und wir bekommen hier auch einen kleinen Miniatur-Stil-Editor. So können wir anfangen, dies zu ändern und es zu einer Schriftart zu machen, die wir mögen. Ich mache Josef, und wir können anfangen zu arbeiten und die Stile zu bearbeiten. Auch hier wird der Stil-Editor völlig abhängig von dem Deckblatt sein , mit dem Sie arbeiten möchten. Wie Sie sehen, haben wir gerade diese wirklich coole, einfache, schön aussehende Titelseite gemacht , und es ist sehr einfach, etwas sehr Cooles, das wir einfach verwenden können, um eine bevorstehende Veranstaltung oder eine Galerie zu fördern. Auch hier gibt es eine ganze Tonne von diesen, und viele von ihnen haben unterschiedliche Eigenschaften. Auch hier ist dieser sehr einfach, er konzentriert sich nur auf diesen grundlegenden Aufruf zum Handeln. Lass uns sehen. Dieser hier unten hat eine Option für eine Audio-Einbettung, so dass Sie einen Titel einbetten können, wenn Sie ein Musiker sind. Dieser hier ist ein anderes, das Video in die Vorlage integriert hat. Es gibt also eine Menge wirklich coole Dinge, die Sie mit diesen tun können und ich ermutige Sie, einfach mit allen von ihnen herumzuspielen. Es ist eine wirklich coole neue Funktion, die exklusiv für Squarespace ist, aber es ist eine Möglichkeit, eine wirklich coole Seite einfach hervorzuheben und wirklich etwas zu bewerben oder etwas zu unterscheiden. 44. Über Cover: Also habe ich Ihnen bis zu diesem Punkt eine Menge in diesem Kurs gezeigt. Aber ich habe noch eine Funktion, die wirklich cool ist, dass ich weiß, dass du lieben wirst. In Squarespace gibt es diese Funktion, die Deckblätter genannt wird. Cover Pages ermöglicht es Ihnen, eine einfache einseitige Website zu erstellen, die Sie verwenden können, um beispielsweise eine bevorstehende Veranstaltung, eine Produkteinführung, um ein Video zu präsentieren. Es gibt viele verschiedene Möglichkeiten, wie Sie es verwenden können, aber es ist eine wirklich coole Funktion, es ist gerade erst vor kurzem auf Squarespace und es ist eine, die ich absolut liebe und ich weiß, dass Sie werden begeistert, wenn Sie es sehen. 45. Über diesen Abschnitt des Kurses: Bis zu diesem Punkt habe ich Ihnen viele Features gezeigt und viele verschiedene Dinge in Squarespace demonstriert. Aber ehrlich gesagt, die Website, wie es jetzt ist, sieht es ziemlich schrecklich aus. Ich habe wirklich nur versucht, Ihnen Features zu zeigen und Dinge in Squarespace zu erklären. Nun, in der zweiten Hälfte dieses Kurses werde ich eine Website von Anfang bis Ende durchlaufen und gestalten. Ich werde die Theorie hinter demAufbau dieser Websites erklären und dann werde ich Aufbau dieser Websites erklären und dann werde ich gesamte Screen-Capture-Video aufzeichnen, während ich durchgehe und jedes einzelne Stück der Erstellung der Website und es live zu starten. Ich weiß also, dass dieses Verfahren in Aktion passiert, es wertvoll für Sie sein wird, eine ganze Website von Grund auf neu gebaut zu sehen . 46. Wie du eine Sitemap erstellung erstellst und deine Website planen: Um zu beginnen, bevor wir überhaupt in den Squarespace kommen, werde ich rüber springen und dieses Tool namens MindMeister verwenden , über das ich ein bisschen früher gesprochen habe. Ich werde dieses Tool verwenden, um eine Sitemap zu erstellen und meine Squarespace-Website wirklich zu planen. Sie können einfach zu MindMeister gehen, Sie können sich kostenlos anmelden, und Sie erhalten drei Karten kostenlos zu machen. Sobald Sie sich anmelden, werde ich hier eine Mindmap verwenden, und wir werden eine einfache leere Sitemap haben. Ich werde den Namen dieser Sitemap auf ElisabethCaimes.com ändern, und was ich anfangen werde, ist im Grunde mein Ziel nur herauszufinden, was sind die Seiten, die auf dieser Website sein werden, und was soll ich tun, wenn jemand tun, wenn bekommen sie zu jeder Seite? Dies sind zwei wirklich wichtige Fragen, um herauszufinden, weil viele Male, Menschen werden Seiten auf ihrer Website haben und es gibt keinen Zweck für sie. Es gibt keinen Aufruf zum Handeln oder irgendetwas, was die Person tun soll. Unser Plan ist es, im Grunde zu versuchen, das zu planen und das auf der Vorderseite herauszufinden. Um dies hinzuzufügen, klicke ich zuerst hier nur auf den kleinen zentralen Hub. Kommen Sie her und treffen Sie hier oben ein Plus. Ich werde hier retten, wir werden eine Homepage haben. Ich komme hierher zurück und füge noch einen hinzu. Fügen Sie eine Info Seite hinzu. Ich werde eine andere für eine Kontaktseite haben, und dann werde ich eine Foto-Seite haben. Ich mag es nicht, dass es den ganzen Weg da drüben ist, also ziehe ich es und lasse es hier rein. Wie Sie sehen können, wird dies eine ziemlich einfache Website sein. Das ist alles, was ich jetzt wirklich brauche. Aber die Frage kommt in zwei dann, was ist der Zweck dieser Seite? Was soll jemand auf dieser Seite tun? Sie möchten diese Frage für jede der verschiedenen Seiten beantworten, die Sie durchlaufen. Für die Zwecke der Homepage, um Aufmerksamkeit zu erregen und jemanden auf eine weitere Seite klicken. Hier haben wir den Zweck der Homepage, und wieder, ich denke, was wollen wir tun? Klicken Sie hier, um sich die Fotos anzusehen. Wieder machen wir das Gleiche auf dem anderen. Zweck der About Page. Der eigentliche Zweck dieser Seite ist ziemlich einfach, aber es ist, dem Betrachter Informationen über Elisabeth zu geben, und was wollen wir tun? Jemand, der es auf dieser Seite zu tun? Nun, wir werden ihnen hier zwei Möglichkeiten geben. Wenn jemand dazu geht, sind sie vielleicht zuerst die Fotos gegangen oder vielleicht nicht. Wir möchten, dass jemand die Möglichkeit hat, zu klicken, um Fotos zu sehen. Oder wir möchten, dass jemand klickt, um Kontakt zu erhalten. Die Foto-Seite, der Zweck. Zeigen Sie die Fotos sauber und professionell an, und was soll jemand tun? Nun, auf dieser Seite wollen wir, dass sie auf die Fotos schauen, weil es ein Kernteil der Website sagt, und wir wollen, dass sie auch klicken, um über oder Kontakt, und dann zuletzt, die Kontaktseite Zweck. Geben Sie Galeriebesitzern oder Besuchern die Möglichkeit, Kontakt aufzunehmen, und was sollen sie tun? Wir möchten, dass sie einfach das Kontaktformular ausfüllen. Ziemlich einfach, aber viele Leute werden diese Übung überspringen und Sie müssen es nicht in MindMeister tun, Sie können dies auch auf Papier tun, wenn Sie möchten. Aber diese Übung hilft wirklich, Ihre Website im Voraus zu planen. Für eine kleine Website wie diese scheint es nicht so wichtig zu sein. Aber wenn Sie auf eine wirklich große Website zu bekommen, können diese Mindmaps massive große Sitemaps und alles sein, und je größer Ihre Website wird, desto einfacher ist es, den Zweck aus den Augen zu verlieren, und plötzlich haben Sie nur Tonnen von nur kleinen Widgets und alles oder Aufrufe zum Handeln, alle Ihre Website für alle verschiedenen Dinge. sich klar darüber machen, was der Zweck jeder Seite ist und was Sie jemanden tun möchten, wird dies wirklich helfen, Ihre Website zusammen zu kommen und haben einen viel besseren Fluss. 47. Aufbau des Rahmens: Sobald wir eine Sitemap erstellt haben, gehen wir weiter und kommen zu Squarespace, und wir werden diese Sitemap im Grunde in Squarespace anlegen. Wieder werde ich einfach alles löschen, mit dem ich hier rumgespielt habe , damit wir keinen Haufen überschüssiger Sachen haben. Ich werde einfach all diese Dinge loswerden, weil wir die nicht wirklich brauchen. Nun, wir haben im Grunde diese Willkommensseite. Wenn wir über die Sitemap zurückgehen, werden wir die Startseite oder Willkommen, die Über, Fotos und Kontakt haben . Wir werden die Seite „Fotos“ erstellen, die Seite „Info“ erstellen, und wir werden eine Kontaktseite erstellen. Hier sind wir, wir haben unsere vier Grundseiten, und dann, wenn Sie sich an die Galerie-Sache erinnern, die ich euch vorhin gezeigt habe, wie wir eine Galerie im nicht verknüpften Bereich einrichten werden. Wir gehen voran und tun das jetzt, damit wir einfach unsere Fotos hochladen können und dann können wir sie überall auf der Website verwenden. Ich habe diese Galerie erstellt, und ich werde voran gehen und eine Handvoll Fotos hochladen. Kommen Sie her, gehen Sie voran und laden Sie alle diese, die ich jetzt für das Web komprimiert habe. Wieder, wenn Sie ein Foto haben, bemerken Sie, dass dies etwa 271 Kilobyte für ein Foto sind. Das ist wahrscheinlich eine gute Größe, etwa irgendwo zwischen 100 und wahrscheinlich 500 Kilobyte ist eine gute Größe. Aber wenn Sie Ihre Dateigrößen in Megabyte sehen, dann möchten Sie nach einer Möglichkeit suchen, diese zu komprimieren. Sie können das über Photoshop tun, Sie können das über Vorschau auf Mac tun, oder es gibt eine Handvoll von einfach suchen, wie man Bilder auf Google komprimiert, und Sie werden eine Handvoll von Tools finden. Ich werde diese Bilder, die wir ausgewählt haben, um auf der Website zu verwenden. Ich werde diese hier einfach per Drag & Drop ablegen, und lassen Sie die alle voran gehen und hochladen. Wieder, indem ich all diese in eine nicht verknüpfte Galerie setze, kann ich sie dann grundsätzlich überall auf der Website referenzieren und auf diese Weise, wenn ich sie an einer anderen Stelle auf der Website oder irgendetwas verwenden möchte, kann ich das auch tun, so sehr praktisch, was Sie dort tun können. Wir können diese auch neu anordnen, ich mag dieses Bild, aber es ist wahrscheinlich nicht mein Favorit. Wir werden irgendwie nach unten scrollen und wir werden anfangen, diese in einer anderen Reihenfolge neu anzuordnen. Kommissionieren Sie eine Bestellung, die dem Geschmack entspricht und wie in welcher Reihenfolge wir wollen, dass diese präsentiert werden. Persönlich ist dieser Truck mein Favorit, also lasse ich das auf. Wir werden diese einfach ein bisschen neu anordnen und sie in genau die Reihenfolge setzen, die wir uns wünschen. Jetzt sieht es so aus, als hätten sie alle hochgeladen und verarbeitet. Wir werden auf Seiten zurückkommen, und wir haben jetzt gerade im Grunde alle Seiten im grundlegenden Inhalt für eine Website erstellt. 48. Wie du eine Fotografieseite erstellst: Das nächste, was ich tun werde, jetzt, wo wir unsere Galerie hochgeladen haben, ist, dass ich diese Galerie zu unserer Foto-Seite kommen werde. Als erstes werden Sie feststellen, dass wir immer noch eine Sidebar in unserer Galerie haben und das wollen wir nicht. Ich komme also zu den Einstellungen auf der Foto-Seite und setze diese Seite auf volle Breite. Auf diese Weise müssen wir uns keine Sorgen um eine Sidebar machen. Ich werde „Speichern“ drücken. Eine andere praktische Sache, die zu bemerken ist, dass es keinen Header gibt. Lasst uns hier einen Text schreiben. Aber jetzt gibt es keinen Header auf dieser Seite. Wenn ich ein Bild hochlade, sehen wir hier einen Header. Sagen wir, ich lade dieses Bild hier hoch. Wir werden feststellen, dass dann die Kopfzeile angezeigt wird. Ich werde nur das hochladen, um euch zu zeigen, ich werde auf Speichern klicken. Jetzt plötzlich, weil wir hier ein Foto gemacht haben, haben wir dieses riesige Banner hier oben. Wieder, auf dieser Seite wollen wir eigentlich nicht, dass das Banner Ich werde nur gehen und entfernen, weil ich nur lieber auf die Fotogalerie als Ganzes konzentrieren. Also werden wir Fotos hier aufstellen und ich werde sagen Fotografie. Klingt ein bisschen professioneller. Wir werden das tatsächlich zentrieren, setzen Sie das direkt in die Mitte und ich werde diesen Seiteninhalt wieder bearbeiten. Tut mir leid, ich gehe immer wieder hin und her mit dem Sparen. Nun, es ist immer gut, viel zu sparen, denn wieder, wenn Sie die Internetverbindung verlieren oder etwas schief geht, ist das keine gute Sache. So oft sparen. Ich werde einen kleinen Block unten hinzufügen, wo es heißt Fotografie und Galerie. Das ist lächerlich, aber Squarespace aktualisierte die Benutzeroberfläche zwischen, buchstäblich, gestern, als ich den Rest dieser Videos aufgezeichnet habe , die euch zeigen, wie man das mit dem Galerie-Block macht. Jetzt haben sie diese aufgestellt und auf ihre eigene Weise. Ein bisschen verrückt, wie das geklappt hat. Wir werden ein paar davon ausprobieren. Wir werden versuchen, einfach zu sehen, was uns gefällt. Wir fangen mit der Wand an. Das waren die automatischen Spalten. Ich werde hierher kommen, und ich will nicht, dass diese Metadaten da sind, sondern nur als Bilder sehen. Werde das Thumbnail los. Wir brauchen das Thumbnail, aber das sind unsere Bilder. Wir werden das nicht begrenzen, nur für den Fall, dass wir jemals mehr hochladen. Ich werde hier rüber zu Layout kommen und mir das ansehen, es ist immer noch ähnlich, aber jetzt haben sie gerade die Navigation geändert, wie Sie dorthin gelangen. Wir werden die Rinnenbreite ändern, sie etwas kleiner machen. Es dauert ein wenig zu laden. Wir machen unsere Säulen etwas breiter, also haben wir zwei Säulen breit. Wir werden retten und sehen, wie wir das mögen. Ich liebe es nicht, wie diese nicht perfekt aufstehen. Aber noch einmal, noch eine praktische kleine Sache, nur damit du es weißt, wir haben diesen Galerieblock hier. Letztendlich wird diese Funktion und wie diese automatischen Spalten funktionieren, weitgehend von der Reihenfolge der Bilder abhängig sein . Sie bemerken, wie ich vier horizontale Startpunkte habe. Nun, wenn ich eines dieser vertikalen Bilder hochziehe, um die Spitze zu sagen, dann wird es das Aussehen dieser Galerie komplett verändern. Also wieder, ich komme hier rüber in die Galerie, ziehen wir diesen Kerl hier hoch. Jetzt haben wir eine horizontale und eine vertikale. Das sollte völlig ändern, wie diese ganzen automatischen Spalten aussehen und sich ausrichten. Wieder, wenn wir jetzt hierher kommen, sehen wir, dass es etwas gestaffelter ist, hat sich wirklich verändert, wie das ganze Ding aussieht. Wir haben diese ungeschickten Ungleichheiten nicht mehr. Ich denke, das ist vorerst gut. Ich denke, dass dies einen guten Job macht, es zu zeigen. Wir gehen hier rein und es sieht so aus, als hätten wir Lightbox an, was gut ist, ich wollte Lightbox hinzufügen. Es scheint, wir haben eine einfache Galerie eingerichtet, aber wir wollen zurück zu unserer Seite. Wieder, was soll jemand auf unserer Fotos-Seite tun? Nun, wir wollen die Fotos auf eine saubere und professionelle Art und Weise anzeigen. sind wir fertig. Jemand kann sich die Fotos ansehen und sogar Lightbox sie. Dann wollen wir ihnen die Möglichkeit geben, mehr über Elizabeth zu erfahren oder sie zu kontaktieren. Also werde ich hier nach unten scrollen und diesen Seiteninhalt hinzufügen. Wir werden hier unten einen einfachen Text haben. Hier steht: „Erfahren Sie mehr über Elisabeth.“ Wir lassen das einfach hier. Weißt du was? Wir machen das zu einem Knopf. Ich denke, ein Knopf wäre gut. Komm hier runter und erstelle einen Knopf. Erfahren Sie mehr über Elisabeth. Ich werde eine Clickthrough-URL ausführen. Gehen Sie zu unseren Inhalten und wir verlinken diesen mit der Seite „Über“. Wir werden dieses ausgerichtete Zentrum verlassen. Im Moment ist es grün, es ist schrecklich, aber wir werden etwas später zum Style-Editor kommen. Im Moment lege ich wirklich nur noch den Rahmen auf der Website aus. Also gehen wir hin. Wir haben soeben eine grundlegende Fotoseite für unsere Website erstellt. 49. Wie du eine etwas über eine Seite erstellst: In diesem Video werden wir hier eine einfache About Seite auf Elisabeth Seite erstellen. Ich werde hier runter kommen zu Über und wieder, wir haben eine leere Seite hier und wir haben auch die Sidebar, die dieses Thema standardmäßig vorgegeben hat. Ich werde auf die „Einstellungen“ klicken, kommen Sie hier zur Seitenleiste und wählen Sie „Volle Breite“ und drücken Sie „Speichern“. Nun, unsere kleine Sidebar ist einfach verschwunden und wir haben eine volle Seite. Wir gehen zu Seiteninhalt. Hier, wir gehen, tippen Sie Elisabeth Cairnes - Artist Statement ein und ich mache das eine Überschrift 1, genau hier und dann kommen wir hierher. Ich habe dieses Google Doc , wo ich ihre Künstleraussage habe, die mit mir auf einem Google Drive geteilt wurde. Ich werde hier rüber kommen und das werde ich einfügen. Ich werde das Werkzeug Als Nur-Text einfügen verwenden und es hier einfügen und Sie werden feststellen, dass dies irgendwann passiert, besonders in kleineren Browsern oder einem Teil davon abgeschnitten ist. Sie bemerken, dass, wenn ich nicht auf die Schaltfläche OK hier unten kommen konnte , aber was ich gerade getan habe, ich drücke „Command Minus“ und es verkleinerte und „Command Plus“, um wieder hinein zu zoomen. Dies ist nur eine wirklich praktische Sache, wenn Sie jemals dieses Problem bekommen, wo ein Teil des Fensters, überläuft, und das ist nur, weil ehrlich gesagt, ich arbeite an einem kleinen Browser und ich tue das weil ich weiß, dass einige von Ihnen erleben diese gleichen Probleme als auch. Wenn Sie sich auf einem Windows befinden, wäre das Kontroll-Minus- oder Steuerungsplus. Nun, da wir das haben und das Fenster auf die Mitte zurückgesetzt haben, werde ich „Okay“ drücken und wir haben das gerade als Klartext hier eingefügt. Sieht aus, als hätten wir einen Tippfehler, also repariere ich das. Außerdem werden Sie feststellen, dass Sie diesen Abstand manchmal einfach überarbeiten möchten und es oft, wenn er aus einem Dokument eingefügt wird, selbst wenn Sie ohne Formatierung einfügen, werden Sie zu große Abstände darin erhalten. Auch hier haben wir unsere grundlegende Artist Statement auf aber ich weiß nicht mehr, was die Dinge waren, die ich auf dieser Seite tun wollte. Ich möchte, dass es den Besuchern und Informationen über Elisabeth gibt, und ich möchte, dass sie in der Lage sein, sich die Fotos anzusehen oder Kontakt aufzunehmen. Was ich tun werde, ist tatsächlich einen Kontakt Call to Action in die Fußzeile zu setzen , so dass es nicht ist, hier unten mit zwei Call-to-Aktionen zu verdrängen. Was ich dann tun werde ist, ich werde nicht die Fußzeile jetzt tun, ich werde den Aufruf zum Handeln für die Galerie erstellen und so möchte ich sagen, View Elisabeth's Photography und ich werde die URL hinzufügen. Ich gehe zu „Inhalt“ und ich bin ein Klick auf die „Fotos“ -Seite. Stellen Sie sicher, dass Sie nicht auf die „Galerie“ klicken, sonst wollen Sie nicht zu dieser Galerie verlinken, sondern klicken Sie stattdessen auf die „Fotos“ -Seite und dann werden wir diesen Kerl links ausrichten und ich werde wahrscheinlich, am Ende die Ausrichtung der anderen Kerl links, wie Nun ja. Im Allgemeinen möchten Sie auf einer Website entweder alles nach links ausrichten oder alles zentriert oder rechts ausrichten und damit konsistent sein. Ich werde einfach ehrlich sein, ich habe nicht ganz entschieden, was ich auf der Website noch so manchmal tun möchte , ich spiele einfach mit ihm herum und dann ein Gefühl, aber ich versuche, immer zu beenden und haben, dass ein konsistentes Aussehen und Gefühl und also haben wir gerade eine grundlegende About Seite für Elisabeth erstellt. 50. Wie du eine Kontaktseite erstellst: In diesem Video werde ich Ihnen zeigen, wie Sie eine einfache Kontaktseite erstellen. Wir sind hier auf der Elisabeth-Seite, wir werden zu Kontakt kommen. Wieder müssen wir diese Sidebar wieder loswerden, es ist ärgerlich, aber es ist der Standard, worauf es kommen wird. Klicken Sie auf „Volle Breite“ direkt dort. Auf dieser Seite auf dem Kontakt wollen wir eigentlich ein kleines Foto in das Banner setzen, nur etwas Cooles, um den Menschen einen kleinen Vorgeschmack auf ihre Fotografie und ihre Arbeit zu geben. Wir gehen hier durch, wählen ein Foto, von dem ich denke, dass es eine gute Darstellung ist. Wir brauchen eine Horizontale, und wir werden mit diesem gehen. Ich denke, ihre Linie wird wirklich cool und ziehen den Blick des Betrachters nach unten auf das Kontaktformular. Wir werden das genau dort aussuchen. Das Bild wird hochgeladen. Geben Sie diesem eine Sekunde zum Verarbeiten und Ändern der Größe. Setzen Sie diesen Schwerpunkt hier, und wir werden „Speichern“ drücken, und jetzt haben wir dieses Bannerbild direkt hier auf der Kontaktseite. Ich komme auf den Seiteninhalt. Ich werde „Kontaktieren Sie Elisabeth“ eingeben. Machen Sie das zu einer Überschrift 1. Ich komme hier runter und füge ein Formular hinzu. Lassen Sie die Betreffzeile fallen, das will ich nicht wirklich. Ehrlich gesagt, ich bin kein großer Fan der Vor- und Nachname Box, eigentlich oft lösche ich das einfach. Was ich tun werde, ist einfach eine Schachtel hinzuzufügen. Ich werde nur ein zufälliges Textfeld erstellen und „Name“ eingeben und es erforderlich machen, und ich werde es hier aufstellen. Grundsätzlich haben wir gerade diese Vor- und Nachnamens-Sache loswerden und wir haben nur eine Namensspanne. Jemand könnte dir einfach seinen Vornamen und seinen Nachnamen geben aber es ist nur etwas, das ich bevorzuge, anstatt nach dem Vor- und Nachnamen zu fragen. Dann werden wir Elisabeth tun, Formularname wird „Elisabethscairnes.com Kontaktformular“ sein. Zur Speicherung senden wir dies an ihre E-Mail-Adresse, Connect. Unter Erweitert, werden wir sagen, dass zu „Sag hallo“, etwas ein wenig bedrohlicher dann einreichen. dem ich noch nie ein großer Fan war. „ Vielen Dank. Ich werde mich in Kürze mit Ihnen in Verbindung setzen“. Wir werden diese kleine Nachricht nach dem Senden hinzufügen, so dass das ist was jemand sieht, nachdem sie das Formular ausgefüllt haben. Wir werden auf „Speichern“ klicken. Auch hier sieht das ziemlich gut aus, aber es ist ein wenig breit, also erstelle ich dieses Textfeld. Sag „elisabeth cairnes“, sie mag auch wirklich Kleinbuchstaben Sachen, und das ist einfach praktisch, sich daran zu erinnern, jetzt ist, dass sie alles auf ihrer Website Kleinbuchstaben wollte. Es war eine Anfrage des Klienten. „ .com.“ Wir werden diese E-Mail-Adresse auch zu einem Link machen. Link bearbeiten. Also etwas zu wissen, und das ist nur ein kleiner Trick mit dem Web, aber wenn wir einen Link machen und wenn wir für eine E-Mail-Adresse tun, wollen wir die Worte „mailto“ eingeben und „Shift“ drücken und einen Doppelpunkt tun, "elisabeth.cairnes@gmail.com“. Wir werden das in einem neuen Fenster öffnen. Jetzt haben wir gerade ihre Kontaktinformationen hinzugefügt, und wir werden das hier drüben setzen. Vielleicht in einigen Teilen, wenn ich ihren Instagram-Account und alles bekomme, kann ich vielleicht einen Instagram-Block hier oder ein Foto von ihr setzen. Also fügen wir einige dieser Dinge ein wenig später hinzu. Wir werden das vorerst speichern, und wir haben gerade eine grundlegende Kontaktseite für Elisabeth erstellt. 51. Wie du der Website ein Logo hinzufügst,: In diesem Video werde ich tatsächlich gehen und ihr Logo auf die Website hochladen. Kommen Sie hier runter zu Design, gehen Sie zu Logo und Titel. Wir werden dies zu Fotografen oder Kunstfotografen ändern, ist der Name der Website oder wir werden tatsächlich machen, dass der Slogan. Wirklich sind diese außer aus SEO-Gründen irrelevant, denn wir werden diese nicht mit dem Thema verwenden. Wir werden ein Logo hinzufügen und hier runterkommen. Dann haben wir dieses Logo, das 200 Pixel breit ist, und das sollte gut sein, oder wir können eine Größe nach oben gehen. Ich werde mit diesem gehen, um es klein zu halten. Wir haben jetzt ein Logo hochgeladen, das dieses mit der Website ohne Code austauscht und wir speichern. Wir werden nur das Favicon hochladen, das, wenn Sie sich erinnern, standardmäßig haben Sie die quadratische Leertaste hier oben. Aber wir werden das tatsächlich auf dieses 50-Pixel-Favicon ändern , das ich hier gemacht habe. Wir werden auf „Speichern“ klicken. Das sollte dann auf unserer Seite reflektieren. Schon jetzt fängt das an, ein bisschen mehr wie eine echte Website zu sehen. Da gehen wir. Wir haben gerade ein Logo und alles hinzugefügt, um Elizabeth Website und es beginnt zusammen zu kommen. 52. So bearbeitest du das Fußzeile: Hi. In diesem Video werde ich die Fußzeile sehr schnell durchlaufen und bearbeiten, weil ich kein großer Fan von dem bin, was ich hier unten vor habe. Es steht immer noch „Ändern Sie diesen Text“ von vorher. Ich werde die zweite Box löschen, weil wir alles in der Mitte haben. Es wird sagen, Copyright 2015 elisabeth cairnes, und wir werden elisabeth.cairnes@gmail.com setzen, setzen eine E-Mail- Adresse dort auch. Eigentlich, nein, ich ändere meine Meinung hierbei. Wir werden das haben, nur das Urheberrecht unten. Halten Sie das ziemlich schlicht und einfach, und direkt darüber, dass wir Kontakt mit Elisabeth haben. Wir werden nur machen, dass ein Link, der auf die Kontaktseite geht. Ich könnte dies ändern, nicht sicher, ob ich total verkauft bin, aber es ist nur etwas, wenn Sie entwerfen, oft, Sie denken nur an aus irgendeinem Grund, Sie bemerken, dass hier keine Link-URL sagt. Aus irgendeinem Grund funktionierte das nicht, wenn ich versuchte , die Kontaktseite zu wählen. Versuchen Sie es noch einmal. Jetzt klicken wir darauf, Sie sehen, es sagt Schrägstrich Kontakt und es funktionierte richtig. Da gehen wir hin. Lets save und wir haben gerade die Fußzeile hier auf der Website bearbeitet, und wirklich schnell, wieder zurück, sie will keine Großbuchstaben auf ihren Texten, sie wollte alle Kleinbuchstaben, also halten wir das ziemlich einfach. So werden wir die Fußzeile bearbeiten. 53. Erstellen der Homepage: In diesem Video werden wir hier auf der Begrüßungsseite der Website arbeiten. Das erste, was ich tun muss, ist, all dieses zufällige murmelnde Durcheinander zu löschen , das ich hier unten habe. Das war aus den vorherigen Lektionen, die ich euch gezeigt habe. Löschen Sie all das Zeug, ziehen Sie es in den Papierkorb, einfach loswerden. Ich habe immer noch eine Linie hier, die auch loswerden, wir fangen frisch an. Alles klar, was wir auf der Homepage haben werden, noch einmal daran, zu unserem MindMeister zurückzukehren. Ziel ist es, Aufmerksamkeit zu erregen und jemanden weiter klicken zu lassen, und danach wollen wir, dass jemand die Fotos ansieht. Nun, was ich eigentlich tun werde, ist, den ersten Absatz ihrer About Seite zu ziehen und das hier auf der Startseite zu verwenden, und es wird sagen, „Elisabeth Cairnes- Fine Art Photographin.“ Ich werde das groß machen, und dann darunter werden wir das einfügen, aber ich habe vergessen, mit dem zu tun, als Klartext einfügen, also werde ich die Formatierung entfernen, und jetzt sehen Sie die Vertiefungen und all diese Seltsamkeit ging weg. Wir werden hier unten einen kleinen Call to Action haben, einen Button für „View Elisabeths Fotografie“, und dieser Link geht zum Kontakt und zur Foto-Seite. Wir werden auch den Kerl ausrichten, der übrig ist. Wir werden das speichern, also haben wir im Grunde eine grundlegende Homepage gemacht, aber eine Sache, ich werde tatsächlich dieses Foto hier austauschen, ich werde das gleiche Foto behalten, aber es ist nicht komprimiert, diese Version und würde die Ladezeiten verlangsamen. Wenn Sie keine komprimierten Fotos haben, Ihre Ladezeiten wirklich langsam Daher werde ich das entfernen und zu unseren komprimierten Fotos gehen und wir werden eine komprimierte Version des Fotos hochladen. Jetzt ist es so viel schneller, es wird hochgeladen. Da gehen wir, wir haben jetzt eine neue komprimierte Version. Wir werden den Fokus ein wenig nach unten nehmen, also konzentrieren wir uns hier auf den tatsächlichen Stilllebensteil dieser Kunst. Wir werden auf „Save“ klicken und da gehen wir, wir haben gerade das Foto ausgetauscht und die grundlegende Homepage auf Elisabeths Seite erstellt. Jetzt die grundlegende Homepage, die Fotos, das About und der Kontakt. Dies kann oder nicht endgültig sein, ehrlich gesagt mit Squarespace, Sie gehen hin und her, weil offensichtlich, das sieht nicht so aus, wie ich will, dass es jetzt aussieht. Also das nächste, was wir tun werden, ist in den Style-Editor gehen und anfangen, es gut aussehen zu lassen. Wenn wir das tun, kommen wir vielleicht wieder hierher und bearbeiten den Inhalt und optimieren das Layout, um es an die neuen Stile anzupassen. 54. Stilisieren des Aufbruchs: Wir haben jetzt alle Inhalte auf den Seiten angelegt, und in diesem Video werde ich eingehen und anfangen, mit dem Style-Editor zu arbeiten. Es ist nicht ungewöhnlich, dass, nachdem ich in den Style-Editor gegangen bin , dass ich am Ende Themen ändern, weil es einfach nicht aussieht oder nicht, dass das Gefühl, dass ich wollte. Ich mache immer den Rahmen der Seiten, bevor ich überhaupt in den Style-Editor eintauche, denn auf diese Weise, wenn ich ein neues Thema installiere ist es wirklich einfach und all dieser Seiteninhalt kommt einfach mit ihm und ich kann schnell sehen, ob das funktioniert oder nicht mit diesem neuen Thema arbeiten. Wir kommen hier rüber zum Style-Editor. Ich werde tatsächlich Control minus drücken, damit ich ein wenig verkleinerte Ansicht bekommen und sehen kann ein wenig verkleinerte Ansicht bekommen und , ob jemand einen größeren Desktop hatte, wie das aussehen würde. Ich werde nur anfangen, durch zu gehen und mit dieser Seite zu vermasseln. Sie müssen im Hinterkopf behalten, dass sich dies auf jeder einzelnen Seite ändert, aber wir werden es eine enge Websites halten. Es ist ein wenig Arbeit, die wir für Canvas-Einstellung gehen, eigentlich werde ich Site Width ausprobieren. Ich mag es nicht, wie das ist, dieses Foto zu beschneiden, also werde ich sehen, ob es etwas gibt, das ich dagegen tun kann. Canvas-Offset, ich möchte keinen Canvas-Offset. Canvas Polsterung Auch hier weiß ich nicht, ob ich ein Canvas Padding auf diesem möchte. Grenze? Nein, das wollen wir auch nicht. Was wir wirklich mit dem Stil in dieser Website sind, ist ein sehr sauberer, minimalistischer Stil. Im Allgemeinen hilft, einige Referenzen und alles, was Sie im Voraus betrachten zu haben. Wir werden unsere Linien und Dekoration ein sehr hellgrau machen. Wir mögen diese Trennzeichen hier oben nicht, also werden wir diese einfach loswerden. Trennzeichen ist der kleine Schrägstrich zwischen der Navigation. Ziemlich glücklich mit dem Kopfzeilenhintergrund, das Hintergrundbild werden wir eigentlich nichts dorthin setzen. Wenn wir ein Hintergrundbild auf die Kopfzeile gesetzt haben, wäre es standardmäßig, aber stattdessen haben wir es so gestaltet, dass das Seitenminiaturbild das Bild ist. Die Website-Titel-Farbe, wieder werden wir nicht mit, dass wirklich durcheinander, weil das ersetzt wird kaufen diese EC. Seitentitel. Das zeigen wir eigentlich nicht. Banner-Flächenhöhe Das ist etwas, mit dem ich wahrscheinlich spielen möchte. Wieder, also kann ich wählen, wie groß ich will, dass das wird. Ich möchte eigentlich, dass es klein und schmal ist, weil alle Fotos hier Landschaft sind. Wir werden versuchen, es so etwas zu kurz zu halten. Hervorragend hier drüben geklickt. Überlagerungsfarbe. Wieder wollen wir, dass das Set transparent ist, wir wollen nichts dort. Bleiben Sie diesen Bannerinhalt leer. Wir machen das Seitenminiatur