Squarespace 7 Website Design - Keine Codierung erforderlich

1. Erste Schritte: Ist dieser Kurs für dich?: Benötigen Sie oder Ihr Unternehmen eine Website? Haben Sie sich Web-Design-Unternehmen in Ihrer Nähe angesehen und festgestellt, dass die guten Tausende von Dollar kosten und die billigen keine Erfahrung haben? Nun, du hast Glück. Wer kann besser die perfekte Website nach Ihren Standards erstellen als Sie selbst? In diesem Kurs zeigen wir Ihnen, wie Sie die schönste Website mit Squarespace als Plattform erstellen können . Squarespace-Websites sind extrem einfach einzurichten. Das Beste daran ist, dass Sie nicht wissen müssen, wie man kodiert. Squarespace ist ein visueller Baumeister, der Sie einfach Drachen trifft. Lassen Sie verschiedene Teile Ihrer Website fallen, mit Preisen nur ab $12 monatlich. Sie müssen sich auch keine Sorgen machen, Ihr Bankkonto zu entleeren . Die monatliche Abonnementgebühr beinhaltet einen Domain-Namen und Hosting, so dass alles an einem Ort mit Unterstützung für E-Commerce-Blöcke, Landing Pages und Drittanbieter-Integration. Kein Wunder, dass immer mehr Unternehmen zu squarespace migrieren. Melden Sie sich heute in diesem Kurs an, um sich die Tausende von Dollar an Webdesign-Gebühren zu sparen und die Mühe zu versuchen, Ihre Vision jemandem zu erklären. 2. Erste Schritte: Warum Squarespace?: Willkommen bei der Erstellung eines Squarespace-Website-Kurses. Mein Name ist Ghassan, und ich werde Lehrer für die Dauer unserer wertvollen Zeit zusammen sein. Bevor wir mit dem eigentlichen Lernen beginnen, möchte ich Ihnen einige Gründe vorstellen, warum Sie oder Ihr Unternehmen im Vergleich zu anderen CMS-Systemen Wert im Cyberspace finden werden . Squarespace selbst hat einen großen Vorteil, und das ist die Tatsache, dass es extrem einfach zu bedienen ist. Alles, was Sie brauchen, um eine schöne Website zu erstellen, ist ein wenig Zeit, einige grundlegende Kenntnisse über das Layout von Squarespace und eine Vision für die perfekte Website In Bezug auf die Preise, squarespace ist eigentlich ziemlich fair, wenn Sie die Tatsache, dass das Hosten eines Domain-Namens und ein visueller Builder sind alle in der Gebühr enthalten, die in nur $12 pro Monat beginnt. ersten Schritte mit squarespace sind sein leichtes Bewertungskonto, Auswählen einer Vorlage und das Hinzufügen Ihrer Inhalte. Es gibt viele Optionen, um Melodie zu finden, wenn Sie möchten, und wir werden diese auch im Laufe des Kurses näher behandeln. Und für diejenigen von Ihnen, die ein wenig mehr technischen Verlust bekommen wollen, um einige benutzerdefinierte CSS zu decken , die Sie verwenden können, um Ihre Website Stick up von anderen Squarespace-Websites. Also, worauf wartest du? Klicken Sie auf die nächste Vorlesung und los geht's los. 3. Erste Schritte: Erstellen eines Kontos erstellen: Okay, das erste, was wir tun werden, ist eigentlich sehr unkompliziert. Wir werden uns nur für ein Konto registrieren, also gehen wir zu squarespace dot com und unterschreiben es. Da wir noch kein Konto haben, werden wir uns anmelden und jetzt haben wir drei Möglichkeiten. Holen Sie sich eine Domain, erstellen Sie eine Website oder erstellen Sie einen Store. Ich würde sagen, Halten Sie ab und erhalten Sie einen Domain-Namen für jetzt, nur weil Sie Ihre Meinung zu ändern , was der ideale Domain-Name während des gesamten Entwicklungsprozesses ist. Also wählen Sie zwischen einer Website und einem Geschäft. Verstehen mich nicht falsch. Sie können Produkte auf der Website verkaufen, und das ist, was die meisten Leute tun. Aber es gibt einige kleine Unterschiede, die jetzt die ersten Unterschiede hervorheben werden. Preis Websites beginnen bei $12 pro Monat. Wo ist Online-Shops angefangen $26 im Monat. Ah Website hat eine 3% Transaktionsgebühr für alles, was Sie verkaufen. Wo ist ein Online-Shop hat keine Transaktionsgebühr. Das bedeutet also, dass die $14 Unterschied zwischen den Plänen, die Sie tatsächlich machen können, wenn Sie mehr als $467 im Wert von Produkten verkaufen. Also lassen Sie uns sagen, dass ich ah Website wollte, also werde ich auf eine Website erstellen klicken. Also, jetzt werden wir eine Vorlage jetzt für Wissen über die Auswahl wählen. Als ich die erste 1 ausgewählt habe, werden wir die Vorlage später ändern. Aber ich möchte Ihnen nur zeigen, wie Sie das Konto erstellen. Also werden wir das hier ausfüllen. Also werde ich nur meine Informationen hier eingeben, und wir werden voran gehen und zustimmen und registrieren und eine Website erstellen. Okay, jetzt klicken wir auf Start, und dann wählen wir die Kategorie aus. Sagen wir also, das wird eine Business-Website sein. Ok? Sie können zwischen unserer persönlichen Website der Business-Website oder für jemand anderen wählen. Also wählen wir geschäftlich aus, sagen wir, und wir wählen eine der Kategorien aus, in die es fällt. Also werde ich sagen, meine wird eine Kunst- und Design-Website sein, und der Punkt der Website ist, ein Portfolio meiner Arbeit zu präsentieren und zu erstellen. Also klicken wir auf Weiter und dann auf einen Website-Titel. Nehmen wir an, das ist die U Demi Website, und dann werden wir es getan haben, und so und dann werden wir es getan haben, erstellen Sie ein Konto und wir werden einige der anderen Funktionen, die in den nächsten Vorträgen verfügbar sind 4. Erste Schritte: Auswahl einer Vorlage: Okay, in der letzten Vorlesung haben wir einige der Grundlagen behandelt, wie das Erstellen eines Kontos würde squarespace und das Ausfüllen einiger Ihrer grundlegenden Website-Informationen , nicht. Lassen Sie uns voran gehen und ändern Sie die Vorlage in eine, die unseren Bedürfnissen entspricht Also gehen wir zum Design und dann Vorlage, wenn wir jetzt haben Wells genannt. Lassen Sie uns eine neue installieren, so dass es Dutzende von Vorlagen zur Auswahl gibt, und Sie können so viele installieren, wie Sie möchten, und Sie können zwischen ihnen wechseln, so oft Sie möchten. Sie können sie hier oben filtern, abhängig von Ihrer Kategorie, unter die Sie Ihre Website fallen möchten, damit wir es überhaupt verlassen , und ich zeige Ihnen einige von denen, die ich wirklich mag. Es gibt also Bedford Marquee und Allah, also sind sie wahrscheinlich die drei, die ich am häufigsten für meine Kunden-Websites verwende. Also zuerst wird Vorschau Bett ausgefranst. Ich benutzte das hier für einen Anwalt und eine andere Firma, die einen Service anbietet, der so irgendwie so aussieht . Wir können alles daran anpassen, also schauen Sie nicht wirklich zu viel in wie die Bilder und die Formulierung nur mehr von der Struktur. Es hat also wie ein Knopf hier oben. Da gehen wir hin. Werfen wir einen Blick auf Marquis. Markey ist also eine einseitige Parallax-Website. Es gibt also viele Abschnitte auf einer Seite und die Bilder sind schön und parallax , und Sie können mehr als eine Seite erstellen. So sieht es etwa so aus. Jetzt, endlich einen Blick auf Alex werfen. Also in diesem Beispiel haben sie für eine Hochzeit verwendet. Aber Sie können es für alles verwenden. muss keine Hochzeit sein. Ich habe diese exakte Vorlage für eine Drohnenfirma verwendet, die Fotografie macht. Also wieder, Parallax-Bilder. Sehr schön aussehende Website, und das sind die Entscheidungen, die wir haben. Nehmen wir an, die Website, die wir benutzen werden, ist für eine Website-Entwicklungsfirma . Also werde ich voran gehen und ich wähle die Bedford ein, weil ich denke, das sieht ein bisschen professioneller und gut, tatsächlich, klicken Sie auf Vorschau genau hier drüben, Also werde ich uns zeigen, wie es aussieht und wir werden Set ist es eine Live-Vorlage. Jetzt dir keine Sorgen um diese Luft hier. Das ist vollkommen in Ordnung. Wir gehen zurück, wir gehen wieder zurück und gehen auf die Seiten, okay? Und dann zeige ich Ihnen, wie wir diese in der nächsten Vorlesung ändern können. 5. Tour: Seiten: Hey, Leute, willkommen zurück. So wurden in den nächsten Vorträgen eine kurze Tour durch Squarespace, um zu sehen wo diese Menüpunkte führen und was wir ändern können. Also, heute werden wir uns Seiten ansehen. Hier können wir sehen, dass es alle Seiten gibt, die wir derzeit auf unserer Website haben. Sie werden in der Hauptnavigation, in der sekundären Navigation sortiert und dann nicht verknüpft. Die Hauptnavigation ist, was oben hier in Ihrem Menü angezeigt wird. Die zweite, eine Navigation erscheint in der Regel auf der linken Seite oder unten. Es ist irgendwie anders, je nachdem, welche Vorlage Sie dafür verwenden. Wir haben diese Air-Seiten, die Sie haben, nicht verlinkt, aber sie sind es nicht. Sie werden nirgendwo auf der Seite angezeigt, es sei denn, Sie haben speziell mit ihnen verknüpft, und ich werde Ihnen später mehr darüber zeigen. Also im Moment, das erste, was Sie bemerken werden, ist, dass jede unserer Seiten Demo daneben steht. Was das bedeutet, ist, dass diese hier Seiten, ich kam mit der Vorlage und sind nicht wirklich leben jetzt, Also, wenn jemand diese Website hier besucht, werden sie nicht wirklich sehen diese Seiten und ich werde Ihnen zeigen, was ich meine. Wenn ich diesen Link nehme und ich zu Internetsport gehe, wo ich nicht in Squarespace angemeldet bin und wir in Besucherzugriff gehen und ich werde diesen Code eingeben , nur um die Website zu sehen, werden Sie sehen, dass diese Seite tatsächlich nicht existiert. Und auch nicht die über Seite oder die News-Seite, weil dies alle Demo-Seiten sind, und das ist nur, um sicherzustellen, dass Besucher nie Demo-Inhalte sehen. Was wir also tun müssen, ist, dass wir diese Seiten zu unseren eigenen machen müssen. Also klicken wir auf dieses Zahnradsymbol genau hier, und dann können wir auf Erstellen klicken und werden tatsächlich die Seite genau so erstellen, wie es jetzt aussieht . Also jetzt, wenn Sie neben zu Hause erscheinen, es sagt nicht mehr Demo. Und wenn Sie tatsächlich versuchen, auf die Website zu gehen, sagen wir Internet Explorer, denn im Moment verwende ich Google Chrome und bin in Google Chrome auf meinem Squarespace-Konto angemeldet . Egal, auf welche Seite ich gehe, es zeigt, dass es verfügbar ist. Also sehe ich Dinge auf dem hinteren Ende. Nicht wirklich, wie die Besucher es sehen würden. Also, wenn ich zum Internet Explorer gehe und auf meine Website gehe. Wir werden sehen, dass die Homepage jetzt eingerichtet ist. Die anderen Seiten sind nicht eingerichtet, da wir nicht wirklich die Demo-Inhalte Leben gemacht haben, aber diese hier, diese Homepages, okay? 6. Tour: Design: Okay, in der letzten Vorlesung gingen wir über das, was unter den Seiten war. Viele weiße. Ähm, heute gehen wir über das Design. Also, wenn Sie in Design gehen, gibt es einige Optionen hier werden durch jeden gehen. So unter Logo-Berechtigung, haben Sie die Möglichkeit, den Website-Titel geändert. Im Moment habe ich ein Set zu Ihnen Demi Website, die auch hier auftaucht. Du könntest auch einen Slogan haben. So etwas wie Demo-Website. Nun, einige Tempel werden dies tatsächlich in der tatsächlichen wie Homepage verwenden. Außer jetzt ist diese Vorlage nicht so, wenn Sie ein wenig nach unten gehen, gibt es ein lokales Bild. Hier würden Sie ein Bild hochladen, das Sie haben, oder Sie können ein Logo erstellen. Jetzt zeig dir, wie das aussieht. Ich würde es nicht wirklich empfehlen, weil es tatsächlich nicht so viele Optionen hat. Also würdest du so etwas wie du nicht mich reinlegen und im Grunde nur ein Bild auswählen, das dir gefällt, und das war's. Und Sie können die Farben ändern, indem Sie darauf klicken. Aber das war's auch. Okay, also gehen wir zurück auf unsere Website. So war das jetzt eine kreative Logo-Option. Browser-Symbol. Der Gefallen Betrüger. Nun ist dies in der Regel ein Punkt i CEO oder Punkt PNG-Format, und das ist das Bild, das oben hier, neben Wo ist der Platz Platz? Oder neben dir, Demi oder diesem kleinen D hier. Und es ist auch das Bild, das von mobilen Geräten verwendet wird. Wenn Sie eine Website als Lesezeichen auf wie Ihren Home-Bildschirm jetzt speichern, da international oder ist so ein schrecklicher Browser, einige der älteren Versionen davon nicht wirklich unterstützen PNG-Format. Die Jüngsten tun es. Aber nur um sicher zu sein, ist es besser, ein Dot i CEO-Format zu verwenden. Jetzt. Es gibt nicht viele Möglichkeiten, wie Sie ein PNG-Bild in und ich seo-Bild konvertieren können, während immer noch die Transparenz. Also habe ich tatsächlich einen namens Dynamic Drive gefunden. Also laden Sie einfach Ihre Punkt-PNG-Datei hoch und es wird tatsächlich die Transparenz behalten, wenn es sie konvertiert. Also erstellen Sie einfach ein Symbol, und dann würden Sie das direkt hier hochladen, was aus Gunst con ist. Und dann haben wir endlich das Social Sharing niedrig. Also, wenn jemand seine Website auf in sozialen Medien teilt, wäre das Symbol, das angezeigt wird, was Sie direkt hier hochladen. Nun, wenn sie einen Block Post teilen, wird es automatisch das Miniaturbild des Block-Post aufnehmen, bevor es mit allen anderen Seiten wird es das Symbol, das Sie hier hochladen, verwenden. Okay, also gehen wir zurück zum vorherigen Menü. Und der nächste Punkt ist Vorlage. Das haben wir bereits in der vorherigen Vorlesung behandelt, also überspringe ich das. Dort ändern Sie die Vorlage. Also als nächstes haben wir Style-Editor und überprüfen Sie Seite Dilator. Sie sind beide sehr ähnlich Stil-Editor. Nur wenn Sie Farben, Textgröße und all das Zeug ändern , während überprüfen Sie Hey, nur speziell für die Checco-Seite, Sie werden es im zweiten Jahr sehen. Da gehen wir. Also als nächstes haben wir den Sperrbildschirm, so dass Sie tatsächlich Passwortschutz bestimmte Seiten auf Ihrer Website. Wenn Sie also eine bestimmte Seite entwickeln, können Sie sie schützen und so dass niemand sie sieht, bis Sie fertig sind. Das ist also im Grunde Styling für diese Seite, also gehen wir zurück und dann haben wir die Ankündigungsleiste. Die Ankündigungsleiste ist, was oben auf der Website angezeigt wird, wenn Sie sie aktivieren. Also lasst uns einen Typ im großen Verkauf. Er wird hier oben auftauchen, und Sie können das zu einem Link machen. Diese Show geht direkt in Ihren Laden. Okay, also schließen wir das wird dies für jetzt deaktivieren, und wir gehen zurück zur vorherigen Seite. Als nächstes haben wir die mobile Informationsleiste, so dass dies normalerweise standardmäßig deaktiviert ist. Wenn Sie es aktivieren, können Sie entweder auswählen, dass es dunkel oder hell ist. Wenn es aktiviert ist, können Sie im Grunde E-Mail, vollständige Nummer, Standort der Geschäftszeiten anzeigen vollständige Nummer, . Das ist eigentlich etwas, das nur dann auftaucht, wenn die Leute auf einem Handy auf einem Smartphone ganz unten besuchen . Und es ist etwas, das sich nicht wirklich bewegt, so ist es immer verdient eine Option für sie tatsächlich anrufen Sie waren nach Standorten suchen. Also nur um Ihnen zu zeigen, wie das auf einem mobilen Gerät aussehen würde, wenn Sie einfach hier unten schauen, E-Mail-Anrufkarte und Stunden, das wird eigentlich immer auf dem Bildschirm sein, egal wo sie scrollen. So wird die Informationsleiste aussehen. Also, jetzt gehen wir zurück, und als nächstes auf ihrer Speisekarte ist kursbasierte Abzeichen. Wenn Sie also auf Squarespace klicken und im Grunde einfach ganz unten von Squarespace angetrieben wird , würde ich nicht wirklich wissen, warum jemand das überhaupt aktivieren würde. Als nächstes ist benutzerdefiniertes CSS. Dies ist also, wo Sie irgendwelche CSS hatten, die auch die Website können. Aber es ist nicht als Option im Stil-Editor verfügbar. Ich werde später in den Vorträgen weitere Interessen eingehen. Also für jetzt weiß ich nur, dass es existiert. Also endlich sind wir hier drinnen vorgerückt. Es gibt eigentlich nur zwei Möglichkeiten. Es gibt also deaktivierte mobile Stile, die im Grunde Ihre Website macht und mobil freundlich, was sich tatsächlich stark auf Ihre Suchmaschinenoptimierung auswirkt. So könnte Ihre Seite tatsächlich in Google-Reihen fallen, so dass sie definitiv nicht deaktiviert. Und dann haben wir auch den Typ Kit I. D. Also das ist, wenn Sie Adobe Typ Kit haben, die Ihnen Zugang zu einer Menge von verschiedenen Fonds gibt. Es ist ein kostenpflichtiger Service. Wenn Sie es wollen, können Sie immer einfach in Ihrem Typ Kind setzen. Ich bin hier, damit du diese Furze benutzen kannst. Nun, da wir den fortgeschrittenen Teil behandelt haben, wenn wir in der nächsten Vorlesung zurückgehen. Wir werden abdecken, was in Handel und Analytik ist. Aber ich möchte nur einen kurzen Moment nehmen, um euch wissen zu lassen, dass in der Regel zu diesem Zeitpunkt oder vielleicht sogar am Ende der nächsten Vorlesung, Sie aufgefordert werden, eine Bewertung abzugeben. Das ist etwas, das du Demi alleine machst, und ich habe keine Kontrolle darüber, wann das Problem auftaucht. Wenn es also kommt und Sie das Gefühl haben, dass Sie noch nicht genug gelernt haben, um eine Rezension zu hinterlassen, klicken Sie einfach auf die Schaltfläche, die besagt, Sie wollen jetzt keine Bewertung abgeben und dann können Sie es später auf einem von Ihnen wie tun Aber bitte verlassen eine Rezension, und ich möchte mich im Voraus bedanken, dass Sie diese Rezension verlassen haben. 7. Tour: Commerce und Analytics: Ok, Leute. Jetzt schauen wir uns an, was unter Handel und Analytik steht. Also, wenn wir zuerst in den Handel gehen, gibt es nur drei Möglichkeiten. Sie sind auch ziemlich unkompliziert. Also alles, was mit Bestellungen und jeder Art von Einkäufen auf Ihrer Website zu tun hat, wird hier angezeigt. Also befiehlt ziemlich unkompliziert. Es wird eine Liste aller Ihrer Bestellungen haben. Wie wer hat die Bestellung gemacht? Was ich p Adresse. Sie verwenden, an welchem Tag es auf welchem Artikel gemacht wurde? Wie viel es kostet, etcetera. Sie können alles exportieren, was zu kommentieren, Komma getrennt Wertblatt, so dass Sie es in eine andere Software importieren können, wenn wir eine haben, und dann haben wir Inventar. Das zeigt Ihnen, wie viel Produkt Sie haben. Ich habe nur ein temporäres Produkt eingelegt, um Ihnen zu zeigen, wie es aussieht. Und dann, wenn wir zurückgehen, haben wir Rabatte. So können Sie hier Coupons erstellen und Rabatte für jeden, der einen Kauf auf Ihrer Website tätigen möchte . Also, wenn wir auf Add Rabatt klicken, haben wir vier verschiedene Optionen. Also jede Bestellung. Es ist also so ziemlich ein Pauschalrabatt, oder wir können einen prozentualen Rabatt haben. Also, wie 10% Rabatt auf den gesamten Kauf oder kostenlosen Versand. Und dann gibt es auch Befehle, zumindest so ist das gleiche wie jede Bestellung. Außer, dass es einen Mindestkauf geben muss, so dass alles über $100 $5 oder 10% Rabatt für kostenlosen Versand haben kann. Und dann gibt es Produkte nach Kategorie. Also lasst uns altern, so T-Shirts und Haustiere. Sie können einen Rabatt nur für T-Shirts anbieten, aber nicht für Hosen und dann einzelne Produkte eines bestimmten Produkts. Sie wählen ein Produkt aus und das kann einen Rabatt haben. Okay, jetzt, da wir uns das angeschaut haben, gehen wir zurück und schauen uns Analysen an. Also hier haben wir ein paar verschiedene Optionen der ersten besitzt Verkehrsübersicht. Wenn wir also darauf klicken, zeigt es Ihnen so ziemlich alle Besucher Ihrer Website. Also hatten wir einen Besucher. Diese Person sah sich sieben Seiten an, also war das wahrscheinlich nur Fleisch und ich war am 6. November, so dass wir es stündlich, wöchentlich monatlich betrachten können , und dann haben wir mobile Nutzung. Dies zeigt also nur Menschen, die auf ihren Smartphones besucht haben. Also hier hat niemand unsere Website auf unserem Smart auf einem Smartphone jemals besucht, und dann haben wir RSS-Abonnenten, so dass ziemlich viel zeigt, wer Ihr Blut abonniert. Als nächstes haben wir beliebte Inhalte, die Ihnen alle Ihre Seiten zeigen, auf denen Sie die meisten Seitenaufrufe haben, damit Sie sehen können, was beliebt ist, was funktioniert und was nicht. Dann haben wir die Suche. Und bei Corey ist das ziemlich faszinierend. Es zeigt Ihnen, was Personen genau in einer Suchmaschine gesucht haben, um auf Ihrer Seite zu landen . Also, was? Sie haben in Google oder Yahoo getippt? Und dann haben wir Seiten, wo Suchanfrage. Das ist also, was sie auf Ihrer Website gesucht haben. Im Moment habe ich also nicht wirklich einen Suchknopf auf meiner Website, also suchen sie nichts. Aber wenn Sie einen Suchknopf hier oben oder auf der Seite haben, dann würde es zeigen, wie die Leute hier suchen. Und dann haben wir Aktivitätsprotokoll. Das zeigt also, wer von wo aus besucht hat und welche Seite sie besucht haben und zu welchem Datum Und dann schließlich haben wir schließlichVerkaufsübersicht, so dass so ziemlich zeigt, was Sie verkaufen, wie viele Einheiten Sie verkauft haben und wann Sie es verkauft haben. Wie Sie sehen können, ist der Commerce-und Analytics-Teil der Website ziemlich einfach, Art bietet Ihnen nur eine Art von Feedback darüber, wie Ihre Websites tun, und dann haben wir schließlich die Einstellungen, und ich kümmert sich um das in der nächsten Vorlesung. 8. Einstellungen: Allgemeine Einstellungen: Okay, Leute. So wurden in den nächsten drei Vorträgen einige geschäftliche Informationen zu füllen. Nun, der Hauptzweck davon ist im Grunde Suchmaschinenoptimierung. Suchmaschinen wie Google werden also wissen, worum es bei Ihrer Website geht. Also werden wir über in Einstellungen gehen und in diesem tatsächlichen wird nur die 1. 4 abdecken, die unter die allgemeinen Informationen fallen . Also zuerst gehen Sie zu Geschäftsinformationen hier. Wir geben jetzt unseren legalen Firmennamen ein, seit Besuchen, werde ich das nur für meine eigene Firma machen. Also füllen wir ein B g Tec aus. Okay, jetzt die juristische Adresse. Ich werde das einfach auslassen, aber ich habe die Stadt in den Staat gebracht, also ist das Tronto, Ontario. Und das ist in Kanada. Ich werde meine Steuerregistrierung nicht eintragen. Ich würde vorschlagen , dass Sie es tun. Das geht nur auf Ihre Rechnungen, damit die Leute wissen, , wem sie ihre Steuern zahlen. Also Kontaktnummer. Ich werde hier nur einen zufälligen einlegen, okay? Und dann endlich Kontakt E-Mail. Also habe ich hier meine E-Mail-Adresse eingegeben. Okay, also zeigen einige Tempel das tatsächlich auf der Website. Ähm, das glaube ich nicht, aber wir können das in uns selbst setzen. Das ist kein Problem. Also nochmal, wir haben das hier reingesteckt. Das ist für die Karte. Ok. Perfekt. Und dann endlich die Geschäftszeiten. Jetzt haben Sie ein paar Optionen, die Sie hier diese Luft setzen können, im Grunde die verschiedenen Arten von Formaten, die Sie tatsächlich hier verwenden können. Also werde ich mich einfach für alle Tage öffnen, weil ich nicht wirklich bestimmte Zeit habe. Perfekt. Und wir gehen weiter und sparen, und dann sind wir fertig. Jetzt gehen wir nach Regional. Das ist also im Grunde, wo Ihre tatsächlichen Büros. Also will ich nicht die genaue Einstellung setzen, aber ich werde es tun. Tut mir leid, ich will die genaue Adresse nicht angeben, aber ich werde ungefähr dort hinstellen ich will die genaue Adresse nicht angeben, aber ich werde ungefähr dort hinstellen,wo ich bin. , Also zuerst die Sprache, die ich kanadisch bin und dann Geographie. Also wieder, Kanada, da ist es. Perfekt. Und die nächste Stadt ist Toronto, und ich lasse sie bei Imperial. Okay, als nächstes werden wir einen Blick auf die Berechtigungen innerhalb von Berechtigungen werfen. Was Sie im Grunde könnten, dio ist, anderen Personen Zugang zu Ihrem Konto zu geben, ohne tatsächlich Ihren Benutzernamen und Passwort anzugeben. So zum Beispiel können Sie zum Beispieljemanden einladen, Ihnen mit der Website zu helfen. Sie setzen nur ihren Namen und ihre E-Mail-Adresse hier ein und Sie können ihnen spezifische Berechtigungen geben . So können einige Leute nur Adblock Poster geändert den Wortlaut, aber sie können keine Vorlagen ändern oder, ähm, wie Änderung des Plans. Und dann noch etwas, das du tun kannst. Eine andere Sache, die Sie eigentlich tun sollten, ist bei einem einfachen Autor, vor allem, wenn Sie bloggen werden. So würden Sie in ihren Namen, ihr Bild und das Google Plus Profil setzen. Dies wird auch in Suchmaschinen angezeigt. Und dann gibt es Bio. Also Vorname, Nachname, ihre persönliche Website und ein wenig Autotext über sich selbst und dann wo sie sind, müssen Sie nicht wirklich in der Lage zu füllen, aber die anderen beiden würde ich auf jeden Fall empfehlen. Und dann ist die letzte Option, die Sie hier haben, das Eigentum zu übertragen. Wenn Sie also ein Entwickler sind, können Sie eine Website erstellen und dann das Eigentum an diejenigen übertragen, die tatsächlich Eigentümer der Website ist . Aber denken Sie daran, dass Sie hinzufügen müssen, dass die Person zuerst ein Administrator ist. Okay, die letzte Option in diesem Abschnitt ist die Erstellung eines Kontos. Es gibt fünf Dinge, die wir auswählen können Hier ist das Erste der Abrechnung. Sie können Ihre Testversion abbrechen. Sie können sehen, wann Sie seitdem online sind, und Sie können Ihren Plan zwischen denen ändern, die unter Rechnungen verfügbar sind. Sie können eine Liste aller Rechnungen pro Monat sehen, die Sie an squarespace bezahlt haben. nun Dies sindnunnicht die gleichen Rechnungen wie bei Kunden, die über Ihre Website bestellen. Diese sind nur für Ihr eigenes Konto bestimmt. Anmeldeverlauf zeigt Ihnen die verschiedenen Tage an, an denen Sie sich angemeldet haben. Und Sie können Ihre Seite löschen, indem Sie hier klicken und dann Website löschen. Und dann können wir endlich wechseln. Im Moment haben wir eine Website eingerichtet. Wir können auch auf Handel oder eine Titelseite wechseln. Okay, also war das, was in der allgemeinen Sektion war. 9. Einstellungen: Website-Einstellungen: Okay, also schauen wir uns kurz an, was unter dem Website-Untermenü ist. Das erste, was wir auf der Liste haben, sind grundlegende Informationen. Also gerade jetzt meine Website ist auf eine Business-Website eingestellt, was ist, was ich gewählt, als ich mein Konto erstellt. Jetzt haben Sie entweder Handel, gemeinnützige, gemeinnützige, persönliche oder geschäftliche Zwecke, je nachdem, was Sie gewählt haben. Und dann werden wir die Beschreibung der Website auswählen. Ich werde keinen neuen eingeben. Ich werde nur kopieren und einfügen, was ich habe auf meiner eigenen persönlichen Website. Jetzt gebe ich euch einen Tipp, der euch viele Kopfschmerzen erspart. Okay, wenn Sie nur kopieren und einfügen von einer anderen Website Sie sehen, ich habe diese Schriftart sieht irgendwie seltsam und groß im Vergleich zu wie der Rest der Mittel hier. Was also passiert ist, ist, dass es tatsächlich den Stil des Textes genommen hat, der hier war. Also, wenn Sie Text kopieren und einfügen, möchten Sie hier rechts klicken, die Einfügen ist Nur-Text. Und dann ist es jetzt eine kleinere Schrift. Es ist die richtige Funde, wie es aussehen sollte. Ok. Sie haben auch die Möglichkeit, Squarespace-Promotion auszuschalten Was ist, wenn Ihre Websites wirklich gut aussehende Website sind und Squarespace denkt, obwohl es tatsächlich enthalten und für Sie werben wird . Also, zum Beispiel, wenn wir gehen, um dies ist wie die erste Registrierungsseite, Also von hier und nehmen wir an, wir hatten diese Template-Rate ausgewählt, wenn Sie tatsächlich nach unten scrollen anstatt Vorschau, es wird angezeigt Sie, was Unternehmen verwenden diese Seite. Dies sind also tatsächlich, welche Websites mit der spezifischen Vorlage erstellt wurden. Du könntest da drin sein. Squarespace denkt, dass du würdig bist. Okay, jetzt, da wir das eingerichtet haben, gehen wir weiter und speichern und wir gehen zurück und gehen dann in Domains. So Domain ist das, was Leute tatsächlich hier eingeben, um auf Ihre Website zu kommen. Das ist es, was es jetzt gesagt hat, und ich mag es nicht wirklich. Aber das ist es, was mit der Testversion kostenlos ist. Wenn Sie tatsächlich einen Plan kaufen, erhalten Sie tatsächlich eine kostenlose Domain. Also, wenn Sie hier gehen und Sie eingeben, welche Domäne Sie idealerweise möchten, so dot c a oder dot com. Es wird Ihnen eine Liste von dem geben, was so ziemlich alles, was $20 ist, es ist kostenlos und enthalten, ähm, mit Ihrem tatsächlichen Paket. Aber alles andere als das, du musst den Unterschied bezahlen. Okay, und dann gehen wir weiter und gehen zurück. Und wenn Sie eine Domain haben, die Sie von Go Daddy gekauft haben, Ihren Namen billig, können Sie das hier tatsächlich verbinden. Es ist ziemlich unkompliziert. Die meisten der beliebtesten tut es automatisch, aber so etwas wie eins und eins. Ich glaube, Sie müssten tatsächlich reingehen und den Domainnamen ändern. Einstellungen selbst. Jetzt gehen wir in die E-Mail. Das ist eigentlich ziemlich cool. Sie können tatsächlich eine Domain-E-Mail erhalten, Also, wenn ich eine Domain bekam, die www dot a b g tec dot c a. Ich könnte eine E-Mail, die Info bei a b g tec dot c a. Also, zunächst einmal, Sie müssen eine Domain verbinden bevor Sie das tun können. Aber diese E-Mail ist mit Google Maps verbunden, so dass Sie so ziemlich alles erhalten, was in Google APS enthalten ist, die in Ihrer E-Mail-Adresse enthalten ist. Nun, Social Media ist definitiv ein wichtiger Teil einer Website, vor allem, weil es mit Ihrem S e o ziemlich viel hilft. Nun, Squarespace macht das sehr einfach. Sie müssen nur zu verbundenen Konten gehen und dann können Sie auf Konto verbinden klicken. Wählen Sie aus, welche Social-Media-Plattform Sie verbinden möchten? Einige von ihnen haben tatsächlich aufgerufen, dass Sie sich anmelden müssen, bevor Sie es verwenden können. Zum Beispiel, Instagram Und was das tut, ist, dass es Ihnen die Möglichkeit gibt, so ziemlich ziehen Sie alle Ihre Daten von Instagram. Also alle Ihre Bilder und Anzeige auf einer Seite, so können Sie haben, wie, einen Strom von Bildern und Sie können das gleiche für Facebook oder Twitter tun. Ich habe tatsächlich einen meiner Konten oder vielleicht ein paar meiner Konten, nur damit Sie sehen können, wie der Prozess läuft. Also klicke ich auf Connect Account Will Facebook zuerst tun. Ich bin bereits bei Facebook angemeldet, daher sollte es mich automatisch hier anmelden. Da gehen wir. Und dann kommt das Pop-up auf. So zeigte das soziale Symbol. Es wird also auftauchen, wo wir zu unserem Baum wollten, wo es sich zeigen wird , und dann ist das mein Facebook-Profil, und ich will nicht zeigen, dass tatsächlich eine B g Tec Seite zeigen will, okay. Und der Wille trifft sicher. Also, jetzt hier unten, wo ist das Symbol? Es wird tatsächlich auftauchen. Jetzt. Alle sozialen Medien, die ich einhalte, werden hier auftauchen. Also, zum Beispiel, wenn ich Twitter als nächstes verbinde, lass uns weiter gehen und Twitter finden. Suchen wir danach. Eigentlich, Twitter, Los geht's. Nun, dieser hier, werde ich mich wahrscheinlich einfach in meinem persönlichen Konto anmelden und dann autorisieren. Und dann gehen wir. Also jetzt Twitter hinzugefügt, und vielleicht möchte ich das aus der Fußzeile verstecken. Aber ich wollte immer noch verbunden sein. Ich würde das tun. Also jetzt in der Fußzeile wird nicht wirklich angezeigt. Wenn Sie es hinzufügen möchten, Sie einfach deaktivieren, wo sagt soziale Symbol zeigen und wo die Option für Download-Daten ist. So laden Sie tatsächlich Daten von Twitter herunter, damit er sie auf einer Seite anzeigen kann. Und das zeige ich dir später auch in einem der Vorträge. Okay, das war also verbunden. Accounts als nächstes ist Marketing, und erste Option im Marketing ist für S E O. Und hier können wir unsere Suchmaschinenbeschreibung ausfüllen, was sich unter Ihren Websites zeigt. Sie waren gut auf Google oder sein oder so etwas. Also nochmal, ich werde einfach kopieren und meine Website-Beschreibung von meiner persönlichen Website einfügen. Okay, jetzt ist dieser hier nur Klartext da, also gibt es keine Option, tatsächlich als Klartext einfügen. Ah, Titelformate der Startseite oder was Sie wollen, dass Ihre Homepage aussehen. So gerade jetzt ist genauso Prozent s, was, wenn wir hier oben gehen, ist der Titel unserer Website. Also würde es Ihnen zeigen, Dem unc und dann Sammlung wäre Dinge wie Blawg. Also, was der Block zeigen würde, ist und gerade jetzt ist es Prozent c Also was ist, was so wäre blawg und dann Titel und dann schließlich Elemente. Das ist also so, als würde ein bestimmter Blockbeitrag als Block der Name des Blockposts erscheinen . Okay, also gehen wir weiter und speichern die Beschreibung, die wir dort eingefügt haben, und wir gehen zurück und dann haben wir Share-Buttons. Also diese Luft-Tasten, die am unteren Rand der blockierten Seiten erscheinen und es ermöglicht Menschen, um verschiedene soziale Medien zu teilen. Normalerweise schaue ich gerne alles ab, weil warum nicht? Wie sie teilen können, wo immer sie wollen, gibt mir mehr Belichtung und dann wieder Knöpfe anheften . Das sind die kleinen Knöpfe, die in der Ecke erscheinen, die die Leute anheften lassen. Ich mag es, nur für Blog's zu aktivieren, damit diese Schaltfläche nicht die ganze Zeit angezeigt wird. Also wird es so aussehen und wir können ändern, wie es aussieht, als könnten wir es kleiner machen, groß, und wir könnten einen rechteckigen Kreis und weiß, rot oder grau sein , so dass wir speichern werden zurück und dann Facebook-Seite. Okay, diese Option ermöglicht es uns, unsere Facebook-Seite mit unserer spezifischen Galerie-Seite zu verknüpfen. Also, zum Beispiel, wenn ich eine b g tec versenke, die meine eigentliche Facebook-Seite ist, die hier drüben ist, wird es tatsächlich ein Top auf der linken Seite hinzufügen, das jetzt Galerie sagen wird, ein anderes, alles, was wir tun können, ist tatsächlich eine Seite zu installieren. Also eine der Seiten, die ich hier oben habe, so zu Hause über Nachrichten, lesen Sie mich. Ich könnte auch einen von denen auf die Seite stellen, also ist es wirklich cool. Weg, die Dinge eingefärbt zu halten. Wenn du magst. Jetzt werde ich es nicht einrichten, aber du kannst es. Und dann als nächstes haben wir Google AdWords-Guthaben. Also bekommst du einen Kredit. Also $100 Kredit mit jedem Business-Plan, den Sie mit squarespace So ordentlich wenig Weg, um Ihre Website zu werben und Marketing es als nächstes wird Bloggen gehen. Also hier haben wir. Wir können ändern, wie die u R l ist, so wie dies auf einem Block Post gerade jetzt ist. Es ist so eingestellt, dass meine Website Schrägstrich Das Jahr wurde Schrägstrich der Monat, in dem es veröffentlicht wurde, Schrägstrich das Datum veröffentlicht wurde und dann Schrägstrich Titel. Das gefällt mir nicht wirklich. Ich mag es normalerweise. Sei einfach der Titel. Also werde ich es so lassen und dann für Kommentare. Nun, sagen Sie zuerst Fett und dann aktivieren Sie Kommentare. Ich liebe es, Kommentare zu aktivieren Jessica's, wenn Leute Kommentare hinterlassen, die mehr Traffic auf Ihre Website bringen und Ihnen mehr soziale Validierung geben. Also werde ich das aktivieren und dann gehen wir auf zurück Jetzt bespricht die Art und Weise, wie Menschen Kommentare hinterlassen können diskutieren statt quadratische Räume in Kommentarsystem gebaut. Ich benutze Diskutieren nicht wirklich zu viel, also werde ich hier nichts reinbringen. Ich finde, dass das System, das Squarespace hat, natürlich ziemlich gut funktioniert. Okay, so einfach. Die Option „Gefällt mir“ ist aktiviert, sodass die Benutzer nicht angemeldet sein müssen. Also, das ist in Ordnung. Und beschleunigte mobile Seiten schalten das ein, denn das ist eigentlich eine wirklich coole Art und Weise , dass die Leute Ihren Block Post in sozialen Medien teilen können. Also tatsächlich ist es gerettet und wird zurück gehen. Also als nächstes haben wir Sicherheit und SSL. Dies ist eigentlich eine Funktion, die gerade erst vor kurzem zu Squarespace kam, bevor das, was passieren würde , ist jede Auscheck-Seite, auf der Leute ihre Transaktionsinformationen wie Ihre Kreditkarteninformationen und all das, was SSL war, so war es sehr sicher. Aber jetzt kann die gesamte Website gesichert werden, also ist das standardmäßig deaktiviert. Aber wir gehen weiter und klicken Sie auf Sicher und dann hier unten können Sie ein Passwort für Ihre Website festlegen , wenn es noch in der Entwicklung ist. Ich halte das deaktiviert, nur so dass, wenn ich mit einem Client arbeite, können sie ihre Website sehen, ohne sich einzuloggen und sie gehen voran und gehen zurück und in der letzten Sache unter der Website Tab ist fortgeschritten. Also hier haben wir die vier alten vier Seiten. Also, wenn Sie eine Website-Seite hatten, die Sie gelöscht haben, aber die Leute gehen immer noch zu ihr. Es wird sie automatisch zu einer vier a vier Seite, die so aussieht. Und dann können sie einfach auf eine Ihrer anderen Seiten klicken. Okay, also könnten Sie tatsächlich machen, dass Ihre Homepage, also jedes Mal, wenn sie eine Website-Seite besuchen, die abgenommen wurde, leitet es sie an die Startseite weiter. Aber ich mag es, um 404 zu verlassen, damit sie wissen, dass die Seite nicht mehr existiert, und sie hörten auf, sie zu verlinken. So können wir jetzt den Standard-Texteditor ändern. Wenn Sie aus Rich-Text einen Abschlag wünschen, würde ich sagen, Lassen Sie. Es ist Rich-Text. Nur weil Mark Down es ein bisschen schwieriger macht, Dinge einzugeben. Okay, also jetzt gehen wir zu entkommen Schlüssel. Das ist also im Grunde loggen Sie sich mit diesem Kiki ein. Wenn Sie also nicht angemeldet sind, wenn jemand auf Ihre Website kommt und sich anmelden möchte, drücken Sie einfach die Escape-Taste. Das macht es wirklich einfach, wenn Sie noch die Website entwickeln, aber ich denke, es ist irgendwie wie eine unnötige Zukunft, wenn es Leben gegangen ist. Also werde ich es wirklich deaktivieren. Nein, weil ich fast garantieren kann, dass ich vergessen werde, es später zu deaktivieren, weil ich nicht möchte Benutzer sich in der Website anmelden können, indem sie auf Escape-Taste drücken. Jetzt ist Import und Export ein äußerst wichtiger Teil von Squarespace. Wenn Sie sich jemals entscheiden, Squarespace zu verlassen oder zu Squarespace zu kommen, nachdem Sie eines der CMS verwendet haben, können Sie ganz einfach Ihre Blockpost von dort aus mitbringen. Also, WordPress Tumbler, die ältere Version von Squarespace Blogger Shopify oder Big Cartel. So erspart es Ihnen ziemlich viel Zeit, Ihre tatsächlichen Blockbeiträge noch einmal kopieren und einfügen zu müssen . Als nächstes haben wir externe Dienste. Hier können wir also eine Google Analytics-Kontonummer hinzufügen, wenn wir ein wenig mehr analytische Informationen wünschen als das, was Squarespace selbst bereitstellt und dann Ihr Amazon Associate-Tag. Also, wenn Sie jemals Produkte verkaufen, jemand Ihr aktuelles Empfehlungsgeld von Amazon sammelt, können Sie Ihren Tag direkt hier eingeben und dann Remote entwickeln. Es öffnet Squarespace, so dass er tatsächlich alles daran ändern könnte, dass Sie wollen. Ich würde sagen, halten Sie es aus, es sei denn, Sie wissen, was Sie tun, nur weil, wenn Sie es einschalten ,es nicht wirklich Website. , Wir werden es noch aktualisieren. Squarespace wird also aufhören, es zu aktualisieren, weil es so aussieht, als wüssten Sie, was Sie tun. Okay, also stellen Sie sicher, dass Sie das auslassen und dann Code-Injektion. Wir werden später darauf zurückkommen, weil das extrem wichtig ist. Hier können Sie Dinge wie Ihren Google Analytics-Code hinzufügen. Wenn Sie das Tag im vorherigen Abschnitt nicht verwenden möchten, können Sie Mantel zu der Fußzeile, derKopfzeile, dengesperrten Seiten, all diese Art von gutem Zeug hinzufügen Kopfzeile, den gesperrten Seiten, . Ok. Und dann haben wir Sie sind l Kartierung. Diese Art von geht zusammen mit der 404-Seite früher, und es fügt ein wenig Features hinzu. Also nehmen wir an, Sie hatten eine Blawg und es war ursprünglich Ihre Website Slash Plug und dann ändern Sie es zu einer Website Schrägstrich Info und Tipps. Sie können die Website tatsächlich umleiten, so dass jeder, der Ihren alten Block besucht, auf den neuen Block umgeleitet wird . Also nochmal, extrem gut. Wenn Sie eine Menge großer Änderungen machen, und dann endlich ist Bild Axt. Wenn diese Option standardmäßig deaktiviert ist, wird jedes Mal, wenn Sie ein Bild in Squarespace hochladen, der Titel des Bildes und die Tags eingefügt. Wenn Sie das bereits ausgefüllt haben, haben die meisten Bilder, die Sie hochladen, das sowieso nicht, aber Sie können es aktivieren, nur so dass Sie ein oder zwei Sekunden speichern können, wenn Sie Bilder importieren, das haben, so dass wir das dort tun können, und dann gehen Sie wieder zurück und das deckt alles in der Website-Abschnitt und das nächste Mal wird über den Commerce-Bereich gehen und dann schließlich mit der Einrichtung der Einstellungen getan werden und wir können in die eigentliche Website zu bewegen . 10. Einstellungen: Commerce: Okay, Leute, ich hoffe, ihr seid aufgeregt. Das wird der letzte Vortrag sein, der die Back-End-Informationen der Website abdecken wird . Also, beginnend mit der nächsten Vorlesung, werden wir die eigentliche Website erstellen. Also das lustige Zeug. Okay, also und unter dem Karmaabschnitt gibt es ein paar Möglichkeiten. Ich werde sie durchgehen, und dann sind wir fertig. Okay. Ich bringe dieses langweilige Zeug gern aus dem Weg. Zuerst. Wenn ich das tue, sagen wir, nur weil ich sonst weiß, dass ich verzögerte, und es wird nicht pünktlich erledigt. Okay, also wird zuerst in Zahlungen gehen, okay. Und Zahlungen. Wir haben Optionen für zwei verschiedene Methoden. Wir haben Stripe und PayPal für Stripe. Alles, was Sie tun, ist auf Connect Stripe klicken und Sie zu einem Link, wo Sie sich anmelden können. Also werde ich dies ein bisschen größer machen, damit Sie das vollständige Formular sehen können, damit Sie sich anmelden können. Und wenn Sie noch kein Konto haben, klicken Sie einfach auf, melden Sie sich an. Also, sobald Sie drücken, registrieren, es wird es zu einem Formular, so dass Sie ein Konto erstellen können, und dann können Sie gehen und füllen Sie Ihre Informationen und nehmen Sie es von dort. für PayPal jetzt. Für mich steht es in der Beta, aber für Sie, je nachdem, wann Sie den Kurs sehen, kann es nicht sein. Also PayPal ist eigentlich, dass gerade kam heute, eigentlich. So wie Squarespace-Dinner? Ähm, eine Option für Sie, das bis jetzt tatsächlich zu verwenden. Also, was Sie tun können, ist, können Sie E-Mail-Adresse eingeben. Also, zum Beispiel, wenn ich mein Unternehmen ein eingeben und dann den Code eingeben, damit Sie nicht nach einem Code gefragt werden, bin ich weil ich versucht habe, mich jetzt ein paar Mal anzumelden, Also, wenn Sie auf Weiter klicken, wird es , um ein Konto zu erstellen. Nun, das liegt daran, dass diese E-Mail-Adresse momentan nicht Teil eines Geschäftskontos ist. Also, wenn Sie eine PayPal-Adresse mit dem Business-Konto haben, zum Beispiel, wenn ich meine tatsächlichen Leute eingeben, so gehen Sie hier und dann gehen wir, E h. Und dann gehe ich weiter und gehe weiter. Es wurde zuletzt der Unterzeichnung gemacht, da es tatsächlich sieht, dass das ein Konto ist. Okay, das ist also, dass ich es früher gemacht habe. Und Sie können hier auch Ihre Filialwährung von USD in eine andere Währung ändern. Also als nächstes ist Check-out, und von hier aus können Sie Ihre Mail Schimpanse Pick out verbinden, wenn Sie die E-Mail-Adressen der Leute sammeln wollen . also in Zukunft Wenn Siealso in Zukunfteinen Verkauf auf Ihrer Website haben, können Sie ihnen einen Newsletter senden. Dann haben wir das Standardland. Also, wenn Sie nur an Menschen in den Vereinigten Staaten verkaufen, zum Beispiel, wer würde Sinn machen, um das Standardland auf die Vereinigten Staaten zu setzen, So spart es ihnen ein weniger Gefühl, dass sie ausfüllen müssen. Dann haben wir die Liefer- und Rechnungsadresse, so dass Sie automatisch die Lieferadresse auf die gleiche wie die Rechnungsadresse einstellen können. Nun, wenn der Kunde nach aufgrund verschiedener Adressen gewaschen hat, kann er einfach ein Optionsfeld deaktivieren, und dann haben sie die Möglichkeit, das zu tun. Und danach haben wir Check Out ausgedrückt. Also was? Das ist das? Nehmen wir an, Sie haben nur ein Produkt auf Ihrer Website. Es macht nicht wirklich Sinn für den Kunden, das zu einem Einkaufswagen hinzuzufügen und dann und dann auf den Check-Out Button geklickt. Also, was das tut, ist es ersetzt die Schaltfläche in den Warenkorb mit dem Kauf-Button. So, sobald sie auf Kauf klicken, geht automatisch zur Kasse. Okay, als Nächstes ist der Einkaufswagen-Stil. Hier haben wir die Möglichkeit, das Farbschema der Überprüfung der Seitenfreude anstelle von dunkel zu ändern. Also gerade jetzt unsere Website ist ah, weißer Hintergrund mit schwarzem Text, und die Check-out-Seite wird ähnlich aussehen. Nehmen wir an, Sie ändern diesen Hintergrund in Schwarz. Sie möchten, dass der Text tatsächlich weiß ist, und alle anderen Farben sind ebenfalls hell gefärbt. Und dafür ist dieser Knopf. Und jetzt die nächste Bestellnummer. Eigentlich ist es ziemlich einfach. Es ist, welche Nummer auf Ihrer Rechnung für die nächste Bestellung angezeigt wird, die ein Kunde aufgibt, damit Sie sie bei einem starten können. Aber nehmen wir an, Sie machen Geschäfte für eine Weile ohne Ihre squarespace-Website, und Sie haben bereits 100 Bestellungen gemacht, die Sie tatsächlich mit 101 beginnen könnten, so dass Sie nicht verwirrt zwischen den Rechnungen und dann haben wir zusätzliche Felder. So können Sie von hier aus zusätzliche Informationen vom Kunden beim Check-out sammeln. So wird die vollständige Nummer mit Liefer- und Rechnungsadresse gesammelt. Ich persönlich brauche keine vollständige Nummer von meinem Geschäft. Ich schalte das aus und dann haben Sie auch ein benutzerdefiniertes Formular zur Auscheckseite. Nehmen wir an, Sie tun etwas wie persönliche Schulungen online verkaufen. Sie können jemanden zu sammeln, das Gewicht beginnt. Sie enden. Warte, ähm, die Übungen, die sie gerne machen und was sie nicht gerne machen, ohne sie persönlich per E-Mail schicken zu müssen . Also, wenn Sie zu zusätzlichen Informationen gehen, so dass wäre der Name des Formulars und dann könnten Sie ein zusätzliches Feld hinzufügen und wir können das vielleicht ein Kontrollkästchen machen, und dann können wir es nennen, welche Übungen mögen Sie? Und dann werde ich Ihnen zeigen , , wie Sie es später auch Formulare hinzufügen. Aber im Grunde ist es ein Kontrollkästchen pro Zeile. So Kniebeugen und dann tote Aufzüge. Und das habe ich falsch geschrieben. Also tote Aufzüge okay, und das ist es, was es auftauchen würde, wie auf dem Formular selbst. Und ich brauche keine zusätzlichen Informationen. So sieht es so aus. Nun, ich werde das nicht wirklich für meine Website verwenden, weil ich es nicht wirklich brauche. Also klicke ich auf Verwerfen, und ich werde das Formular nicht wirklich verwenden. Aber, ich meine, Sie sind frei zu verwenden, und Sie können sehen, welche Art von wie leistungsstarke Funktionen, die zu Ihrem Check-out hinzufügen. Also, das war alles für zusätzliche Felder, und jetzt werden wir gehen, um die Alters-Ladenrichtlinien zu überprüfen. In den Store-Richtlinien haben wir also drei verschiedene Felder, die wir in die Rückgaberichtlinien, die Nutzungsbedingungen und die Datenschutzrichtlinie ausfüllen können . So, zum Beispiel, einige Dinge, die Sie hier setzen können, ist keine Rückkehr nach sieben Tagen, bitte teilen Sie dieses Produkt nicht mit jemand anderen. Wenn es wie ein digitales Produkt ist, wie ein E-Buch, dass nach dem Puppen-Modus Datenschutzrichtlinie, so etwas wie wir Ihre E-Mail-Adresse nicht an andere Dritte verkaufen, diese Art von Sachen. Jetzt können Sie tatsächlich Google für Datenschutzrichtlinien und verwenden Sie wie eine Vorlage, die Sie Art von Arbeit für Ihr Unternehmen erarbeiten können. Oder Sie können Ihren Anwalt für Sie tun lassen, ohne wahrscheinlich die kluge Sache zu sein. Und dann haben wir endlich Rechnungen. So unter Rechnungen schwächen grundsätzlich ändern, wie Angriffe auf der Rechnung erscheint. Okay, also sieh dir das auch an. OK, also gehen wir auf den Rücken, und dann vom Handel und ich werde zu Benachrichtigungen gehen. Jederzeit, wenn jemand etwas von Ihrer Website bestellt, erhält er automatisch eine E-Mail. nun versuchen, Wenn sienun versuchen,auf diese E-Mail zu antworten, erhalten Sie sie wahrscheinlich nicht, nur weil sie automatisch an keine Antwort bei squarespace Startinfo gesendet wird . Also nochmal, Sie können dies ändern Wenn Sie möchten, um, damit jemand eine Frage zu der Bestellung hat, kann er einfach auf Antwort von der Bestellseite drücken, und dann haben wir die von der E-Mail-Adresse. Also jedes Mal, wenn ein Kunde eine E-Mail bekommt, dies ist, was unter zeigen wird, würde ich tatsächlich empfehlen, es so zu lassen, wie es ist, sei denn, Sie haben Ihre eigene persönliche Domain, wie a b g tec dot c a. Und Sie haben die E-Mail Adressinformationen, nur weil, wenn Sie etwas wie Gmail oder Hotmail verwenden , es ist neun Mal, dass teilnehmen. Es wird als Spam markiert, und dann werden sie es nicht einmal bekommen, oder es wird direkt auf ihre Spam- oder Junk-E-Mail gehen. Also wieder, lassen Sie es einfach so, wie es jetzt ist. Sie können automatisch E-Mails erhalten, wenn Ihre Artikel unter einen bestimmten Lagerbestand fallen. Nehmen wir an, Sie haben immer 10 Aktien und gehen plötzlich auf zwei runter, weil jemand acht bestellt hat . Dann erhältst du automatisch eine E-Mail, die besagt: Hey, du bist auf diesem Gegenstand dran. Haben Sie noch mehr? Und dann haben wir maßgeschneiderte E-Mail. Hier können Sie also tatsächlich ändern, wie die E-Mail aussehen wird, wenn sie gesendet wird. Also für die Bestellung bestätigt. Also, wenn Sie es bestätigen, bestellen Sie. Aber die E-Mail wird so aussehen, dass Sie dies ändern können. Und das ist eine Konvention, die squarespace für Bestellnummer verwendet und welches Produkt es ist all diese Art von Sachen. So gehen wir zurück und Sie können auch die Bestellung erfüllt und Bestellung wieder finanziert anpassen und auch die Kopf- und Fußzeile, die auf der E-Mail angezeigt wird. Also in der Kopfzeile können Sie etwas wie Vielen Dank für Ihre Bestellung setzen. Also danke für ja, und auf diese Weise wird das automatisch zu jeder E-Mail in Bezug auf Bestellungen hinzugefügt. Dann können wir das speichern, und dann wieder, das ist eine Fußzeile und Sie können eine Test-E-Mail senden, nur um zu sehen, wie es aussehen würde. Das war also für die Kopf- und Fußzeile. Also gehen wir zurück, seit wir das abgedeckt haben und dann verschiffen. Also hier ist ziemlich einfach. Sie können verschiedene Versandoptionen haben, also pauschal oder je nach Gewicht. So Flatrate von lassen Sie uns sagen, es wurde am nächsten Tag Versand genannt und dann können wir wie eine Grundgebühr setzen . Also lassen Sie uns sagen, die ganze Lieferung kostet $10 dann $2 pro Artikel, die die Bestellung und wir können das nur auf ein bestimmtes Land setzen. Also, jetzt ist es überall in Kanada, bekommt den Versand, und dann können wir noch einen für ein anderes Land hinzufügen. Also vielleicht in die Vereinigten Staaten wird es $20 sein. Also am nächsten Tag, Versand wieder und es wird $20 dann $10 pro Artikel. Und das ist, wo die USA USA Also schließen wir Kanada und wir werden die Vereinigten Staaten hinzufügen. Also die Vereinigten Staaten okay, und dann sagen wir, das sind die einzigen zwei Orte, die wir versenden, also schlagen wir zurück. Und dann, obwohl das seine Steuern als nächstes aufstellte. Hier können Sie also tatsächlich einen bestimmten Steuersatz einrichten. Sie zum Beispiel Land hinzu. Mal sehen Kanada, und wir werden Ontario verwenden, so HST wäre 13% und Sie können die tatsächlichen Angriffe auf Versand und Dienstleistungen sowie anstatt nur Produkte berechnen . Denn wieder, Ihre Produkte können etwas, das Sie ausliefern oder ein Service wie persönliche Schulungen, so dass Sie es auf beiden aufladen können , und dann sparen wir und wir gehen zurück. Und dann haben wir endlich Spenden. Wenn Ihre Website also für Laker Kirche und Sie Geld als Spende sammeln,so etwas, können Sie jederzeit eine Nachricht senden,wenn so etwas, können Sie jederzeit eine Nachricht senden, jemand tatsächlich auf Ihre Website spendet und Sie können ändern, was die Nachricht sagt, was der Titel der E-Mail ist, und dann können Sie auch eine Test-E-Mail senden, nur um zu sehen, wie es aussehen wird. Okay, also haben wir alles dort abgedeckt und wir haben jetzt alles unter dem Handel abgedeckt. Also, wenn wir zurück gehen und jetzt alles unter Einstellungen getan ist, so beginnt bei der nächsten Vorlesung mit der Erstellung einer tatsächlichen Website beginnen. Also ich hoffe, ihr seid aufgeregt dafür 11. Cover Erstelle die Seite: Okay, Leute, wie versprochen, werden wir endlich in das lustige Zeug einsteigen. So Erstellen von tatsächlichen Seiten Nur eine kurze Erinnerung. Wie ich bereits in den Vorträgen erwähnt habe. Die Seiten, auf denen Demo steht, sind noch nicht ganz live. Also jeder, der diese Seiten besucht, wenn er also tatsächlich zu diesen Seiten durchklickt, wird es tatsächlich nichts zeigen. Wo ist die Homepage hier? Ich habe es bereits zu einer natürlichen Seite gemacht, aber ich möchte nicht, dass dies meine Homepage direkt aus, nur weil es nichts mit meinem Geschäft zu tun hat . Also werde ich einen Cover-Pfirsich aufstellen. Okay, in der heutigen Vorlesung geht es um Deckblätter. Also das frisch, das wir tun werden, ist, dass wir hier oben auf das Plus klicken. Wie lange können wir wählen, welche Art von Seite wir erstellen möchten. Also gehen wir voran und klicken auf Deckblatt, und wir werden nennen, es könnte Homepage sein. Ok. Und dann jetzt ist dies ein Menü, das diese Air-Seiten, die ich empfehlen würde, er verwendet während Sie in der Entwicklung sind. Nur damit die Leute wissen, dass die Website bearbeitet wird und dass sie zu einem späteren Zeitpunkt wiederkommen sollten . Sie können hier auch E-Mail-Adressen sammeln, so dass Sie tatsächlich direkt einen Newsletter versenden können wenn Ihre Arbeits-Website geöffnet ist. Also das erste, was wir auch tun werden, um Layout zu ändern, Ich werde eine auswählen, die wir mögen. Jetzt gibt es eine ganze Reihe hier. Sie können es erneut filtern. Einige von ihnen sind Liningseiten. Einige von ihnen sind Profil. So zeigen sie, wie, Ihr Bild oder wie, ein Bild von etwas, und zeigen dann eine Beschreibung. Sie könnten auch Audio haben, die abgespielt wird. Zum Beispiel spielt dieser einen einzelnen Song oder eine Musikspur ab. Wo ist dieser Ort? Eine Wiedergabeliste, die Sie hochladen können. Dann hast du Video. So verbinden Sie ein YouTube-Video oder Video-Video und sie werden wiedergegeben, sobald jemand den Play-Button drückt und dann haben Sie Standort. Also, wenn du einen Laden eröffnest, kannst du zeigen, wo er sich öffnen wird, nur damit die Leute es vorher wissen. Und dann endlich, Twitter. So können Sie Ihren letzten Tweet auf der tatsächlichen Lining-Seite zeigen, also werde ich tatsächlich Landing Page auswählen, und ich werde diesen verwenden. Okay, wenn sich das öffnet, was ich tun werde, ist zu gehen und zu speichern, und dann gehen wir zurück und es wird die verschiedenen Aspekte dieser Seite ändern. Das erste ist also Branding und Text, damit wir die Wörter ändern können, die oben erscheinen . Hier. Ich will keine Worte gebrauchen. Ich werde mein Logo benutzen. Also lasst uns gehen Zehe-Logo wird ein Bild hinzufügen. Und mein Bild ist, ich glaube hier unten. Also genau hier und dann Logo und ich werde das einfach hochladen. Da gehen wir, und das Logo wird in nur einer Sekunde auftauchen. Da gehen wir. Jetzt gehen wir weiter und ändern die Überschrift auf demnächst und den Körper auf meine Tag-Zeile . Vielleicht. Okay, und das wir gehen weiter und es ist jetzt sicher. Die meisten Layouts, wie die verschiedenen Ebenen, die wir wählen könnten, haben ähnliche Einstellungen unter Branding und Text, so dass Sie in ihrer nächsten Ansicht nichts anderes sehen sollten. Wir haben Medien, also ist dies der Hintergrund. Also zuerst möchte ich einen Hintergrund herunterladen, den ich nicht wirklich mag. Das stimmt nicht wirklich mit dem überein, was ich versuche, also gehen wir zu freien Bildern. Also die beiden, die ich am meisten verwende, ist Picks gehorchen und Pixel. Ich werde beide in der Beschreibung setzen, damit ihr Jungs vorwärts gehen und Bilder von ihren Luft herunterladen könnt , um Bilder zu verwenden, die man nicht setzen muss, äh, machen, äh, machen, wo man es hat oder wer das Foto gemacht hat, irgendetwas wie das. Es ist einfach kostenlos und lizenzfrei. Also lasst uns voran gehen und tippen, vielleicht Website, und wir werden sehen, was kommt. Ich habe das gleiche hier drüben durchgemacht. Okay, das zeigt also ein Klavier. Wirklich wie alle von denen. Vielleicht das und hier drüben. Ich schätze, das ist vielleicht ein netter, also gehen wir weiter und laden es herunter. Ich würde empfehlen, dies für diese Größe zu verwenden, da die maximale Größe, die für Squarespace zulässig ist, 1600 ist. Also keinen Sinn, ein Bild von diesem großen zu verwenden. Also werden wir darauf klicken und wir werden weitergehen und herunterladen. Okay, also das ist heruntergeladen. Jetzt schauen Sie hier vorbei und laden Sie das Bild hoch, damit wir entweder Getty oder einfach nur ein normales Bild von Ihrem Computer verwenden können. Getty Bilder sind bezahlte Bilder, aber Sie können sehen, wie sie aussehen, bevor Sie sie verwenden, und sie haben ziemlich viel Auswahl, also zum Beispiel, wenn ich in der Website tippe, das sind die verschiedenen diejenigen, die kommen, so dass Sie sie mit einem Stempel verwenden können, bis Sie tatsächlich bereit sind, das Leben zu gehen. Es gibt also ziemlich viele Bilder da oben, also werde ich mein eigenes Bild hochladen und es gibt, wenn ich heruntergeladen habe und das Hochladen perfekt ist. Also gehe ich voran und speichere und wir gehen zurück, OK, und im nächsten Schritt haben wir Aktionen. Das wäre also wie dieser Kontakt-Knopf hier. Also gehen wir zu Aktionen jetzt haben wir eine Kontakt-Schaltfläche, die zu einem Kontakt führt oder tatsächlich sorry, es tatsächlich direkt auf die squarespace-Website. Ähm, wir können es so lassen. Wir können wie ein Menü hinzufügen. Also wäre es wie zu Hause über Kontakt, damit wir verschiedene Seiten da drin haben können, aber ich lasse es einfach als Knopf und wir werden in Eigentlich, nein, ich werde nicht einmal einen Knopf setzen. Ich werde nur in ein Formular setzen, so erhalten Sie benachrichtigt an ihm Formular und wird in Yeah setzen, sie werden ihren Namen fragen und nur E-Mail-Adresse. Ich brauche nicht wirklich Betreff und Nachricht. Wenn es ein Kontaktformular wäre, das ich würde, aber ich werde das einfach mit Post Schimpanse verbinden. Also mach es, ähm, männliche Schimpanse Form und es wird aufbewahren, und dann können wir es mit Mail Schimpanse verbinden, oder wir bekommen es automatisch an unsere E-Mail-Adresse geschickt. So würden Sie einen männlichen Sprung verbinden. Klicken Sie einfach hier und loggen Sie sich ein. Ich werde euch zeigen, wie das aussieht. Also gehen wir weiter, ich melde mich an. Perfekt. Und jetzt muss ich nur die Liste auswählen. Ich glaube, ich habe nur eine Liste. Da gehen wir. Geh, geh drauf. Und dann können wir unter Erweitert ändern, wie der Submit-Button aussieht. Und was sie sind, was ihr gegeben wird, nachdem sie etwas einreichen. Also gehen wir weiter und speichern das. So können sich Leute für eine Mailingliste anmelden. Wann sind meine Website geht Leben? Also wird es irgendwie so sein? Ok. Nein, ich mag es nicht, wie das Militärform sagt, also gehen wir zurück und ändern Fett in benachrichtigt zu werden. Perfekt. Also werden wir sparen, das zu retten und wir werden auf den Rücken. Von hier aus sind die nächste Option soziale Symbole. Also, das ist im Grunde nur ein Kontrollkästchen, wenn Sie Ihre sozialen Symbole hier unten zeigen wollen oder nicht. Und natürlich möchte ich es zeigen, nur damit die Leute mehr Informationen bekommen können, bevor meine Website geht. Das Leben ist so sicher und wir gehen jetzt zurück. Es gibt weitere Änderungen, die wir an dieser Seite vornehmen können, und das ist unter dem Abschnitt „Stil“. Aber das werde ich in der nächsten Vorlesung durchgehen, nur weil da ein bisschen mehr Details drin ist. Okay, wir sehen uns bald. 12. Cover Stylen der Seite: Okay, also machen wir weiter, wo wir aufgehört haben. Wir waren gerade dabei, einen Blick auf das Stil-Untermenü zu werfen, also werden wir sofort da reingehen. So wird der Style-Editor auch für die anderen Seiten aussehen. Es wird mehr Stile geben, die Sie tatsächlich hinzufügen können, aber dies ist nur für das Deckblatt. Ok? Also, wenn du mich dich wirklich schnell zeigen lässt. Wenn ich also auf die Startseite klicke, die wir erstellt haben und dann zum Stilbrief gehe, ist das nur für den Stil auf dieser Seite des Deckblatts. Während, wenn wir in Design und dann Style-Editor gehen, ist das eigentlich für die gesamte Website abzüglich der Titelseite. Okay, also haben Deckblätter ihren eigenen spezifischen Stil-Editor. Gehen wir also zum Titelblatt. Ich gehe zurück in den Style-Editor. Das erste, was ich sofort sehe, ist, dass ich mein Logo will. Drei größere. Richtig. Es gibt also ein paar Dinge, die Sie auf der linken Seite tun können. Sie können nach Branding und Bild suchen, und dann können Sie erhöhen und verringern. Es hier würde die Dinge einfacher machen. Sie können tatsächlich auf Ihr Logo klicken, da das ist, was Sie bearbeiten möchten und dann automatisch nur ein Branding hochziehen. Und dann können Sie es hier erhöhen und verringern. Jetzt ist das Maximum, das es durch ihren Schieberegler erlaubt, 100 Pixel, was ungefähr so groß ist. Ich wollte ein bisschen größer. Also, was ich tun werde, ist hier rein zu klicken, und dann kann ich es tatsächlich ein bisschen größer machen, als der Schieberegler es mir erlaubt. So viele. 25 Dann werde ich retten, und dann gehen wir zurück, um alles zu zeigen, damit wir alles sicher sehen können. fand nicht ganz dort statt. Wirklich? Eine andere Sache, die ich merke, ist, dass bald kommt? Ich denke, es ist ein bisschen zu groß. So schnell direkt drauf oder wieder, Sie bekommen auf der linken Seite, gehen Sie zur Schlagzeile. Also werde ich darauf klicken, und ich will nicht, dass es großartig ist. Es ist irgendwie schwer zu sehen. Also bleiben Sie mit schwarz oder vielleicht tatsächlich lesen. Ja, wir bleiben bei Rot, okay. Und dann werden wir die Schriftart ändern, um so ziemlich wählen Sie eine der Schriftarten hier. Ja, wir lassen es nicht einen großen Unterschied, und dann ändern wir die Größe, um es ein bisschen kleiner zu machen. Da gehen wir. Und es wird die wunderschön gestalteten Websites ein wenig größer machen und diese eine schwarze ein winziges bisschen größer machen. Okay, ungefähr 45 Bücher sehen gut aus und es sieht nicht so aus, als könnten wir es größer machen, nur weil es nicht genug Platz gibt. Also 45 sogar 20 tatsächlich, größten schwächen bekommen, denke ich so. Wir werden es bei 23 belassen, da dort Art von Maxen draußen ist. Und da wird es sparen und wir werden zurückgehen. Save ist nur ein bisschen komisch auf mich zu sein. Da gehen wir. Es dauert nur eine Weile. Okay, dann. Die letzte Sache ist ein Hintergrundbild D. C. Wie es diese kleine Hayes hat. Es ist nicht vollständig wie 100% Deckkraft, wie es sein sollte. Also, wenn Sie auf das Bild hier klicken, Auto Overlay Farbe. Genau da , da ist das Problem. So können wir eine Farbe für das Overlay auswählen. So zum Beispiel kann ich zum Beispieleine schwarze Farbe überlagern, und Sie können tatsächlich auswählen, wie viel Prozent Sie wollen, dass es zu spät ist. Also, wenn Sie eine 0,8 wählen, die 80% oder wie 90% oder sogar eins ist, so ist es komplett schwarz. Also denke ich, dass es vielleicht gefällt. 0,3, vielleicht fünf. Eigentlich denke ich, fünf sehen am besten aus, also lassen wir es bei 0,5 der Schwarzen liegen und, naja, es ist sicher. Und ich denke, dass es darum geht. Wie ich mag, wie das jetzt aussieht, also lassen wir es so. Weißt du, ich habe getan, was meiner Meinung nach am besten für diese Seite aussieht. Aber natürlich können Sie hier die verschiedenen Optionen durchlaufen. So zum Beispiel gibt es zum Beispieleine Positionierung. Auch hier sind diese Optionen unterschiedlich, je nachdem, welche Deckblatt-Vorlage Sie gewählt haben. Denken Sie daran, das war, als es 18 oder 19 verschiedene gab, aus denen Sie auswählen konnten. Also das ist eine, die ich ausgewählt habe, und das sind die Optionen, die ich für diesen habe. Also zuerst, wir haben Positionierung, so dass wir das kleine weiße Quadrat bewegen können und links, rechts oder in der Mitte, und ich mag es in der Mitte und Sie können den Text selbst links in der Mitte rechts machen? Ich mag es Zentrum, dann haben Sie die Bilder. Im Hintergrund kann man also ein tolles Bild bekommen, das mir offensichtlich nicht gefällt. Und noch einen kurzen Tipp. Sie können tatsächlich auf dieses kleine x Ihre Zehe unter der Änderung klicken, die Sie für diese bestimmte Einstellung vorgenommen haben , und dann automatisch Overlay-Farbe. Das mochte ich nicht. Und dann hatten wir Bildhöhe, die eigentlich das Logo hier war. Die Schlagzeile war genau hier drüben. Körper war hier drüben auf dem Hintergrund, also Hintergrundfarbe gerade jetzt so ein Grau. Das ist also die Farbe hinter diesem Bild hier. Da wir ein Bild haben, spielt die Hintergrundfarbe, die wir wählen, keine Rolle. Aber wenn Sie sich entschieden haben, wollte wie ein schwarzer Hintergrund anstelle eines Bildes, hier ist, wo Sie das ändern würden. Und dann wird die Farbe hinter dem Text hier in den Hintergrund gepeitscht, damit wir es schwarz wieder grün lesen können, und wir können die Deckkraft unten ändern. Moment ist der Wert in hs l Wert, also ist das Farbton, Sättigung und Leuchtkraft. Also hier unten könnten wir, zum Beispiel, 0.2 hinzufügen zum Beispiel, , und das wird in die OPC für uns setzen. Aber ich denke, wir haben hier ein Ja hinzugefügt, also... und dann können wir Opie City einlegen. Noch eine Sache, die wir tun können. Wenn Sie nicht gerne NHS l-Werte setzen, können Sie einen Hex-Wert setzen. So, wie zum Beispiel, 000 wäre schwarz F f f wäre weiß. Technisch gesehen ist es f f f f f f f f f f, so dass Sie jede Art von Hex-Werten wie diese verwenden können, und Sie können auch RGB oder RGB verwenden. Alle Werte oder 2 55 zu 55 2 55 0 wäre keine Pay-Stadt von Null auf der Farbe weiß. Und dann können Sie zum Beispiel 0,5 tun, und eine coole Sache, die Sie tun können, ist eigentlich nur zu Hex-Werten zu gehen. Die Website wäre also die Webseite der W drei Schulen. Ich werde auch Does das einschließen. So könnten Sie, zum Beispiel, wählen Sie wie eine blaue Farbe und dann die verschiedenen Schattierungen in einem Pay-Städten davon. Das ist also eine coole Möglichkeit, die Farben auszuwählen, die Sie wollen, oder noch einmal, Sie können einfach hier durchgehen. Das macht es auch ziemlich cool, und ich zeige dir ein weiteres Werkzeug. Eigentlich ist es eine Farbpalette. Die wirkliche Bestimmung, die ich benutze. Also hier können Sie tatsächlich einige Farben auswählen, die Sie mögen, und es wird automatisch die besten Farben auswählen, die Sie verwenden können, basierend darauf. Also lasst uns weiter rüber gehen, um das einfach zu aktualisieren. Eigentlich gehen wir hin. Also wählen wir ein paar Farben aus, die wir mögen, also vielleicht will ich rot und grau wollen, da das in der Nähe meiner Website ist. Das waren also einige Farben, die gut zusammenpassen. Setzen Sie das also auch in die eigentliche Beschreibung der Vorlesung. Nein, ich will diese Veränderung nicht behalten. Offensichtlich haben wir Seitenrand. Das ist der weiße Rand auf der Außenseite. Und wir können auswählen, wie groß die Grenze ist. Eigentlich. Nein, ich mag es, dass die Grenze tatsächlich schnell geht. Nein, das tue ich nicht. Tue ich nicht, aber du kannst die Farbe auswählen. Ich will keine Grenze auf der Website. Ich mag das volle Bild. Dann können wir wählen, wofür? Es wird in der eigentlichen Schaltfläche hier verwendet. Ich mag das Grau nicht, eigentlich wollte ich Thea passen. Andere Farben machen es in Schwarz. Eigentlich. Lassen Sie uns die Farbe von hier kopieren. Ich mag diese Farbe, also kopieren Sie diese und gut Tempo es dafür, für diese Farbe, von denen hier eingefügt. Okay, nur um sicherzustellen, dass das die gleiche Farbe und die sicherste ist. Und gehen wir dorthin. Wir werden sehen, was hier noch verfügbar ist. So, soziale Symbole. Ja, sie sind gerade irgendwie klein. Ich merke sie erst gar nicht. Machen wir sie vielleicht sogar extra groß, denn es gibt wirklich nichts anderes auf dieser Seite. Und dann machen wir sie solide. Nein, das ist irgendwie schwer zu sehen. Nicht mit Border wurde gemacht. Es war wahrscheinlich am besten, wie es vorher war. So machen wir einfach rückgängig, dass regelmäßige wissen, dass es waas Nacchio und nicht Standardfarben. Okay, ich mochte es ziemlich besser. , Vielleicht lesen,denken Sie daran, daran, kopiert die letzte rote Farbe. Kein Weiß sieht also besser aus. Okay, also gehen wir. Es ist warten und wir gehen weiter und drücken Speichern und wir haben eine letzte Sache hier zu tun. Dies ist eine Seite, die ich die eigentliche Homepage für Leute anzeigen möchte, wenn sie die Website besuchen . Tut mir leid. Da gehen wir. Gehen wir zurück, und wir werden dieses kleine Zahnradsymbol hier klicken, weil Sie die kleine Hütte neben dem Haus sehen , rechts über meinem Mauszeiger. Das bedeutet also, dass diese Seite eine Homepage ist. Also, wenn Leute in meine würde sagen, das ist, was sie zuerst sehen werden, ich möchte das ändern. Also werden wir auf das kleine Zahnradsymbol hier neben der Startseite klicken und wir werden das Zahnradsymbol hier treffen , und sie wollten nach unten scrollen und dies als Startseite auf der bestätigen. Okay, und dann lass uns retten. Und so haben wir das als Hauspfirsich. Und jetzt erscheint das ganze Symbol unter dieser Seite. Also sind wir gut zu gehen. Okay, Leute, in der nächsten Vorlesung werden die verschiedenen Arten von Seiten außer Deckblatt, und wir werden es von dort nehmen. 13. Seiten: Verschiedene Seitentypen für Pages:: Okay, Leute, diesen Vortrag verkaufen, werden wir einen Blick auf die verschiedenen Arten von Seiten werfen, die wir erstellen können. Bevor wir das machen,werde ich zwei schnelle Änderungen vornehmen. Bevor wir das machen, Das erste ist mein Logo. Denn anfangs habe ich das als Dummy-Website gesetzt, und ich möchte das jetzt ändern. Also werde ich jetzt mein Logo eintragen, also glaube ich, dass mein Logo genau hier ist. Okay, perfekt. Also, das tut es so. Setzen Sie das rein. Ich werde das auch ändern. Nur weil wir auf halbem Weg entschieden haben, dass das für meine eigentliche Business-Website sein wird, also werde ich meine Krawatte hierher setzen. Ok. Perfekt. Und dann werde ich auch in den Gunst Betrüger setzen, weil ich eigentlich nur das auch erzeugt hatte . Und die soziale wird es zu einem quadratischen Logo machen, weil die meisten Social-Media-Websites quadratisches Logo nehmen . Also werden wir das hineinlegen, und das sollte in einer Sekunde verarbeitet werden. Und dann sitzen wir einfach sicher, gehen und sparen. Wir gehen zurück, nur damit ich mein Logo hier oben habe. Und dann noch eine Änderung, die ich vornehmen werde, ist, dass ich auf Seiten gehe und die Homepage in das Zuhause umwandle . Also einfach allein zu Hause. Und ich werde die Startseite in die Startseite wechseln, und ich werde Ihnen zeigen, warum ich das in einer Sekunde getan habe , nur um Sie davon abzuhalten, zwischen den verschiedenen Seiten verwirrt zu werden. Okay, wir einen Blick auf die verschiedenen Arten von Seiten, die wir so schnell zur Verfügung haben. Das Pluszeichen hier, um eine neue Seite zu erstellen, die frischen. Ziemlich unkompliziert. Es ist nur eine normale Seite. Die anderen sind diejenigen, die ein wenig erklären müssen. Der Grund, warum ich dieses Titelblatt zu nur zu Hause geändert habe, ist, weil ich nicht wollte, dass es Titelseite sagt , weil es zwischen Deckblatt und Seite verwirrend sein könnte, so dass wir einfach dieses Haus verlassen werden. Das zweite, was wir haben, sind Produkte. Jetzt Produkte ist es nicht wirklich eine Seite ist eher wie ein Geschäft, also werde ich es tatsächlich umbenennen, nur damit ihr Jungs wisst, was ich meine? Und es ist eigentlich hier unten. Ich habe bereits einen gemacht, also werde ich diesen löschen. Ich zeige dir diejenige, die ich so treffe. Wenn Sie darauf klicken, können Sie tatsächlich verschiedene Produkte hinzufügen. Also klickst du auf dieses kleine Plus hier oben. Und was für ein Produkt haben Sie dann? Es könnte also physischer digitaler Service sein. Ähm, und dann gehe ich später mehr in den Laden. Aber das ist im Grunde, was das ist. So können Sie mehrere Produkte darin haben, und so würde die Shop-Seite aussehen. Jetzt. Ich benutze die Shop-Seite nie von selbst im Menü. Ich habe in der Regel ein bestimmtes Produkt auf den verschiedenen Seiten verlinkt. Und ich zeige Ihnen, wie Sie das auch in einem späteren Vortrag machen. Okay, jetzt beenden wir das Plus-Symbol wieder. Die nächste Art von Seiten Deckseite, die wir in einer früheren Vorlesung behandelt haben. Und dann haben wir Ordner. Also das hier ist die Über Seite eigentlich ein Ordner. Es ist keine eigentliche Seite. Wenn Sie also auf ein Boot klicken, es nicht wirklich irgendwo hin, weil es keine Seite ist. Ähm, eigentlich, lassen Sie mich schnell alle diese all diese Seiten machen, denn im Moment sind sie Demo-Inhalte, nur damit ich tatsächlich auf sie klicken kann. So ist erstellen, erstellen. Ich werde sie alle erschaffen. Ich werde später einige dieser Seiten entfernen, weil ich nicht alle brauche, wie die Nachrichtenseite. Ich werde das nicht brauchen. So kreieren. Erstellen. So können Sie das auch tun. Gehen Sie einfach durch und drücken Sie auf Erstellen für alle Seiten, die Sie behalten möchten. Natürlich musst du auch nicht alles behalten. Also gehe ich zurück. Ich glaube, es gibt noch eine Creme perfekt. Also die über Seite. Wenn Sie auf ein Boot klicken, geht es nicht wirklich irgendwo hin, weil es nur ein Ordner ist. Das Zeug innerhalb der tatsächlichen Seiten und was passiert, ist, wenn Sie nach oben gehen, das ist ein Ordner, also ist es wie ein Dropdown. Okay, also ist das Thema eigentlich keine Seite. Okay, als nächstes haben wir die Albumseite, also wenn du auf das Album klickst, können wir es benennen, was du willst. Alle nennen es Lieder. Was wir also auf den Albumseiten tun können, laden Sie Albumkunst hoch und legen Sie dann eine Beschreibung für das Album und den Namen des Künstlers. haben auch keine Spur hinzugefügt, damit Sie Musiktitel hochladen können und dann können die Leute auf diese Seite kommen , um diese Songs zu hören, und sie können sie auch teilen. Also, das ist, was das Album Seiten. Es benutzt man es nicht wirklich für zu viele Websites, vielleicht für jemanden, der tatsächlich einen D. J mag oder jemanden, der tatsächlich Musik komponiert. Aber für jeden anderen, nicht wirklich nützlich. Also gehe ich weiter und lösche das, weil ich das nicht benutzen werde. Und dann haben wir als nächstes die Indexseite. Also die Indexseiten ähnlich dem Ordner. Es gibt einen Unterschied. Und ich zeig's dir jetzt. Also, wenn wir es so machen, was passiert, ist, wenn wir alles von ungefähr in die Indexseite ziehen . Also wieder, so können Sie Sachen zwischen Make-up nach oben und unten ziehen, indem Sie klicken und ziehen. Also, wenn Sie auf die über Seite 1 gehen, die wir gerade erstellt haben, was Sie sehen, ist, dass wir das, was wir tun, oben haben, und dann haben wir Projekte, und dann haben wir Partner, die hier sind und dann Kontakt, die hier unten ist. Also haben wir alle vier Seiten auf der gleichen Seite. Nun, die einzige Seite davon ist, dass, wenn Sie den Mauszeiger darüber bewegen, Sie nicht zu verschiedenen Abschnitten gehen können. Also, wenn Sie Kontakt sehen wollen, müssen Sie tatsächlich auf einen Gürtel klicken, und das ist abgekühlt bis ganz, ganz unten. Das ist also ein Grund, warum das nicht benutzt wird. Aber die Titelseite ist wirklich gut, wenn Sie wollen, wie , ah, eine Seite Homepage. So haben Sie, wie vier oder fünf verschiedene Abschnitte auf der Homepage. Okay, also könnte ich das von meiner Homepage benutzen. Aber ich werde es vorerst löschen, und ich zeige Ihnen, was wir noch haben. Als nächstes haben wirnatürlich sehr wichtig gebloggt natürlich . Hat also ein wenig Kleinbuchstaben? A. Also haben wir hier schon einen Block. Es heißt Nachrichten, also lasst uns darauf klicken. Und dann, was wir tun können, ist, einen neuen Block Post zu verfassen. Und so, wenn wir hier klicken, das ist, was wir sehen würden, und ich werde das später in der Vorlesung durchgehen, speziell auf Bloggen. Im Moment möchte ich Ihnen nur die verschiedenen Arten von Seiten sehr schnell zeigen, also mal sehen, was als nächstes kommt. Wir haben Veranstaltungen, also ist das im Grunde wie ein Kalender. Sie könnten Veranstaltungen wie Yoga-Treffen haben oder wie äm, das ist ein bestimmter Kurs, den Sie an einem bestimmten Tag haben. Sie können sagen, dass jetzt Sie können nicht Menschen für diese Ereignisse registriert ist genau wie eine zeigt, welche Art von Ereignissen Sie haben. So füllen Sie dies irgendwie mit dem Namen des Ereignisses aus, und dann können Sie eine Beschreibung des Ereignisses hinzufügen. Ähm, und welche Termine beginnen? So klicken Sie einfach auf den Starttag und dann können Sie Zeit eingeben. Und wenn das Ende ist, können Sie Tags einfügen. Es ist nicht wirklich hilfreich. Es hilft ein winziges bisschen mit CEO, so können Sie Italienisch hinzufügen, machen es wie, wissen Sie, Yoga, Rückzug, ähm, oder so etwas. Und dann legen Sie die Ereignisse in eine Kategorie. Also Treffen, ähm, Verkäufe, diese Art von Zeug. Als nächstes in Optionen können wir ein Bild für die Veranstaltung auswählen und dann Ereignis, das Sie auch sind, wird immer Kalender sein , weil das der Name unserer Seite ist. Und dann, wer ist, wer dieses Ereignis verfasst hat und wenn Sie möchten, dass es eine Art von u r l anzeigen , dass etwas klicken kann, um zu einer anderen Website zu gehen, und dann ist ein Auszug im Grunde eine kurze Region von dem, was Sie hier oben haben, so dass Sie vielleicht das erste Sie wissen, 50 oder 60 Wörter. Und Sie können auch einen Ort zu Ihrer Veranstaltung hinzufügen, wie zum Beispiel, wo sie stattfinden wird. Und dann ist dies, wenn Sie wollen automatisch, wie, jetzt, Ich habe meine Facebook verbunden so automatisch aktualisieren Facebook mit der Veranstaltung, wie sagen, dass ich nicht Veranstaltung los. Also, das ist wieder Event-Seite. Ich werde es nicht benutzen, weil ich eine Web-Design-Website machen werde, , die für mich so nicht zu nützlich ist,es sei denn, ich hatte eine Art Ereignis, bei der ich den Leuten beibringe, wie es geht. Also mal sehen, Als nächstes haben wir Gallery Gallery ist sehr wichtig. Es ist wahrscheinlich die zweite oder dritte am häufigsten verwendete Seite, die ich mag, ich finde, also machen wir es vielleicht Fotogalerie. Und im Grunde ist es ah, Sie fügen nur Bilder hinzu, so dass Sie, wissen Sie, mehrere Bilder hochladen können Sie, wissen Sie , und ich wähle verschiedene Bilder in einem Fenster aus, indem Sie die Kontrolle gedrückt halten und Klicken Sie auf mehrere Bilder. Dann drückst du auf. Also einer der TIFF-Format, so dass Sie haben, dass auf unterstützt PNG-Geschenke und J-Pegs. Also laden Sie diese drei und die letzten beiden sind etwas größere Bilder, Also werden wir eine Weile dauern, so dass ich vielleicht nicht darauf warten. Eigentlich, während ich darauf warte, lass mich dir etwas anderes zeigen. Wirklich schnell. Siehst du diesen kleinen Kreis, der in der Mitte auftaucht? Was das ist, ist, dass es im Grunde so ist, wie es hier zeigt, ist der Schwerpunkt. Wenn also jemand dieses Bild auf seinem Bildschirm explodiert und das gesamte Bild nicht passen würde , Squarespace automatisch auf genau das Wichtige hineinzoomen. Also gerade jetzt ist es auf die Mitte gesetzt, was mein tatsächlicher Lokal ist. Also macht es mir nichts aus. Das ist eigentlich ein guter Brennpunkt. Also lassen wir es so, wie es ist. Dann gehen wir zurück. So würde die Fotogalerie aussehen. Okay, nochmal, nochmal, ich benutze die Fotogalerie nicht oben in der Speisekarte, wie sie jetzt ist. Ich würde es normalerweise nach unten verschieben, also ist es nicht im Menü. Und dann würde ich von einer dieser Seiten darauf verlinken, so dass er mich wirklich schnell zeigen lassen, was ich tun würde Also von einer dieser Seiten würde ich klicken, bearbeiten und dann in einer Galerie hinzufügen. Okay, mach dir keine Sorgen darüber, wie ich das erledigt habe. Ich werde das in einem späteren Vortrag nochmal durchgehen. Aber im Grunde aus so hinzugefügt, weil ich nicht wirklich eine Seite nur als Galerie habe. Ich benutzte die Galerie darin, um zu werben. Gibt es Dinge so nah, dass und ich werde die Galerie löschen, die Fraktur hinzugefügt hat. Ich möchte nur die Änderungen speichern oder Änderungen verwerfen. Und schließlich sind wir auf der letzten, die nur ein Link ist, also wäre dies keine Seite wäre nur ein Link zu woanders. Also lassen Sie uns sagen, ein Klick es und dann können wir es YouTube machen. Und dann könnte ich meine tatsächliche hinzufügen. Setzen Sie einfach youtube dot com und dann öffne ich in einem neuen Fenster, da es zu einer anderen Website ist und dann werden wir sicher treffen. Der Grund, warum ich das in einem neuen Fenster geöffnet habe, und so dass jetzt, wenn jemand auf YouTube klickt, es öffnet einen neuen Tab hier. Also dann du. So haben sie immer noch Ihre Website geöffnet. Wenn sie mit YouTube fertig sind, können sie auf deine Website zurückkehren, während sie auch automatisch zu dir gebracht werden, auch automatisch zu dir gebracht werden, ohne ein neues Fenster zu öffnen, sie auf YouTube verloren gehen würden, Blick auf verschiedene Videos, und Chancen sind, dass sie zurück auf Ihre Website kommen. Deshalb mache ich es so. Nein, ich möchte momentan keinen Link zu YouTube erstellen, also lösche ich es. Und dann sind wir wieder darauf, wie wir angefangen haben. Das deckt alle verschiedenen Seiten ab, die wir zur Verfügung haben. Also in der nächsten Vorlesung, wo wird eigentlich anfangen, Seiten zu erstellen? 14. Seiten: Hinzufügen von neuen Seiten: Ok. letzte Mal haben wir über die verschiedenen Arten von Seiten gesprochen, die auf Squarespace verfügbar sind , und dieses Mal werden wir diese Navigation tatsächlich ändern, um unseren Bedürfnissen besser gerecht zu werden. Also werde ich der gleichen Navigation folgen, die ich auf meiner anderen Website habe, und wir werden das hier drüben kopieren. Ähm, eine andere Sache, die ich dir zeigen werde, ist jetzt, siehst du, wie es zu Hause steht und diese Homepage? Weil ich wollte, dass die Leute diese Seite zuerst sehen, während meine Frau Seite in der Entwicklung war. Also ich mag es eigentlich nicht, dass ich nicht möchte, dass diese Seite im Menü ist. Also, was ich tun werde, ist, dass ich es hier runterziehe, um nicht zu verlinken, und ich zeige Ihnen, was das tut. Also, wenn ich zurück zu dieser Homepage gehe Also ist das letztlich, was meine Website aussehen wird, wie offensichtlich mit meinen eigenen Bildern und allem, aber ich will nicht, dass dieses Haus hier unten auftaucht. Deshalb habe ich es nach unten verschoben, um nicht zu verlinkt. Jetzt gibt es noch diese Seite, und es ist die erste Seite, auf der die Leute landen, aber sobald sie auf meine Website gehen. Wie, wenn ich ihnen Zugang gebe, natürlich. Dann haben sie keine Möglichkeit, zu dieser Website zurückzukehren, außer durch Klicken auf dieses Logo, das sie automatisch zur Startseite führt. Aber sobald ich das auf die Startseite umschalte, wird alles weg sein. So kann ich diese Seite sogar löschen, wenn ich später wollte. Okay, also lasst uns weitermachen und einige Seiten überschreiben. Jetzt ist das allererste, was ich mit jeder Website zu tun mag, seine erste Einrichtung der Seitenstruktur nur so, dass das Menü zumindest vorhanden ist. Und dann kann ich anfangen, jede einzelne Seite zu bearbeiten. Also werde ich das tun. Ich mache das Gleiche hier mit meiner eigenen Website. Also zuerst habe ich zu Hause. Also werde ich das jetzt wieder zu Hause ändern, nur weil Sie jetzt wissen, was die verschiedenen Seitentypen bedauern, gibt es keine Notwendigkeit, es die Homepage zu nennen. Das ist also perfekt. Wir nennen es zu Hause, und dann haben wir Portfolio, und wir haben auch über Celeste. Fügen Sie einen Port für Sie hinzu. P-Richtung. Eifersüchtig? Ich habe nicht für Ihre Seite gesetzt, also mach es Portfolio, so dass das eine neue Seite ist. Ich werde alles hier für jetzt ignorieren und einfach auf Bearbeiten starten klicken, und ich werde keine hinzufügen, wie Text oder Bilder in gerade noch. Also werde ich nur sicher ein wenig ziehen Portfolio in die zweite Position. Es ist also das zweite, was auf der Speisekarte steht. Als nächstes haben wir Hosting, also werden wir das in einen Schwung bringen. So setzen Plus auf eine Seite und Hosting. Im Moment füge ich hinzu, alles ist Seiten. Wenn etwas anderes besser funktioniert, wie, ah, ah, Laden oder einen Block, dann werden wir das ändern, als, wie, andere kommt so Hosting, weil ich sicher weiß wie -Seiten können alles unterstützen. Das füge ich hinzu. Alles ist gerade eine Seite. Als nächstes haben wir über uns jetzt haben wir bereits in einer Boot-Mappe. Ich wollte nur eine Seite sein. Ich brauche es nicht, um Ordner zu sein, also machen wir es zu einer Seite und löschen den Ordner über und ändern das, was wir über uns tun . Also über uns, okay? Und dann werde ich jetzt auch die u R l auf über uns ändern. Wenn ich ein Leerzeichen hineinlege, setzen Sie automatisch den Bindestrich, was ich will, weil das nichts zu sehen ist. Oh, es ist nur ein falsch geschriebenes Wort, das nicht einmal als Anabelle pH erkannt wird, wo, wenn wir den Bindestrich haben , dann wird es wissen, dass ein Boot eine andere Welt ist als wir. Es wird also wissen, dass diese Seite über uns ist, und das sind die Suchmaschinen selbst. Wo ist unter? Wenn Sie einen Unterstrich verwenden, lässt ich mich nicht einmal einen Unterstrich verwenden. Also, wenn du so etwas getan hast, unterstrichen uns für das Mädchen, das eigentlich nicht als zwei getrennte Wörter erkannt wird , weil, ähm, Suchzwiebeln nicht wirklich Unterstriche ein Worttrennzeichen verwenden. Deshalb ändert squarespace es automatisch in den Bindestrich. Also, wenn ich ein Leerzeichen so über Leerzeichen, tut mir leid über uns und das Leerzeichen, wird es automatisch in einen Bindestrich stattdessen ändern. Also lassen Sie uns voran und sparen Fett, und die nächste oben haben wir gebloggt. Jetzt weiß ich es automatisch. Dies wird eine Blocktyp-Seite sein, also werde ich tatsächlich das und die Realität löschen. Du weißt also, wie es gemacht wird. Also drücken Sie Plus und dann gebloggt und ich werde es tatsächlich gebloggt nennen, also das ist perfekt. Und dann gehen wir zurück und ziehen das hier runter, und dann haben wir Kontakt mit uns, also muss ich mich nicht lesen. Seite, ergreifen Sie Maßnahmen. Lassen Sie mich sehen, wie das aussieht. Also, ja, ich kann das einfach in eine Kontaktseite ändern. Wir werden alle Bilder und Texte sowieso ändern, ich mag es normalerweise mit leeren Seiten zu beginnen. Äh, wie immer. Aber in diesem Fall werde ich es nur umbenennen, um hier ein bisschen Zeit zu sparen. Also waren sie nur ein Home-Portfolio Hosting über uns blawg. Und dann kontaktieren Sie uns, so dass alle Seiten, die ich hier habe, so dass ist perfekt. So richten Sie das Menü ein. Jetzt werde ich dich schlendern, wie die sekundäre Navigation hier aussieht. Wir stellen Fotogalerie und Shop hier rein. Also in diesem Thema, in diesen spezifischen Namen, einige haben es auf der linken Seite. Die sekundäre Navigation wird hier tatsächlich in der Fußzeile angezeigt. Was Sie also tun können, ist, dass Sie etwas wie Ihre Nutzungsbedingungen und Dienste, Ihre urheberrechtlich geschützten Informationen, Ihre Datenschutzrichtlinie, diese Art von Sachen hier einfügen können Ihre urheberrechtlich geschützten Informationen, Ihre Datenschutzrichtlinie, . Das ist also nur für dieses Team, das ein Bedford-Thema ist, das ich wieder nach Hause gehen werde, okay? Und dann werde ich Ihnen in der nächsten Vorlesung zeigen, wie wir die verschiedenen Seiten tatsächlich gestalten können, wie wir brauchen, und mit einer Standardvorlage für diese Seiten beginnen können, wenn das hilft. können, 15. Seiten: Banner: Okay, jetzt werden wir das tun, werden wir einen kurzen Blick darauf werfen, wie wir das Hintergrundbanner ändern können . So ist die Batterie gerade oben da, hinter dem Header. Es taucht nirgendwo anders auf dem Gipfel auf. Also, was wir dafür tun, ist, dass wir über das Banner schweben, bis dieses kleine Pop-up auftaucht. Also wieder, das kommt nur dann auf, wenn Sie den Mauszeiger über das eigentliche Banner selbst bewegen. Und sie wollten auf das Banner klicken. Was also auftaucht, ist das eigentliche Bild, das wir gerade verwenden. Nun, was Sie bemerken werden, ist, dass, wenn Sie auf Basic klicken, wir sehen diese grün. Und das haben wir schon mal gesehen. Ich zeige Ihnen, wo. Also zu Hause, wenn Sie auf diese kleine Ausrüstung klicken, wird diese Seite kommen. Das ist also die gleiche Seite. Sie können hier oben auf Medien klicken. Und das bringt Sie dorthin, wo Sie jetzt das Banner zurückwechseln können. Wir können uns wirklich erinnern. Ich habe dir von diesem Punkt erzählt. Sie können es nach oben und unten bewegen. Also, wenn Sie jetzt auf unsere Homepage schauen, sehen Sie, dass es oben auf den Bäumen genau hier unten beschnitten wird. Es ist hier drüben Ernte. Genau hier drüben. , Sagen wir mal,ich hatte ein bisschen wie ein Zelt hier drüben, das ich wirklich zeigen wollte und dass diese Person nicht wirklich wichtig ist. Was ich tun kann, ist, den Brennpunkt nach unten in die Ecke zu ziehen und dann Speichern zu drücken, und jetzt wird die gesamte Ecke angezeigt. Okay, jetzt werde ich dir zeigen, wie es tatsächlich das Bild verändert. Also das erste, was Sie tun, ist Sie treffen, entfernen, und dann können Sie ein Bild von Getty Bild erhalten, indem Sie hier klicken, genau wie zuvor. Wie sollten Sie oder Sie können auf ein Bild hinzufügen klicken, so dass ich auf Adam Bild klicken. Ich habe ein paar Bilder, die ich Ihnen zeigen kann. Nur eine kurze Sekunde. Ich habe etwas gerettet. Da gehen wir. Also habe ich das hier benutzt. Ja. Ich will, dass du arbeitest. Que wird das öffnen und dann werde ich sicher treffen. Wir werden sehen, wie das aussieht. Okay, das ist also nicht schlecht, aber ich kann mein Logo hier oben nicht sehen, also werde ich wahrscheinlich dieses Bild ändern, und es sagt nicht wirklich, es geht um Webdesign oder so. Es ist irgendwie schwer zu sagen, was die Websites von diesem Bild über. Lassen Sie uns voran und bewegen entfernt, dass und wir werden ein anderes Bild hinzufügen. Ich habe eine von denen, die wir benutzen können, die hier ist. Aber das ist ein sehr großes Bild. Und wie ich schon gesagt habe, Squarespace nicht wirklich große Bilder verarbeiten. Nun, also ist es besser, die Größe zu ändern. Also lassen Sie mich weitermachen und kopieren und einfügen. Also habe ich einfach kontrolliert, kopiert. Also Kontrolle, siehst du? Und dann steuern Sie V zu Einfügen. Und dann werde ich das bearbeiten. Ich öffne es einfach mit Microsoft. Ja, nur mit Farbe. Und sie werden die Größe ändern. Und ich werde einfach über die Pixel wechseln und ich werde die horizontale Kante machen, die die größte Kante ist, nur 1600 und dann in der Nähe speichern und diese verwenden. Also dann ist es ein kleineres Bild auf die Website lädt schneller, zumal ein größeres Bild nichts ändert, wenn es um Squarespace geht . Also werden wir schlagen, speichern und dann gehen wir. Das ist viel besser als das, was ich vorher hatte. Ich werde diese Farbe später auch ändern. Nun, was wir tun werden, ist als nächstes wird wieder auf das Banner klicken. Und ich möchte Ihnen nur zeigen, dass Sie es nicht können. Sie können hier auch ein Video haben. Also statt Bild oben erscheinen. Sie klicken einfach auf Video jetzt YouTube oder, ähm, die Medien funktionieren am besten. Lassen Sie uns also voran gehen und kopieren Sie eine YouTube-Video-URL. Also habe ich gerade eine Suche nach Squarespace eingegeben. Ad zog die erste 1, die kam und ich kopierte die URL, und dann habe ich einfach hier drüben eingefügt. Okay. Und dann öffnet sich das und ich kann einen Filter wählen. So, wie ein verschwommener Filter kann die Farben invertieren. Sie könnten die Helligkeit mehr oder weniger machen. Sie wollen wahrscheinlich nicht die volle Helligkeit. Aber ich bin sicher, dass wir das auf andere Weise bearbeiten können, indem wir eine Farbe über das Gespräch und dann Wiedergabegeschwindigkeit setzen. Also 1,5 mal 0,5 lassen wir es auf einem und dann auf einem mobilen Browser. Das Video wird nicht wirklich angezeigt, weil Videos auf mobilen Geräten eine Menge Daten verbrauchen . Standardmäßig wird es nicht angezeigt. Was wir tun können, ist in ein Bild, so dass das Bild erscheint auf der mobilen Website und das Video erscheint auf dem Desktop. So gut gesagt in der Tat, das gleiche Bild, das ich hier verwendet habe und die, naja, Kopf sicher. Was wir jetzt sehen werden, ist das Video, das im Hintergrund abgespielt wird. kann es zwei oder drei Sekunden dauern, bis das Laden geladen Je nach Internet-Beatkann es zwei oder drei Sekunden dauern, bis das Laden geladenwird. Also los geht's. Also Art von Kräften im Video beginnt jetzt zu spielen. Ich habe Glück, weil diese weißen Schriftarten tatsächlich darüber auftauchen. Aber das Logo wird in einigen der Bildschirme versteckt. Es gibt also etwas, das wir hier tun können. Werfen wir einen kurzen Blick. OK, also werden wir zu entwerfen und dann Styleeditor, und was wir tun können, ist eigentlich einfach hier oben über das Logo klicken, so dass Sie sehen, die blaue Leiste geht um die Navigationsleiste und das Logo, und dann werden wir 're sagt transparent auf Teigbildern. Wir können das ausschalten, und das wird passieren. Okay, jetzt, das funktioniert manchmal, und es funktioniert nicht. Andere, wie es jetzt nicht wirklich aussieht, zu gut. Ich mochte es besser, wie es vorher war. Also werden wir unsere nächste Option ausprobieren, die der Mauszeiger über das Banner ist. Und wir werden in einer dunkleren Farbe oder sorry, eine hellere Farbe, seit unsere Logos dunkel sind. Also machen wir es vielleicht wie ein Weißer. Siehst du, ich mache es weiß, aber es funktioniert immer noch nicht. Weißt du was? Lassen Sie mich hier ein Weiß setzen. Und dann gehen wir. Wir könnten so etwas tun. Und dann natürlich müssten wirnatürlichdie Navigationsleisten ändern. Die Farbe ist gut, daher wäre die Navigation schwarz. Und dann die aktive, die eine Navigationsseite ist, auf der Sie gerade sind. Also jetzt sind wir zu Hause. Deshalb ist es weiß. Wir könnten das Brot irgendwie mit dem Logo und dann auch dieser Pille hier drüben machen. Das ist also die Navigationstaste. Wenn Sie diese Schaltfläche nicht möchten, können Sie einfach hier klicken. So geht zurück zu regulären. Ich weiß eigentlich nicht, ob es mir gefällt. Lass mich sehen. Ja, ich glaube, ich mag es eigentlich nicht, also werde ich das loswerden, aber nicht alle Vorlagen haben die Möglichkeit für diese Pille. Das hier tut es. Also haben wir das im Stil-Editor zur Verfügung. Sieh mal, wie zurück, zurück. Okay, jetzt werde ich hier etwas tun. Ich will das Video nicht wirklich benutzen. Also, was ich tun werde, ist, dass ich die Overlay-Farbe zurück auf die große hier, das Schwarz, das es vorher war. Ich werde zurück zum Bild wechseln. Gehen wir zurück, und wir gehen zu Seiten, Ausrüstung, Medien und alles, was Sie tun müssen. Wir können das Video da drin lassen und einfach auf Bild gewechselt werden. Auf diese Weise, wenn Sie jemals wieder zum Video wechseln wollen, ist es sehr einfach. Also gehen wir hin. Wir haben jetzt das Bild. Andi, das Schwarze sieht eigentlich nicht so schlecht aus. Vielleicht müssen die Europa eine Stadt der schwarzen Overlay nur ein wenig ändern, weil es ein bisschen zu dunkel ist. Also klicken wir hier und dann Teig Overlay. Wir bringen es einfach wieder ein bisschen runter. Ich werde diese Optionen mit Ihnen in einem Anführer durchgehen. Vorträge. Nun, Moment möchte ich Ihnen nur zeigen, wie wir sicherstellen können, dass dieses Bild perfekt ist, denn das ist das erste, was die Leute sehen, wenn sie auf Ihre Website kommen. Es muss also perfekt sein. Okay, so fügst du ein Banner, ein Bild oder ein Video hinzu. Nun, was wir tun werden, ist schnell diesen Text hier zu ändern, denn offensichtlich geht es bei meiner Website nicht um Nachhaltigkeit. Also lasst uns auf dieses Zahnradsymbol klicken. Also unter der Beschreibung hier, werden Sie sehen, dass jeder dieser Linien mit diesem, richtig? Also alles, was Sie fett hier drüben von fett, wir werden mit einem großen Freiwilligen auftauchen und alles, was Sie verlassen, ist normal, wird dieses kleine kursiv leichte Schrift haben. Also, was ich tun werde, ist, dass ich eine A B g Tec setzen. Wir werden hier verschiedene Dinge versuchen. Also ein b g Tech. Ja, Hauptstädte. Gut. Und dann werde ich hier von meiner Website. Ich werde wegen ihrer vielleicht nehme ich das. Nein, tut es nicht. Kopieren. Okay, also nehmen Sie, wo drücken Sie die Lidschatten. Okay, nehmen wir das auf. Weil ich mich erinnere, dass ich das mit Schieberegler Revolution eingesteckt habe, damit es nicht funktioniert. HTML und CSS auf PHP. Da gehen wir. Eigentlich. Wordpress als Hauptstadt dort. Und dann wird es sagen, beginnen Sie heute. Also komm was? Im Moment, sehen Sie, das unterstrichen die Notwendigkeit, mehr zu lernen. Das bedeutet, dass es eine Verbindung ist. Also im Moment ist es ein Knopf. Alles, was Sie einen Link erstellen, wird automatisch zu einer Schaltfläche auf Lee in der Beschreibung für diese Vorlage. Jetzt haben die meisten Vorlagen dieselbe Funktion. Also zuerst werde ich diesen Link entfernen, und dann werde ich loslegen. Ich meine, jetzt, heute beginnen Sie heute. Und dann mache ich das zu einem Link und es geht auf meine Kontaktseite. Tut mir leid, das ist kursiv. Link ist genau hier. Es wird also auf meine Kontaktseite verlinken, die hier ist. Also wieder, ich werde die, ähm, Verknüpfungsstruktur wieder durchgehen ähm, , und sie werden sicher treffen. Und ich habe gerade bemerkt, dass, während ich mich mit uns in Verbindung setzte, es ein Kapital ist, das du in einer Hauptstadt s bist. Also schätze ich, dass ich diesen Fehler früher gemacht habe. So sicher da. Also jetzt gehe ich zurück nach Hause und es sieht so aus, das andere, was ich versuchen wollte, war, den A B g tec an die Spitze zu stellen. Und dann ist die zweite Zeile die kleinere Linie. Siehst du, wie das aussieht? Nein, ich mag die andere Art und Weise, wie die Luft. Also, ja, wie Sie sehen können, gibt es ziemlich viel zu experimentieren, um zu sehen, was besser aussieht und wieder, wie etwas sein Ziel. So könnte es dir vielleicht besser gefallen. Es ist nur, ich mag es besser. Wie war es vorher? Also habe ich gerettet. Und dann eine letzte Sache, die ich tun wollte, gehen Sie zurück in diesem Dialekt ITER, und ich werde die Farbe ändern, und wir werden das lesen. Ich erinnere mich nicht, welche gelesen wurde. Das war so schnell. Hat es das kopiert? Nein, idealerweise würde ich das gleiche Rot in mein Logo kopieren wollen. Aber nur weil ich es ein bisschen eilig habe, euch zu zeigen, werde ich nur das nächste Rot benutzen, das ich mir vorstellen kann. Du weißt, was ich ziemlich sicher bin, C C Ja war. Ich bin mir ziemlich sicher, dass das meine lokale Farbe war. So gut, glauben Sie es ist, dass halten dies auch geändert. Ich erinnere mich nur, dass von der vorherigen Website. Wird es also sparen? Und ich denke, das sieht vorerst ziemlich gut aus. WordPress html CSS ph B. Ja, ich denke, es sieht wirklich wissen. Ich werde nur eine letzte Sache ändern, denn wenn jemand WordPress, HTML und CSS Ph. B sieht HTML und CSS Ph. , sagt es nicht wirklich, dass das ein Web-Design-Unternehmen ist. Es könnte jemand sein, der Tutorials zu diesen Themen anbietet. Also werde ich es auf wunderschön gestaltete Websites ändern. Und dann ist es ein bisschen offensichtlicher was? Es, worum es sich bei der Website sofort handelt, bevor Sie überhaupt anfangen zu scrollen. Also gehen wir hin. So machen Sie ein Bannerbild. Okay, jetzt, wenn du auf die Portfolio-Seite gehst, zeige ich dir noch eine Sache. Manche Leute wollen hier nicht nur ein Bild. Möglicherweise möchten Sie zwei oder drei Bilder als Schieberegler. Nun, als Sie hier und dann Medien gingen, können Sie nur ein Bild hochladen. Also werde ich Ihnen zeigen, wie Sie einen Schieberegler verwenden können. Nun, das funktioniert für diese Vorlage und einige der anderen. Ähm, nicht alle. Das OK, also klicken Sie darauf. Das ist also eigentlich nicht im Teig selbst, sondern auf der Seite. Sie klicken also auf Bearbeiten. Also statt Banner auf der Seite Inhalt selbst. Also, wo Sie tatsächlich Ihre Informationen eingeben würden, setzen Sie das ein und dann würden Sie direkt hier ganz, ganz oben schweben . Das erste, was auf der Seite ist, muss eine Diashow sein. Okay? Und sie wollten Teoh gehen. Dies sind also einige Standardbilder, die sie automatisch einfügen, können tatsächlich sehen, ob das für meine Bedürfnisse funktioniert. Also, was Sie auch wollen, ist zeigen Titel und Beschreibung nicht wirklich wichtig, aber automatisch Übergang und zeigen nächste und vorherige wäre ideal Zehe haben auf Lassen Sie uns speichern und dann speichern in. Jetzt sehe ich, wie du kannst. Es ist eine Diashow, aber es zeigt nicht die volle Breite, wie die andere wie zu Hause war. Aber wenn wir tatsächlich die Seite aktualisieren oder einfach nur die Seite verlassen und gehen Sie zurück auf die Seite jetzt werden Sie sehen, dass auf die Funktionen, die wir tatsächlich übernehmen wollten übernommen hat. Wenn Sie also das Bild ändern möchten, müssen Sie auf Bearbeiten klicken und es dann hier unten bearbeiten. Okay, jetzt werde ich Ihnen mit meinen Bildern zeigen, weil ich Ihnen zeigen möchte, wie Sie den eigentlichen Wortlaut darüber ändern können. Nehmen wir also dieses Bild und dieses Bild, und wir laden sie hoch. Geben Sie ihm nicht nur eine Sekunde zum Hochladen, da es zwei größere, größere Bilder gibt . Ich habe die Größe dieser beiden nicht geändert. Nun, mit einem Squarespace, werden Sie feststellen, dass manchmal der Spinner nur Tage da, Ähm, das ist es könnte bedeuten, dass er stecken bleibt, aber sehr selten passiert das. Normalerweise ist es nur ein größeres Bild in, als könnte Ihre Internetverbindung langsamer sein. Der Server könnte langsam sein, also geben Sie ihm einfach eine Sekunde, normalerweise sollte sich selbst korrigieren. Das ist also in Ordnung. Wird es gelten? Wer wird retten? Und ich will dir nur zeigen, wie wenn du hier auf „Aktualisieren“ klickst, wird das auch funktionieren . Oder Sie können auf eine andere Seite gehen und dann zum Portfolio zurückkehren. Also gibt es das. Jetzt sehen Sie, dass hier keine Hochzeit stattfindet. Und wenn Sie tatsächlich Fuß wie das Zahnradsymbol gehen und hallo tippen, was passiert, ist nichts auftaucht. So ändern Sie also nicht den Wortlaut. Wenn es eine Diashow ist, müssen Sie tatsächlich auf Bearbeiten klicken, und dann werden wir es wieder auf der Diashow treffen, und dann klicken wir auf das Zahnradsymbol hier drüben. Und dann können wir es tatsächlich wie einen Titel und eine Beschreibung eingeben. Nun, die coole Sache über einen Schieberegler, können Sie einen anderen Wortlaut für jedes Bild haben. So könnte dieser eine schön gestaltete Websites sein, die ich falsch geschrieben so schön gestaltete Websites. Ich werde dies nur für jetzt kopieren, und dieser kann WordPress HTML und CSS JavaScript sein. Wird es retten? Und dann kann dieser sein, ähm, kontaktieren Sie uns für weitere Informationen und lassen Sie uns sicher und sie werden es wieder anwenden Speichern. Also wieder, besuchen wir eine andere Seite und kommen dann zurück zum Portfolio. Und dann, was wir sehen, ist wieder absolut nichts. Nun der Grund dafür Lassen Sie mich Ihnen einfach sehr schnell zeigen. Wir haben alles perfekt für die Bilder eingerichtet, aber auf der Diashow selbst. Wenn Sie auf Bearbeiten klicken und zum Titel und zur Beschreibung des Designs wechseln, haben wir das nicht deaktiviert. Ich habe es tatsächlich deaktiviert, damit ich euch zeigen kann, dass das jetzt egal ist, wo angezeigt wird, es spielt keine Rolle zu viel. Ich lasse es im Zentrum. Aber wieder spielt keine Rolle, denn das ist nur, wenn Sie es als Diashow lassen wollen, aber für uns geht es in den Header. Es gibt also nur einen Weg, dass das auftauchen wird. Also gehe ich voran. Ich werde die Seite hier aktualisieren, und dann werdet ihr sehen, dass die Formulierung dieses Mal tatsächlich da sein wird. Also gehen wir hin. Wordpress. Also eine Sache, die Sie bemerken, ist, dass diese Seite gibt es keinen Wortlaut für und diese Seite hat es nur diesen zweiten Teil, aber nicht die schön gestalteten Websites Teil. Und lassen Sie mich Ihnen zeigen, warum das passiert. Also für die Homepage, wenn wir wollten, dass etwas fett wie ein B g Tec erscheinen, müssen wir es in das Beschreibungsfeld setzen und es tatsächlich kegeln. Der Seitentitel erscheint hier nirgendwo. Also, wenn wir auf die Portfolio-Seite gehen und wir gehen zum Seiteninhalt und dann zur Galerie, und dann auch zu diesem Bild, das wir als Titel, richtig, den Bildtitel. Wenn wir also hier auftauchen wollten, müssen wir es hier einfügen. Also, Matri, ähm, Sie fügen nicht einfach so ein, dass Sie Ah, den Nur-Text-Editor verwendet haben . Ich erstelle mich wie Kopieren, Einfügen von Inhalten in Seiten. Sie werden sehen, warum diese Verwendung sehr, sehr wichtig ist . Der nächste wird es fett. Und dann drücken wir „Speichern“. Und dann gehen wir hier rein, und wir werden das kopieren und es hier gut erledigen. Okay? Und auch das gekapselt. Okay. Und dann treffen wir sicher. Also jetzt, wenn er sich bewerben hatte Jetzt werden wir unsere Finger kreuzen und alles sollte perfekt sein. Also geh ins Portfolio Und da gehen wir. Alles ist perfekt. 16. Seiten: Grundlegende Blöcke: Okay, jetzt, da wir den Teig hier oben besprochen haben, scrollen wir weiter zum eigentlichen Seiteninhalt. Ändern Sie also den Seiteninhalt. Sie bewegen sich darüber, bis Sie diese kleine Registerkarte erhalten, die Seiteninhalt sagt und dann klicken Sie auf sie so ziemlich unkompliziert. Als nächstes werden Sie sofort in dieser Benutzeroberfläche bemerken, dass, wenn Sie schweben, Sie kleine Regentropfen aussehende Kreise sehen werden, die jetzt erscheinen, wenn ich hier drüben schwebe, werde ich einen Block einlegen, der die ganze Peitsche von links hier, den ganzen Weg nach rechts hier. Und wenn ich wieder einen hier setze, den ganzen Weg von links nach rechts, wenn ich einen hier setze, wird es unten unten erscheinen. Die Zeile zeigt Ihnen also, wie breit dieser Block sein wird. so zum Beispiel Wenn ich zum Beispieleinen Textblock hier setze, er nursobreit sein, also wird es wie „ Hallo“ sein, Hallo“ sein, und dann kopiere ich ihn und füge ihn ein, und das ist es, was schnell. Es wird nur so weiß sein. Also werde ich diesen Block löschen und ihn jetzt hier aufstellen. So wird der Textblock hier oben die gesamte Breite der Seite dehnen. Okay, also das ist das erste, was du über die Schnittstelle wissen musst. den Mauszeiger über etwas bewegen, Wenn Sieden Mauszeiger über etwas bewegen,das Sie benötigen klicken, können Sie den Block hinzufügen, und es gibt verschiedene Arten von Blöcken, die Sie hinzufügen können. Also zuerst werde ich die grundlegenden Blöcke abdecken, die die sieben oben hier sind. Okay, die 1. 1, die du schon gesehen hast, wie ich ziemlich viel benutzt habe. Es ist der Textblock. Wenn Sie also Text drücken, ist es nur ein normaler Texteditor. Nichts zu schick, so können Sie in wie Legal s einen Header setzen. Das kann also meine Homepage sein. Also werde ich ein wenig über Abschnitt hier drinnen. So wird es über uns sagen. Ich möchte, dass dies kein normaler Text ist, sondern Überschrift eins ist. Ok. Und ich wollte auch zentriert sein. Und dann sieht es dann ein bisschen aus. Also lassen Sie uns voran und fett es mit dem Highlight es und Bolzen. Da gehen wir. Okay, das ist also das. So fügen Sie einen Textblock hinzu. Nun, wenn Sie alle Formatierungen entfernen möchten, drücken Sie diese, es bewegt sich einfach alles macht es regelmäßig, genau wie es vorher war. Also wieder, zentrieren Sie fett und machen Sie es zu einer Überschrift. Und Sie können auch das Wiederholen rückgängig machen, und dann kursiv ist hier drüben. Tut mir leid, das tun wir. Habe nicht kursiv genommen. , Sie können es zu einem Link machen,damit Sie es mit einer anderen Seite verknüpfen können, damit Sie es zum Beispielmit Google Punkt C Averknüpfen zum Beispiel Google Punkt C A Und Sie können es in einem neuen Fenster öffnen, wenn jemand darauf klickt. Und eine andere Sache, die Sie tun können, ist eine Verknüpfung zu einer Seite, die auf Ihrer Website ist. Also meine Blutseite oder meine über Seite, was wahrscheinlich ist, was ich tun werde, aber nicht auf dem Titel auf einem anderen vielleicht mehr Abschnitt erfahren. Und eine andere Sache, die Sie tun können, ist es tatsächlich mit einer Datei zu verknüpfen. Wenn also jemand auf den eigentlichen Wortlaut klickt, wird eine Datei heruntergeladen. Also ein Dokument oder ein PDF für ein Bild,so etwas, so etwas, er klickt einfach auf eine Datei hinzufügen, und dann wird ein Pop-up kommen wählen Sie die Datei, die Sie hochladen möchten, und dann können Sie auf Öffnen in einem neuen Fenster klicken. Ah, aber normalerweise haben sie gerade heruntergeladen, also ist das kein allzu großes Problem. Also gehe ich weiter und ich gehe dieses Jahr. Eigentlich muss ich es nicht löschen, aber ich möchte nicht, dass es ein Link ist. Lasst uns fortfahren und die Verbindung entfernen. Es ist einfach hinter deinem okay versteckt, also ist es eine 50-50-Chance. Also lasst uns das versuchen. Da gehen wir. So wird der Link entfernt. Nun, eine andere Sache, auf die Sie mit dem Textblock achten möchten, ist, wenn Sie tatsächliche Inhalte von einer anderen Website kopieren und einfügen . Wenn ich zum Beispielein anderes Textfeld hinzufüge und dann auf meine persönliche Website gehe und diese kopiert habe und dannversuche ich es hier einzufügen, werden Sie sehen,dass es sich so ziemlich genau auszahlt, wie es hier ist. zum Beispiel Wenn ich zum Beispielein anderes Textfeld hinzufüge und dann auf meine persönliche Website gehe und diese kopiert habe und dann versuche ich es hier einzufügen, werden Sie sehen, Also die kühn über und dann entfaltete Sie uns. Das ist also nicht so, wie ich auf meiner Website wollte, denn offensichtlich will ich nicht, dass der erste Teil Bull getan hat. Aber schauen wir uns mal an. Nehmen wir an, wenn ich hier gehe und ich es normalen Text mache, weil ich es nicht größer will, ändert es sich nicht wirklich, weil man es nicht wirklich stylen kann, wie man tatsächlich kursiv setzen oder den US-Teil machen kann. Boulders Nun, aber Sie können tatsächlich ändern, was es tatsächlich ist, um die Formatierung tatsächlich ändern zu können . diese Schaltflächen hier oben verwenden, müssen Sie dies als Klartext Tempo. Und um das zu tun, gehst du hier hoch. Also dieses kleine Clipboard hier, fügen Sie die Informationspresse ein, OK, und dann können Sie es wirklich stylen. Wie du willst. Also machen wir diese Überschrift. Man wird es wüten. Darauf schicken wir. Es wird es mutig machen. Okay, ich musste einfach zurück. Also nochmal, ich zeig es dir. Das ist gut, wenn wenn hier oben, Ich habe keine fett und es ist normal und ich versehentlich gedrückt betritt von diesen einen zusätzlichen Raum gibt. Also, wenn ich die Rücktaste drücke, um das zu bringen, wird es das Styling dessen übernehmen, was diese Linie war. Also müssen wir es neu gestalten. Also, wenn das passiert, keine Panik. Sie müssen es nur neu gestalten und sie werden das auch zentrieren. Und ich werde diesen Teil löschen, weil ich nicht mag, wie das aussieht. Okay, jetzt ist das fertig. Bevor wir weitermachen, werde ich nur retten, damit, wenn etwas nicht stimmt, ich diese Änderung hier nicht verliere. Also, das ist die Praxis, die Sie wahrscheinlich eine Schwung nur ständig sparen wollen. Also werden wir wieder auf Bearbeiten drücken, und dann werde ich Ihnen zeigen, dass Sie diese erste Ursache löschen, die ich bereits über dort oben habe und dann werden wir jetzt in einen anderen Block setzen und mal sehen, was noch verfügbar ist. Als nächstes haben wir uns markiert. , Denk daran,dass ich euch in einer früheren Vorlesung gesagt habe, dass Abschlag nicht ganz zu wichtig ist, also meine ich, du könntest einen also meine ich, du könntest einen regulären Text eintragen. Also kann ich irgendwie nachbilden, was ich oben habe. Also über uns, dann könnte ich diesen Header eins machen und ihn in der Mitte schwächen. Wir können es zentrieren, wenn wir möchten, indem wir Tags einfügen. Das ist also das Zentrum. Ähm, ich mag es nicht, Mark Down zu benutzen. Ich meine, es macht es nur schwieriger für mich, also werde ich es eigentlich nicht benutzen, sondern nur wissen, dass es da ist. Wenn Sie jemals in der Zukunft brauchen. Es gibt einen Fall, in dem tatsächlich Benutzer und das ist, wo häufig gestellte Fragen Abschnitt auf der Website, die in der Bonusvorlesung sein wird , nur weil es ein wenig fortgeschrittener ist und dass Sie eine beschichten müssen Ein bisschen. Aber wenn das etwas ist, an dem Sie interessiert sind, wird es in den Bonusvorträgen sein. Als nächstes haben wir ein Zitat. Das ist also wieder ziemlich unkompliziert. Es ist wie ein Zitat, das jemand sagte Also so etwas wie Hallo und jetzt von mir gesagt, also sehen Sie so aus . Okay, es gibt wirklich nicht zu viele Möglichkeiten, das zu stylen. Sie können zum Design-Stil-Editor gehen und den Text wie die Schriftart und die Farbe und die Größe ändern . Aber abgesehen davon gibt es wirklich keine Möglichkeit, gibt es wirklich keine Möglichkeit, irgendwann ein abschließendes Zitat oder so etwas hinzuzufügen. Der Ort kommt mit, dass. So manche bin ich mir nicht sicher, welche genau. Aber einige von ihnen haben, wie das Öffnen und Schließen von Anführungszeichen, dieses nicht. Also werde ich das nicht behalten. Aber ja, ich weiß nur, dass es da ist, und so würde es mit einem Demotext dort aussehen. Schließen Sie das also und löschen Sie es. Und dann haben wir wieder ein Bild. Ziemlich unkompliziert. Es mag nur, ein Bild hinzuzufügen. Also klicken wir. Fügen Sie ein Bild hinzu, und ich würde ein Bild auswählen, das ich hinzufügen möchte. Es ist also ein solches, also gehen wir weiter. Also ist es auf dem Laden. Und dann könnte ich hier eine Beschriftung einfügen, wenn ich will, ähm, wenn Sie es nicht erfassen und einfach entfernen wollen und dann keine Beschriftung anzeigen, haben Sie auch die Beschriftung als Overlay oder nur, wenn Sie den Mauszeiger über das Bild bewegen, so verschwindet. Und wenn Sie den Mauszeiger bewegen, kommt es hoch und Sie werden das besser sehen, wenn Sie tatsächlich sparen. So speichern Sie es ist nicht da Sie jedoch, es wird zurückkommen, die nicht genommen haben müssen. Ok? Und dann gehst du mit dem Mauszeiger über. Oh, tut mir leid. Ich habe nicht wirklich eine eigentliche Beschriftung eingefügt, so dass es Text machen. Los geht's. Jetzt wird es sich zeigen. Da gehen wir. Jetzt weißt du, warum nicht auftauchen würde. Okay, also war das Bild. Sie können es auch dehnen. Ähm, du wirst es hier nicht wirklich bemerken. , Mal sehen,wie ich dir zeigen kann, wie die Strecke aussehen würde. Also, wenn ich wie einen Abstandshalter zur Seite No hineinfüge, würden wir in diesem Fall auch nicht arbeiten. Ähm, okay. Später, wenn ich reinkomme. Wenn ich die Chance habe, dir zu zeigen, welche Strukturen dir zeigen, was es tut. Aber im Grunde erstreckt es sich nur auf die volle Breite. Anstatt also aufzunehmen, würde die Hälfte des Containers den vollen Behälter aufnehmen. Hoffentlich bekomme ich die Gelegenheit, Ihnen das in einem zukünftigen Vortrag zu zeigen. Als nächstes haben wir Lightbox. Was das bedeutet, ist, wenn jemand auf das Bild klickt, kommt es im Vollbild, so dass sie es irgendwie im Vollbild sehen können. Also zeig dir, was zurück tut. Also jemand klickt darauf und da gehen wir, kommt im Vollbildmodus. Also das ist gut für wie, jede Fotoarbeit, diese Art von Sachen, nicht wirklich für normale Bilder, die Sie in einem Fall wie diesem verwenden. Und dann können Sie die Lightbox auch so stylen, dass sie eine leichte Overlay hat. Anstatt an den Rändern schwarz zu sein, wird es so warten. Okay, das ist also Leuchtkasten. Und schließlich können Sie auch einen Link darauf setzen. Jetzt können Sie keine Lightbox und Link haben, denn offensichtlich, wenn jemand darauf klickt, gehen sie entweder zu einer Website oder einem Link oder es erscheint. War ein Bild in voller Größe, das Sie nicht beide haben können. Also, wenn Sie Lightbox haben, wird der Link so schnell arbeiten, um Link hinzuzufügen. Und wir können wieder jede, ähm, ähm, Website-Inhalt oder Datei einfügen und dann absagen lassen. Und dann wieder hier haben Sie auch den Brennpunkt, den Sie kontrollieren können, aber das ist so ziemlich es. Hier haben Sie einen Dateinamen , den Sie immer ausfüllen möchten. Das ist also wirklich gut für s CEOs. Oder du steckst vielleicht etwas wie, ähm, Mann in und blauen Anzug, richtig, damit du es so retten kannst. Also mach weiter und entferne das Bild. Und ich glaube, wir müssen noch ein paar mehr durchmachen. So Video wieder ziemlich selbsterklärend bringt Sie zum Video. Sie können hier klicken, um alle verschiedenen Dienste zu sehen, die Sie verlinken können. Also, wenn ich wie ein YouTube-Video, das ich habe und er nur kopieren und Sie fügen Sie einfach Steuerelement C Kontrolle V und das Video erscheint. Und wenn Ihnen das Bild, das angezeigt wird, nicht gefällt, können Sie tatsächlich Ihr eigenes Bild hochladen. Das ist also unser Upload, dieser hier, richtig? So können Sie Ihr eigenes Bild verwenden, so dass es so aussehen würde und sie drücken erneut Play. Sie können Untertitel haben. So zieht die Beschriftung direkt von YouTube. Also werde ich keinen Brauch benutzen. Und das ist mit Untertiteln. So und Sie können die Beschriftung hier wieder ändern. Aber lasst uns anklicken. Nicht anzeigen. So würde das funktionieren. Lasst uns Abbrechen drücken. Ich möchte nicht wirklich ein Video zeigen, also werde ich das löschen, und dann gehen wir zu Audio. So funktioniert Audio. Sie können entweder eine Audiospur hochladen oder Sie können tatsächlich auf externe Datei klicken und in einer Audiodatei verlinken , die Sie möglicherweise auf Ihrer Hosting-Plattform gespeichert haben, wo jemand anderes hostet Plattform und dann können die Leute es herunterladen. Sie können auch, wenn Sie, wenn Sie Podcast, dass alles, was Sie auch setzen in Ihrem RSS-Feed-Informationen und Sachen hier durch iTunes. Aber nochmal, beachten Sie, dass dies nur funktioniert, wenn Sie es zu einer blockierten Seite hinzufügen. Also jetzt, wenn ich das fühle, würde es meine iTunes nicht wirklich aktualisieren. Nur weil das keine blockierte Seite ist,ist es nur eine normale Seite. Nur weil das keine blockierte Seite ist, Okay, Sie können mehr darüber erfahren, indem Sie wissen, was? Ich werde den Link in den Vorlesungskrieg setzen, genau hier. Wenn Sie auf klicken, erfahren Sie mehr. Es wird einen kleinen Abschnitt hochziehen, der Ihnen genau sagen wird, wie Sie es Podcast verwenden könnten, damit ich nicht durch eine gerechte Sache gehen werde. Nicht viele Menschen Podcast. Und wenn du das tust, dann könntest du es hier immer herausfinden, weil es nicht wirklich schwer ist. Sie müssen nur einige grundlegende Informationen hier eingeben, und Sie können auch das Design ändern, um zu wissen, wie es aussieht und Sie können die Leute die Audiodatei herunterladen lassen und Sie können es später haben. Dunkel. Also, das ist die Audio-Datei, und dann haben wir eine weitere, die einbetten Jetzt im Bett ist wie, Lassen Sie mich tatsächlich nur zeigen Sie. Einbetten ist wie eine Kombination von Video-Audio, und es gibt eine weitere hier und Soundcloud, denn was Sie tun können, ist, dass Sie so ziemlich in jedem u R l setzen können. und es wird es nehmen Also, zum Beispiel, wenn ich Nehmen Sie ein Video und legen Sie es in das Bett wird ein Video, wenn ich Audio genommen, so ist es eine Kopie, diese eine Kopie Link, die ich hier in. Dann wird es zu einem Audio. Und wenn ich dann, ähm, wenn ich reinstelle, mal sehen, was war da sonst noch, das ich reinlegen könnte? Ja, also könntest du so ziemlich jede Art von, ähm, investierbaren u R l dort einsetzen. Es könnte also auch ein Audio sein. Jetzt habe ich keine Audiodatei wie diese ist eine Soundcloud, aber ich habe keinen bestimmten Audiophilen, den ich einfügen könnte, aber es würde dasselbe tun, als würde es wie der Audioblock aussehen. Und dann könnten Sie auch bestimmten Code wie Google Maps oder so etwas hier einbetten. So funktioniert es auch wie ein Code. So funktioniert es auch wie Beat-Code blockieren den Codeblock. Es ist also eine gute Kombination verschiedener, die ich noch nie im Bett benutzt habe. Ich habe gerade einen bestimmten benutzt, den ich brauchte, aber wenn du jemals findest, dass du ein Bett brauchst, kannst du das hier finden. Das sind also so ziemlich die verschiedenen sieben Blöcke. Wir haben vier grundlegende Schwarztöne. Wir werfen einen kurzen Blick auf die Galerie und Zusammenfassung in der nächsten Vorlesung, und wir werden von dort fortfahren. 17. Seiten: Gallery Summary bearbeiten: Okay, in diesem Vortrag werden wir über die Zusammenfassung im Galerieblock sprechen. Also gehen wir zurück in unsere Seiteninhalte, und ich werde gehen, um einen Block hinzuzufügen. Also haben wir Galerie und Zusammenfassung. Die beiden sind sehr ähnlich. Deshalb werde ich sie zusammen decken. Also lassen Sie uns mit Galerie Diashow so ziemlich unkompliziert beginnen. Wir können Bilder hochladen, hochladen, die wir für die Diashow verwenden möchten. Ich habe das für den Vortrag über Banner gemacht. Wenn ihr euch daran erinnert, wenn nicht, äh, im Grunde einfach Upload drücken und dann ein paar Bilder auswählen. Also lassen Sie uns sagen, dass in, und es wird automatisch diese Bilder hochladen. Wir geben es einen Moment dort und diejenigen, die fertig hochgeladen wurden. Wir nehmen einen Apfelwein. Jetzt müssen wir ins Design gehen, und wir können einige Funktionen über diesen Kämpfer ändern. So ein Übergang zwischen den Folien automatisch alle fünf Sekunden alle zwei Sekunden, wenn Sie nächstes in der vorherigen Steuerung anzeigen möchten. Also, das ist ein wenig Pfeile auf der linken Seite, und die rechte ist automatisch zuschneiden Bilder. Wenn wir die Bilder nicht zuschneiden, wird der Schieberegler wie anders, die Bilder offensichtlich unterschiedliche Größen haben, so dass Sie wie kleine Blöcke an der Seite haben. So weiße Blöcke. Ich zeige Ihnen, wie das aussieht, aussieht, nur damit Sie sehen können, wie es aussieht. Ähm, lassen Sie mich ein quadratisches Bild hinzufügen, das sie tun sollten. Also geben wir das an Sekunde, um zu laden, weil diese beiden innen sehr ähnlich sind, so dass Sie nicht wirklich sagen können, wie die tatsächliche Wieder Dimensionierung aussieht. Also werden wir schlagen. Bewerben. Wird es retten? Da ist also das Bild. Da ist das da und da ist das. So sehen Sie, wie dieser einen großen Teil des Bildes tatsächlich fehlt, weil er viel mehr von dem Baum sichtbar haben soll , während er hier nur bis zu herum hat. Also, wenn ich auf klicken lassen Sie uns sehen, wo es gehen automatisch zuschneiden Bilder. Also, wenn ich das nicht tue und ich retten würde, sagte er. Es gibt bereits eine kleine Bar auf der Seite, und für diese gibt es eine riesige Bar an der Seite, so dass dies tatsächlich das vollständige Bild zeigen wird, indem es es auf das Seitenverhältnis dehnt und einige Balken auf der Seite wirft , um diese Dehnung zu ermöglichen. Also werden wir es jetzt treffen, also ist das automatisch zuschneiden. Mir macht die Ernte nicht zu sehr aus, denn wieder kannst du entscheiden, wo du willst, dass diese Ernte passiert. So können Sie ändern, wo der Fokus ist, wie Sie gerade gesehen haben. Hier können Sie also ein wenig ändern, Sie können viel ändern. Okay, das ist irgendwie von Ihnen können auch die Thumbnails unten hier zeigen. Nicht zu wichtig auf dann die Größe und auch, wie weit es vom eigentlichen Pick-Bild entfernt ist . So weit, ganz nah. Und dann auch, wo wir den Titel in der Beschreibung wollen. Also keines meiner Bilder hat Beschreibungen. Lassen Sie mich tatsächlich eine Beschreibung einwerfen. Also klickst du einfach auf diese kleine Ausrüstung und wir werden einfach testen. So erscheint der Test unten links. Hier können wir das nach oben ändern. So ist es an der Spitze und wieder, Center wird direkt hier erscheinen. Und dann können Sie es so machen, dass es nur erscheint, wenn Sie den Mauszeiger darüber zeigen, wie die eigentliche Beschreibung allein zeigt, wenn Sie sie über dieses Bild haben. Ähm, jetzt, hier drin, können Sie tatsächlich das Karussell wechseln. Großartig und Angriff. Denk daran, hier zurück für die Galerie, die du gleiten musstest. Zeigen Sie Pflege. So toll und Sack. Wenn er nicht wüsste, welchen er wählen soll, wähle sie einfach aus. Eins. Sie können hier zwischen ihnen wechseln, damit Sie sehen können, wie sie alle mit Ihren Bildern aussehen . Also würde Karussell so aussehen. Ok. Und dann würde Gitter so aussehen. Ziemlich offensichtlich, wie ein toller aussehen würde. So können Sie die Bilder von Quadraten haben, die Sie haben können. Es ist eine Drei, so ist es ein wenig breiter zu drei. So ist es mehr, mehr in der Höhe als es nicht mit Ihnen 43 wieder Breitbildschirm haben können, so dass Sie Art auswählen können was Sie denken, sieht am besten aus. Ich habe den Platz nicht gestört. Sie können den Titel zeigen, den ich nur für das erste Bild gesetzt habe Und wieder können Sie wählen, wenn Sie nur drei Bilder wollen. Also denken Sie daran, hier hatte es genug Platz für ein weiteres Bild. Aber ich habe nur drei Bilder hochgeladen, so dass Sie es drei machen konnten und die Erhöhung oder Verringerung der Pads von Abnahme erhöhen. Ich mag es mit weniger Polsterung. Sie könnten eine Lichtbox machen, wenn Sie auf das Bild klicken, es öffnet sich tatsächlich. Und wenn Sie tatsächlich zu einem anderen Teil Ihrer Website verlinken wollten, können Sie diese tatsächlich mit der Kontaktseite verlinkt werden. Das zum Portfolio, diese Art von Zeug. Und dann haben wir Stapel. Das sind also nur Bilder, die übereinander und den Rio gestapelt sind, also werden wir treffen. Bewerben. Das ist also irgendwie wie der Galerieblock. Nein. Oh, eigentlich noch eine Sache mit einem Galerieblock. Weißt du, ich habe die Bilder hochgeladen. Ich habe bereits einen Galerieblock. Entschuldigung. Eine Galerie-Seite, die ich hier gemacht habe, wenn Sie sich früher erinnern. Und ich habe diese drei Logos da drin, also wenn Sie eine Galerie-Seite haben, können Sie diese Seite tatsächlich verwenden, anstatt Bilder kostenlos hochzuladen. Also, zum Beispiel, wenn ich in einer Galerie hinzufügen und dann statt Medien hochladen, klicke ich auf Verwendung vorhandener Medien-Fotogalerie, und dann könnte ich es kümmern. So Grid, genau wie vorher. Außer jetzt muss ich die Bilder nicht wieder an einem anderen Ort hochladen. Okay, also werde ich das entfernen, weil ich das offensichtlich nicht zeigen will. Okay, jetzt werfen wir einen kurzen Blick auf die Zusammenfassung Abschnitt, so haben wir Wand Karussell Liste und Raster. Das ist also einem Galerieabschnitt sehr ähnlich. Außer jetzt, anstatt nur Fotos und Videos, können wir tatsächlich Blockbeiträge und Produkte verwenden. So, zum Beispiel, ein Klick auf Wand und genau wie ich es Ihnen gezeigt habe, können Sie hier zwischen Wand Karussell Liste und Gitter drei wechseln, so dass Sie nicht mehr zurückgehen müssen , um hinzuzufügen. Also lasst uns zum Inhalt gehen. Jetzt können wir meine Blawg, meine Fotogalerie oder in meinem Laden auswählen . Also zuerst haben wir Blawg. Jetzt habe ich drei temporäre Blockposten eingefügt, und ich habe für jeden ein Bild gesetzt. Sie lernen, wie Sie das in einer Vorlesung speziell auf Blockpost tun. Also im Moment ist es so eingestellt, dass Sie eine Wand sein können, so können Sie sagen, Sie haben vier Blockpfosten und Sie wollen sie alle in der gleichen Reihe. Sie können einfach jeden Aufruf sie kleiner machen mit, und wenn Sie möchten, dass dies sein soll, wie Sie Beiträge blockieren und dann noch zwei hier unten, könnten Sie eine Spalte mit erhöhen Also die Rinne mit ist der Abstand zwischen jedem Blockpost so Sie könnten das weniger machen, um sie irgendwie näher zusammenzubringen. Dann können Sie die Textgröße zu groß ändern. Es gibt ein bisschen größere Hochzeit und Sie können auch zentrieren. Also da sind wir konzentrisch. Ich mag die Dinge besser, wenn sie zentriert sind, damit wir gehen Es ist das und dann ist das für das eigentliche Datum. So können Sie das über dem Titel unter dem Titel oder unter dem Inhalt setzen. Ich mag es unter dem Titel. Perfektes Ellen Display Also jetzt, eingestellt, um 10 Block-Post zu zeigen, habe ich nur drei, aber ich setze dies normalerweise auf 30. Sie können es wie sechs ändern . So zeigt es nur Ihre letzten sechs oder die sechs, die Sie mit vorgestellten benennen, so dass Sie einen Block Boote, die vorgestellten und dann die andere Sache, die Sie tun können, ist vielleicht zusätzlich zu dem Datum, Sie wollen auch den Autor zeigen, so dass Sie kann Autor auswählen, damit wir auch den Autor zeigen. Da gehen wir. Oder vielleicht die Kategorie. Ich habe keine Kategorien festgelegt, so dass im Moment nichts angezeigt wird, die einzigen, die ich eingerichtet habe, ist der Autor. Das ist also so ziemlich das Einzige, was ich dir zeigen kann. Und wenn Sie nicht möchten, dass das Datum angezeigt wird, können Sie das Datum deaktivieren. Also änderte ich das in keine, und das Datum geht gut. Und Sie können auch das Lesen mehr zeigen. Also offensichtlich ist das nicht der gesamte Block Post. Es gibt noch viel mehr, also lesen Sie mehr. Dann schauen wir uns kurz an, äh, äh, Fotogalerie an. Die Verwendung der Wand ist also tatsächlich ein bisschen anders als die Verwendung von um zum Beispiel eines der Galerieblöcke, weil die Galerie-Blöcke keine Wand als vorgegebene Vorlage haben . Und ich mag wirklich, wie die Wand aussieht. Also, zum Beispiel, wenn ich das auf mehr als sechs Bilder ändere, also habe ich alles auf gesagt, dann möchte ich das Bild nicht zeigen, weil es das Datum für das Bild nicht tut. Es hat keinen Sinn, das zu zeigen, und Sie werden immer noch sehen, dass es hier mehr Höhe gibt als ein Witz. Ich mag das, um quitt zu sein. Also verbergen Sie einfach den Titel und verstecken den Auszug. Jetzt sind sie quitt. Ich werde das tatsächlich reduzieren, indem sie ihre vielleicht 20 Terry ablegen. Siehst du, ich liebe es, wie das im Vergleich zu einer normalen Galerie aussieht. Also eine normale Galerie, wenn du dich daran erinnerst, das nächste, was du hattest, war Raster richtig und das Große würde wie dieses Gitter aussehen. Und ich mag nicht wirklich, wie das aussieht. Ich mag die Wand ein bisschen besser. Okay, es wird also Zeiten geben, in denen Sie definitiv wollen, dass diese Bilder Links zu verschiedenen Websites oder verschiedenen Teilen Ihrer eigenen Website sind. Bevor wir das gemacht haben, kamen wir hierher, wo wir die Bilder hochgeladen haben. Aber jetzt, da wir es von einer anderen Galerie-Seite ziehen, müssen wir tatsächlich zur Rückseite der Galerie-Seite gehen,um gehen, einen Link zu setzen. Also die Galerie-Seite Arm mit seiner Fotogalerie. Also gehe ich dorthin und dann klicken wir auf den mittleren Gang und dann gehen wir zu Optionen und wir können tatsächlich setzen Sie sind alle hier. Also, zum Beispiel, google dot ta Und was dann? Sparen? Also, wenn ich jetzt zurück zu meiner Homepage gehe, wenn ich auf klicke, geben wir es eine Sekunde, um dort oben zu laden. Wenn ich also darauf klicke, bringe ich dieses Mal zu Google. Also Google. Jason ist perfekt, und dann gehen wir zurück, um Calorie Perfect zu bearbeiten. Das war also der zusammenfassende Abschnitt. In der nächsten Vorlesung werde ich darüber sprechen, was ist. Wir können durch die weitere Option und die Filter hinzufügen und heben. Also all die verschiedenen Symbole, die wir hier haben und ich sehe dich dann 18. Seiten: More Blöcke bearbeiten: Also das erste, was wir diese Suchsuche haben, können Menschen offensichtlich auf Ihrer Website suchen . Also für einen Block Post so etwas. Ähm, wenn Sie suchen spezifische Seite, ihre sozialen nur Ergebnisse von dieser Seite zeigen, will ich das nicht wirklich tun. Also lassen wir es jetzt so, wie es ist. Und das Thema ist dunkel, also sollte das in Ordnung sein. Also habe ich reingesteckt. Ich denke, ich habe Post eins war einer meiner Beiträge. Also das ist mein Block Post eins. So zeigt eine Miniaturansicht davon. So ziemlich cool können Sie in Ihrer Sidebar verwenden. Das ist wahrscheinlich, wo die Leute es am häufigsten benutzen. Als Nächstes haben wir einen Inhaltslink, so dass Sie tatsächlich auf eine Ihrer Seiten verlinken können. So, zum Beispiel, Ihr Block, so dass die Leute können auf diesen Link klicken und direkt zu Ihrem Block gehen, Wo Ereignisse oder Sie können tatsächlich bestimmte Seiten setzen. Also die über Spitze und ich werde einen schnellen Überblick über, worum es geht. Ich benutze nie wirklich Buttons, wenn ich muss. Also als nächstes haben wir Taste, so dass Sie die Tasten stylen können, so kontaktieren Sie uns und es kann auf die Kontaktseite verlinken. Also keine externe Website. Keine Datei, sondern ein Inhalt, der meine eigentliche ist. Kontaktieren Sie diesen Pfirsich und klicken Sie dann einfach außerhalb Größe. Sie könnten es klein, mittel, groß machen mittel, , und Sie können die Farbe dieses durch den Stil-Editor ändern und Sie können es links oder rechts oder zentrieren. Wir werden es zentrieren und dann sparen. Kontaktieren Sie uns. Und dann als nächstes haben wir Wolke nehmen. Also, das ist für deinen Blawg. Ähm, also wählen Sie etwas aus, offensichtlich die gängigste Art, es zu benutzen, wie bei den gebloggten, also wird es all die verschiedenen Arten abdecken, die in Ihrem Blut verfügbar sind. So, zum Beispiel, jemand klickt auf Website, nimmt ihn, zeigt alle Blockpost, die die Tag-Website haben. Wir werden mehr über Tags berichten, wenn wir auch über Blog's sprechen, so dass es ein wenig offensichtlicher wird, was es ist, und Sie können es auch wie Ihre Fotogalerie machen. Aber ich habe keine Tags auf meinen Fotos. Ich habe auch keine Etiketten auf meinen Produkten. Produkten Nur auf meinem Block, ich habe Tags, so dass Sie auch Kategorien verwenden können, wenn Sie nicht Morgen ism speziell nimmt. Ich glaube nicht, dass ich noch keine Kategorien für eine dieser Kategorien eingerichtet habe. Nein. Also werden wir gehen. Es dauert und dann nach Gewicht zu sortieren. Das ist also, was am häufigsten verwendet wird und welche von den Menschen am häufigsten angesehen werden. Im Moment sieht es so aus, als wären Leute zu meinem Blockposten gegangen. Das ist seine Websites am meisten, und wie viele nimmt Sie zeigen möchten? Also denke ich, das war's. Ich glaube nicht, dass es noch so gut ist, es entmutigt ist, und ich werde das wieder löschen. Sie können das in Ihrer Sidebar verwenden. So greifen die Leute schnell auf eine bestimmte Art von Post zu, und dann haben wir endlich Archiv. Also, zum Beispiel, wenn wir auf Blawg klicken, wird es Archiv alle Ihre Blog zeigen im November, dann Dezember. Aber ich habe nur Boote ab November blockiert, und dann können Sie Produkte, Fotogalerie, alles,was ich im November und Veranstaltungen verschmutzt und sogar als Liste oder so angezeigt haben Fotogalerie, alles, . Wenn es eine Liste ist, müssen Sie tatsächlich sicher sein, dass Sie wirklich schnell darauf klicken müssen und dann öffnen wir die Liste. Okay, also ist es eine Liste von allem, also November und dann sagen wir Dezember und im Januar. Dann haben wir es. Ich glaube, es wurde fallen gelassen. Ja. Okay, für diesen hier heißt es: November, Dezember, Januar, Februar. Auch hier werden diese am besten im Seitenkäufer verwendet. Das ist, wo sie hauptsächlich verwenden, tatsächlich die lokale Gruppe nach Monat, Jahr Autor Kategorie-Tag. Ich habe nur einen Autor, also macht es keinen Sinn, es nach Autor zu sortieren und dann zu zeigen, wie viele. Wie viele verschiedene Beiträge haben wir tatsächlich für diesen Autor. Also für Produkte, wird es zeigen, wie viele Produkte und mehr. Es ist ein nettes kleines Feature, aber ich habe es noch nie benutzt. Also ist es ein Also, das ist alles, was wir unter den Filtern aufgelistet haben, Ähm, und schließlich wird in der nächsten Vorlesung diese behandeln, und dann werden wir mit den verschiedenen Blöcken fertig sein. 19. Seiten: Filter und Lists bearbeiten: Also das erste, was wir diese Suchsuche haben, können Menschen offensichtlich auf Ihrer Website suchen . Also für einen Block Post so etwas. Ähm, wenn Sie suchen spezifische Seite, ihre sozialen nur Ergebnisse von dieser Seite zeigen, will ich das nicht wirklich tun. Also lassen wir es jetzt so, wie es ist. Und das Thema ist dunkel, also sollte das in Ordnung sein. Also habe ich reingesteckt. Ich denke, ich habe Post eins war einer meiner Beiträge. Also das ist mein Block Post eins. So zeigt eine Miniaturansicht davon. So ziemlich cool, dass Sie in Ihrer Sidebar verwenden können. Das ist wahrscheinlich, wo die Leute es am häufigsten benutzen. Als Nächstes haben wir einen Inhaltslink, so dass Sie tatsächlich auf eine Ihrer Seiten verlinken können. So, zum Beispiel, Ihr Block, so dass die Leute können auf diesen Link klicken und direkt zu Ihrem Block gehen, Wo Ereignisse oder Sie können tatsächlich bestimmte Seiten setzen. Also die über Spitze und ich werde einen schnellen Überblick über, worum es geht. Ich benutze nie wirklich Buttons, wenn ich muss. Also als nächstes haben wir Taste, so dass Sie die Tasten stylen können, so kontaktieren Sie uns und es kann auf die Kontaktseite verlinken. Also keine externe Website. Keine Datei, sondern ein Inhalt, der meine eigentliche ist. Kontaktieren Sie diesen Pfirsich und klicken Sie dann einfach außerhalb Größe. Sie könnten es klein, mittel, groß machen mittel, , und Sie können die Farbe dieses durch den Stil-Editor ändern und Sie können es links oder rechts oder zentrieren. Wir werden es zentrieren und dann sparen. Kontaktieren Sie uns. Und dann als nächstes haben wir Wolke nehmen. Also, das ist für deinen Blawg. Ähm, also wählen Sie etwas aus, offensichtlich die gängigste Art, es zu benutzen, wie bei den gebloggten, also wird es all die verschiedenen Arten abdecken, die in Ihrem Blut verfügbar sind. So, zum Beispiel, jemand klickt auf Website, nimmt ihn, zeigt alle Blockpost, die die Tag-Website haben. Wir werden mehr über Tags berichten, wenn wir auch über Blog's sprechen, so dass es ein wenig offensichtlicher wird, was es ist, und Sie können es auch wie Ihre Fotogalerie machen. Aber ich habe keine Tags auf meinen Fotos. Ich habe auch keine Etiketten auf meinen Produkten. Produkten Nur auf meinem Block, ich habe Tags, so dass Sie auch Kategorien verwenden können, wenn Sie nicht Morgen ism speziell nimmt. Ich glaube nicht, dass ich noch keine Kategorien für eine dieser Kategorien eingerichtet habe. Nein. Also werden wir gehen. Es dauert und dann nach Gewicht zu sortieren. Das ist also, was am häufigsten verwendet wird und welche von den Menschen am häufigsten angesehen werden. Im Moment sieht es so aus, als wären Leute zu meinem Blockposten gegangen. Das ist seine Websites am meisten, und wie viele nimmt Sie zeigen möchten? Also denke ich, das war's. Ich glaube nicht, dass es noch so gut ist, es entmutigt ist, und ich werde das wieder löschen. Sie können das in Ihrer Sidebar verwenden. So greifen die Leute schnell auf eine bestimmte Art von Post zu, und dann haben wir endlich Archiv. Also, zum Beispiel, wenn wir auf Blawg klicken, wird es Archiv alle Ihre Blog zeigen im November, dann Dezember. Aber ich habe nur Boote ab November blockiert, und dann können Sie Produkte, Fotogalerie, alles,was ich im November und Veranstaltungen verschmutzt und sogar als Liste oder so angezeigt haben Fotogalerie, alles, . Wenn es eine Liste ist, müssen Sie tatsächlich sicher sein, dass Sie wirklich schnell darauf klicken müssen und dann öffnen wir die Liste. Okay, also ist es eine Liste von allem, also November und dann sagen wir Dezember und im Januar. Dann haben wir es. Ich glaube, es wurde fallen gelassen. Ja. Okay, für diesen hier heißt es: November, Dezember, Januar, Februar. Auch hier werden diese am besten im Seitenkäufer verwendet. Das ist, wo sie hauptsächlich verwenden, tatsächlich die lokale Gruppe nach Monat, Jahr Autor Kategorie-Tag. Ich habe nur einen Autor, also macht es keinen Sinn, es nach Autor zu sortieren und dann zu zeigen, wie viele. Wie viele verschiedene Beiträge haben wir tatsächlich für diesen Autor. Also für Produkte, wird es zeigen, wie viele Produkte und mehr. Es ist ein nettes kleines Feature, aber ich habe es noch nie benutzt. Also ist es ein Also, das ist alles, was wir unter den Filtern aufgelistet haben, Ähm, und schließlich wird in der nächsten Vorlesung diese behandeln, und dann werden wir mit den verschiedenen Blöcken fertig sein. 20. Seiten: Handel, Diagramme, Soziale Blocks: Okay, Leute. Also heute werden wir die letzten paar kleinen Bits von Blöcken, die wir für Seiten zur Verfügung haben. Also gehen wir voran und schlagen. Bearbeiten. Also gerade jetzt zeige ich euch Jungs wie eine kurze Tour durch die verschiedenen Blöcke, die wir zur Verfügung haben und die später werde ich über jeden einzelnen gehen speziell, wenn ich es auf meiner eigenen Website benutze. Also gehen wir weiter und wir schauen uns an, ich glaube, wir haben mehr abgedeckt, also sind wir ungefüllt. Nein, das haben wir auch getan. Also ist Karmi so zuerst, dass wir ein Produkt haben. Das ist also ziemlich unkompliziert. Wir könnten es so gut, schnell wie ein bestimmtes Produkt einbringen. Und ich habe nur gewarnt. Ich glaube es. Ich nehme nur, dass es da drin ist, damit ich das Bild verstecken kann. Ich kann das Bild wieder zeigen. Der Titel ist hier drüben. Ich könnte das verbergen und dasselbe mit dem Preis. Und es auch Beschreibung. Und dann endlich auf den Kartenknopf. So sieht es so aus und Sie können die Menge auswählen. Wenn Sie nun nur einen auf Lager haben, wird die Menge nicht angezeigt. So können wir auch alles zentriert oder richtig ausrichten. Also nochmal, wie ich sagte. Ich mag Central Line am besten sehen Sie, gerade jetzt ist dieses Bild sehr groß. Was Sie tun können, ist das, was ich vorhin mit den Abstandshaltern erwähnt habe. Setzen Sie also einen Raum auf dieser Seite, der auf der anderen Seite basiert, um die Dinge zentriert zu halten . Da gehen wir. So ist es jetzt nicht. Also, wenn Sie in die Schlange werfen hier, so bessere Trennung. Also, jetzt ist es nicht so groß. Okay, so würden Sie ein bestimmtes Produkt hinzufügen. Als Nächstes haben wir Amazon. Dies ist also tatsächlich eine extrem leistungsfähige Funktion, so dass Sie tatsächlich jedes Produkt auf Amazon verknüpfen können. Also, zum Beispiel, wenn ich eintippe, ähm, mal sehen, Website wahrscheinlich ein paar Bücher hochziehen. Ja, also bauen Website für Dummies und Sie können zentrieren, so dass Sie tatsächlich eine Werbe-Buy-Schaltfläche setzen können , so dass sie zu Amazon auf Die wirklich coole Sache daran ist, dass ich tatsächlich löschen , dass die wirklich coole Sache darüber meine ich, wenn ich in Einstellungen gehe und dann erweiterte und dann externe Dienste, können Sie Ihr Amazon-Partner-Tag Jahr setzen, so dass jedes Produkt, das Sie tatsächlich verkaufen Sie tatsächlich Einnahmen erhalten, so dass Sie ein wenig von dem Schnitt bekommen, wenn Menschen einen Kauf tätigen. Also müssen Sie sich zunächst für ihre Affiliate-Programm registrieren, natürlich, aber wieder, aber wieder, sehr mächtig, weil Sie durch die gesamte Amazon suchen können, setzen Sie in genau die Produkte, die Sie wollen. Dann schauen wir mal, was wir noch hier haben. Also haben wir den Spendenknopf. Also, wenn Sie wie ein Stuhl zwei Jahre etwas auf Ihrer Website laufen, können Sie tatsächlich Spende nehmen. Also nochmal, ähm, Wohltätigkeitsfonds, wir könnten es benennen. Geben Sie keine kurze Beschreibung. Spaß diese Wohltätigkeitsorganisation und was Sie wollen, dass der Button sagen So können Sie es machen eine Spende, zum Beispiel. Zentrieren Sie das, und sie können alle Reittiere setzen. Sie möchten sie spenden lassen, damit Sie tatsächlich jeden wie Anfänger Spende Professional Automation beschriften können. So etwas wie ein Unternehmen spenden und Sie können mehr verschiedene Werte hinzufügen, und sie können immer angeben, wie einen bestimmten Wert wie $26. Sie haben immer die Möglichkeit, dies zu tun, und dann, wenn sie eine Spende machen, können Sie zusätzliche Informationen sammeln, indem Sie ein Formular eingeben. Also, wenn Sie in ihren Namen nehmen wollen. Sie können sie nach ihrem Namen fragen und machen es erforderlich. Also, wie das aussehen wird, wenn sie auf eine Spende klicken, wird es sie zu dieser Seite bringen und dann werden sie tatsächlich, sobald sie getroffen, weiter. Ich sehe, ob ich hier weitermachen kann. Ja, also dauert es eigentlich. Weißt du, was das ist? wir einfach eine Zufallszahl ein, also ja, das letzte Mal für den Namen. Also das ist die geht unter die mehr Kategorie. So können Sie jede Art von Informationen sammeln, die Sie wollen, wie E-Mails. So etwas. Also, das war wieder der Spendenknopf, erinnerst du dich? Ich habe nicht gesagt, Vater, Vater, wir sind jetzt aufgetaucht. Löschen Sie das, um dies zu verlassen, denn offensichtlich möchte ich dieses Produkt auf meine Website stellen und versuchen, die Dinge hier sauber zu halten. Ich werde das vorerst dort lassen. Dann haben wir uns in den Charts bewegt. Dies sind also die verschiedenen Diagramme, die Sie zur Verfügung haben. Sie sind alle ziemlich unkompliziert. Ich meine, Balkendiagramm Liniendiagramm für Diagramm. Wenn Excel verwendet wird, bevor dies ah viel einfachere Version seines O-Balkendiagramms ist, können Sie zwischen den Diagrammen Jahr auf ändern. Welche Informationen wollen Sie dann setzen? Sie können tatsächlich Informationen des durch Komma getrennten Wertes importieren. Also, zum Beispiel, so. Da gehen wir. So zeigt es gerade jetzt die Bevölkerung von New York Las Vegas in San Francisco. Wir können tatsächlich Untertitel einfügen,die Legendenpopulationen in Städten zeigen und das dann sehen. Wir können tatsächlich Untertitel einfügen, Das ist also wie die Bildbezeichnungspopulation auf diesem Diagramm. Okay? Und wir können natürlich natürlich verschiedene Farben machen. So wählen Sie eine der verschiedenen hier verfügbaren, so dass Sie auch die Daten exportieren konnten. Okay, also kopieren Sie das einfach und fügen Sie es wie einen Text ein, ein Textdokument ein, und dann können Sie hier weitere Daten einfügen, damit wir zum Beispiel Michigan einfügen und es 200 machen und dann können Sie eine andere, eine andere Art von Wert. Also, außer der Bevölkerung, können wir, , sagen wir,Unternehmen. Also eine Zählung, wie viele Unternehmen es gibt, also wäre es wie 2345 Also nochmal,sehen Sie, sehen Sie, es wird zeigen, dass es schwieriger ist zu sehen, dass ihre kleinen machen es wie 20 20 40. Da gehen wir. Du siehst also, wie das aussieht, und dann könnten wir das zu einem Liniendiagramm machen. Das wäre also die Bevölkerung. Das wäre das Geschäft und sein Label hier drüben. Es wäre einfacher zu sehen, wenn Sie diese eine Farbe machen. Da gehen wir. Und dann haben wir auch Tortendiagramm. So würde dieser aussehen. Okay, also für ein Kreisdiagramm, verwendet es jetzt Bevölkerung und nicht Geschäft. Also, wenn Sie das Geschäft zuerst bewegen Nein, ich sehe Periode. So jetzt zeigt die Anzahl der Unternehmen. Nun, sie sind Kuchen. Also wieder, ich musste das eigentlich nie verwenden, eigentlich nie verwenden, aber es kann in einigen bestimmten Fällen praktisch sein. Als nächstes haben wir die sozialen Blöcke, also wird keiner von ihnen tatsächlich funktionieren, es sei denn, Sie haben soziale Blöcke in den Einstellungen eingerichtet. Also müssen Sie tatsächlich in Einstellungen gehen, verbundene Konten, und dann würden Sie hinzufügen, wie eine verbindliche spezifische Anzahl, und es gibt Tonnen von ihnen hier. Also bin ich sicher, dass Sie alles finden, was Sie brauchen, hier und dann, wenn Sie den Mann hinzufügen, Also, wie Sie sehen können, habe ich Facebook und Twitter verbunden, also waren die einzigen, die ich tatsächlich verwenden kann. Also, wenn wir auf Twitter gehen. Ich kann tatsächlich einfügen, wie viele Tweets ich hochziehen möchte. Also vielleicht drei ist eine gute Menge, und dann kann ich, anstatt mein Profil zu verwenden, wie in eine Suche nach einem bestimmten Hashtags einfügen. Das ist also eine Suche nach Squarespace. Okay, und dann bewerben. Wir werden sehen, wie das aussieht. So würde das aussehen. Okay, das ist also die Suche, zeigt mein Bild oder nicht, und zeigt meinen Benutzernamen an oder nicht. Natürlich möchten Sie Ihren Verwendungsnamen anzeigen. Nur weil der ganze Sinn dieses Jahres ist es, mehr Leute auf Twitter zu schicken, nicht zu suchen, aber Avatar zeigen, dass sie den Namen verwenden wird, hatte einen Folgen-Button, also folgen Sie einfach. Ziemlich unkompliziert, aber wieder extrem mächtig. Also was? Das löschen? Also haben wir auch vier Quadrate. Ich habe das nicht verbunden, aber es ist ähnlich wie Twitter. Social Links setzen tatsächlich einen Link zu all denen, die Sie verbunden haben. Also für mich ist das Facebook und Twitter. Wir können es ausrichten, die Größe ändern, die verschiedenen Arten von Stilen haben wir geändert und auch die Farbe zwei x Standard ändern. Das ist also die Farbe sollte sein, wir könnten es schwarz machen, wo wir es warten lassen. Okay, dann haben wir keine sozialen Links. Ich würde tatsächlich in die Fußzeile setzen. Das ist, wo Sie die meiste Zeit oder auf der Kontaktseite. Und wir haben auch unser SSO für Ihren Blog. Wenn du einen RSS-Feed haben willst, habe ich keinen, also verwende ich ihn nicht 500 PX. So dass einige ein Foto-Sharing-Dienst. Ähm, damit du das reinlegen kannst? Ich habe nicht wirklich eine, also meine ich, ich habe kein Konto, aber ich will es nicht damit machen, weil es nicht mit meinem Geschäft verbunden ist. Dann haben wir Instagram, so dass Sie ziehen können Ihre Bilder Flimmern genau wie 500 nimmt seine wieder Foto-Sharing auf der Soundcloud So können Sie Ihre Alben, die Sie veröffentlicht oder alle Tracks, die Sie veröffentlicht haben, teilen . Okay, das ist alles unter den Handels-Charts und sozialen Blöcken. Und noch eine Sache ist, wenn wir diesen Twitter-Feed verwenden. Also hier unten, der einzige Grund, warum es tatsächlich zieht meine Twitter-Feed ist, weil, wenn ich in meine verbundenen Konten gehen hier und dann Twitter, Ich habe Download-Daten eingeschaltet. Wenn ich das nicht eingeschaltet habe, wird es nicht in der Lage sein, etwas hochzuziehen. Also im Moment sieht es so aus, als hätte es keine Post oder du hast keine Dollardaten eingeschaltet . Also müssen wir reingehen. Aktivieren Sie diese Option jetzt, standardmäßig, die aktiviert ist. Es gibt also wirklich keinen ähnlichen Grund, warum es standardmäßig deaktiviert werden sollte, es sei denn, Sie deaktivieren es . Kurs. Also werden wir schlagen. Speichern. Wir müssen uns vielleicht erfrischen. Versuchen Sie also, ins Portfolio zu gehen und zurück nach Hause. Sieht so aus, als hätte das Speichern des verbundenen Kontos die Daten nicht zurückgesetzt. Und was sparen? Da gehen wir. Also dauerte es nur ein wenig zurückgesetzt. Okay, das ist also das Ende dieser Vorlesung. Und im nächsten Bild wird ein wenig mehr Details, Sachen über Seiten, speziell Bilder decken Sachen über Seiten, . Okay, 21. Seiten: Erstellen eines Formulars erstellen: Also lassen Sie mich auf meine Kontaktieren Sie uns Seite gehen, und ich werde hier eine in Form setzen. Also wir für das zu laden. Dann klicken wir darauf. Und ich kann diese Demo-Inhalte tatsächlich entfernen, weil natürlich es natürlichnichts mit meinem Geschäft zu tun hat. Also löschen Sie jetzt, wenn es keine Blöcke mehr auf der Seite, Squarespace wird automatisch ein Lehrbuch erstellen, weil Sie in einem zweiten Dario sehen automatisch machen das Lehrbuch. So ist es, wenn Sie in einer Form eine Minute Abbrechen setzen. Wir haben es noch nicht geändert und dann werde ich diesen Textblock vorerst löschen. Es gibt also nur eine Form, also geht es darum. Ich werde das in Kontaktformular umwandeln. Ich brauche keine Leute, die ihren Betreff ausfüllen, aber eine E-Mail-Nachricht benennen. Alles wichtig. Wenn Sie auf den Namen bearbeiten klicken, ist das gut. Wenn Sie auf den Namen bearbeiten klicken, ist E-Mail ist erforderlich. Das ist auch gut, und Nachricht ist auch erforderlich. Also ist es perfekt. Also, wenn wir zurück, um die Beschreibung zu nennen, was auch immer Sie hier eingeben, so geben Sie bitte Ihren vollständigen Namen ein. Nun, zum Beispiel, kommen Sie direkt unter hier und dann eine E-Mail. Wir können so etwas wie, ähm, dies wird die E-Mail, die Sie am häufigsten verwenden, jetzt können wir alle diese Schriftgrößen später ändern weil es sehr klein ist. Ähm, und für jeden gibt es auch Platzhalter. Das geht also direkt in das Eingabefeld, so dass wir ein Beispiel dunkles Beispiel an Beispiel dot com setzen können . Nur die Leute wissen, in welchem Format wir es erwarten, also ist das ziemlich einfach. Ich meine, es gibt nur ein Format für ihn. Auch angenommen ist, dass und dann werden wir einen Blick auf einige der verschiedenen Optionen, die wir haben. Also, wenn wir auf das Plus klicken wird eine andere haben, wie eine andere Box, die auftaucht, die zeigt, welche Art von Gefühl wir haben können. Also zuerst ist Text, also Text, wenn Sie ihn einfügen, ist es ziemlich unkompliziert. Also, zum Beispiel, um, Stadt, Also, welche Stadt von ihren aus und wir können es erforderlich machen. Wir könnten uns wie einen Platzhalter wie Toronto einfügen, also brauche ich sie nicht und nehme das raus. Dann haben wir Textbereich, das ist das gleiche war Text, außer es ist viel größer. So beispielsweise sehen Sie beispielsweiseunsere Textbereiche wie mehrere Zeilen. Wo ist Text von selbst war nur eine gerade Linie über, und dann haben wir wählen. Hier können wir also einen Drop Down haben , ,den sie auswählen können. Also, zum Beispiel, ähm, bist du männlich oder weiblich? Und dann hier. Also setzen wir eine Option pro Zeile. So männlich, weiblich. Okay, also können wir so etwas haben und dann gehen wir weiter und entfernen das Also als nächstes, dass wir das Kontrollkästchen haben. Das ist also das gleiche wie das, was wir vorher mit dem Drop-down hatten, außer dass sie nur in der Drop-down-Liste bedauern können, die einzige auswählen. Mit dem Kontrollkästchen können Sie beliebig viele auswählen. So Hobbys. Und dann brauchen wir keine Beschreibung bis zu den Optionen. Sagen wir mal, Computer, Wissenschaft, technische Spiele. So hatte er sich bewerben und sparen, damit sie abchecken können, so viele sie wollen. Ok? Und sie können es sogar leer lassen, damit nichts gebaut wird. Also lasst uns voran gehen und das löschen. Als nächstes haben wir Radio-Schaltfläche, das ist das gleiche Kontrollkästchen, außer sie müssen nur eine so Radio wählen, und wir werden in setzen, zum Beispiel wieder, wir können männlich oder weiblich wieder tun, wenn Sie so männlich wollen oder weiblich und wir werden in der Post auf einer Zeile und weiblich auf der anderen setzen. Also müssen sie sich einen von diesen beiden aussuchen. Okay, das ist also das Optionsfeld. Dann haben wir eine Umfrage, also Yeah, also Yeah, das hier ist auch ziemlich einfach. Also, zum Beispiel, sagen wir, ich mag diese Website. Okay, das ist also das. Es gibt nur fünf Möglichkeiten. Wir können diese fünf nicht wirklich ändern. Das ist also, was du denkst. Das ist also nur eine Beschreibung. Also können wir das Starke nicht ändern. Stimmen Sie zu? Nicht einverstanden mit all dem Zeug. Also mag ich diese Website. Sie können einen anderen nennen. Ähm, das ist das beste Wort. Sagen Sie es. So etwas wie das. Ok. Ziemlich grundlegende Umfrage dort. Als nächstes haben wir Namen kein Name nimmt automatisch den Vornamen und Nachnamen. Es gibt keine Möglichkeit, das auszuschalten. Ähm, ich mag es nicht, nur weil ich meine, wie ist der Name? Manche Man braucht manchmal die Nachnamen nicht wirklich. Was ich also tun würde, ist, anstelle eines Namens würde ich einfach ein Textfeld einfügen und vielleicht den Vornamen eingeben und dann das erforderlich machen. Ich würde das öfter tun, als Vor- und Nachnamen zu haben, aber wieder, es liegt an Ihnen, wie Sie, ähm, Informationen in Ihrer Datenbank oder in Ihrer Postreise speichern wollen ähm, ? Gehen wir weiter und werfen einen Blick. Also Passwort. Alles, was sie hier eingeben, wird automatisch Sterne haben. Also lassen Sie uns voran und es speichern so Passwort. So ist es. Okay, Okay, ich musste noch nie ein Passwort verwenden. Ich weiß nicht wirklich, warum du es benutzen würdest. Vielleicht, wenn Sie sammeln jemand mit ihm ein Passwort, wenn Sie wie S CEO Service verkaufen und er ging ihn, um ihre Anmeldeinformationen für ihre Website eingeben, so können Sie sich anmelden, Änderungen vornehmen. Aber ich weiß nicht wirklich, warum du das neben so etwas brauchen würdest. Also lasst uns das löschen und mal sehen, was sonst noch. So haben wir Adresse, damit Sie die Leute bitten können, die Adresse erneut einzugeben. Was ich daran nicht mag, kannst du nicht kontrollieren, was eigentlich gefragt wird. Es fragt also automatisch nach Adresse eine Adresse an den Stadtstaat, Schrägstrich, Postleitzahl und das Land, und es gibt keine Möglichkeit, tatsächlich zu ändern, was dort gezeigt wird. Und dann haben wir Twitter. Also wieder, das ist, wo ihre Twitter-Informationen das at Symbol automatisch für sie ausgefüllt werden Weiter oben, wir haben E-Mail, also fragen Sie sie nach der E-Mail-Adresse, genau wie hier. Webseite. Sie haben mich gebeten, den Link zu ihrer Website zu setzen, und dann haben wir Datum, damit sie ein bestimmtes Datum wieder eingeben können. Es gibt keine Möglichkeit, die Reihenfolge zu ändern. Okay, als Nächstes haben wir Zeit. Wenn Sie also wie ein Meeting planen, können Sie ihn fragen, welche Zeit für sie am besten ist. Und dann haben wir Telefonnummern. Ich kann einige dieser Telefonnummer und dann eine bestimmte gerade Nummer sammeln. Sie könnten also fragen, wie viele Websites Sie haben und dann Speichern anwenden. Also, ja, sie würden hier nur eine Nummer eingeben. Nein, ich habe nie versucht, es nur mit Briefen einzureichen, aber ich denke, es sollte funktionieren. Lassen Sie uns eine Chance geben. Eigentlich versuchen wir es mit nur Text. Oh, ja. Ok. Ähm ja, es müssen Zahlen sein und weder Mutter noch der Charakter, also wissen wir wenigstens, dass das so funktioniert, wie es sollte. Also lasst uns voran gehen und das löschen. Und dann haben wir Währung. Also, wie, sparen Sie also denken, hier können Sie so etwas wie wie viel wollen Sie für ihren Dienst bezahlen ? Wie was? Wie hoch ist Ihr Budget? So etwas wie das. Und dann Linie, um die verschiedenen Dinge zu trennen. Also, zum Beispiel, wenn ich es nicht tue, also wenn ich keine Zeile will und ich nur so genau sein wollte, zum Beispiel, könnte es, ähm, persönliche Informationen sein ähm, . Und ich könnte das hier oben sammeln, und dann unten könnte ich einen anderen Abschnitt nennen es Geschäftsinformationen, und dann kann ich einen Text hinzufügen. Wie lautet Ihr Firmenname? Also, wie Sie sehen können , ist es, wie Sie ein Formular aufteilen. Und du könntest natürlich diese Linienatürlich wegnehmen. Aber, ich meine, die Linie fügt ein bisschen mehr Organisation hinzu, also würde ich das in lassen. Okay, als Nächstes haben wir uns versteckt. Dies ist also ein versteckter Wert, den Sie sammeln können. Ich meine, Sie können hier mehr darüber lesen. Ich werde damit nicht zu viel ins Detail gehen, nur weil ich nicht zu viele Leute sehe, die es oft benutzen. Also, ähm, einer der Gründe, warum Sie das verwenden möchten, ist, wenn Sie jemanden auf Ihre Website schicken, können Sie das Kontaktformular verwenden, um einen bestimmten Teil von der URL zu nehmen. Also weißt du, wo sie herkamen? Nur damit du den Überblick behalten kannst, wie, welcheMetriken sind, wo Leute tatsächlich herkommen, es ist nicht allzu wichtig. Nur damit du den Überblick behalten kannst, wie, welche Metriken sind, Metriken sind, Sie können Google Analytics und solche Sachen verwenden, aber wenn Sie mehr darüber erfahren möchten, gehen Sie einfach hier rüber, Okay, Okay, so schließen Sie das und wir werden den Speicher treffen. Also hier, das ist, was E-Mail alles, was Leute hier senden, wird an diese E-Mail gehen. Es wird automatisch in die gleiche E-Mail-Adresse eingegeben, mit der Sie dieses Konto erstellt haben. Sie können es in jede andere E-Mail ändern, die Sie hier wollen, und verbinden Sie sich einfach jetzt, wenn Sie es nicht in den Wachtmodus wollen , sondern Sie möchten E-Mails mit Mail Schimpanse sammeln. Sie können hier klicken, um es zu verbinden, wie ich Ihnen vor und in einem früheren Vortrag gezeigt habe, und Sie sagten auch, es soll zu Google Drive gehen und dann, wenn wir zu fortgeschritten gehen, können wir ändern, was dieser Button sagt. Also senden Sie eine Nachricht und wir können das zentrieren und sobald sie auf „Senden“ klicken. Dies ist eine Nachricht, die für sie erscheint und Dies ist eine Post Nachricht HTML. So können Sie bestimmte Aktionen mit HTML-Code und den Lightbox-Modi jetzt lassen. Wenn sie auf das geöffnete Formular klicken, können sie das Formular ausfüllen. Und offensichtlich ist es nur noch eine schnelle. Also will ich nicht wirklich Zeh, wie der Benutzer das tun soll. Aber wenn Sie das tun wollten, würden Sie die Formularschaltfläche hier ändern, also kontaktieren Sie. Aber wieder, ich benutze das fast nie. Und ich glaube nicht wirklich, dass es eine gute Idee ist. Also werden wir schlagen. Bewerben. Okay, das ist also die Kontaktseite. Wird es retten? Okay, das ist also ein Kontaktformular. Will Will seine Seite später wieder modifiziert. 22. Seiten: Bilder bearbeiten: Okay, Also definitiv der größte Teil einer Website sind Bilder, besonders in dieser Zeit und Zeit, wo niemand die Zeit nehmen will, um alle Formulierungen auf und auf einer Seite zu lesen . Wenn jemand zum Beispiel auf diese Seite kam,würde er sich nicht wirklich die Zeit nehmen,dies zu lesen, es sei denn, sie wären wirklich an unserer Website interessiert. zum Beispiel auf diese Seite kam, Wenn jemand zum Beispiel auf diese Seite kam,würde er sich nicht wirklich die Zeit nehmen, dies zu lesen, es sei denn, sie wären wirklich an unserer Website interessiert Also schauen sie sich sofort die Bilder an, die auf das Menü schauen. Sieh mal, wie du genau hier aussiehst. Sehen Sie hier in Lincoln F-Form. Also fangen sie oben an, links, links, gehen über die Speisekarte, sie gehen runter, dann gehen sie hinüber. Dann gehen sie runter, und das ist etwa die am weitesten Kranken. Vermutlich geh. Sie werden wahrscheinlich nicht einmal bis zum Ende der Seite scrollen. Sie sind also nur irgendwie auf der Suche nach wertvollen Informationen, bevor sie zurückschlagen und zu ihrer Google-Suche zurückkehren . Das ist normalerweise, wie Menschen auf Websites navigieren. Also, was wir tun müssen, ist sofort ihre wie ihre Aufmerksamkeit mit einem Bild zu fesseln, so dass Bilder definitiv sehr wichtig sind. Also werde ich nur Bilder in dieser Vorlesung abdecken. Also geh weiter und ich setze ein Bild ein. Ok. Jetzt zeige ich nie Untertitel für meine Bilder an. Also werde ich schlagen, Nicht anzeigen, weil ich nicht wirklich mag, wie diese Beschriftung auftauchen. Sie sind klein, und ich mag es nicht wirklich, jeden von selbst zu dimensionieren. Also, zuerst werde ich in ein kleines Bild setzen. Wie Sie aus dem Pop-up sehen können, ist dieser 250 Pixel und Witz und 1 81 in der Höhe. Also gehe ich voran und setze das hinein und du wirst bemerken, obwohl der Block so groß war, er schrumpft Zeh hält das Bild in seiner vollen Größe. Im Moment ist das 250 Pixel breit, also ist es die Größe meiner Originaldatei. Nun, wenn ich möchte, dass dies größer ist, also deckt es das volle ab und dehnt die Höhe auch, nur um das Seitenverhältnis beizubehalten . Ansonsten sah es irgendwie so aus, als würde es wirklich ausstrecken, damit es so aussehen würde. So sehen Sie, wie es sich sowohl mit als auch Höhe erstreckt, Okay, aber das ist ein sehr minderwertiges Bild. Nur weil die Auflösung zu Beginn sehr niedrig war. Okay, so ist es das, was dieser Stretch-Button tut, und wenn Sie es jemals verwenden müssen, sind Sie besser dran, ein Bild mit höherer Auflösung zu finden. Wenn Sie keines haben, können Sie es benutzen. Obwohl es mir wirklich nicht gefallen würde. Hier können Sie alle Pixel an den Ecken sehen. Sie sehen aus wie kleine Quadrate. Ich hasse es, wie das aussieht, also benutze ich das nie. Lassen Sie mich also voran gehen und ein aktuelles Bild wie ein größeres einfügen. Also lassen Sie mich hineinlegen. Ja, ich glaube, das ist ein größeres. Also setzen Sie das in, so dass sollte in seiner vollen Größe geladen werden. Es hat also eine ganze Weile gedauert, um zu verarbeiten, was mir sagt, dass es wahrscheinlich ein größeres Bild ist. Da gehen wir. Das ist also so glatte Kanten, weil es ein sehr großes Bild war. Also hier, wenn wir uns dehnen, passiert nichts, weil es schon voll ist, weil es breit genug ist. Okay, also nochmal, wir müssen durchklicken. Ihr seid alle hier. Also, wenn jemand auf dieses Bild klickt, wo es hingeht, so lassen Sie uns sehen, was wir mit diesem Bild machen können. Ok? Also zuerst werden wir sehen, dass wir diesen kleinen Punkt hier haben, wenn Sie den Mauszeiger darüber bewegen. Du wirst sehen, wie es sich ändert, wie diese beiden Linien mit einer Luft nach oben und unten geht. Wenn Sie klicken und halten und nach oben und unten gehen, können Sie die Größe des Bildes ändern. Okay, also wird es irgendwie auftauchen, hier gehen wir eine Sekunde. Also, wenn du da runtergehst, gehen wir. Also richtig, wenn es anfängt, wie von vertikaler Dehnung zu horizontaler Dehnung. Dort kennen Sie Ihren Rücken, das Originalbild. Wenn du also den ganzen Weg hierher gehst und wieder zum Original zurückkehren willst, kannst du bis zum Start runterziehen horizontal dehnen. Also ein bisschen mehr. Da gehen wir. So geht es darum, wie das Originalbild gestartet wurde oder die einfachere Art und Weise, wie Sie einfach auf den Kreis doppelklicken , und dann geht es zurück zur ursprünglichen Website. Okay, sagen wir jetzt, Sie wollen dieses hochauflösende Bild verwenden, aber Sie wollen nicht, dass es so groß ist. Der einfachste Weg, um es klein zu machen, wie in Abstandshalter setzen, so dass Sie Platz benötigen, ist eine für die linke, eine für die rechte, also eine für die linke, eine für die rechte. Da gehen wir. So und dann können Sie ändern, wo es so bewegt sich mehr nach links. Bewegen Sie es noch mehr nach links. Bewegen Sie es ganz nach rechts. Also gehen wir hin. Und wenn Sie es richtig bündig mit dieser rechten Seite wollen, können Sie diesen Abstandhalter löschen. Ich liebe das mehr. Ok. Und noch eine Sache mit diesem Bild, wenn Sie tatsächlich gehen, um es zu ändern und Sie halten Shift auf Ihrer Tastatur gedrückt, so dass ist genau über Kontrolle. Wenn Sie gedrückt halten, verschieben und nach oben und unten gehen, wird die Größe automatisch im 20 Pixel-Intervall geändert. So 2020 2020 20. Während, wenn Sie leko ist es glatter und Sie können tatsächlich finden Tune es mehr. Okay, also werde ich das löschen. Ja, das werde ich löschen. Das war also wie ein schnelles, um angezeigte Bilder. Eine andere Sache, die Sie vielleicht tun möchten, ist, ein Bild an der Seite des Textes zu zeigen. Also, zum Beispiel, wenn ich tatsächlich das Bild wieder in so rechts hier oben wieder einlege, klicken Sie darauf und zeigen Sie keine Beschriftung an. Okay, also warten wir, bis das wieder geladen ist. Dies geschieht normalerweise, weil es ein größeres Bild ist. Man ist wieder Dimensionierung wie einmal hier Verarbeitung. Nicht schlagen. Bewerben Sie sich noch. Warten Sie, bis dieses Bild zuerst erscheint, weil ich eine Menge Fehler hatte, die kommen, als würde das Bild nicht richtig laden. Stellen Sie also sicher, dass es hier fertig geladen wurde und drücken Sie dann, wenden Sie und eine Menge Textblock. Und in das Lehrbuch wird nur zufällige Texte tatsächlich noch bio setzen. Also könnte ich wie ein Lasst uns so tun, als wäre dies ein Bild von einer Person und ein wenig Bio. Das bin ich. Das ist es, was ich tue. Okay, jetzt nehmen wir diesen Text und legen ihn an die Seite des Bildes, und Sie werden sehen, dass es passiert ist, mich kopieren zu lassen. Und Paste ist ein paar Mal, nur damit Sie sehen können, wie es aussieht. Okay, Sie werden also sehen, dass nicht wirklich Lake Text umgebrochen ist, also ist das Bild nicht wie der Text umgebrochen. Entschuldigung ist nicht um das Bild gewickelt. Also, zum Beispiel, wenn ich es auf dieser Seite will, wird es direkt auf diese Seite gehen. Zweitens verschiebe ich dieses Bild ganz nach links. Anstelle dieses Blocks ging ich den ganzen Weg. Also lass mich tatsächlich eine Truhe in den Block stecken. Da gehen wir, also wirst du sehen, dass es nicht wirklich mit diesem Bild eingewickelt ist. Als könnte dieser Text theoretisch hier rüber gehen, den ganzen Weg hindurchgehen, aber er ist es nicht. Also, wenn ich das kleiner mache, sollte dieser Text wirklich den ganzen Weg hierher gehen. Aber jetzt nicht. Wie beheben wir das? Lassen Sie mich es Ihnen zeigen. Also schnappen Sie sich dieses Bild und erinnern Sie sich, als Sie hierher kamen, es war, ah, um es auf die linke Seite und die rechte Seite zu bewegen. Was wir tun werden, ist, dass wir es reinbringen. Also gehen wir hin. Es sieht also so aus. Sie haben also dieses kleine Overlay aus Grau statt dieser Linie. Das hast du übermäßig. Es ist ein sehr kleiner Bereich. Wie zum Beispiel, das ist oben links, links überlagern links, links, und es wird jetzt die Linie verlassen. Sie haben also sehr kleinen Raum, also müssen Sie ein wenig mit ihnen spielen. Da gehen wir. Also, wenn ich es da reingezogen mit machen, wie es war. Also lassen Sie uns versuchen, doppelklicken. Da gehen wir. Also, jetzt haben wir es gespült. Entschuldigung. Text rap nach links, und wir können das gleiche mit der rechten tun. Okay, da gehen wir. Das ist also auf der rechten Seite. Ok. So kannst du damit herumspielen. Sie können das verwenden, wenn Sie ein Bild in den Text einfügen möchten , um es irgendwie nicht so langweilig zu halten. Aber Sie möchten auch, dass es Text umbrochen wird. Okay, so wickeln Sie Text um ein Bild. Also eine weitere Sache, die ich hinzufügen werde, ist, dass Squarespace kürzlich geändert hat, wie Bilder Luft auf der Website selbst behandelt . So können Sie jetzt tatsächlich Bilder mit einer Breite oder Höhe von bis zu 2500 Pixel haben. Das bedeutet für Sie, dass Sie wirklich hochwertige Bilder hochladen können, die Sie zum Beispiel als Hintergrund verwenden können. Nun, Nun, wie das behandelt wird, ist, dass Squarespace beim Hochladen eines Bildes automatisch etwa ein halbes Dutzend verschiedene Versionen Ihres Bildes erstellt, jede mit unterschiedlicher Breite und Höhe. Wenn also jemand Ihre Website auf einem mobilen Gerät besucht, lädt er zu einem Bild, das, wissen Sie, die perfekte Größe für dieses Gerät ist. Es könnte also 300 Pixel und Peitsche sein, während,wenn sie wie ein Desktop-Computer besuchen, es könnte tatsächlich das Vier-Größen-Bild laden oder sogar, wissen Sie, während, wenn sie wie ein Desktop-Computer besuchen, es könnte tatsächlich das Vier-Größen-Bild laden oder sogar, , wissen Sie, 1000 mit Bild Sie müssen sich also nicht zu viel um die Seitengeschwindigkeit kümmern. Wenn Sie Bilder hochladen, gehen Sie einfach vor und laden Sie die Kopie des Bildes mit höchster Auflösung hoch, das Sie jetzt haben. Das einzige Mal, dass dies nicht wirklich funktioniert, ist, wenn Sie ein Bild als Hintergrundbild festlegen , weil es dann tatsächlich die volle Größe Ihres Bildes verwendet. Jetzt zeige ich Ihnen, wo Sie Ihr Hintergrundbild einstellen können, und das können Sie nicht für jede Vorlage tun. Aber ich zeige dir, wie du diese Einstellung finden würdest. Das erste, was Sie tun würden, ist, dass Sie voran gehen und gehen Sie in Ihren Design- und dann Style-Editor, und sobald Sie da sind, würden Sie nach unten scrollen, wo es Seitenhintergrund steht. Jetzt, Moment, kann ich nur eine Farbe festlegen, und das ist nur, weil dies die Vorlage ist, die ich verwende, erlaubt nur Farbe. nun Wenn Sienuntatsächlich ein Bild festlegen können, sehen Sie hier ein Bild von einem kleinen Berg, und wenn Sie diesen Berg sehen und darauf klicken, können Sie tatsächlich ein Bild hochladen, damit Sie ein Bild für die Hintergrund hier, wo ich nur warten. So, zum Beispiel, kann ich setzen Es ist schwarz. Sie könnten das tatsächlich in ein Bild ändern, wenn Ihre Vorlage dies unterstützt. Ok. nun Wenn Sienuntatsächlich ein Bild wie dieses für den Hintergrund festlegen, wird automatisch die maximale Auflösung verwendet, die es kann. Wenn Sie also ein Bild hochladen, das 3000 Pixel weiß ist, wird es dieses Bild verwenden, ohne es neu zu dimensionieren. Stellen Sie sicher, dass Sie wissen, was Sie tun. Denn wenn das Bild wirklich weiß ist, dauert es eine Weile, bis es langsam geladen wird. Wo? Verbindung. Ok. Danke, dass ihr mich mit diesem Vortrag begleitet habt, und ich seh euch in der nächsten. 23. Seiten: Layouts mit Abstand erstellen: Okay, heute werden wir einen Blick auf die verschiedenen Arten von Abständen werfen, die wir auf Squarespace haben können , so dass alle Seiten nicht nur Text sind. So sind einige der Layouts, die Sie die wichtigsten verwenden möchten, tatsächlich für Sie vorgefertigt. Squarespace hat sich also die Freiheit genommen, sie zu erschaffen. Sie müssen also nur Inhalte ausfüllen. Also, zum Beispiel, wenn ich eine neue Seite eines nennen es eine Testseite machen würde, gibt es einige Layouts hier können Sie bereits aus Nein auswählen, gerade jetzt ist es auf alle Layouts eingestellt. Ich kann einen bestimmten auswählen. So, zum Beispiel über Seiten, Kontaktseiten, Details, Funktionen, Bilder, Team und andere. Also habe ich keine Teamseite. Ich werde keine hinzufügen, aber ich werde Ihnen zeigen, wie es aussieht. Das ist also die erste Teamseite. Also würde ich ein Bild von einem wie setzen, wer auch immer in meinem Team an der kleinen Beschreibung und dem Namen des Teamkollegen ist, und wir können es auch so haben, sind die beiden wichtigsten, also vielleicht CEO der beiden Sears oder Kohls Gründer und wir können die Mitarbeiter so dass wir einfach alle mit kleinen Bildern und noch kleineren Bildern auflisten können. Das ist also für Team. Und dann, für etwa haben wir wieder ein Layout wie dieses. Wir haben das hier. Das ist sehr, sehr klein, wie sehr schmal. Wir haben auch diese und dann Kontaktseite. Wir haben das, also ist es wie nur verschiedene Variationen. Um ehrlich zu sein, gehe ich normalerweise mit der leeren Seite und fülle einfach aus, wie ich sie will. Aber es gibt ein paar hübsche hier. So, zum Beispiel, Bilder. Dies ist also bereits vorformatiert für Sie. Trotzdem werden sie diese Größe haben, wenn Sie sie hochladen. Wenn Sie also, wie eine Fotografie-Website, jeder ein bestimmtes Album hochladen und diese könnten wie die vorgestellten Bilder sein. Also sagen wir, ich ging ins Team eigentlich wissen, was ich tun werde, um Paige und über Peach. Da gehen wir umher. So würde es also aussehen. Und ich fange an zu bearbeiten. So werden Sie sofort in den Editor aufgenommen, den visuellen Editor, damit wir hier klicken können, um ein Bild hinzuzufügen. Lassen Sie uns das mehrere versuchen. Ich werde einfach reinlegen. Mal sehen, was ich reinlegen kann. Ich habe das hier reingesteckt. Ich glaube, das ist ein komprimiertes Bild da draußen, das wir gehen und keine Beschriftung. Der Fokus kann hier nur auf der linken Seite liegen, weil ich denke, das sieht am besten aus. Und dann treffen wir, bewerben wir uns. Und dann ist das das Bild dort. Und dann könnten wir, wie über uns Seite hier setzen , also werde ich das einfach kopieren. Dies ist von meiner bestehenden Website, und ich werde es als Nur-Text einfügen, weil ich natürlich nicht möchte, dass es damit gefickt wird. Da gehen wir. Jetzt sieht das in Ordnung aus. Ich werde „Speichern“ treffen. Ich werfe einen kurzen Blick darauf, wie das aussieht. So sieht das also aus. Und, ähm, lassen Sie uns einen kurzen Blick werfen. Also was? Was ich will, erklärt euch, ist, wenn ihr wie eine über Seite macht, die wahrscheinlich den meisten Text auf eurer Website haben wird . Was Sie nicht tun wollen, ist, dass der ganze Text ein Absatz ist, der gerade herunterkommt, weil Leute sich langweilen werden, ihn zu lesen und sie werden nach dem ersten Satz aufhören die Leute sich langweilen werden, ihn zu lesen und sie werden nach dem ersten Satz aufhören. Also, zum Beispiel, wenn du so etwas hättest, lass mich dir einfach sehr schnell zeigen. Also, wenn ihr so etwas auf eurer Website hättet. Ich garantiere Ihnen, niemand wird das alles lesen. Das ist ein Versprechen, das ich dir gebe. Sie werden wahrscheinlich wie,wissen Sie, ersten Satz 1. 2 Sätze bekommen wissen Sie, . Vielleicht, wenn du Glück hast, sogar drei. Aber niemand wird so viel Zeit damit verschwenden, es zu lesen. Und ich meine, es könnte die interessantesten Inhalte der Welt haben, aber wenn du es nicht weißt, ist es tatsächlich wie etwas, das ihnen Wert geben wird, werden sie sich das nicht ansehen. Also halten Sie das kurz und prägnant und stellen Sie sicher, dass Sie es aufbrechen. Wenn Sie haben, wie, einen langen Absatz für, wie , Sie kennen einen Aufsatz, stellen Sie sicher, dass Sie es in Abschnitte aufteilen. Das macht Sinn. So, zum Beispiel, auf meiner aktuellen Website, werden Sie sehen, dass ich ein wenig über mich Blurb dort und dann mehr über, aber es aufgeteilt in, wie, wie, mobil freundlich. Also, wenn sie mehr erfahren wollen, können sie hier lesen, die Ihr Geschäft erweitern und sich dann weiter hier aufteilen und sich dann in Kundendienst hier und schließlich über das Hosting selbst hier drüben aufteilen . Also, wenn ich das alles in genau wie ein Absatz gesetzt hätte, wäre es gekommen, zu machen. Wahrscheinlich wie eine halbe Seite hier nur mit Text. Es wäre voller Text gewesen. Und das hätte niemand gelesen. Außer jetzt meinen die Leute vielleicht sogar nur die Kopfzeilen selbst lesen. So mobil freundlich, erweitern Sie Ihr Geschäft anstelle des Textes. Das ist definitiv etwas, an dem Sie arbeiten möchten, wenn Sie Abstände machen. Und auf jeden Fall nutzen Sie diese Entlassungen, die ein Pre für Sie gemacht. Weil sie diejenigen sind, die squarespace getestet haben und sie wissen, dass sie gut funktionieren. Also, ja, nutze das aus. Ok? So wird endlich in Fußzeilen gehen. So Fußzeilen in der nächsten Vorlesung, und dann werden wir tatsächlich anfangen, diese Website zu erstellen. 24. Seiten: Prefooter und Footer der Seite: Okay, in dieser Vorlesung werden wir einen Blick darauf werfen, wie wir die Vorfußzeile und die Fußzeile ändern werden. Wenn Sie also zum Ende der Website scrollen, ist dies die Vorfußzeile wie hier zeigt, und dies ist jetzt eine Fußzeile. Nicht alle Vorlagen haben eine Vorfußzeile, aber jede einzelne hat eine Fußzeile. Also in meiner Vorlage, der Bedford-Vorlage, habe ich einen Vorfilter, also lasst uns voran gehen und das ändern. Also jetzt habe ich hier eine Abo-Box, und das ist eigentlich, was ich behalten möchte. Außer, dass ich es jetzt verbinden werde, damit diese rote Box nicht um sie herum erscheint. Also lasst uns den männlichen Schimpanse aufbewahren. Und ich werde mich eigentlich nur anmelden und meine E-Mail-Liste auswählen, damit die Leute tatsächlich beginnen können , sich für Newsletter anzumelden. Also lassen Sie mich voran und wählen Sie eine B G Tec, und dann werde ich kostenlos Hosting Upton wählen. Und werden sie spielen? Da gehen wir. Und wenn ich die äußere Box gespeichert hatte, die gelesen wurde, ist jetzt weg, also gehen wir zurück in, also werde ich dies ändern, um für einen zu abonnieren. Also in der Regel, wenn Leute abonnieren. Sie möchten ihnen eine Art von Angebot geben, wie etwas kostenlos oder wie ein e-Buch herunterladen, nur um sie zu locken, um sie zu abonnieren. Und dann könnten Sie ihnen, wissen Sie, Werbeaktionen und alle Verkäufe,die Sie haben könnten, schicken wissen Sie, Werbeaktionen und alle Verkäufe, . Also, das ist eigentlich irgendwie klein. Eigentlich mag ich es gut, wir können es ändern. Ich werde Ihnen zeigen, wie es wäre durch den Stil-Editor, Um, oder benutzerdefinierte. CSS. Wenn sie die Option dafür sind, nicht wahr? Ich werfe in nur einer Sekunde einen Blick, also behalten wir es. Senator, schweben Sie die Felder, oder wir können das Feld stapeln. Das ist also Stack. Du wirst mehr sehen, wenn ich sage, dass Name erforderlich ist. So sieht es aus, wenn es so ist und wenn es schwebt. Okay, also sammle ich keine Namen. Lassen Sie uns das entfernen, denn das ist einfach genug, um, wissen Sie, nur geben Sie eine E-Mail-Adresse ein und dann können sie sich abonnieren. Es ist einfach genug, dass sie nicht so fortgeschritten abgeschoben werden. So einreichen, abonnieren oder Änderungen abonnieren. Okay, also sollte das gut sein. Ja, das ist also gut. Also werden wir treffen, anwenden und Band, so dass diese Maus abonnieren. Lassen Sie mich über diesen Spaß sehen, weil es irgendwie klein ist. Gehen wir zum Stil-Editor. Klicken Sie hier und es gibt nur Stil Licht Polsterung, Taste Farbe. Es gibt wirklich nichts für Text hier, nur Textfarbe. Es sieht so aus, als müsste ich euch vielleicht zeigen, wie man diese Schriftart wie die Größe ändert, die sie mit benutzerdefiniertem CSS verwenden. Also werde ich das später abdecken, nur weil ich nicht möchte, dass du zu sehr mit der Semantik und wie wenig die Syntax verstrickt wirst, meine ich für die Codierung. Also machen wir uns Sorgen um den Anführer. Also ohne führte die benutzerdefinierte CSS in hier Führer. Für den Moment werden wir es einfach so lassen, wie es ist. Es ist nicht zu schlimm. Wir werden also verlassen, dass ich auch meine Social Media Länge hier habe und dass ich früher in einem der Vorlesungen und tatsächlich so. So Blatt da draußen und dann wird schließlich auf die Fußzeile gehen. Bevor Sie also in der Pre-Fußzeile und der Fußzeile fortfahren, können Sie, wie bei normalen Seiten und Blöcken, einen beliebigen Block hinzufügen, damit Sie wissen, eine Karte, ein Diagramm, Handel, irgendetwas. Du könntest ein Produkt haben. Wenn Sie in der Zelle sind, können Sie. Es ist wie ein normaler Block. Außer jetzt, in der Fußzeile. Jetzt werden die Fußzeile und die Vorfigur auf jeder einzelnen Seite genau gleich erscheinen . Dies ist also die gleiche Fußzeile, die wir sehen werden. Zum Beispiel bin ich zu Hause. Wenn ich zum Portfolio gehe und dann scrolle ich nach unten nach unten. Es ist genau das Gleiche. Wenn ich also eine Änderung auf einer Seite vornehme, wird sie automatisch auf alle Seiten angewendet, so dass Sie sie nicht weiter ändern müssen. In der Fußzeile ist es momentan von Squarespace angetrieben, und das ist alles, was ich bearbeiten kann. Ich kann diesen Teil nicht wirklich hinzufügen, wo mein Name gestartet wird. Die A B G Tec, Toronto, Ontario. Ich kann das tatsächlich ändern, weil das meine Geschäftsinformationen sind, die ich eingegeben habe. Ich meine, ich könnte meine Geschäftsinformationen ändern, aber das ist es, was es ist, und ich möchte nicht, dass sie angezeigt werden. Ich kann einfach zum Style-Editor gehen, einfach darauf klicken und Website-Informationen ausblenden, so dass es einfach so verschwindet. Okay, und Sie können auch die Schriftart ändern. Also dieser Teil können Sie tatsächlich die Schriftart von ändern, aber nicht die tiefgestellte Abonnementbox. Also sind es alle Kappen, Schlösser würden es, wissen Sie, kapitalisieren. Also weißt du was? Großbuchstaben sah wirklich gut aus, also lassen Sie es ein Zit ist, und wir gehen zurück. Also, was ich jetzt tun werde, ist, das zu entfernen. Ok? Also entfernen Sie den ganzen Teil hier. Ich will nicht von Squarespace versorgt bleiben. Was ich lieber hätte, ist ein sekundäres Menü. Denn wenn Nutzer nach unten scrollen, ist dieses Menü verschwunden, so dass Sie möchten, dass sie schnell zu den verschiedenen Seiten navigieren können. Also hatten wir Home-Portfolio-Hosting, also Home Portfolio Hosting. Und dann hatten wir über uns Bloggen. Kontaktieren Sie uns über uns Blut und kontaktieren Sie uns. Damit können wir tatsächlich voran gehen und zentrieren, oder wir können eine Zeile schreiben. Okay, jetzt, eine andere Sache, die wir tun können, ist, wenn es eingegeben können wir wie eine Trennwand setzen, damit wir wie die kleine Linie dort setzen können. Also, das ist knapp über der Eingabetaste auf Ihrer Tastatur, während Shift gedrückt wird und das wird so wäre es dies mit Shift sein. Wie das Ihnen das geben würde, nur um sich zu trennen. Oder eine andere Sache, die wir tun können, ist, dass ich es manchmal mag. So gibt es wie zu Hause Portfolio Hosting über uns Block Kontakt Art gleichmäßig verteilt. Also, um das zu tun, was wir tun müssen, ist, lassen Sie mich zeigen, dass Sie einen Text einfügen, ich mache es nach Hause, und dann fügen Sie einen anderen Text ein, machen es Portfolio und wir nehmen Portfolio. Legen Sie es auf die rechte Seite nach Hause und es wird in der Mitte. Dies schickte durch diese und ich werde in Hosting setzen. Also im Grunde fügen wir einen Block für jeden von ihnen hinzu, dass wir ihn gleichmäßig entlang der Unterseite verteilen können . Es ist ein bisschen mehr Arbeit, aber ich denke, es sieht besser aus. Da gehen wir. Ich denke, es sieht viel besser aus, aber zu hoch oben. Da gehen wir. Und wieder funktioniert es nicht für alle Fälle, wenn Sie also viel haben, wird es nicht wirklich gut funktionieren. Also Home-Hosting pro für Sie hatte ich das durcheinander. Als nächstes geht es um uns. Ich habe versucht, in die gleiche Reihenfolge zu setzen. Es erscheint in der im Menü oben. Also nimm das und lege auf diese Seite in die Mitte davon. Und dann haben wir gebloggt. Ich will nur, dass ihr seht, wie das aussehen würde, wenn es endlich fertig ist. Das gefällt mir am besten. Deshalb nehme ich mir Zeit, das zu tun. Und dann haben wir Kontakt mit uns, Sie dorthin geschickt. Es wird dies ein wenig knifflig ziehen, weil es nur eine Textzeile ist und dies auch zentriert . Okay, jetzt wirst du bemerken, dass sie alle seltsam groß sind, seit ich sechs habe. Diese beiden sind also sehr klein. Dann gibt es das, was wie normale Größe ist, und der Rest scheint ziemlich OK, also können wir Mattingly voran gehen und das so beheben, oder wir können es bei fünf nach fünf belassen. Das mit beginnt irgendwie ruiniert zu werden. Ähm, und es gibt wirklich keine Möglichkeit, es zu beheben, selbst wenn Sie es tatsächlich ziehen. Wie wenn du es ziehst und es anders verstand macht. Es sieht seltsam auf verschiedenen Geräten für fünf ist die meisten, die ich wirklich mit gehen würde. In diesem Fall, da ich sechs bei Sure habe, habe ich noch sechs, also wird es so nicht wirklich gut aussehen . Ich könnte eine auslassen, wie die Kontaktseite, die wahrscheinlich das ist, was ich am Ende tun werde. Oder ich kann es einfach so machen. Also lösche ich diese, weil ich eigentlich alle meine Links dort einfügen möchte, weil die Kontaktseite ziemlich groß ist und auch alle meine anderen Seiten sind. Es gibt nichts, was ich wirklich auslassen möchte. Also lasst mich weitermachen und diese löschen, keine völlige Zeitverschwendung, denn ich wollte wirklich, dass ihr seht, wie das aussehen würde. Da gehen wir. Also, was Sie jetzt tun können, ist, dass Sie jedes markieren können, so dass Sie doppelklicken oder einfach nur verletzen können. Und Sie können auf Bearbeiten Link klicken und Sie können den Link zur Homepage für dieses Portfolio Hosting über uns blockieren und kontaktieren Sie uns ändern . So führen sie auf die Seite. Das sollen sie. Okay, so hättest du Links zur Fußzeile. Und es gibt eine andere Sache, die ich normalerweise gerne zwei Fußzeilen hinzufügen möchte und das ist ein Copyright. Also würde ich wie Copyright schreiben 2016 a B G tec. Das ist also wie der Standard, dem ich normalerweise folge. Und ich möchte auch ein Copyright-Symbol hier setzen, um dieses Symbol tatsächlich zu erhalten. Was ich mache, ist, dass ich zu Google gehe, indem ich das Copyright-Symbol eingebe Schnappen Sie sich einfach das hervorgehoben. Kopiere es und komm genau da in der Mitte. Äh, so genau da. Also zwischen diesen günstigen Räumen, geh zurück eins. Also bin ich mitten in der Mitte. Einfügen ist Nur-Text. Da gehen wir. Es ist also ein Leerzeichen zwischen einer anderen Sache, die Sie auf Ihrer Tastatur tun können. Du kannst es durchhalten, Ault. Und wenn Azzam kein Block eingeschaltet ist, wird das funktionieren. Also halten Sie sich ab und setzen Sie 0169 ein und das wird auch ein Copyright-Symbol direkt dort einfügen . Okay, das ist normalerweise das, was ich gerne in meine Fußzeile setze. Okay, das ist also alles für einen Fuß. Und ich sehe euch in der nächsten Vorlesung. 25. Blogs: Lerne, bloggen zu lernen: Okay, in der letzten Vorlesung haben wir die Fußzeile im Pre-Footer-Inhalt gemacht. Jetzt werde ich euch zeigen, wie ihr Blawg diese Website benutzen werdet. Nun, Bloggen ist extrem wichtig. Es hält Ihre Website frisch, so dass Sie weiterhin erscheinen. Wissen Sie, zuerst bei Google-Sucher so etwas, wenn Sie tatsächlich wertvolle Informationen für Ihre Kunden bereitstellen und wie Leute Ihre Website besuchen, offensichtlich. Also, sobald Sie auf der ersten Seite von Google, es ist einfacher, auf der ersten Seite zu bleiben, wenn Sie tatsächlich blockieren und Sie werden mehr darüber erfahren , wenn Sie tatsächlich nehmen, wie, ein Marketing-Kurs, wenn Sie nicht bereits. Das erste, was wir tun werden, ist, einen Block Post auf der tatsächlichen Seite zu erstellen. Also habe ich euch vorhin gezeigt, wie man eine Seite macht. Also klickst du einfach auf Plus und dann gebloggt, und so machst du die eigentliche Blockseite. Also sieht meine Blockseite jetzt so aus. Also habe ich einen Beitrag hier, um drei Posten zu posieren. Also habe ich drei ganz, wenn ich auf die tatsächliche gebloggte Seite auf der linken Seite klicke. Also, wenn ich hier klicke, kommt mein Beitrag. Okay, wenn du also auf das Plus klickst, lass mich dir zeigen, was hier drin ist. Erste Blockeinstellungen. Das ist also nur ein Name des gebloggten, des Earl of the Block und ein Passwort. Wenn Sie ein Passwort wünschen, schützen Sie es. Also lasst uns auf Adblock Post klicken. Dies ist also der Name des Blocks, also der Blockposts. Also lassen Sie uns sagen, es wird erste Blogge-Beitrag geben oder es wirklich willkommen in meinem Block machen . Okay, also hier ist, wo Sie tatsächlich Ihren Block Post eingeben würden. Das ist also eine neue gebloggte Begrüßung. Wir sehen uns bald. Also, weil du nur noch viel länger sein wirst. Ich stelle das nur vor, weil ich nicht wirklich weiß, was ich da reinbringen soll. Das ist also dein tatsächlicher Blockpost. Jetzt können Sie Tags zu Ihrem Rindenpost hinzufügen oder so etwas wie es ist eine willkommene und vielleicht Squarespace und Kurse. Also diese Luftschilder. So werden die Leute in der Lage sein, auf ein bestimmtes Tag zu klicken, um alle Ihre Blockbeiträge anzuzeigen, die ein Willkommens-Tag darin haben . Und Sie haben auch Kategorien, so drücken Sie plus erstellte Kategorie, so dass wir diese zufälligen Fakten machen können und drücken Sie dann die Eingabetaste und das wird die Kategorie zu erstellen. Und wir können einen anderen nennen, zum Beispiel Tipps und Tricks. Okay, also werden diese sich von Tags unterscheiden. Also jetzt, wenn Sie eine Kategorie ausgewählt haben, wird es ein dunklerer Farbton sein. Also im Moment habe ich Null Kategorien ausgewählt wird diese Runde machen, in der Tat, und dann klicke ich draußen. Nein, es ist in der Kategorie. Zufällige Fakten. Jetzt sind Kommentare aktiviert. Ich kann es hier ausschalten, indem ich darauf klicke, und jetzt ist es ein Entwurf. Ich kann es veröffentlichen, planen Sie es in die Zukunft, also geht es morgen um Mittag. Ich kann Markt ist Bewertung, so dass meine tatsächliche wie lassen Sie uns sagen, ich bin nur ein Redakteur, wenn ich es sage, ist Bewertung. Der Administrator auf der Website muss auf den Markt kommen, wie er es überprüft und dann veröffentlichen, damit wir es auch veröffentlichen können. Uns selbst hier, speichern, veröffentlicht. Da wir die Möglichkeit haben, ähm, und dann noch etwas, das wir tun können, können wir gerne Seiten bearbeiten. Sie haben dieses kleine Symbol hier, mit dem Sie Blöcke hinzufügen können, so dass Sie Ihre sozialen Links hinzufügen können , zum Beispiel, Genau wie bevor wir in Audio-Text-Diashows setzen können, Newsletter Newsletter anmelden. Es ist also genau wie eine Seite, außer Post nicht zu blockieren. Es gibt also eine Menge Anpassungen ist, dass Sie den tatsächlichen Beitrag tun können. Also hier ist wieder das Hinzufügen von Blöcken. Und wenn Sie auf Optionen auf eine andere coole Sache gehen, könnten Sie tatsächlich Vollbild mit diesem gehen, so dass Sie den gesamten Block Post sehen können und es war gute Optionen. Und dann können wir ein Miniaturbild hinzufügen. Ich empfehle Ihnen definitiv, es hinzuzufügen. Ich bin kein Bild. Also, zum Beispiel, wenn ich zu gehe, lassen Sie uns hinzufügen, jetzt keine ist, Yeah, wir benutzen dieses, weil es ein kleineres Bild ist. Also wird es hier wahrscheinlich schneller geladen. Wie wir tatsächlich den Earl of the Post hier ändern können, damit wir diesen Willkommens-Beitrag machen können. Okay, ich mag die generierte nicht wirklich Squarespace-Versorgung. Also benutze ich das. Das können wir in Ruhe lassen. brauchst du fast nie. Das ist also wie Ihre Quellen wie Referenzliste. Und der Auszug ist eigentlich das, was auf dieser Blockseite erscheint. Also im Hintergrund, ich zeige Ihnen so dies, bevor es sagt Lesen Sie mehr so, wenn ich zu meiner blockierten Seite dort gehe, wir haben so da wir gehen. So jetzt sagt, lesen Sie mehr. Dies ist der eigentliche Auszug. Während hier, es nicht speichert Lesen Sie mehr, weil dies der gesamte Blockpost ist, weil es ein sehr kurzer Beitrag war, also kann ich jetzt einen Auszug einfügen. Ich werde es tun. Also kopieren Sie das. Gute Option. Legen Sie das als Auszug ein. Es hat gerettet. Also jetzt zeigt es sich tatsächlich. Lesen Sie mehr. Okay, wenn Sie keine zusätzliche Pille einlegen, legen Sie Ihren gesamten Blockposten , der, wenn er wirklich lang ist, hier nicht wirklich ordentlich aussehen wird. Und Sie brauchen auch eine zusätzliche Bezahlung, wenn Sie gehen, um Ihre Blockpost als Galerie oder als Halbblock zu verwenden , was ich Ihnen nur eine Sekunde danach zeigen werde. Okay, hier können Sie den Autor auswählen. Ich bin der einzige Autor auf meiner Website, und ich kann tatsächlich auch markieren, dies ist ein vorgestellter Beitrag , den ich nur, weil es mein tatsächlicher Block Post ist. Moment können Sie Orte hinzufügen, die Sie nicht müssen, und ich werde nicht zu und Sie können in soziale setzen. Also, wenn ich das abschaue, wenn es trifft. Ah, veröffentlichen. Es wird automatisch diesen Beitrag und schieben Sie ihn auf meine Facebook-Seite, so dass die Leute wissen, dass ich es geschrieben. Also lassen Sie uns sparen. Okay, so sieht das aus. Nein, ich mag nicht wirklich, wie das ehrlich aussieht, denn ich meine, du hast den Header hier, und dann nur all diese Beiträge hier aufgelistet, ich würde es lieber so haben, nur wie eine Seite, auf der es ein bisschen sauberer ist, also zeige ich Ihnen, wie das geht. Zuerst werde ich das aus meiner Speisekarte entfernen, also lege ich es hier hin. Okay, wenn ich jetzt nach Hause gehe, wirst du sehen, dass der Block nicht mehr hier oben ist. Gehen wir weiter und fügen Sie eine Seite namens Blawg hinzu. Nicht ein gebloggt, aber eine Seite Tier Namen es blockieren. Und dann fängt alles an zu bearbeiten und was ich tun werde, ist hier. Vielleicht werde ich in Block setzen und das ganze Jahrhundert, machen es zu einem Header. Und dann hier unten, werde ich eine Zusammenfassung zusammenfassen. Vielleicht werden wir sehen, wie das aussehen wird. Lasst uns zuerst die Wand versuchen. Wir holen Logbuch aus. Also Leo tatsächlich zuerst anzeigen, also wird es 30 anzeigen, was ein Maximum ist. Lasst uns zum Inhalt gehen. Lass es uns so sorgsam machen. Also das wird das kleine Tag dort oben zeigen. Dies ist gekennzeichnet. Lassen Sie mich wirklich speichern, weil die Bilder hier nicht auftauchen. Da gehen wir. Es gab einfach zu groß, so kann ich das Wort ändern Es zeigte zwei vorgestellten Pose neuesten Block Pose und dann können wir mehr als drei pro Zeile von vier oder fünf zeigen. Also vier würden so aussehen. Und dann ist natürlich genau wie die Zusammenfassung, die ich euch gezeigt habe. Mal sehen, was am besten aussieht. Also gehen wir zu legen, Paul würde wie diese Liste aussehen. Ich mag das Aussehen der Liste und großartig. Ja, lassen Sie uns die Liste behalten, weil ich mag, wie das Bild zeigt, perfektioniert die Bilder auf der linken Seite und zeigt 10. Sie wird mehr lesen. Also nochmal, wenn Sie Markoff Auszug zeigen, wird es nichts zeigen. Es wird Ihren Blockpost nicht angezeigt Wenn Sie also keinen Auszug haben, wird nichts angezeigt. Deshalb sind Auszüge wirklich wichtig, um sicherzustellen, dass Sie das in fühlen, und das sieht gut aus. Ich mag das Aussehen viel besser. Ja, das ist viel besser als eigentlich, wie das aussieht, zumindest meiner Meinung nach. Es liegt also an euch, aber denkt daran, ähm, wir bewegen das einfach dahin , wo es hingehört. Also sollte es dann um uns gehen. Blawg. Also über uns, dann blockieren. Also denken Sie daran, dass es im Moment ein Limit von 30 gibt. Nach 30 Block-Post werden sie keinen anderen Block-Post sehen können. Also, was Sie tun können, ist tatsächlich gehen Sie direkt hier, setzen Sie eine Taste Suchtaste und lesen Sie mehr Block Post. Und dann kann ich das mit meinem eigentlichen gebloggten verknüpfen. So blockieren und Sie können auch auf eine bestimmte Kategorie verlinken. Aber ich möchte, dass sie wirklich das gesamte Blogging lesen, und wir machen es zu einem mittelgroßen Knopf. Und jetzt ändere ich das in drei. Denn wenn du willst, wenn du 30 anlegst, geht es bis zum Ende der Seite. Das wird es zu einer wirklich langen Seite machen. Also machen wir es drei. Also habe ich vier Block-Post, aber ich zeige nur drei. Also, wenn sie mehr sehen wollen, müssen sie auf klicken, lesen Sie mehr, und dann werden sie hier gebracht werden, wo sie für den Block Post sehen können. Okay, das sind die zwei verschiedenen Möglichkeiten, wie Sie eine blockierte Seite haben können. Man wäre eine blockierte Seite und man wäre ein tatsächlicher Block, und ihr könnt voran gehen und auswählen, welche jeder, der ihr denkt, am besten aussieht. 26. E-Commerce: Hinzufügen von Produkten: Okay, Also, wenn Sie gehen, etwas auf Ihrer Website zu verkaufen überhaupt, oder wenn Sie gehen, um eine E-Commerce-Art von Website haben, dann ist dieser Vortrag sehr wichtig. Was wir tun werden, ist das Hinzufügen von Produkten, die Menschen tatsächlich kaufen können, so dass Sie beginnen, einige Einnahmen auf Ihrer Website zu machen. Okay, das erste, was Sie tun müssen, bevor Sie überhaupt Produkte hinzufügen, ist eine Shop-Seite zu erstellen. Also will ich nicht, dass der Geist hier oben verbunden ist, also werde ich es unterlegen, nicht verbunden. Also werde ich das Plus drücken und wir machen eine Seite für Produkte und ich werde es nennen. Wir gehen einfach. Es sind Produkte. Eigentlich ist das ein ziemlich anständiger Titel, okay? Und Sie werden auf diese Seite weitergeleitet. Nun, wenn Sie jemals auf diese Seite zurückkommen müssen, müssen Sie nur auf die Produkte klicken und wir werden Sie hierher bringen. Ok? Nun, von dieser Seite, werden wir weiter gehen und ein Produkt hinzufügen, indem Sie auf das Pluszeichen klicken hier. Und dann werden wir sehen, dass es drei Arten von Produkten physisch, digital und Service. Physisch ist etwas, für das die Leute bezahlen würden und es würde zu ihrem Haus verschifft werden. Also, wenn sie wie ein elektronisches Gerät kaufen, oder wenn sie wie eine tatsächliche physische Kopie eines Buches kaufen, ist Digital wie eine Datei, für die sie bezahlen würden, und sie können es für eine bestimmte Zeit herunterladen. Also, das ist so etwas wie ein e-Buch, das Speck kaufen und Dienstleistungen etwas, das Sie für sie tun werden . Und es gibt keine Versandkosten Associate ID. Also, wenn sie wie S CEO Service kaufen würden oder wenn sie Hosting kaufen oder Sie werden eine Website für sie im Austausch für Geld machen, würden Sie es unter Dienst stellen. Also, was ich hinzufügen werde, ist mein Hosting-Paket, 10 Schritte des Produkts, das ich tatsächlich verkaufen werde. Also lassen Sie uns voran und klicken Sie auf Service. Das erste, was ich gerne mache, ist aus dem Produktbild. Also lassen Sie uns zu meinem Ordner gehen, wo haben alle meine Bilder und wird ein Bild von einem Server setzen, okay, und ich habe in den Preisen Nun, in nur einer Sekunde, Ich würde warten, bis dieses Bild gemacht wird. Ich werde die Informationen für diese Seite von meiner tatsächlichen Website nehmen. Es wird also 45 auf 20 vergünstigt sein. Also lassen Sie mich tatsächlich in Hosting für ein Jahr zuerst setzen. Okay, also ein Jahr eine Kopie der Beschreibung hier auch zu veranstalten, ich füge sie hier nicht ein. Also nochmal, im Klartext, okay. Und dann werde ich jeden von diesen zu einer Liste so unten machen, oder der Cursor muss nicht ganz vorne sein. Es könnte überall hier sein. Wenn Sie auf das Listensymbol klicken, so machen Sie jede eine Liste, die sie betreffen. Das ist der letzte. Perfekt. Und dann als nächstes, wenn Sie auf die Preisgestaltung hier klicken, werden Sie zu den Preisen an der Spitze bringen. Wenn ich also klicke, wird mich die Preisgestaltung hierher bringen. Also, auf Lager, Ich habe begrenzt und Preise reguläre Preise. 45. Ich selbst. Preise 20. Im Moment wird es als 45 aufgeführt, wenn ich es aufsetze, bis es den Verkaufspreis kostet. Irgendwelche zusätzlichen Informationen? Ich habe nicht wirklich eine für dieses Produkt in einem Formular, wenn am Ende, müssen sie ein Formular ausfüllen, um es zu kaufen, Also werde ich ein neues Formular erstellen, so dass Produkt und tatsächlich Geschäftsinformationen, nur so dass ich einige Informationen über sie, um das Hosting einzurichten. Also werde ich nach ihrem Namen fragen, die eine letzte für ihre E-Mail-Adresse erforderlich ist. Siehe auch E-Mail, die ebenfalls erforderlich ist. Und ich habe sie auch nach ihrem Domain-Namen gefragt. Da gehen wir. Das ist also auch erforderlich. Und ich werde auch nur ein Texturjahr hatten, wo, wenn sie irgendwelche Fragen haben, können Sie Fragen über Kommentare stellen. Und das ist nicht erforderlich, denn wenn sie keine Fragen haben, müssen sie sie nicht ausfüllen. Okay, und dann werde ich retten. Dann gehen wir. Optionen machen dieses Produkt Sie l in Hosting, weil wieder, die eine, die Squarespace erzeugt, ist nicht immer das beste. Und ich denke, das ist, dass es so gut tun sollte, tatsächlich in Kategorias gut Kategorie Ich werde Hosting nennen und dann geben es zu nehmen. Ich bin nicht betreten. Also, wer bleibt? Geben Sie auf Ihrer Tastatur ein. Da gehen wir. Und dann für Tags, Ausgabe Hosting. Ich denke, das sollte der Einzige sein. Und dann gehe ich fort und speichere und veröffentliche. Nein, ich habe mein Produkt hier. So fügen Sie ein Produkt hinzu, lassen Sie mich tatsächlich ändern, wie das Bild erscheint. Also verdopple ich mich schnell und ich wollte mich mehr darauf konzentrieren, und ich werde sicher treffen. Eine weitere Sache, die Sie vielleicht mit dem Produkt tun möchten, ist in verschiedenen Variationen davon . Also werde ich Ihnen nur zeigen, wie das auf diesem Produkt zu tun, so dass Sie so für Variation wissen. Also würde ich sagen, ich möchte eine Variation namens Dauer haben. Und jetzt können Sie eine Farbgröße genannt haben, wenn Sie T-Shirts oder Kleidung verkaufen. Also mache ich die 1. 1 eine einjährige Dauer und sie werden ein zweites Produkt mit einer Laufzeit von drei Jahren hinzufügen . Und ich werde den Preis dafür ändern. Denn natürlich natürlich wird es für unterschiedliche Zeitdauer nicht dasselbe sein. So ist dies 1 35 rabattiert 50 so 1 35 auf 50. Geh weiter und ich werde Speichern drücken, und ich zeige dir, wie das aussieht. Also, wenn ich jetzt zu Produkten gehe und ich auf dieses Produkt klicke, werden Sie sehen, dass, wenn jemand es kaufen wird, sie sehen Dauer und Menge, so dass sie ein Jahr auswählen können, und ich werde ihnen zeigen $20 oder drei Jahre und zeigen, dass $50 , damit Sie verschiedene Produkte haben können. Sie können für jedes Produkt unterschiedliche Lagerbestände haben. Also, zum Beispiel, sagen wir, Sie wollen nur verkaufen 10 Produkte bei dieser Variante, können Sie begrenzen, dass Sie gehen können Lager und ändern, dass zu begrenzt und immer noch die andere ist unbegrenzt, so das ist auch eine Option. Okay, jetzt, wenn wir zurückgehen, wird das Produkt so aussehen. Also ist es perfekt. Also auf der linken Seite, Sie sehen Kategorien, die Sie filtern können, indem Sie so Hosting das einzige Produkt, das ich habe. Das ist alles, was Sie jetzt sehen werden, also würden Sie ein Produkt hinzufügen. 27. E-Commerce: Zahlungen übernehmen: jetzt, da wir unser Produkt tatsächlich auf der Website hinzugefügt haben, Gehen wir weiter und gehen Sie in unsere Stripe-Einstellungen, damit wir unser Stripe-Konto verbinden und beginnen können Zahlungen zu nehmen. Eine Sache, die ich erwähnen möchte, ist, dass als 1. Dezember 2016 Partituren, bitte Unterstützung für PayPal haben. Also im nächsten Grün, wenn Sie einen Blick in meine Einstellungen werfen, wird es nur reif, ähm, ähm, auf Ihrem Bildschirm angezeigt. Wenn Sie eine Website erstellen, werden Sie tatsächlich PayPal als Option als auch sehen, und um es zu verbinden. Alles, was Sie tun müssen, ist sich mit Ihrem PayPal-Geschäftskonto anzumelden und Sie werden aufgefordert, ein Konto zu erstellen, wenn Sie noch kein Konto haben. Also gehen wir in die Einstellungen und dann in den Commerce-Bereich. Also sollte ich euch kurz vor und jetzt werden wir tatsächlich anfangen, es zu benutzen, also gehen zur Zahlung und wir werden auf Connect Strike klicken. Nun, Wenn Sie noch kein Konto mehr haben, können Sie ein Konto erstellen, indem Sie dieses Formular hier ausfüllen. Ich habe tatsächlich bereits eine, also werde ich das hier ausfüllen, damit es mich einfach meine Informationen ausfüllen lassen und wir werden uns anmelden und ich werde sicheres Passwort treffen und mein Stripe-Konto verbinden. Also, jetzt sollte es automatisch alle diese Informationen in Squarespace einziehen. Wir geben ihm einen Moment dort. Da gehen wir hin. Und jetzt habe ich ein paar Möglichkeiten. Ich kann Apple Pay akzeptieren. Ich werde voran gehen und das einschalten. Das ist nur eine andere Möglichkeit, es den Kunden zu erleichtern Warum also nicht? Und Testbefehle? Ich werde das nicht wirklich aktivieren, weil ich jetzt keine Testbestellungen machen werde. Und dann bin ich jetzt sicher. Wir gehen zurück und speichern Währungen kanadische Dollar, was perfekt ist. Sie können es ändern, wenn Sie wollen. Aber Kanadier, was ich akzeptiere. Also, das ist perfekt. Und dann schauen Sie sich an. Ich verbinde meinen Mail-Schimpanse, damit sich die Leute anmelden können. Entschuldigung, melden Sie sich für meinen Newsletter an und ich kann E-Mail-Adressen sammeln. Also lassen Sie uns voran und wählen Sie mein Konto und ich werde das Standardland Kanada zu machen, da das ist, wo mein Ziel, unsere Zielgruppen und aktivieren Schmelzen zumindest entscheiden. Das ist also die zweite. Die zweite verlieren leichter, dass die Menschen bekommen. Willst du wirklich abonnieren? Also werde ich mir das aussuchen. Auf diese Weise müssen sie sich nur hier anmelden, und sie müssen nicht bestätigen. Und dann werde ich sicher treffen. Also alles andere, was ich früher eingerichtet habe, also ist alles perfekt. So ist jetzt Stripe verbunden. Also jedes Mal, wenn jemand zum Beispiel klickt auf das Produkt, Warenkorb und dann überprüft, dass Geld sollte direkt zu streiken gehen. Es ist ein einfaches ist, dass Okay, Also im nächsten Abschnitt, werde ich euch zeigen, wie wir diese Produkte auf die eigentliche Seite haben können, auf der sie gehören, und dann gehen wir von dort. 28. E-Commerce: Produkte anzeigen: Okay, jetzt, wo wir das Produkt in unseren Laden geschüttelt haben, lassen Sie uns voran gehen und zu einer Seite hinzugefügt, Also gehen wir zum Hosting. Dort möchte ich mein Hosting-Produkt zeigen. Und ich glaube, es ist vorerst eine leere Seite. Also klicken wir auf Bearbeiten wird den Textblock ignorieren, und wir werden hier klicken und wir werden eine Suche nach Produkt tun. Perfekt. Wir werden auf das Produkt klicken und wir werden nur Hosting eingeben. Es gibt das Hosting, das ich zeigen wollte und wir können den Titel zeigen die Beschreibung. Ja, eigentlich. Beschreibungen feine Show. In den Warenkorb Button, und das funktioniert wirklich gut. Also lasst uns voran gehen und sparen. Und ich werde dies in Hosting ändern, nur um zu wiederholen, worum es geht, und wir werden es zu einem Header machen . Nummer Eins. Wie ich schon sagte, du willst wenigstens einen schwereren Willen nicht haben. Zumindest möchten Sie genau eine Überschrift auf jeder Seite haben, denn das ist wirklich gut für ASIO. Dann werden wir sicher treffen. Jetzt denke ich, dass dieses Bild ein wenig zu breit sein könnte, also lasst uns voran gehen und es etwas kleiner machen. Also, während wir hier sind, können wir den Text zentral ausrichten, weil, wie ich dachte, ich mag alles zentrale Linie und eine Sache, die Sie bemerken werden, ist, dass die kleinen Punkte, die sie auf der linken Seite in der auf geordnete Liste, wo es ein Text ist in die Mitte verschieben. Jetzt zeige ich Ihnen, wie Sie eine kleine Änderung vornehmen können, um diese Punkte auch mit benutzerdefinierten TSS zu verschieben . Aber im Moment werden wir es wie links lassen. Okay, das wirst du in den Bonusvorträgen sehen. Um das Bild zu verkleinern, lassen Sie uns gehen und zwei Abstandshalter setzen, einen für jede Seite, und wir werden es Justin links von diesem Abschnitt setzen. Also gehen wir, und dann gehen wir hierher. Das wird es hier ein bisschen größer machen, und das ist perfekt. Also gehen wir voran und drücken „Speichern“. So würden Sie das Produkt einer bestimmten Seite hinzufügen. Eine andere Sache, die Sie vielleicht tun möchten, ist, gehen Sie auf Ihre Hauptseite und fügen Sie Ihre drei verkauften Produkte, zum Beispiel so können Sie, zum Beispiel, eine Zusammenfassung wird es eine Liste von Produkten machen, und wir wählen nur die vorgestellten Produkte. Also für mich, das ist das hier. Das einzige Mehl mit einer Zusammenfassung ist, dass es keine Möglichkeit gibt, hinzuzufügen. In den Warenkorb Button, damit jemand tatsächlich auf dieses Produkt klicken muss, bevor er es kaufen kann . Und machen wir es nicht zu einer Liste. Lassen Sie uns es ein großartiges yeah machen, Grid sieht besser aus und wird es mit Eigentlich schaffen, drei ist in Ordnung. Ok, das ist perfekt. Und wird zentrieren Sie den Text? Und dann sieht alles andere unten ziemlich gut aus. Ja, das ist gut. Okay, also werden wir schlagen. Bewerben Gut, es gerettet. Und so, wie ich machte dies ein vorgestelltes Produkt war, Ich möchte einfach auf meine Produkte doppelklicken auf das Produkt, das ich ändern wollte, und wir gehen zu Optionen und sagte, es wird vorgestellt. Okay, auf die dritte und letzte Sache, die Sie vielleicht tun möchten, ist einfach wie Produkte in eine bestimmte Kategorie zu setzen . Nehmen wir also an, Sie möchten nur Ihre Hosting-Produkte hier zeigen, und Sie hatten mehr als eine, die Sie anzeigen würden und Sie deaktivieren vorgestellten. Und für die Kategorie, würden Sie in so etwas wie Hosting setzen. So, jetzt wird es alle Produkte, die Sie haben, dass Luft unter der Kategorie Hosting, oder Sie können Tags verwenden. Ich glaube, die, die ich sagte, es war wieder Gastgeber. Jedes Produkt, das mit diesem Tag aufgenommen wurde, wird hier angezeigt. Okay, also hast du so eingerichtet, ähm, wie verschiedene Produkte auf verschiedenen Seiten. Und dann wird Ihnen der nächste Vortrag zeigen, wie wir einige der Looks mit dem Stil-Editor ändern können . Das könnte also ein bisschen länger sein als eine Vorlesung. Nur weil es einiges zu decken gibt, also bleib dran. 29. Stil-Editor: Verwendung des Editor:: In dieser Vorlesung dreht sich alles um den Style-Editor , wo wir Schriftarten und Schriftgrößen ändern und all das gute Zeug. Also gehen wir in Design und dann Stil-Editor, die dritte Option. Das ist also irgendwie wie das Kommandozentrum, wo wir alles ändern. Also lasst uns zuerst, ich zeige euch hier unten. Sie sehen, wie meine Links die Farbe der Links ist seine grüne Farbe, die ich nicht wirklich mag. Also im Moment, wenn ich darauf klicke Seite Link Farbe ist diese grüne Farbe, die mit dem Thema mit der Vorlage kam und ich mag das nicht wirklich. Also werde ich gehen und wählen Sie meine normale rote Farbe, die ich wirklich mag. Ich meine, eine Kopie es und sie werden auf diese grüne klicken, und ich werde eingefügt. Okay, das ist das erste, was ich mache, weil ich sofort bemerkt habe, während ich Änderungen vorgenommen habe, die mir das nicht gefallen haben. Wie Sie sehen können, sieht mein Styleditor so aus. Wie Sie sehen können, Ihre wird unweigerlich anders aussehen, nur weil Sie höchstwahrscheinlich eine andere Vorlage auswählen werden . Wenn nicht, dann wird Ihre auch gleich aussehen. Also mal sehen. So gerade jetzt Site-Navigation. Dies habe ich früher in einer der früheren Vorlesungen geändert. Also wisst ihr, was da ist? So Site-Header ist hier oben oben, und wir haben Site-Navigation als der Binder-Abschnitt. Ist dieser ganze Abschnitt hier? Hauptinhalt ist der Seiteninhalt in den weißen Jahren, all dies. Und dann haben wir die gebloggt, was ist, dass ich auf Block klicken müsste, werde ich es Ihnen zeigen. Und dann haben wir den zusammenfassenden Block, der meines Erachtens ein zusammenfassender Block ist. Also ja, es ist, damit ich das rot machen kann. Mach es gleich. Rot ist meine rote Farbe von meinem Logo. Und wir können auch die Schriftart ändern. Im Moment ist es nahe Nova, also können wir es so machen, als ob du es schaffst. Adobe Chairman wird Brie tun. Wir lassen seine kurze Zeit. Und dann gibt es den Pre-Footer-Inhalt danach, der hier drüben und im Fußzeileninhalt genau hier drüben ist . Also die Fußzeile Ich mag die Farbe von Ich mag dieses Grau passt zu meinem Schwarz in meinem Logo. Also haben wir diese tatsächlich machen dies ein solides Schwarz, wenn es nicht schon ist. Ja, es ist nicht, damit wir es zu einem soliden Schwarz machen. Ich mache die Schriftart für die Textfarbe in Weiß. Da gehen wir, in vollem Gewicht. Ich werde das auch zum vollen Gewicht machen. Da gehen wir. Also wieder, das ist wie die Helligkeit. Okay, das ist also das volle weiße 100% Gewicht, und dann gehen wir zurück, um alles wieder zu zeigen, ich kann die Kopfzeilen auch in diese rote Farbe bringen, nur um es irgendwie vom Rest des Textes abzuheben. Also zeige ich dir jetzt den Block. Also für den Block können wir hier oben auf Blogger klicken, und ich bin mir ziemlich sicher, dass Yeah, hatte ich. Dies ist eine Zusammenfassung. Also lassen Sie mich Ihnen meine aktuelle Block-, Post- oder Block-Seite zeigen . Es war, als ich hier klicke, Zeitraum. Also, das ist mein tatsächlicher Blog lokal zurück in diesem verletzt sie. Und wir haben einen Abschnitt nur für Blawg. Also genau hier. Das ist also für die Diashows. Ich habe keine Diashow auf meinem Blog, also ist das nicht wirklich wichtig für mich. Und dann haben wir die Angelegenheit Priorität, das ist Datum, das wir in Kategorie machen könnten, die hier eine von oben ist. Wir könnten es zum Autor schaffen, oder wir schaffen es in Nuss. Also denke ich, lass mich sehen, wie der 1. 1 aussieht. Datum. Ich glaube, ich mag nichts besser, nur weil dann beide. Also im Moment ist es Datum und dann die Kategorie hier, wenn ich keine Dating-Kategorie ausgewählt hier unten kommen . Das gefällt mir am besten. Das ist Zentrum. Welches Zentrum sieht eigentlich gut aus . Also halten wir uns in der Mitte versteckt. Also etwas, das nur ein bloggt, verbergen die Autoren, die meinen Namen immer und immer wieder sagen . Lis-Eintrag ausblenden. Ja, das sind die Tags. Wie viele Kommentare? Alles, was wir haben, sieht so sauberer aus, aber ich denke, das zeigt mehr Informationen und die Leute können es mögen. Großartig weg. Also schätze ich, wir lassen das in und in dieser Seitenleiste. So gerade jetzt gibt es eine Es gibt eine Seitenleiste gerade entlang hier. Sehen Sie, wie wenn ich hierher gehe, gibt es noch ein wenig Platz von hier bis hierher . Das ist die Seitenleiste. Ich mag keine Seitenleisten auf Websites. Es sei denn, du wirst eins haben, wo du hinstellst, wie Werbung auf die Seite? Das ist also die Seitenleiste. Und das ist so ziemlich alles, was wir mit Blawg bearbeiten können. Nun, eine Sache, die ich wirklich nicht mag an Squarespace, dass Sie eine Art benutzerdefiniertes CSS haben, was ich Ihnen zeigen werde. Aber nochmal, lass dich wissen, was ich daran nicht mag. Sagen wir mal auf meiner Homepage, oder? Also auf meiner Homepage habe ich ein paar Überschriften, die ich rot gemacht habe, wenn Sie sich erinnern. Das ist also eine Überschrift. Das ist also eine Überschriftennummer. Mal sehen, wie Stil unterstützt. Hier klicken wir darauf. Das ist also eine Überschrift Nummer eins. OK, das ist also eine Überschriftennummer. Es ist nur ein Link. Es ist kein Header. Also das ist Überschrift Header Nummer eins. OK, jetzt, wenn ich in Portfolio gehen, zum Beispiel, hat nichts dort? Sagen wir, ich gehe zum Hosting. Also unter Hosting, ich bin eine andere Überschrift. Mal sehen, was das ist. Ich denke, das ist Hosting. Hosting ist auch Nummer eins. Also gehen Sie da, Nummer eins so schnell, dass es auf Nummer eins geht. Sagen wir also, dass ich auf der Hosting-Seite wollte, dass dies grün ist. Okay, so grün. Richtig. Und ich würde sagen, Sie werden das sehen, wenn ich zurück zu meiner Homepage gehe und ich nach unten scrolle. Diese Überschrift ist jetzt grün, was schrecklich ist, weil es Zeiten geben wird, wo Sie verschiedene farbige Überschriften auf verschiedenen farbigen Seiten wollen. Aber Squarespace erlaubt es nicht, dass, wenn Sie voran und Farbe wählen, das ist der einzige, den Sie verwenden können. Also werden alle meine Überschriften jetzt diese rote Farbe sein. Also, wenn Sie das ändern möchten, müssen wir benutzerdefinierte CSS verwenden. Ich werde euch das in ein bisschen zeigen, aber im Moment, wisst nur, dass alles, was ihr hier setzt, ein globaler Stil ist. Also verwenden alle Roten, die global sein werden. Okay, also nochmal, Geld. Nun, was Sie tun können, ist definitiv hier durchgehen und einen Blick auf die verschiedenen Schriftarten werfen. Und verwenden Sie nicht mehr als ein oder zwei auf Ihrer Website. Nur weil Sie nicht wollen, wie, wissen Sie, viele verschiedene Arten von Fonds, die Art von verwirrten Menschen verwenden, verwenden ein oder zwei, die Sie denken, sieht gut aus. Ich meine, zuerst schreibt das Lilien-Skript. Man sieht irgendwie gut aus. Der letzte Griff sieht gut aus, und in den regulären regulären Fonds gibt es Spiel faire Anzeige, die wirklich gut aussieht. Lassen Sie mich Ihnen zeigen, wie es aussieht. Es ist wahrscheinlich diejenige, die ich am häufigsten benutze. Das ist also Fair Play Fair Display. Ich mag wirklich, wie das aussieht. Und dann auch Helvetica. Offensichtlich nutzen viele Leute und Ariel wieder. Etwas, das die Leute benutzen, siehtmeiner Meinung nach natürlichwirklich gut meiner Meinung nach natürlich aus. dir definitiv mal an. Katherine sieht wirklich gut aus. Catalin und ich haben Oswald ziemlich viel benutzt, und ich denke, es geht darum. Und naher Nova. sind wahrscheinlich die Mittel, die ich am häufigsten verwende. Ich mag den Blick dort oben sehr sauber und professionell aussehend. Okay, also haben Sie auch ein nehmen Sie einen Blick durch Ihren Style-Editor als auch, weil Sie Unterschiede hier haben. Wie ich schon sagte, für Ihren Hintergrund haben Sie vielleicht einen kleinen Berg hier, was bedeutet, dass Sie tatsächlich Hintergrundbilder einstellen können. Das gilt nur für bestimmte Vorlagen. Und meine Vorlage, die besser dafür ist, hat keine Unterstützung dafür. Abgesehen davon. Das ist so ziemlich alles hier. Und wenn Sie einige Änderungen vorgenommen haben und es Ihnen nicht gefällt, können Sie immer auf den Standard zurücksetzen. Ähm, und wenn Sie einen solchen Standard durch Zufall wieder, können Sie einfach auf Abbrechen drücken, ohne zu speichern. Also werde ich das retten. Und ich denke, Yeah, das ist für jetzt ziemlich gut. Wenn ich anfange, einige meiner Seiten zu machen, werden Sie sehen, dass ich zwischen dem Style-Editor und meiner Seite hin und her springt, nur weil ich einige unterwegs Verbesserungen machen werde, während ich gehe. Also das ist definitiv das ist definitiv Page wird immer wieder zu kommen. Okay, diese Art von deckt also alle grundlegenden Vorträge ab, denn jetzt wissen wir, wie man Seiten hinzufügt, wie man Produkte hinzufügt, all das gute Zeug. Das einzige, was noch zu tun ist, ist, dass ich Ihnen ein benutzerdefiniertes CSS zeigen werde, das ich ziemlich viel verwendet habe , und Sie werden sie wahrscheinlich auch ziemlich nützlich finden. Und dann endlich könnt ihr mir zusehen, wie ich diese Website den Rest des Weges erschaffe. Nehmen Sie es, nehmen Sie es mit nach Hause, und dann werden Sie irgendwie lernen, was funktionieren könnte Flows wie 30. Sehen Sie mir die Arbeit: Die Hauptseite der Startseite: Okay, also wollen endlich die Bonus-Vorträge, wo ich eigentlich gehen und meine Website erstellen und ihr könnt mitverfolgen, nur um zu sehen, wie ich irgendwie Dinge erledige. Also das erste, was ich mag, ist, dass ich die Art von in meinem Kopf eine Vorstellung davon bekommen, wie ich die Seite aussehen soll . In diesem Fall werde ich es meiner anderen Website sehr ähnlich machen. Also meine eigentliche Website, also mit mehreren Abschnitten hier. Also offensichtlich, um so etwas zu implementieren, muss ich jetzt eine Indexseite auf meiner Homepage erstellen. Hat nur, du weißt schon, ein Banner und dann einen Abschnitt über Ich wollte ein Index sein, also lasst uns voran gehen und hier auf Index klicken und es nach Hause machen. Und dann nehme ich diese Homepage und Drachen rein, nur damit ich nicht von vorne anfangen muss . Es ist nein, ich habe meine reguläre Seite sieht sehr ähnlich, wie es vor tatsächlich identischen Zeit getan hat. Schauen Sie vorher, mit einer Ausnahme kann ich weitere Abschnitte hinzufügen. Also nach der regulären Homepage hatte ich den Abschnitt über, der hier ist. Lassen Sie mich diese Extras löschen, also löschen Sie, dass ich sicher bin, dass wir zurückkommen und die meisten davon in einer Sekunde hinzufügen werden. Aber nur um die Dinge ähnlich zu halten, wie sie meine andere Seite sind und die nächste oben wir haben, mal sehen, nach über uns haben wir Portfolio, also gehen Sie weiter. Und so ist dies wie ein kleiner Abschnitt des Portfolios, nicht das gleiche wie eine tatsächliche führen Sie Ihre Seite, weil ich beide habe. Dies ist also ein Port für Ihre Seite. Das ist nur ein Abschnitt. Also lassen Sie uns weiter und fügen Sie einen weiteren Abschnitt hinzu, und wir nennen es Portfolio, und ich werde es einfach als leere Seite für jetzt belassen. Und ich könnte wahrscheinlich diese Wiederverwendung das gleiche Bild hier wiederverwenden. Also lassen Sie mich auf diese kleine Ausrüstung klicken, gehen Sie zu Medien bei Image. Lasst uns weitermachen und einige der Bilder einbringen. Also glaube ich, es war dieser hier. Siehst du, wie groß das ist? 300 Kilobyte perfekt, weil ich meine Bilder einfach verkleinere, weil ich sie nicht zu groß mag. Da gehen wir. Speichern Sie das, und dann gehe ich wieder nach oben und ändere den Text hier. Wenn Sie ein paar vergangene Arbeiten, wissen Sie, es sparen jetzt, ich will ein bisschen größer sein. Also gehen wir zurück in die Einstellungen und wir werden es fett machen. Wer würde retten? Siehst du, wie das aussieht? Perfekt. Nun, hier möchte ich mein aktuelles Portfolio zeigen. Also lassen Sie mich in einem Ich denke, ich will die Wand tatsächlich in eine große Sache setzen. Noten sehr organisiert und verwenden bestehende. Ich mache es zur Fotogalerie. Weißt du was? Bevor ich das mache, werde ich nur eine Änderung vornehmen. Und als es die Fotogalerie in Portfolio-Galerie geändert hat, kopieren Sie das. Fügen Sie es hier ein, nur die URL ändert sich auch. Also gehen wir zurück nach Hause, und diese automatisch aktualisiert lief schnell. Vergewissern Sie sich, denn ich will später keinen Ärger. So hoffentlich wieder Galerie. Das ist perfekt. Jetzt werde ich in die Portfolio-Galerie gehen, und ich werde alle diese Bilder löschen, weil dies nicht mein Portfolio ist, und ich werde tatsächlich auf meinem Computer navigieren und alle Dateien, die ich kann , die mit meinem Portfolio zusammenhängen Also meine ich, also werde ich ein paar Bilder hinzufügen. Es könnte eine Weile dauern, also werde ich eigentlich nur diesen Teil aus dem Video ausschneiden. Okay? Okay. Also habe ich weitergemacht und mein Portfolio hinzugefügt. Also das ist alles auf Werkzeug, ich glaube, April sind, oder März oder April 2016 haben die Zeit, dies zu aktualisieren. Also gehen wir weiter und gehen zurück. Das ist jetzt mein Portfolio. Du gehst also zurück zu meiner Homepage. Jetzt sieht es so aus. Sehen Sie sich also einige unserer vergangenen Arbeiten an und zeigen Sie dann all das. Also, was ich eigentlich will, ist, dass ich hören werde, lass mich darauf schlagen. Ich möchte nicht so viele zeigen, weil es die Seite zu lang macht, also werde ich nur zeigen. Sagen wir mal, also kann ich im Moment nicht hier auswählen, also müsste ich also machen, wenn Sie Galerie auswählen, wählt es automatisch alle Fotos in dieser Galerie aus. Es gibt also keine Möglichkeit, wie viele es gibt, so dass ich sie nach und nach hochladen kann. Wie kann ich vier Bilder hochladen, damit ich wieder Aiken, es zu einem Raster machen und dann manuell nur vier Bilder hier hochladen kann , aber ich möchte nicht alles wiederholen. Also, was ich tun werde, ist, dass ich dies zu einem zusammenfassenden Block machen werde, weil ich weiß, dass ich einschränken kann. Also machen wir es zu einer Zusammenfassung, und wir machen es zu einem Raster. Also Fotogalerie, Sir, Portfolio-Galerie und dann anzeigen. Ich schaffe es. Vielleicht sollten sechs gut sein und nur das Bild. Also zeige ich nichts anderes und keine Metadaten und gehe dann zum Layout. Im Moment können Sie die Seiten meines Bildes sehen, abgeschnitten zu werden. Also entlang der linken Seite hier auf der rechten Seite. Lassen Sie uns es also automatisch machen, so dass es dort automatisch die Größe ändert. Das ist perfekt. Und ich habe sechs Bits ausgewählt, die nur fünf zeigen. Also müssen wir es sieben machen. Scheint, als wäre die Nummerierung ein bisschen weg und ich will nicht alles zeigen, also will ich nicht nur die neuesten zeigen, die ich bestimmte Bilder auswählen möchte, die ich mag, also gehe ich zurück in den Hafen für dich und ich werde gehen, sagen wir, Zum Beispiel möchte ich eine Mickey Kategorie, machen Sie es Homepage. Nun, es sparen. Also werde ich sechs auswählen, die ich wirklich gerne auf der Homepage. So schnell gibt Kategorie, Homepage, speichern und warten, dass. Und dann vielleicht auch diese eine Kategorie Homepage speichern. Oh, da gehen wir. Ich glaube 1234 Ja, das sind vier. Und ich glaube, das sieht gut aus, denn wieder nicht alle Websites, die du erstellst, erstaunlich sein. Wenn Sie einen Blick darauf werfen, was Kunden wollen, und Sie geben ihnen, was sie wollen, wird es nicht immer sein, was Sie zeigen wollen. Und das ist vollkommen in Ordnung. Weißt du, manche Leute wollen wirklich aussehende Websites spielen und dass es nichts gibt, was du tun kannst. Du musst ihnen geben, was sie wollen, oder? Also, wenn Sie wie eine Fotografie Art von Website zu tun, wäre dies voll von Bildern, und Sie könnten sie zwei Kategorien wie Hochzeiten, Geburtstage, solche Sachen sortieren Geburtstage, , und dann zeigen spezifische auf der Homepage. Also gehe ich zurück auf die Homepage und hoffentlich habe ich sechs gemacht und nicht weniger als das. Also werde ich voran gehen und darauf warten, bis das hier oben kommt und dann auf Bearbeiten klicke. Ich werde nur Dinge anzeigen, die auf der Homepage sind. Wir werden sehen, wie viele tatsächlich ausgesucht haben. Ja. Das sind also alle, die eigentlich mit dem zeigen wollen, was ich zeige. Und dann schließlich, was ich tun werde, ist und fügen Sie einen kleinen Knopf hier, so dass wir eine Schaltfläche hinzufügen. Und das wird volle Portfolio sehen. Und das bringt sie zu meiner Portfolio-Seite. Nun, haben Sie alles. Scrollen Sie hier nach unten. Unterstützung für Sie. Das ist Schrägstrich Portfolio, das ist die erste Portfolio-Seite. Ich habe das hier zu einem Schrägstrich für Sie gemacht, das ist, glaube ich, diese Seite, auf der ich gerade bin. Also das Portfolio in der Rubrik So das ist mein Port für Ihre Seite. Das ist perfekt. Mittig Medium. Und das sieht gut aus. Also werden wir treffen, bewerben, und wir werden das nach unten verschieben. Und ich werde die Farbe dieses in das Rot ändern, um meiner Website zu entsprechen. Ähm, in einer Sekunde hier, also spart es. Das ist also ein Portfolio. Und ich denke, was ich jetzt tun werde, ist, dass ich diese Schriftart hier entfernen werde, weil ich dir gesagt habe, dass sie nicht zu meiner Website passt, und ich mag sie nicht. Also lasst uns weitermachen und das entfernen. Okay? Perfekt. Ich mag den Gedanken, der ursprünglich da war. Geh zurück, geh wieder zurück. Also über uns, ähm, ich habe das Gefühl, dass ich dort mehr Text haben sollte. Oder ich kann tun, was ich getan habe. Ich könnte ein Bild zur Seite legen, um eine über Seite zu haben. Ja, das tue ich. Also kann ich Ah, Knopf setzen, der direkt zu meiner Gürtelseite hier unten führt. Und ich denke, wenn ich alles nach links schieben sollte, sollte ich es wahrscheinlich nicht tun. Also lassen Sie uns einfach einen Knopf setzen und wir werden den Raum oder hier loswerden. Es gibt keinen Grund, den Abstandshalter hier zu haben, also gehen Sie weiter und fügen Sie eine weitere Schaltfläche hinzu, und wir machen es auf die gleiche Größe wie die unten verwendete . Halten Sie einfach die Dinge konsistent, so dass dieser, der mehr lesen kann. Sei mehr und so wird es einen Klick durch Schafgarbe haben und es wird mittel sein. Das ist also perfekt. Wir werden es zu der über Seite führen, die wir so über uns haben, und dann bewerben und gehen Sie voran und sagen, dass. Okay, das sind zwei Abschnitte. Bisher haben wir die Homepage und wir haben das Portfolio. Als nächstes werde ich hinzufügen, ich werde dies tatsächlich auf dem Abschnitt auf dieser Homepage auslassen und Beiträge blockieren. Ich habe euch gezeigt, wie man die Zusammenfassung hinzufügt. Da ich nicht auf dieser Website bloggen werde, sollte ich es wirklich tun, aber , ähm, da ich es tue, nur damit ihr nicht könnt, werde ich da keinen Block setzen, also werde ich ein Zeugnis geben. Also einige Bewertungen von Menschen. Also lassen Sie uns voran gehen, gehen Sie zurück hier auf Abschnittsseite und machen es Bewertungen. Nun, eine Sache, die Sie bemerken werden, wie ich füge hinzu, das ist, dass ich auf meiner Squarespace-Website das Bildbanner oben habe und dann dergleichen, den Text für jeden unten. Wo ist meine gesamte eigentliche Website? Ich habe das Bild im Hintergrund. Also, wenn Sie so etwas wollen, müssten Sie eine Vorlage verwenden, die es wie Pacific oder Marquis unterstützt. Diese Bedford-Vorlage hat keine Unterstützung dafür. Also bin ich irgendwie stecken, wie es verwendet werden soll, also habe ich das Bild von oben und dann den Text unten. Also lassen Sie mich Kopien. Kopieren Sie das. Eigentlich, hast du zerrissen? Okay, also auf der Startseite, scrollen Sie nach unten zu Bewertungen. Vielleicht sollte ich das Bild zuerst voller Daumen nach oben haben. So treffen sich Bewertungen. Abbrechen hier, tatsächlich, und Banner. Und ich werde das gleiche Bild hinzufügen, das ich für meine persönliche Website verwendet habe. Es ist also derjenige, bei dem der Kerl mit dem Finger nach oben zeigt. Also die Daumen nach oben, gehen wir. Und ich sollte es hier finden können. Ich glaube nicht, dass ich es bewegt habe. Vielleicht nicht. Okay, also habe ich es hier nicht. Ähm, also habe ich einen anderen benutzt. Vielleicht hat dieses Bild benutzt. Das ist seltsam, ich hatte es sicher hier. Okay, ich werde dieses Bild in diesem Fall verwenden. Und der Wortlaut verwendet alle Bewertungen. Und ich werde nicht alle Bewertungen sehen, weil auf dieser Seite, Ich werde nur drei Bewertungen zeigen. Also geh weiter und speichere das. Wer? Ich hätte den eigentlichen Wortlaut bearbeiten sollen. Also, um zu sagen, Bewertungen, vielleicht werde ich es haben. Speichern, lesen, lesen Sie einige unserer neuesten Bewertungen. Okay, Also jetzt schnell in, dass die Formulierung, die ich setzen wollte, so lesen Sie unsere Bewertungen und ich erinnere mich, es fett und dann Licht sparen. Das erste, was ich reinlegen werde, ist, dass ich den Namen der Person auch nehme und mich weitermachen und bearbeiten lasse, und ich werde aus dem Textblock setzen. Es gibt einen Test. Ähm, wer zitiert? Tut mir leid, Zitat, nicht Zeugnis. Also zitieren Lassen Sie uns sehen, wie das zuerst aussieht, weil es nicht immer am besten aussieht. Es ist nicht so schlimm. Also, wenn wir noch einen Mantel hinzufügen, so werde ich drei hier haben. Also habe ich drei erste schnell, mal sehen, wie es nebeneinander aussieht. Nicht schlecht. Okay, also lass mich die 2. 1 nehmen. Lassen Sie mich das Beste nehmen, was ich perfekt ist. Und endlich haben wir den letzten hier. Wir nehmen das raus. Hoffnung. Okay, das ist also das. Und das hier ist ein bisschen kleiner, also werde ich vielleicht in die Mitte legen. Einfach die Dinge ausgleichen. Perfekt. Also, das ist Bewertungen Leser Bewertungen. Das ist nicht schlecht. Also Portfolio wieder hier, die Leute einfach hier klicken und es wird sich in voller Größe öffnen, so dass sie in Leuchtkasten sehen können. Oder ich kann es tatsächlich so einstellen, dass, wenn sie hier klicken, es wird sie direkt auf die Website bringen, die dafür bestimmt ist Und dafür würde ich in Portfolio gehen und auf die kleine Ausrüstung für jedes Bild klicken. Aber ich denke, das sieht vorerst ziemlich gut aus. Die Fußzeile ist in Ordnung. Genau so wollte ich es. Und mal sehen. Startseite sieht gut aus. Ich könnte das später zu einem Schieberegler machen, aber vielleicht nicht. Nur weil zu viele bewegliche Teile machen Dinge, die es leben verwirrend. Okay, also lasse ich es vielleicht vorerst so. Ich könnte ein Bild von mir Jahr für über uns setzen, nur um eine Art geben eine persönlichere Note mit dem tatsächlichen Besucher. Aber außerdem sieht das gut aus volle Portfolio. Bringt mich auf die Portfolio-Seite, tatsächlich, schnell ändern, weil ich nicht wollen, um eine ganze Vorlesung nur für diese, weil es ziemlich einfach ist. Also, wenn das Dach, das und ich in der Galerie tatsächlich Zusammenfassung setzen, wird es eine Zusammenfassung mit seiner Zusammenfassung sein. Wir machen es diesmal zu einer Galerie, weil ich keine Bilder auswählen werde. Ich stelle einfach die ganze Galerie hier. Ich schaffe es, mal sehen. 43 sind immer noch irgendwie von Widescreen. Ja, das sieht gut aus für Bewährung. Machen Sie es drei. So ist es nicht so klein und wie Box, so dass sie, natürlich, klicken Sie darauf und sehen Sie es in einer größeren, größeren Größe und dann Inhalt. Das ist also perfekt. Und dann werde ich diesen Textblock loswerden, der standardmäßig da war. Okay, also gehen wir. Das ist unser Portfolio. Und denk dran, ich habe das wirklich Yeah gemacht, okay. Und dann habe ich diesen Schieberegler los, den Header-Schieberegler. Ich habe es loswerden, weil ich keinen Schieberegler auf dieser Seite haben möchte, aber ich will ein Banner. Mal sehen, welche Bilder ich für ein Portfolio verwenden kann. Vielleicht verwende ich die gleiche, die ich auf der Homepage für Portfolio verwendet. Also halten Sie die Dinge konsistent und wir werden den Fokus auf den Computer perfekt legen. Das ist schon erledigt. Und dann muss ich eigentlich auch ein helleres Bild verwenden, denn gerade jetzt, da die Hintergründe dunkel sind, ist es schwer, das Menü zu sehen. Jetzt kann ich wie ein Overlay hinzufügen, aber das könnte ein bisschen zu viel Arbeit sein. Also lasst uns das entfernen, um zu sehen, ob wir ein Lichtbild finden könnten. Ich möchte das für die Kontaktseite verwenden. Also vielleicht würde das am besten funktionieren noch ist ein wenig dunkel auf der Oberseite. Hoffentlich funktioniert es. Ja, das war eigentlich, das sieht ziemlich gut aus. Lass es uns ein bisschen nach unten bewegen. Außerdem finde ich, es sieht gut aus. Ich habe es auch geliebt. Weit unten auf der Homepage ist ein bisschen weg. Okay, also das ist perfekt. Natürlich stimmt das Bild nicht wirklich überein, aber, aber, weißt du, ich mache es nur mit dem, was ich habe. Moment kann ich nach Paxil gehen und mehr Bilder finden, aber es ist nicht allzu viel Sorge. Also machen wir das, ähm, unser Putt voll dich und haben es wieder gezogen, weil es sonst zu klein ist. Okay, also diese Unterstützung für Ihre Seite. Wenn also jemand auf das gesamte Portfolio auf der Homepage klickt, nimmt es sie hierher, damit sie jedes vollständig sehen können, also ist das perfekt. Und dann kann ich dem Portfolio mehr Bilder hinzufügen, indem ich hier runtergehe, und das ist großartig. Also, das ist zu Hause und gießen Sie für Ihre fertig und dann in der nächsten. Ich kümmere mich um die Info Seite, aber das ist eine andere Seite, die ich für alle benutze. Das Hosting ist so ziemlich getan, um ehrlich zu sein. Ich meine, wir können es etwas stylen, wissen Sie, setzen Sie es wie ein Bild, ein Vortrag oben hier. Aber das ist nicht wirklich eine Seite, die ich auf jeder Website habe, also werde ich nicht wirklich zu viel klären. Stattdessen gehe ich auf die Seite über die USA. Da diese benutze ich fast jede Website gemacht haben, hat eine über Seite, so werde ich euch zeigen, dass in der nächsten Vorlesung. 31. Sehen Sie mir die Arbeit: Die About Page: Dieser Vortrag ist alles über uns Pfirsich. Also für diese Seite werde ich mit dem Banner beginnen. Also werde ich hier meinen eigenen Teig reinlegen. Wir werfen nur einen kurzen Blick auf das, was ich auf meiner anderen Website verwende. Okay? Es war das gleiche Bild hier, und ich glaube nicht, dass ich das kann, , weil ich mich erinnere,dass dunkle Bilder nicht funktionierten. Nun, lassen Sie mich schnell sehen, wie das aussehen wird. Es ist nicht schrecklich. Er behält es tatsächlich, weil es eigentlich nicht schlecht ist. Okay, also über uns in der U sind weniger perfekt. So glauben Sie das. Und dann werden wir das kopieren, und ich werde hier genau das tun. Lassen Sie mich also dieses Textfeld löschen. Das ist also der ganze Demo-Inhalt, der damit einherging. Deshalb mag ich es nicht, Demo-Seiten zu verwenden, weil Sie den Aufwand durchlaufen müssen alles zu löschen, bevor Sie tatsächlich beginnen. Also lassen Sie mich gehen und fügen Sie dies als Klartext ein. Natürlich. Und dann schreiben wir eine Zeile dieses Nein, halten Sie es links. Und obwohl in einem anderen Textblock Also ein weiteres Lehrbuch hier über unsere Arbeit Diesmal werde ich nicht . Ich sollte mich sehen lassen, wie es aussieht, wenn ich einfach diesen einfachen Text einfüge. Ja, ich halte es kühn, das macht es zu einer Überschrift. Nummer zwei. Ja, das sieht besser aus. Ich kann uns ziehen. Ja, das sieht gut aus. Okay, also behalte es so, und dann werde ich mobil freundlich sein, mit einem Bild des Tablets auf der Seite und dann den tatsächlichen Mac-Büchern. So machen wir mobil freundlich. Erstens werde ich dies nicht zu einer Indexseite machen, weil ich hier nicht zu viel hinzufügen kann, dass ich kein anderes Bild möchte , das die beiden trennt. Also lassen Sie mich wirklich in einen Teiler, ich mache es eine Linie, und dann werde ich ein Bild einfügen, das auf meinem Desktop ist. Also zuerst, ist das iPad wieder keine Beschriftung sicher und dass ich werde in einen Textblock setzen, so wird es hier gehen und wird dies eine Kopfzeile Nummer zwei machen. Denn denken Sie daran, dass Sie nur eine Kopfzeile Nummer eins pro Seite haben, und dies liegt vor Nummer eins. Deshalb habe ich hier eine Nummer zwei ausgesucht und ich werde hier wieder zwei aussuchen. Und das wird alles zentriert sein. Oh nein, nein, ich habe mich geirrt. Verließ die Leitung. Ich meine, ich werde Jahrhunderte versuchen, um zu sehen, was am besten aussieht. Da gehen wir. Anzug Mitte. Nein, definitiv die Leitung verlassen. Diesmal haben wir noch ein Bild. Das Mac-Buch und keine Beschriftung wieder, weil mir die Beschriftung hier unten nicht gefällt. Okay? Und dann noch ein Textfeld auf dieser Seite. Das war's. Erweitern Sie Ihr Geschäft und dies kann links ausgerichtet werden. Und das wird Rubrik Nummer zwei sein. Okay, ich überprüfe nur. Da ist eine leere Zeile oben. Also, Heather, Nummer zwei. Der Fall ist perfekt. Und wir wollen auch Icons hier setzen, also ist es ein bisschen seltsam. Lass mich rausgehen und Code setzen. Löschen Sie das. Verschieben Sie das nach oben. Da gehen wir. Setzen Sie noch einen Mantel hier rein, bevor Sie fortfahren. Okay, also in diesem Code, was wir setzen werden, ist und ich irgendwie telefonieren. Also, wenn wir Symbole haben und eine Suche nach Telefon machen, nehmen Sie diese. Geh weiter und kopiere es. Fügen Sie es ein. Und ich wollte ein bisschen größer sein, vielleicht drei Mal Hope drei mal vier, eigentlich. Okay. Und ja, das ist ja, das ist gut. Und ich liebe das ein wenig nach links und sie werden das Büro umziehen. Da gehen wir. Das wird also auch auf dieser Seite gehen. Okay, also der Code, den wir jetzt eintragen werden, ist ein Schraubenschlüssel, wenn wir zurückgehen und wir den Schraubenschlüssel schnappen . Da gehen wir. Perfekt. Kopieren Sie das. Setzen Sie hier rein. Und ich glaube, es war dreimal, wenn ein viermal, nur um es das gleiche in diesem Jahr zu halten. Also wurde das viermal getroffen, und dann bewegen Sie das hier vorbei. Das Bild wurde über gestartet. Okay, Vielleicht wird das auf dieser Seite besser. Mm. Nein, ich denke, es sah besser aus auf der Seite. Okay. Ja, hier gibt es ziemlich viel Prozess im Haar, also sieht das gut aus. Okay, also geh weiter und schlag. Speichern. Jetzt. Ich möchte diese Symbole rot machen. Also lass mich zuerst die Kälte für mein Rot holen. Also Style-Editor, nehmen Sie das laufende benutzerdefinierte. CSS, denken Sie daran für das Symbol, es war eine Klasse I Also, wenn ich nur gehen, ich sollte Farbe arbeiten. Da gehen wir. So geändert, um zu lesen. Okay? Und ich denke, das ist alles, was ich für meine über Seite will. Aber er hätte auch hier. Das will ich nicht. Mm. Es könnte zu viel und nichts über das Hosting sein. Ich kann das auf die Hosting-Seite setzen, wenn ich muss. Und diese Logos, werde ich auch weglassen, wie ein Portfolio verursachen. Und dann so ist das die über Seite kontaktieren Sie uns Seite. Es war schon erledigt. , Das war alles,was ich wollte. Ich könnte ein bisschen hinzufügen, ein paar weitere Felder und die Fragen, die ich ändern werde, offensichtlich. Aber abgesehen davon ist die Kontaktseite ziemlich gut gemacht, außer für den Teig, weil man diesen Hintergrund nicht wirklich sehen kann. Und ich hatte ein spezielles Foto dafür. Das war's nicht. Es waas das hier. Also lass mich sehen, wie groß das ist. Fünf Millionen Bytes. Definitiv nicht die, die ich verwenden möchte. Dort warten wir auf das, den Upload und ändern Sie es dann, um uns zu kontaktieren. Ich werde den Knopf loswerden. Los geht's. Mal sehen, wie das aussieht. Perfekt. Warten Sie. Ich habe das auf der Homepage verwendet. Deshalb sieht es ein bisschen vertraut aus. Sehen Sie, was ich sonst noch für die Kontaktaufnahme verwenden kann? Ich könnte das gebrauchen. Eigentlich bin ich mir ziemlich sicher, dass ich das schon benutzt habe. Zwei Mega-Bates. Ja, das stimmt. Ich werde das benutzen. Eigentlich habe ich das nicht für das Portfolio benutzt. Ich habe mich dafür entschieden, die andere zu benutzen. Da gehen wir, und wir werden sicher treffen. Also mal sehen. Was? Dass Sie diese Art von Arbeitsliste, vielleicht sehen, ob ich kann. Bewegen Sie sich nur ein bisschen. Vielleicht wird das helfen. Das ist ein bisschen besser. Nicht wirklich. Ähm, vielleicht ein bisschen nach unten, um Angebot dunkle Jacke zu bekommen, hoffentlich, iPad. Trotzdem benutze ich das, aber nein, ich mag es besser, bevor ich wirklich mag, also lassen wir es einfach so, wie es genau in der Mitte war. , Ich mag,dass das Beste immer noch ziemlich unleserlich ist. So ja. So würde ich auch die Kontaktseite machen. Okay, wenn ihr also irgendwelche Fragen habt, könnt ihr mich nicht erreichen. Ähm, bei dir , Demi, , Demi,kannst du mir Fragen stellen. Und wenn genug Leute die gleiche Frage stellen, mache ich neue Videos. Wenn also jemand ein bestimmtes Thema wissen möchte, das ich vielleicht verpasst habe, mache ich ein Video über und werde dann in den Kurs hochgeladen. Und ja, und in einigen der Videos. Tut mir leid, wenn ich Fehler gemacht habe. Ich habe versucht, so genau zu sein, wie ich konnte, aber wieder bin ich ein Mensch. Wenn Sie also Fehler sehen, lassen Sie es mich wissen, und ich werde es sofort beheben. Okay? Danke. Leute nahmen diesen Kurs, und ich hoffe wirklich, dass deine Website so schön erscheint, wie du es gehofft hast. 32. Funktionen hinzufügen: Benutzerdefinierte CSS: Jetzt weiß ich, dass ich versprochen habe, dass es keine Codierung auf dieser Website geben würde, aber ich werde Ihnen ein wenig benutzerdefiniertes CSS zeigen, weil es Zeiten gibt, in denen Sie es verwenden möchten , und es ist absolut nicht notwendig. Aber sagen wir, zum Beispiel, als ob ich Sie in einem der früheren Vorträge gezeigt habe. Gerade jetzt ist diese Rubrik Nummer eins rote Rate. Also, wenn ich in Hosting der Überschrift Nummer eins, die in Hosting so genau hier ist auch gelesen . Nun, sagen wir, zum Beispiel, ich wollte, dass das schwarz ist, aber auf der Homepage wollte ich Brett sein. Es gibt wirklich keine Möglichkeit, dies jetzt auf Squarespace zu tun, so dass Sie keinen spezifischen Kalish für bestimmte Seiten haben können, es sei denn, Sie verwenden benutzerdefiniertes CSS. Ein weiterer Grund, warum Sie wie benutzerdefiniertes CSS verwenden möchten, ist, dass Sie die Schriftart des Textes auf einer bestimmten Seite ändern möchten, aber nicht auf allen Seiten. Dann müssen Sie benutzerdefiniertes CSS verwenden, um das fremde zu ändern, den Schriftstil zu erkunden oder so etwas auszuüben. Okay, Okay, um das zu tun, müssen Sie einige grundlegende Brauch kennen. CSS Ich werde einen Link zu W drei Schulen anhängen. Es hat also einige sehr grundlegende Sachen, die man ausprobieren kann und es gibt einige. Einige Kosten sind, dass Sie nehmen können. Es ist kostenlos zu verwenden. Es gibt also wieder Beispiele. Es gibt Praxisfragen, die Sie durchgehen können und Übungen, Also auf jeden Fall einen Blick. Ich verknüpfe das im eigentlichen Verlauf. Okay, in dieser Vorlesung. Also einige der grundlegenden Luft hier, so dass dies wie alles im Körper zielen würde. Dies wäre Heather Nummer eins wieder Absatz , der wie ziemlich Text ist . Also wäre dies nur p für Absatz. H eins ist auf dem Weg eins. Also hier, also ist es sehr, sehr einfach, und es ist sehr einfach, aber wieder, aber wieder, es hilft Ihnen ziemlich viel, wenn Sie wirklich wollen, dass kleine Feinmelodie auf Ihrer Website haben . Also lass uns weitermachen und ich zeige dir, wie wir das machen. Okay, das erste, was ich dir zeigen werde, ist irgendwie der falsche Weg, Dinge zu tun, nur weil ich will, dass du verstehst, warum wir es nicht so machen. Also auf Chrome oder Firefox oder Internet Explorer, wenn Sie mit der rechten Maustaste auf die Stelle klicken, die Sie den Code überprüfen möchten , können Sie auf Inspect klicken. Okay, also würde das automatisch zum Code bringen mit dem Highlight auf was auch immer Sie mit der rechten Maustaste klicken . Also habe ich mit der rechten Maustaste auf die Überschrift geklickt. Also, wenn ich hier drüben habe, ist es die Überschrift. Ok? Also wird jede Sache haben, so dass jede Linie Sie werden ein i d haben, es sei denn, es ist wieder der Rapper , was ich verstehe dies ein wenig fortgeschrittener, also empfehle ich definitiv, dass Sie einen Blick auf die w drei Schule nehmen. Hier, zum Beispiel, ist dies eine Überschrift Nummer eins, und es ist stark. Bedeutung ist fett ID. Richtig. Also der Header eine, den ich in setzen, hat ein i d. Also, wenn ich nehme, dass ich d so direkt dort Ideen gleich jeder Idee ist einzigartig. Okay, es gibt keinen anderen Id auf dieser Website, der diesen Mantel haben wird. Okay, also zeige ich dir, warum das der falsche Weg ist, Dinge zu tun. Okay, also sagen wir, ich nehme das I d. Also, um ein I d anzusprechen benutzen wir dieses Symbol hier. Sagen wir, ich will das Halsband schwarz machen. Richtig? So ist alles gut und gut. Es ist schwarz, oder? Das ist, was wir wollten. Aber jetzt lass mich dir zeigen, was passiert. Dies geschieht nicht jedes Mal, aber es passiert die meisten Male, dass Sie gehen weg und kommen zurück und es ist zurück zu lesen, obwohl es immer noch schwarze Rate zu sparen. Also, jetzt ist es ein wenig verwirrend. Was ist passiert? Warum bist du zurück nach Black gegangen? Werfen wir einen Blick. Also jetzt das H ein Tag. Gleiche, wenn ich verwendet habe ich d und dann 22 oder vier, bevor es 2196 So ist es geändert. Jedes Mal, wenn wir die Seite aktualisieren, ändert sich das i d. Dies ist eine schreckliche, schreckliche Funktion, die von squarespace implementiert wird, und ich persönlich hasse es. Okay, das ist das Einzige, was ich an Squarespace wirklich gehasst habe, ist die Tatsache, dass sich die Ideen ändern , denn das ist etwas, das eine Konvention ist, die sich wirklich nicht ändern sollte. Okay, also hier ist, was du tun kannst. Ok. Was Sie tun können, ist, anstatt es durch seine I d zu zielen. Sie können es als jedes Ziel. Ok? Die andere Sache, die Sie tun können, ist, dass es einige Ideen, die sich nicht ändern, so dass sich jedes i d. Das Wort Block am Anfang nicht ändern wird. Also, zum Beispiel, wenn ich das so unter dem Diff dieses unter diesem Dave kopiert habe, gehe ich noch einen Dave und dann jeder und dann habe ich meine Überschrift, richtig? Wenn ich also zum Beispiel hineingehe , ist das der Dev und ich habe 81 eingelegt, weil es die Überschrift darunter gibt. Es ist also ein Kind dieses Blocks. Wenn ich nun auf eine andere Seite gehe und wiederkomme, dann ist es so schwarz. Okay, also siehst du, was passiert ist. Solange du Block benutzt hast, bleibe ich immer noch. Oder wenn Sie einfach H selbst verwenden. Der Grund, warum ich 81 nicht selbst verwenden würde, ist, dass es auf jede einzelne, jede auf der Website zielen würde . Also, wenn ich Hosting mag, wäre das auch schwarz. Wenn ich Block nicht verwenden würde, siehe, wäre das auch schwarz. Okay, also ist es wie ein Leben. Sie können eine Live-Version der Website sehen, wenn Sie Änderungen auf der linken Seite vornehmen. Sie öffnen es auch in einem neuen Fenster, so dass Sie es hier irgendwie größer sehen können. Der Fall beinhaltet das. So würden Sie wieder auf CSS zielen. Es ist eine Art seltsame Situation, aber es ist, was Squarespace vorerst hat. Also schätze ich, das müssen wir folgen. Okay, das ist die Konvention, die wir folgen müssen. Ähm, das andere, was wir von hier aus tun können, ist wieder. Es gibt Farbe. Wir können Schriftarten ändern. Ich werde dir in der nächsten Vorlesung zeigen, wie du deine eigenen Fronten hinzufügen kannst. Aber im Moment können wir uns auch wie Spaß ändern . So Schriftfamilie zu Helvetica. Ok? Oder wir können es in Ariel ändern. Ariel. Keine große Veränderung. Wir können es in offene Söhne ändern, die die Raumkappe öffnen. Ich habe die Konvention für offene Söhne. Das ist in Ordnung. Ähm, also ja, du kannst weitermachen und damit herumspielen. Okay, so machst du das. Und auch, Sie können die Schriftgröße natürlichin der Größe 16 Pixel ändern natürlich . Okay, jetzt, die andere Sache, die Sie im Hinterkopf behalten wollen, sagen wir, Sie gehen hierher und setzen Farbe schwarz und es dauert nicht, dass es bleibt. Lesen Sie, was Sie tun können, seine setzen ein Leerzeichen und setzen Sie dann ein Ausrufezeichen und setzen Sie es wichtig . Okay, das sagt dem CSS so ziemlich, alle anderen Regeln zu überschreiben und wirksam zu werden. Okay, so umgehen Sie irgendwie, wenn Sie tatsächlich in Farbe Schwarz setzen und es ändert sich nicht . Probieren Sie das aus. zuerst, Versuchen Siezuerst,es wichtig zu machen. Und wenn es immer noch nicht funktioniert, dann ist es wahrscheinlich falsch. Also schauen Sie einfach hier rüber, okay? Also gehe ich weiter und schließe das. So würden Sie das benutzerdefinierte CSS schneiden. Ich musste das zum Ändern der Schriftfarbe verwenden, ändert sich die Schriftgrößen. Um, den Text breiter zu machen. So, zum Beispiel, ähm, einige Seiten, wie die Breite des Textes wird nur so weiß richtig. In einigen Vorlagen können Sie es also vergrößern, indem Sie zu dem Container gehen, der es enthält. So zum Beispiel nach oben, gehe ich zum Beispiel nach oben,bis das alles auf der Seite ist, die den Text vorschlagen. Das ist also die 1. 1, die den Text enthält. Und dann kannst du wie machen, die Breite. So würden die meisten Seiten wie ein mit 50. Aber das hat 100. Es lässt mich das nicht reinlegen, weil ich kein Prozent gesetzt habe, damit du so etwas setzen kannst , oder? Um ehrlich zu sein, sein, würde ich es vorziehen, einen Abstandhalter zu setzen, nur weil Sie nicht zu viel festliches CSS einfügen wollen , weil es die Website brechen könnte. Es ist sehr unwahrscheinlich. Und ich meine, Sie könnten einfach zurück zu benutzerdefinierten CSS gehen und die Zeile entfernen, die es irgendwie ruiniert hat. Es ist also nicht wie eine große Rettung. Es gibt wirklich kein Risiko. Eigentlich ist alles unmachbar. So setzen Sie benutzerdefiniertes CSS. Abgesehen davon ist alles,was Sie hier reinlegen, global für die gesamte Website, es sei denn,Sie zielen darauf ab, mit Blöcken wie diesen, richtig? Abgesehen davon ist alles, was Sie hier reinlegen, global für die gesamte Website, es sei denn, Sie zielen darauf ab, mit Blöcken wie diesen, richtig? Blöcken wie diesen, Also, wenn ich jeden Block und dann Farbe, so dass es automatisch schließt Ihre Tags als gut, Also Farbe schwarz wäre nur diese Seite, weil dies die einzige Seite mit diesem mit einem Block mit diesem I d ist . Während, wenn ich tat jeder schwarz, ich zeige dir, wie das aussieht. Also, wenn ich ins Hosting gehe, wird das auch schwarz sein. Okay, sagen wir, Sie wollen keine Blöcke anvisieren oder Sie haben keinen weiteren Block zum Ziel. Was Sie tun könnten, wenn Sie nur wollen, dass dies schwarz ist, ist, dass Sie in Seiten gehen können. Dann kannst du hier nur auf das Hosting des kleinen Zahnrad-Symbols klicken. Gehe zu fortgeschritten, und dann gehen wir voran und setzen in Stil. Sie müssen das einschließen, weil dies direkt in den Header geht, in dem es benutzerdefiniert ist. CSS erhält automatisch Stil oben unten hinzugefügt. Dann setzen wir jede Farbe schwarz ein. Lasst uns retten. Jetzt siehst du, dass es hier schwarz ist. Wo ist Es ist nicht schwarz hier, aber eine Sache, die Sie bemerken, ist, dass, während ich diese Änderung tut Sorry, Falsche Seite Hosting. Und so, während das. das zum Beispiel Wenn ichdas zum Beispielrückgängig mache, sehen Sie, dass es im Hintergrund immer noch schwarz ist. Sie werden keine Änderungen sehen, bis Sie auf Speichern klicken. Das ist also der einzige Nachteil, diesen Weg durchzugehen. Was ich sogar empfehlen würde, ist, dass Sie in gestaltetes benutzerdefiniertes CSS gehen. Probieren Sie ein beliebiges CSS aus, stellen Sie sicher, dass es funktioniert und kopieren Sie es dann und fügen Sie es in die spezifische Farbe ein. Okay, so würden Sie Leute irgendwie benutzerdefinierte CSS auf Ihrer Website verwenden, und es gibt ein wenig fortgeschrittener. Deshalb werde ich das Tutorial über W 3 Schulen für Sie einbinden. Und in der nächsten Vorlesung werde ich Ihnen zeigen, wie wir das zu unserem Vorteil nutzen können. Ok. In Ordnung. Ich sehe euch in der nächsten Vorlesung. 33. Funktionen hinzufügen: Hinzufügen von benutzerdefinierten Schriftarten: Okay, also habe ich dir vorher gezeigt, wie du die Schriftart eines bestimmten Textes auf deiner Seite ändern kannst. Also gehen Sie zum Design-Stil-Editor, und dann können wir weiter gehen und klicken Sie auf diese und dann gehen Sie zu Font und wir können eine Grenze wählen . , Sagen wir mal,du hast das letztes Jahr durchgemacht und magst keine der Schriftarten hier. Es passiert, auch wenn es hier ziemlich viele gibt. Und sagen wir, du magst gekämpft. Das ist auf einer anderen Website. Es gibt eine Möglichkeit für Sie, eine Schriftart herunterzuladen und in quadratischen Raum hochgeladen, und ich werde Ihnen zeigen, wie in dieser Vorlesung. Es gibt also drei Hauptwebsites, die ich für Gelder verwende. Ich gehe weiter und füge den Link für diese als zusätzliche Ressourcen für diesen Vortrag ein, so dass Sie gehen und auf diejenigen klicken können, die ich aufgelistet habe D A Fonds. Also lassen Sie uns voran und ich werde Ihnen zeigen, wie wir zum Beispiel dieses hier hinter Skript verwenden können . Das erste, was ich tun würde, ist sicherzustellen, dass Squarespace es nicht bereits hat, Also habe ich hinter dem Skript eingegeben und es gibt nichts hier, also gehen wir voran und laden das herunter. Also gerade auf den Desktop heruntergeladen. Ok? Und ich extrahiere es auch perfekt auf den Desktop extrahiert. Nun, was Sie tun, ist, dass Sie zu benutzerdefiniertem CSS gehen. So gehen Sie, um benutzerdefinierte CSS zu entwerfen und wir scrollen nach unten zu seinem verwalten benutzerdefinierte Dateien. Lassen Sie uns voran gehen und klicken Sie auf das Anzeigenbild oder Geld, und dann werde ich tatsächlich auf meinen Desktop gehen. Ich werde hinter dem Skript gehen und die Datei hochladen, so dass dies in einer Vielzahl von verschiedenen vier Mastern O T F T T f und WTF sein könnte . - Ich glaube. So. Wir gehen voran und klicken Sie auf Öffnen. Jetzt haben wir also die Grenze. Geh weiter und geh hierher zurück. Das erste, was wir tun müssen, ist, die Schriftart so einzurichten, dass wir sie tatsächlich verwenden können. Also, was wir tun, ist Schrift Gesicht eingeben, okay? Und jetzt werden wir die Schriftdatei tatsächlich damit verknüpfen. Also zuerst geben wir ihm einen Namen, so Schriftfamilie wird es nennen. Ich glaube, es wurde hinter dem Skript genannt, also machen Sie es hinter sich, okay, und wir gehen bei SERC. Das ist also die Quelle. Und es ist die U R L Öffnung schließen tatsächlich den Semi Doppelpunkt als auch in die Klammer. Sie setzen einfach Ihren Cursor dorthin, gehen Sie zu verwalten benutzerdefinierte Datei und klicken Sie auf diese und wird automatisch in den Mantel füllen. Okay, jetzt, wo wir das haben, wenn wir zu H eins gehen und die Schriftfamilie zwei dahinter ändern, sollten wir sehen, dass es eintritt und es jetzt so aussieht, im Moment, es sieht irgendwie seltsam so aus weil es nicht genug Platz gibt. Also kann ich zu einem Buchstabenabstand von 1 e m gehen , also ist das ein bisschen zu viel. Wir könnten es zu einem 0,5 Yem machen. Ja, das ist ein bisschen besser. So würde es jetzt aussehen. Ich mag nicht wirklich, wie das aussieht, nicht genau das, was ich im Sinn hatte, aber wieder einfach zu dir, wie es gemacht wird. Okay, der Grund, warum ich denke, dass es so aussieht, ist, weil es alles Kapital ist. Also lasst uns versuchen, es nicht alle Mützen über uns zu machen. Ja, das sieht besser aus. Okay, also offensichtlich würde ich dieses Formular nicht für meine Website verwenden, weil dies nur eine Demonstration ist da meine Website, ich wollte ein lebendiger moderner sein, ich würde mehr wie Schriftarten verwenden. Das ist so ähnlich wie das, was es vorher war, und eher wie diese Art von Anleihen ohne Sarah. Das würde ich also verwenden, um dir nur zu zeigen, wie es hinzugefügt wird, obwohl ich noch etwas erwähnen möchte, ist, dass du es andermal so ändern wirst . Selbst nachdem du alles genau so eingesteckt hast, ändert sich die Front, die benutzt wird, jetzt nicht mehr. Dafür gibt es eine wirklich einfache Lösung. Du gehst einfach in die U. R L und alles nach Entschuldigung, alles vor statisch. Also https, Semikolon Schrägstrich Wir würden das löschen. Okay, wenn du das löschst, ähm, nur eine Sekunde hier war es so leid, alles vor dem Schrägstrich. Also würden Sie https und dann den Semikolon löschen und die Schrägstriche führen. Also jedes Mal, wenn Sie benutzerdefinierte Dateien auf Ihrer Website verwenden und Sie feststellen, dass es nicht funktioniert, versuchen Sie einfach, den Schrägstrich auszuschalten Okay. Der Grund dafür, dass es normalerweise nicht funktioniert, liegt darin, dass es standardmäßig über https und Quadrate bereitgestellt wird. Hatte das nicht. Jetzt, da squarespace https unterstützt, wird es tatsächlich für uns hier funktionieren, also wird es auch ohne es zu löschen funktionieren. Okay, wenn Sie also nicht SSL verwenden, stellen Sie sicher, dass Sie diesen https-Semikolon löschen, bevor sie mit der Arbeit beginnen. Okay, so würden Sie benutzerdefinierte Mittel hinzufügen. Also nochmal, du kannst einfach hierher gehen. Hier können Sie einige der Schriftarten durchlaufen. Also für ausländische Look Urlaub diejenigen So, zum Beispiel, Weihnachten. Also zu Weihnachten, klicken Sie einfach hier. Und es gibt hier eine sehr, sehr coole Schriftarten, die Sie verwenden können, nur um Ihrer Website einen schnellen Urlaubslook ohne zu viel Arbeit zu geben . So können sie schnell die Überschriften in eine davon nur für die Feiertage ändern und dann ausschalten , wenn Sie fertig sind. Okay, also das ist Custom Foots. 34. Funktionen hinzufügen: Erstellen eines Features:: Okay, in diesem Vortrag werde ich Ihnen zeigen, wie man einen Akkordeon-Stil F A Q kreiert . Also, wie das aussehen wird, wenn es fertig ist, ist ähnlich. Es gibt also eine Frage und Sie klicken sie für die Antwort. Okay, also dieser Code kommt von Silva Baucus, ähm dot com. Also ist er derjenige, der die Codierung ausgedacht hat, und er hat sie erstellt, damit es mit Mark nach unten funktioniert. Also ist es definitiv etwas, das ich empfehle, besonders wenn du ein paar Fragen beantworten willst, die Leute haben, was ich sein werde. Gehen wir also zur Kontaktseite, denn hier werde ich es hinzufügen. Okay, also werde ich den Link dazu in der eigentlichen zusätzlichen Ressource setzen. Aber ich habe auch die eigentliche Codierung. Ich habe es in ein Textdokument zusammengestellt, und es hatte einige Anweisungen, denen Sie folgen können und ich zeige Ihnen, was hier getan wird. Das erste, was wir tun müssen, ist, dass wir die J Query Library aktivieren müssen, also gehen wir in die Einstellungen und dann erweiterte und dann Code-Injection. Und dann in der Kopfzeile werden wir nur den Aufenthalt bezahlen, also hatte ich ihn schon dort. Dann gehen wir zurück, zurück, zurück, zurück und wir gehen zurück in das Design als Nächstes. Okay, als nächstes werden wir das in die eigentliche Seite einfügen, die Sie das F A Q haben wollen also werde ich es auf der Kontaktseite haben. Also gehe ich auf die Kontaktseite, klicke auf die kleine Ausrüstung, die ich gehe zu fortgeschritten und füge diese ein. Okay. Und wir werden schlagen. Speichern. Und schließlich haben wir noch einen Codeblock, der hier unten ist. Wir werden das kopieren, und wir werden in Design Custom CSS gehen und es hier einfügen. Also lässt es einfach etwas Platz, stell es da rein, okay? Und dann werde ich voran gehen und schlagen. Speichern. Geh zurück, geh zurück. Also, jetzt sind wir bereit, das wirklich reinzulegen. Also, was wir tun, ist, dass wir auf Bearbeiten klicken, wo immer wir es setzen wollen. Ich werde hier klicken. Was? Ich wollte vorerst an der Spitze, und ich werde nach unten suchen. Okay, das ist es genau hier. Kann das eingeben. Also für Mark Down. Was wir tun, ist, dass Sie auch Hashtag-Zeichen setzen und dann die Frage. Wie viel sind Ihre Dienste? Und dann drücken Sie die Eingabetaste und dann die Antwort, damit jedes Projekt anders ist, okay? Und dann setzen wir Raumbasis. Und dann die nächste Frage, ähm, ich kann nicht tun, dass Sie die Seite benutzt haben, verwendet das Formular auf dieser Seite. Okay, also schlagen wir. Bewerben. Für den Moment wird es immer noch kein Dropdown-Menü angezeigt, wenn Sie klicken, damit das funktioniert, müssen wir die Seite aktualisieren. Also zuerst schiebe ich das zur Seite. Ich glaube, dass alles, was es retten. Also gehe ich zum Beispiel zum Beispiel Blawg und komme dann zurück zur Kontaktseite. Und jetzt können Sie sehen, legte ordentlich, wenn, Wenn Sie auf die Frage drücken, die Antwort erscheint und das Zeichen ändert sich von plus zu minus. Okay, das benutzt Javascript. Und dann sagen wir, zum Beispiel, Sie haben diesen Code richtig eingegeben und Sie mögen, wie er aussieht. Aber Sie möchten Header nicht zu verwenden. Also, Symbole zu haben, ist Header nach rechts. Lasst uns jemand Header drei benutzen, oder? Sie würden drei Symbole hier einfügen und Sie würden anwenden drücken, und es ist sicher, also sieht vor drei ein bisschen anders aus. Es ist eine kleinere Schriftgröße. Also zeige ich Ihnen beide, eigentlich einen von jedem. So können Sie sehen So Sie sehen, wie dies eine größere Größe ist und dies ist eine kleinere Größe. Also, wenn Sie Header drei verwenden möchten, setzen Sie drei. Aber bevor er anfängt zu arbeiten, müssen Sie tatsächlich in den Code hier in Advanced gehen. Und überall sehen Sie, dass acht h zwei, Sie müssen auf 83 h drei ändern. Also jeder drei gibt es auch hier. Hier drüben ist einer. Ich glaube, das ist die letzten anderen ein mehr und schließlich das auf dem weißen speichern. Also jetzt funktioniert es für H drei. Sie können dies auch ändern, um mit H one zu arbeiten. Wenn Sie möchten, dass die Schriftart wirklich groß ist, oder Sie können in den Stil-Editor gehen So Stil endete hier und es könnte nach unten scrollen H eins und Sie können die Schriftgröße hier ändern. Sie jedoch, BeachtenSie jedoch,dass dadurch die Schriftgröße für Ihre gesamte Website geändert wird. Also, wenn Sie möchten, dass dies nur eine kleinere Schrift ist, wäre Ihre beste Wette, es zu einem H drei zu machen. Okay, so hättest du ein Akkordeon-Stil F ein Q. 36. Funktionen hinzufügen: Mehrere Menüs (fortgeschritten): Okay, also habe ich einige Leute gefragt, wie man verschiedene Menüs auf Squarespace erstellt. Dies ist zum Beispiel, wenn Sie wie Englisch, Französisch und Spanisch oder verschiedene Sprachen auf Ihrer Website zeigen möchten und verschiedene Seiten für jedes Menü haben . So machst du es. So es zum Beispiel habe iches zum Beispielfür drei verschiedene Standorte eingerichtet. Dies ist eine andere Client-Website. Ich brauchte diese Funktionalität nicht für meine eigene. Also zeige ich Ihnen auf seiner. Also, wenn ich nach Bellevue an der Küste gehe, so würde Bellevue aussehen, wie diese Küste würde so aussehen . So sehen Sie, wie die Navigation von fehlenden einigen und auch jeder Seite tatsächlich anders ist. Moment bin ich auf der Homepage, und das ist anders als die Homepage für diesen Ort, richtig? Also auf dem eigentlichen Rücken. Und was Sie sehen würden, wenn Bellevue Navigation Shoreline Seattle und nicht verbunden und Haupt, die automatisch eingebaut. Also zeige ich Ihnen, wie das geht. Ist es. Ich lebe mit komplizierteren, aber lass uns los. Ok. Also zuerst gehen wir zu den Einstellungen und wir gehen in den Entwicklermodus voran und haben dies eingeschaltet, sobald Sie dies aktivieren, werden alle Ihre Konnektivitätsdetails hier angezeigt. Das Gute am Entwicklermodus ist, dass Ihre Vorlage nicht aktualisiert wird. So ein Formenbrecher Code in der Zukunft. Also wird es immer wach bleiben. Okay, Also, um tatsächlich in Ihrer Website anmelden, so ftp in, Ich benutze, wenn SCP Sie verwenden können, die jeder Sie wollen. Ähm, also gehen wir weiter. Und wenn ich spreche, SCP ist eigentlich kostenlos zu verwenden, so dass Sie Angst haben Google dafür und laden Sie es herunter. Ich werde auch einen Link hinzufügen. Das ist also die eigentliche Information. Also bist du gerade hier reingekommen? Stellen Sie sicher, dass dies auf sftp gesetzt ist, da es sich um sftp handelt. Also war ich schon eingetreten. Also ist es genau hier. Gehen wir weiter und unterschreiben es. Sie werden feststellen, dass es Sie manchmal abmeldet und es wird sagen, Möchten Sie die Verbindung wieder herstellen? Stellen Sie einfach sicher, dass Sie wieder verbinden, so dass Ihre speichert tatsächlich stattfinden, weil es einige Fehler gibt , wo es nur schickt Sie zufällig manchmal. Also lassen Sie mich wirklich darauf zurückgehen, bevor ich fortfahre. Okay, perfekt. Also, wenn Sie tatsächlich hier sind, müssen wir 22 Dinge in Dateien ändern, die Vorlagendatei und die Hatter-Datei. Okay, also ist die Vorlagendatei das, was auf dem Backend angezeigt wird. Also für Sie, nicht für die Leute, die Ihre Website besuchen, sondern für Sie, damit Sie tatsächlich das Menü erstellen können. Wenn du dich zum ersten Mal anmeldest, wirst du sehen, was du sehen wirst, ist das, um tatsächlich nur zu gehen, du wirst das sehen. Okay, also willst du nach dieser Hauptnavigation suchen Bedeutet das und genau hier, nach der geschweiften Klammer und vor der eckigen Klammer, willst du alles bis hierher kopieren. Also alles innerhalb der kleinen Locken Bordstein Klammer jemand eine Kopie und fügen Sie es so oft wie Sie brauchen. Okay, also brauchte ich drei Standorte, also habe ich drei gemacht. Ich gab ihnen Titel, und auch ich gab ihnen einen Namen. Stellen Sie sicher, dass der Name keine Leerzeichen hat, weil er am I d verwendet werden wird. Okay, wenn Sie das getan haben, werde ich es offen halten, damit Sie sehen können, was ich tue, und dann gehen wir in die Header-Region. Es gibt also drei Orte, an denen wir Änderungen vornehmen können. Okay, also lass das offen. Also hier habe ich drei Menüs. Die Hauptnavigation. Ich habe nur meine Titelseite, auf der Leute tatsächlich welche Sprache oder welchen Ort auswählen. Also will ich das Menü nirgends zeigen. Ok? Ich möchte nur diese drei Menüs zeigen. Das ist der Grund. Hier, ich benutze nur die drei. Wenn Sie sich also zum ersten Mal anmelden, sehen Sie hier Squarespace. Eine Behauptung könnte jetzt haben. Also, was Sie tun möchten, ist kopieren Sie die drei Mal eingefügt und ändern Sie die Navigation I d. Das ist das einzige, was Sie in den Namen ändern müssen, den Sie ihm gegeben haben. Also Bellevue Küste in Seattle. Okay, dann scrollen Sie nach unten und dann haben Sie noch einen anderen hier. Also wieder, die 1. 1 hier, wird es sagen, kann Navigation. Willst du das kopieren? Vergewissern Sie sich, dass Sie das kopieren. Und fügen Sie nicht einfach das ein, was Sie kopiert haben. Denn jetzt ist die Vorlage Hauptnavigation, nicht mobile Navigation. So können Sie kopieren Einfügen und geben Sie ihm die, um die Navigation, die ich d, um den Namen hier drüben zu entsprechen, und Sie scrollen nach unten und es gibt eine weitere genau hier. Also gehen wir wieder kopieren Einfügen und änderte die Navigation ich d zwei, was auch immer Sie wollen tatsächlich anzeigen. Also die Sache daran ist, wenn Sie dies tun, wird es tatsächlich alle drei Menüs auf jeder Seite zeigen, so dass ich Ihnen zeigen, wie schwächen Grenze, die nur das Menü zeigt, das Sie auf jeder Seite zeigen wollten . Sobald Sie das getan haben, Sie einfach getroffen, Sparen Sie auf. Du wirst eine Kiste herkommen lassen, die dir sagt, dass sie rettet. Und wenn es fertig ist, können Sie dies schließen, die Sitzung beenden und dann diese Seite aktualisieren, und dann werden Sie alle drei Menüs sehen, in denen Sie Seiten einfügen können. Alles, was Sie tun, ist, klicken Sie darauf und ziehen Sie es hinein. Okay, eine Sache, die Sie wissen sollten, ist, dass wieder keine zwei Seiten dasselbe haben können. Sie sind auch Dies ist Zuhause drei. Hier ist die Heimat, und hier ist ein Zuhause. Es gibt also keine Möglichkeit, es zu haben. Ist zu Hause? Nach Hause? Aber ich meine, das ist eine kleine, kleine Sache, die man aufgeben muss. Sie können sogar die Navigation machen. Vielleicht ist Bellevue zu Hause, oder? Es sieht also ein wenig besser auf Suchmaschinen aus, aber das liegt an Ihnen. Also danach, was wir tun. Lassen Sie mich Ihnen zeigen, wie es für Sie aussehen wird. Okay, also sofort wirst du sehen, dass alle drei Männer Luft benutzen, die auftaucht. Und wenn du tatsächlich zur mobilen Ansicht gehst, wirst du sehen, dass alle drei Männer Luft benutzen, die auftaucht. Das ist auch ziemlich cool. Sie können irgendwie zwischen den Ansichten hier oben wechseln, also um es zu verstecken, was wir tun müssen, lassen Sie mich es tatsächlich in eine Live-Website einfügen ist nicht betroffen. Also, wenn du zum Fortgeschrittenen gehst, was ich tue, ist, dass ich naff und das vierte Kind werde. Lassen Sie mich Ihnen zeigen, warum ich das tue. So werden Sie sehen, dass es am Mai Haupt gibt. Navin. Ich genug. Es gibt drei von ihnen. Das sind Bellevue, Shoreline und Seattle. Okay, das Hauptschläfchen wird nicht angezeigt, weil ich das nicht in meine tatsächliche Vorlagendatei aufgenommen habe. Entschuldigung. Die Header-Datei ist meine einzige hatte diese drei. Weil, denken Sie daran, ich möchte das auf keiner Seite zeigen. Also als nächstes, was wir tun müssen, wenn wir auf dieser Seite haben. Da dies der erste tatsächliche ist, den du kennst, Menü, werde ich die zweite in der 3. 1 Rate verstecken, aber die zweite. So zum Beispiel die Küstenlinie mein zweites Riel-Menü. Aber in meiner Liste der Menüs gibt es eins bis drei. Also das ist eigentlich mein drittes Menü. Das ist mein viertes Menü. Okay, also was muss ich tun? Das ist also mein zweites Menü. Da ich also nicht die 1. 1 zeige, muss ich die 1. 1 nicht verbergen. Also, was du tust, ist, dass du sie in Style-Tags bedeckt hast . Es ist also nur für diese Seite spezifisch. Alles, was Sie hier einfügen, ist nur für diese Seite spezifisch. So, zum Beispiel, kann nicht vier Kind wird die Seattle auf der sehr 4. 1 Okay, so als nächstes müssen wir die dritte verstecken 1 So Küste, und dann tun wir das gleiche für Handy. Okay, also mobile Navigationen genannt mobile Navigation, um zu finden, dass alles, was ich tun musste, war hier zu gehen, rechten Maustaste hier, inspizieren. Und es ist mobile Navigation. OK, mobile Navigation. Also zeigt sie zweimal hier, also schauen wir mal, was ich getan habe. Eigentlich muss es vielleicht nur aktualisiert werden. Wir schauen uns kurz an. Also dritte und vierte Anzeige eines Das ist gut. Immer noch zeigt mir nur schnell etwas überprüft, das mir zeigt? Welcher ist das? So sehen Sie, wie dieses Haus hervorgehoben hat. Also bin ich auf der Homepage. Das ist also ein Bellevue Menü. Also lasst uns hier nach Hause klicken und sehen, wohin es mich führt. Also bringe ich zur Küstenlinie. Okay, also wird die Küste aus irgendeinem Grund nicht verborgen. Mal sehen, ob es für diese Seite dasselbe ist. So passiert es für alle Seiten. Ich muss einen kurzen Blick darauf werfen, warum das so ist. Werfen wir einen kurzen Blick, mobile Navigation und Kind. Also lassen Sie mich mit der rechten Maustaste hier klicken. Inspection. Es sollte also nicht zeigen, dass die 2. 1 hübsch ist. Dieser ist so eingestellt, dass er nicht auf angezeigt wird. Dies wird daraufhin erklärt. Die 3. 1 die 2. 1 So war die 1. 1 der richtige. Ja. Also ist die 1. 1 richtig. Die 2. 1 sollte versteckt sein, ist es aber nicht. Das ist also dritter. Also sollte ich die 2. 1 versteckt haben. In Ordnung. Ok. Also auf Handy ist ein bisschen anders. Die Hauptnavigation wird automatisch nicht angezeigt, da wir das nicht in unsere Vorlagendatei eingefügt haben. Was wir also tun müssen, ist, wo hier vier und drei sind. Das wären eigentlich drei. Und, äh, zwei für zwei auf drei. Es ist einer dahinter. Also geh weiter und sag das. Stellen Sie einfach sicher, dass das stimmt. Das ist richtig. Also, jetzt wollen Sie das kopieren und in alle Seiten einfügen? Okay, da gehen wir. So geklebt hier. Und dann wirst du sehen, dass das Menü verschwindet. Jetzt sind nur noch zwei da. Entschuldigung. Eins dort. Jetzt sind zwei hier, also werde ich es wieder hier einfügen. Ich werde nicht alle Seiten durchgehen, aber fügen Sie sie ein und da gehen wir. Lehnen Sie sich zurück, Teoh. Ein Menü und ein Menü hier, und es ist hervorgehoben. Das bedeutet also, dass es das richtige Menü ist. Also, wenn ein Monat f a ke wollen Bellevue auf der Bellevue Seite, es sollte die f A F hervorgehoben werden. okay, so das ist, was Sie tun. Und dann richte ich tatsächlich ein Hauptnavigieren Sie auf der Hauptseite, dem Deckblatt. Das brauchst du unbedingt, ähm, so schnell hier. Oder Sie können etwas in Ihrem Menü haben, das Englisch sagt, und es führt auf die Homepage der englischen Website. Also hier ist, wie es aussehen würde. Okay, so schaffst du das. 37. Funktionen hinzufügen: Live-Chat hinzufügen: Hey, Leute. Also hatte ich einige von Ihnen gefragt, wie Sie umsetzen würden, wie ein Live-Chat auf Ihre Websites oder so etwas, was? Also ging ich voran und ich schaute mich um und scheint, dass dieser einer der besten sein könnte um seinen genannten Talkpunkt t o zu verwenden. Ich werde den Link in die Beschreibung einfügen. Es ist wirklich cool, weil es absolut kostenlos ist. Es gibt keine Werbung. Es gibt keinen ähnlichen Farbabschnitt. Die Art, wie sie funktionieren, ist, wenn du zahlen willst, kannst du, und sie geben dir, wie ihre eigenen Agenten, die deine Chats für dich erledigen werden. Und so verdienen sie ihr Geld. Es gibt also keine Vormitglieder oder so etwas. Also alle Funktionen, die Sie von einem rosa Premium-Kerl erwarten würden, Also ich meine, es ist wirklich cool, ich denke, bis zu verwenden. Also werde ich es schnell einrichten, damit du sehen kannst, wie ich es machen werde, und du kannst irgendwie mitverfolgen. Also müssen wir uns erst registrieren, damit sie Ihre E-Mail nehmen. Ich schätze, das ist ein anderer Weg, um Sie zu vermarkten. Aber ich meine, ich sehe den Wert darin. Also werde ich weitermachen und das tun. Machen Sie einfach ein kurzes Passwort. Ich bin mir nicht sicher, wie lange es dauern kann, bis diese E-Mail dorthin kommt. Okay. Ich wollte das Passwort sagen, um zu sehen, ob es noch kommt. Okay, los geht's. Lassen Sie uns also fortfahren und bestätigen, dass es uns zum Dashboard bringt. Perfekt. Also geben wir den Namen der Website irgendwo anders ein. Also gehe ich auf meine Squarespace-Website. Ich nehme an, das ist das Mädchen, das ich gerade eingerichtet habe, war eine schnelle Demo, um euch zu zeigen, damit ich keinen Domain-Namen habe. Das ist eine Art temporäre, die squarespace vorerst gibt. Also denke ich, das war, hast du nachgesehen? Du kannst den Zauberer nicht überspringen, aber ich werde es nicht tun, denn es gibt nur drei Schritte. immer, ich werde niemanden einladen, also okay, wir lassen das einfach als Nächstes. Also, um den Kerl zu installieren, wo, ähm, Widget alles, was Sie brauchen, um nur diesen Mantel auf jeder Seite vor dem Körper zu setzen. Okay, einfach genug. Also kopieren Sie das. Ging über Einstellungen, erweiterten Code, injizieren Injektion, und sie werden es in Nun, wir könnten sein, ich werde in den Header setzen müssen, weil sie vor dem Körper und die Fußzeile kommt in der Regel nach die Leiche. Nicht immer. Also lasst uns voran gehen und schlagen, speichern und die Daumen drücken. Da gehen wir. Also lasst uns mit ihr plaudern. Lass uns reden und dann online. Mal sehen, wie es aussieht. Wir sind live und bereit zu beginnen. Wir sind live bereit, mit zu chatten , wissen Sie, sagen, etwas begann Live-Check und powered by Talk T o. , wissen Sie, sagen,etwas begann Live-Check und powered by Talk T o. Aber das ist okay. Ich meine, ich habe nichts dagegen, dass das kleine Branding da ist. Also gibt es Likes damit. Unterbrechen Sie die Konversation, holen Sie sich Blutdateien, mailen Sie sich die Abschrift und wiederum den Ton an oder aus. Und ich glaube, das ist Papa-Chat. Ja. Also sollte ich zurück gehen. Perfekt. Also macht es all die coolen Sachen, die Sie brauchen. Sie können das Teil schließen. Okay, also lass uns voran gehen und sehen, wie wir eigentlich mit Leuten plaudern würden. , Ich schätze,es würde dir Benachrichtigungen auf deinem Desktop anzeigen. Äh, das will ich nicht wirklich. Gehen wir weiter und es ist erledigt. Also hier ist, wo Ihre Chats kommen würden. Mal sehen, ob es tatsächlich funktioniert, hallo. Solange du hier drin bist, bekommst du dieses kleine Geräusch. Ich schätze, deshalb möchten Sie vielleicht die Benachrichtigungen auf. Also, wenn du diese Website nicht ständig geöffnet hast, bin ich hierher gekommen, also okay, also ist das ein bisschen Emily. Also trage mit mir für ein zweites Band-Tag. Ich schätze, Sie müssen das irgendwie akzeptieren, aber sehen Sie hier, schließen Sie sich an, damit Sie sich uns oder irgendjemandem anschließen können. Also, was geht und mitmachen? Ich kann das nicht glauben, Miss das die ganze Zeit. Also denke ich, das ist der Grund, warum Sie die Desktop-Benachrichtigung wollen. Also, wenn , sagen wir, jemand Ihnen Nachrichten Nachrichten gibt und Sie diese Website nicht geöffnet haben, können Sie tatsächlich ein kleines Pop-up hier unten bekommen, oder? Egal, wo du bist. So bekommen Sie ein wenig Pop-up sehen jemand versucht, mit Ihnen zu chatten, so dass Sie mehrere Leute online gleichzeitig haben können . Also, ähm, so hier ist, was die Gäste, die zu bekommen gesagt Hallo. Also sage ich, Hey, wie und ich geholfen habe. Mal sehen. Ja, wir bekommen ein kleines Symbol hier, was bedeutet, dass diese Benachrichtigung, die ich dem Gas helfen muss, in dem Gespräch beigetreten ist. Perfekt. Also versuche ich es jetzt selbst, also scheint es zu funktionieren. Also, wenn du fünf Leute hast , ,dass ihr Job dem Live-Chat voraus ist, kannst du sie hier drin haben. Und was? Ein Chat ist fertig, sie können abholen das nächste Kapitel wird eine Liste von allen, die darauf warten, hier gesprochen zu werden . Also was, sie verlassen das Kind und versuchen es dann? Wenn ich hierher zurückgehe, ist dieser Chat jetzt beendet. Nun, was ist mit meiner Freude passiert? Ist es wieder hochgekommen? Das tut es. Okay, das ist seltsam. Aber ich meine, das ist in Ordnung. Wenn Sie genau wie haben, sagen Sie ihnen etwas, gehen Sie zurück in die Erstellung, nehmen Sie eine Kopie. Die Transkriptdruck bei einer Notiz auf, bekommen Menschen fühlen sich in ihrer E-Mail-Adresse hier und geben ihnen einen anderen Namen hier. Das ist also alles perfekt. Ähm, nein. Lassen Sie mich einfach herausfinden, wie wir gehen würden. Wenn ich den Chat verlassen möchte, sollte es einen Weg geben, um fertig zu werden. Sagte es. Und ja, OK, los geht's. Also, wenn du fertig bist, du einfach zu Ende. Und dann löscht das sie von hier aus, damit du auf die nächste Person warten kannst und auftauchen kannst. Ja, wirklich cooles Feature. Empfehlen Sie definitiv, dass Sie dies verwenden, wenn es für Ihre Website nützlich ist. Ja, danke. Also, ihr Jungs nächstes Mal 38. Funktionen hinzufügen: Facebook Messenger hinzufügen: Hey, Leute, Willkommen in einem anderen Squarespace-Tutorial. Heute werden wir Facebook-Messenger zu Ihrer Squarespace-Website hinzufügen. Wenn Sie also darüber nachgedacht haben, einen Live-Chat zu Ihrer Website hinzuzufügen und Sie sich nicht bei einer anderen Software von Drittanbietern anmelden möchten , ,nur damit Sie mit Personen oder einer beliebigen Website sprechen können. Facebook Messenger ist viel einfacher, weil ich bin sicher, dass die meisten von uns Facebook auf unseren Telefonen sowieso installiert haben , so dass Sie auf Menschen so ziemlich von überall reagieren können. Wenn Leute also auf Ihre Website kommen, werden sie dieses Facebook-Symbol sehen. Es wird standardmäßig geöffnet sein. Also, ich unterschreibe selbst. Aber, ähm, es wird, wissen Sie, Ihre Seite erscheinen. Also, was auch immer Ihre Seiten auf Facebook angerufen, und die Leute können einfach reden, so setzt das Gas in und genau hier. Also habe ich gerade einen Test gemacht, aber, ähm, Leute könnten tippen, weißt du, all diese Art von Zeug ist genau wie Facebook Messenger. Um das zu beginnen, gehen wir zuerst zu Facebook, und dann gehst du auf deine Seite. Um das zu beginnen, gehen wir zuerst zu Facebook, Also bin ich auf meiner eigenen Business-Seite. Aber du siehst deine ganz offensichtlich ganz oben, oder? Wir werden auf Einstellungen klicken. Also, sobald das Laden auf der linken Seite fertig ist, gehen wir runter zu fortgeschrittenem Messaging. Und wenn wir nach unten scrollen, wo es weiß gelistete Domains steht, also genau hier, werden wir tatsächlich unsere eigentliche Website einbauen. Du bist es. also für mich sagen, Ich würdealso für mich sagen, du weißt schon, du weißt schon, athletische Marketing-Dot com. Aber was ich getan habe, war, wenn du auf dem Backend bist, wie Squarespace zu bearbeiten, wirst du ein U R L sehen, das nicht dein eigentlich ist. Eigentlich bist du Earl. Also müssen wir das in diesem Nun hinzufügen, ich meine, das musst du nicht. Wenn Sie dies nicht tun, werden Sie dieses Symbol nicht sehen, während Sie im Back-End angemeldet sind. Also nur Leute, die Ihre Website besuchen, werden, ähm, also ist es ein bisschen schwieriger zu debuggen. Also ich mag es, diese auch dort hinzuzufügen. Also kopieren Sie das einfach und nehmen Sie den CONFIG-Teil heraus, also würde ich all das sein. , Es ist okay,wenn du diesen Schrägstrich hast, ist es nicht wirklich wichtig. Also kopieren wir, dass wir hier eingefügt haben, also habe ich es bereits hier eingefügt. Also ohne die Konfiguration am Ende, und dann auch meine Haupt Sie Errol ist hier und dann drücken Sie Speichern. Und dann, wenn es ein sicherer Erfolg ist, dann gehen wir auf der linken Seite zum Messaging. Also, sobald hinten und Messaging, werden wir nach unten scrollen und rechts hier, wo es sagt, fügen Sie Messenger zu Ihrer Website. Wir werden auf „Erste Schritte“ klicken. Nun, hier ist das erste, was auftaucht. Du könntest es durchlesen. Ich werde nur als Nächstes zuschlagen. Ähm, dann wählen Sie Ihre Standardsprache aus. So wissen Sie, wenn Ihre Websites nicht in Englisch, können Sie eine der verfügbaren auswählen. Wenn Ihre Sprache nicht verfügbar ist, dann würde ich sagen, wählen Sie das, was am zweithäufigsten ist, dass die Leute sprechen, wenn sie sich aufregen. Weil, ähm, bis Facebook das unterstützt, gibt es keine Möglichkeit, mehr Sprachen hinzuzufügen. Ähm, dann deine Begrüßung. Also gerade jetzt, zum Beispiel, auf meiner Website, wenn Sie es hochziehen, heißt es hallo, wie können wir Ihnen helfen? Ähm, also ist es die Standardeinstellung, aber Sie können auf Ändern klicken, und Sie können das ändern, was Sie wollen, und dann klicken Sie auf Speichern, und wir gehen zum nächsten. Also, jetzt ist dies benutzerdefinierte Farbe. Du siehst also, wie es auf meiner Website ist, ähm, die orangefarbene Farbe zu meiner Marke passt, anstatt dieser blauen Facebook-Farbe. Da hat sich das geändert. Also würden Sie einfach klicken,wissen Sie, wissen Sie schreiben Sie hier, geben Sie Ihre Hex-Werte ein. Sagen wir mal, Sie wollen es. Ah, schwarz. Tut mir leid, dass 000 Also das ist schwarz. Also, wenn das Ihre Markenfarbe ist, können Sie das hineinlegen, und dann treffen wir als Nächstes. Und dann stellen wir sicher, dass Ihre Domain hier aufgelistet ist. Es sollte dies automatisch alles von, ah, dem anderen Bildschirm ziehen ah, . Wir haben es gerade gemacht, ähm, der Grund, warum wir nicht Ihr Earl hier hinzugefügt haben, ist, dass es gerade irgendwie abgeschwungen ist. Ich weiß nicht, ob es repariert werden wird, aber was auch immer Sie hier hinzufügen und sicher treffen, es wird nicht wirklich gerettet. Siehst du, das ist der Grund, warum wir ins Theater gehen müssen. Vance Messaging. Ah, Schritt, den wir vorher gemacht haben. Stellen Sie also sicher, dass Ihre Websites hier drin sind, und das sollte automatisch überprüft werden, damit Sie nichts tun müssen. Sie sind alles, was Sie tun müssen, ist, wo es sagt, Code in die Zwischenablage kopieren, klicken Sie einfach darauf und dann geht davon aus, dass Sie darauf klicken. Es wird sich kopieren, und dann kannst du tatsächlich schlagen, fertig machen, ähm, und dann fertig. Also, jetzt gehen wir auf unsere Squarespace-Website, also benutze ich nur also benutze ich nur eine Standard-Demo-Website. Deswegen zeigt es sich so. Also gehen wir auf die linke Seite, also wirst du in diesem Menü auf Einstellungen klicken, erweiterte Code-Injection. Und was wir tun werden, ist, dass du so etwas siehst, wenn du Code für andere Projekte hast , das ist in Ordnung. Wie wenn Sie andere Widgets und so haben, ist das in Ordnung. Aber wir werden den Code und die Fußzeile setzen. , Der Grund dafür ist,wenn wir es in Header setzen, Ähm, Ähm, das wird geladen, bevor Ihre Website beginnt zu laden. Und wir wollen nicht, dass irgendetwas das Laden der Website verlangsamt. Ähm, wir würden lieber die Website laden. Und wenn die Websites fast entladen und es in die Fußzeile gelangt, dann kann der Messenger geladen werden. Also gehen wir weiter und setzen in die Fußzeile, die Sie getroffen haben. Also wieder, hier war unsere Farbe. Das ist unsere Seite, also müssen Sie sich das nicht wirklich ansehen. Es ist nur , ob Sie interessant zu sehen, ob Siedie Dinge ändern wollen. Sie können es auch hier ändern. Also, wenn Ihr Thema Farben nicht mehr, das könnte schwarz sein, Sie könnten es machen. Weißt du, äh , so eine Art Grau wie dieses. Und dann so eingeloggt Gruß ist, was Leute sehen, wenn sie bereits bei Facebook eingeloggt sind. Und das ist, was Leute sehen, wenn sie nicht bereits bei Facebook angemeldet sind, wenn sie auf Ihr Messenger-Symbol klicken . Ähm, also kannst du die auch ändern. Ich werde es einfach so lassen, wie es ist. Ähm, gut getroffen „Save“. Und wir sollten die Farbwechselröhre sehen. Ja, die tolle Farbe, die ich so hoch gewählt habe, wie können wir dir helfen? Und sie vergasen weiterhin mit eingeloggt als, ähm und das war's. Also solltest du es genau dort sehen. Selbst wenn ich gehe, du weißt schon, gehe auf die Website, während ich nicht eingeloggt bin. Also, wenn ich Sie wissen, gehe ich auf die Website. In Ordnung. Lassen Sie mich einfach ein Passwort einrichten. Ich werde dir nur zeigen, wie das Frontend aussieht, nur damit du es sehen kannst. Also, wenn ich es passwortgeschützt mache und dann gehe ich inkognito Mozart. Squarespace weiß nicht, dass ich eingeloggt bin und dann melde ich mich an. Da gehst du. Sie sollten Pops von hier sehen. Also im Moment bin ich nicht eingeloggt. Bitten Sie die Leute, sich mit Ihrem Facebook-Konto anzumelden. Aber die meisten Menschen versammeln sich bereits eingesperrt. Es sind nur Waren. Dies ist ein privates Surfen. Und da hast du es. Das ist, wie Sie, ähm, ad ah, wie Facebook Messenger auf Website. 39. Funktionen hinzuzufügen: Datei-Upload auf Forms: Sie haben also eine Squarespace-Website und möchten Personen Dateien in Ihr Kontaktformular hochladen lassen . Aber wenn Sie zu dem Formular kommen, das Sie auf Bearbeiten klicken, gehen Sie, um fremdes Feld hinzuzufügen. Sie haben alle diese Optionen durchgeschaut und Sie erkennen, dass es keine Möglichkeit gibt, Leute Dateien hochladen zu lassen , während ich hier bin, um zu helfen. Es gibt einen Weg, es zu erledigen. Es ist, ah, System, das von quadratischen Websites gemacht wurde, und ich werde nur irgendwie wiederholen, damit Sie besser verstehen können, wie man es Haltung Website zu bekommen . Das erste, was wir tun werden, ist auf diese Website zu gehen. Ich lasse den Link dazu unten in der Beschreibung, aber das erste,was du tun wirst, ist, dass du dich anmelden wirst. Ich lasse den Link dazu unten in der Beschreibung, aber das erste, Ich habe bereits jede Zählung, also werde ich mich jetzt einloggen. Dies ist ein kostenloses, kostenloses Tool, aber Sie können klicken, spenden und ihnen,wissen Sie, einige Spenden für die Arbeit geben wissen Sie, , die sie in diese. Das erste, was wir auf dieser Website tun werden, ist, dass wir unsere Website hinzufügen , so dass wir die Erlaubnis haben, dieses Tool zu verwenden. Also der Website-Name, den Sie in alles, was Sie wollen setzen könnte. Es spielt keine Rolle. Die Website, wo l ist Ihr Domain-Name. Also, zum Beispiel muss es die https, Um, oder einfach nur Http haben Um , wenn Sie kein SSL haben, okay, okay, und dann die Squarespace-Website Sie, Earl , ist das, was ich gerne die hässliche Domain nenne. Wenn Sie also im Backend von Squarespace eingeloggt sind, sehen Sie das, was Sie hier oben sehen. Kopieren Sie einfach alles vor der Konfiguration. Also kommen wir hierher und fügen das hinzu. Jetzt sehen Sie, dass die Website auf der rechten Seite erscheint. Wenn Sie eine andere Website oder, Sie wissen, Ihren Designer haben Sie wissen, und Sie mehrere Websites hinzufügen möchten, können Sie das auch hier tun, aber ich habe nur die eine für jetzt. Also, sobald dies nicht der Fall ist, bedeutet das, dass wir die Erlaubnis haben, es zu benutzen. Also gehen wir zurück zu unserer Website hier, und wir müssen ein wenig Code hinzufügen. Es ist also nur ein Futter. Sie können es einfach kopieren und einfügen. Das wird auch in der Beschreibung unten sein. Also gehen wir zu den Einstellungen. Das ist also genau hier. Einstellungen werden dann erweitert. Dann gehen wir zur Code-Injection und dann in der Kopfzeile werden wir diesen Code einfach einfügen. Ähm, und dann drücken wir wieder „Speichern“. Dieser Code wird in der Beschreibung sein und es wird zurückgehen, Also das ist eigentlich alles, was es gibt. Also, jetzt, wenn ich auf Bearbeiten auf der gleichen Seite klicke, die ich vorher war, dasselbe Formular. nun Wenn ichnunganz oben links auf Formular hinzufügen klicke, werden Sie sehen, dass es eine Option zum Hochladen der Datei gibt. Also, wenn ich darauf klicke, macht es diese Upload Dateien und es fühlt sich in einer Reihe von Sachen, dass Sie sich nicht darum kümmern müssen nur noch. Ähm, weiß nur, dass es jetzt funktioniert, damit du es so verwenden kannst, wie es ist. Ähm, aber ich werde es erforderlich machen. Lassen Sie mich einfach erklären, was das ist. Also das zweite Feld ist, worüber ich zuerst reden werde, weil es einfacher ist. Also Dodge ein Pack bedeutet nur, dass Leute Dot JPEG-Dateien hochladen können und Dot J. Peg wird manchmal auch mit einem E geschrieben, also werde ich das auch berücksichtigen. Dom, P und G. Falls es ein PNG-Bild ist, wenn es sich um ein GIF-Bild handelt, geht hier und die Punkt-TXT-Datei kann auch hochgeladen werden . Ähm, also werde ich das alles löschen, nur weil ich nur möchte, dass Leute J-Pegs hochladen können, zum Beispiel. Also lassen Sie mich beide auf das abdecken, was ich hier mache, ist dot jp e g Komma Leerzeichen Punkt jp g Komma Raum . Ich werde auch PDFs einschließen. Eigentlich ist es ein pdf. Da gehen wir. Also ist es nur Punkt und dann X Dateityp Komma. Als nächstes kommt der nächste Ball Typ. Du musst dich nicht beruhigen. Ein paar haben nur einen. Und dann reden wir jetzt darüber. Also Dateifeld, sagen Sie uns einfach zu fühlen, dass es irgendwo ist, wo Menschen Dateien hochladen können. Also mach dich nicht damit an. Lassen Sie den Teil einfach in Ruhe. Max. Größe ist, wie groß die Datei sein kann. Also 5120 ist fünf Megabyte. Das sind also keine Häftlinge von 5120 Kilobyte zu töten, und die maximale Datei, auf die Sie tatsächlich gehen können, ist 10.000. , Tja, 10 Megabyte ein bisschen mehr als das hier. Aber 10.000 Kilobyte sind die maximalen Dateiseiten, die Sie jemals erreichen können. Das ist nur ich glaube, dass das so ist, dass ihre Website nicht , weißt du überrannt wird, weißt du, während es versucht, so viele Dateien hochzuladen. Also, zum Beispiel, wenn viele Leute es verwenden und jemand versucht, wie eine 1-Gigabyte-Datei hochzuladen, und auch weil manchmal der Browser eine Zeitüberschreitung macht, so denken Sie daran, wenn Sie etwas mehr brauchen als 10.000 wird diese Lösung nicht für Sie funktionieren. Das Wort Multiple hier lässt die Leute einfach mehrere Dateien hochladen. Also, wissen Sie, wenn sie drei oder vier verschiedene Dateien haben, können sie es erneut hochladen. Alle müssen bis zu 10.000 kommen. DasLimitgilt immer noch. Limit Dann füge Text hinzu. Fügen Sie Ihre Dateien ist im Grunde das, was die Schaltfläche aufgerufen werden wird. Also bei Ihren Dateien mit Unterstrich ein Leerzeichen, so dass wir dies ändern können, zum Beispiel, Upload unterstrichen Ihre Dateien hier. Das kann also so ziemlich sein, was du willst. Stellen Sie sicher, dass Sie einen Unterstrich verwenden, wo sie ein Leerzeichen sein sollen. Ich mache es unter Lager erforderlich. Ich werde nur sicherstellen, dass es zu meiner E-Mail-Adresse geht, was richtig ist, ich werde drücken, bewerben, und ich werde schlagen. Speichern. Also, jetzt werde ich testen, wissen Sie, wissen Sie, und dann laden Sie Ihre Dateien hoch. Ich klicke darauf. Es wird das öffnen. Ich werde abstrakt gehen. Es ist nur um sie Bild, das ich heruntergeladen. Ich werde sogar zweimal hochgeladen. Da gehen wir. So, nur damit Sie sehen können, dass, wissen Sie, unterstützt mehrere Dateien, dann drücken Sie senden, und die erstere wurde eingereicht. Wenn ich also zu meinem E-Mail-Posteingang gehe, wirst du sehen, dass ich gerade den Vorarbeiter habe. Wenn ich darauf klicke, steht jemand, der zwei Dateien hochgeladen hat. Wenn ich darauf klicke, steht jemand, der zwei Dateien hochgeladen hat steht jemand, der zwei Dateien hochgeladen hat. Ich konnte sie beide hier sehen, ähm, benannten Testtest. Wenn ich also auf die 1. 1 klicke, wird es mir einen Download-Link geben, und ich könnte die Datei herunterladen, die jemand hochgeladen hat. Wenn es sich also um ein PDF handelt, kann ich es auf meinen Desktop herunterladen und es ansehen. Ich kann auch auf diese Website zurückkommen, wo wir ihr Konto angelegt haben. Nur um zu wissen, dass Sie, sobald Sie das Konto gemacht haben, nie wieder hierher kommen müssen. Nur um zu wissen, dass Sie, sobald Sie das Konto gemacht haben, Es sei denn, Sie wollen sich etwas Besonderes ansehen. Zum Beispiel, wenn ich gehe zu Lasten. Dies ist die Website. Ähm, also Octagon Pilz ist das, was ich hier habe. Also unter dieser Website, Menschen in Dateien hochgeladen. Beide kamen am 7. Januar rein. Ähm, und das ist der Name der Datei. Das Einzige, was es Ihnen nicht sagt, ist, wer es hergeschickt hat? Ähm, deshalb schaue ich mir lieber die E-Mail an, die ich bekommen habe. Also ja, das sind nur Akten. Die andere Sache, die Sie tun können, ist, wenn Sie die Dateien hier nicht wollen, können Sie auch Ihr Google-Laufwerk verbinden, was ich tun würde. Also, sobald Sie Ihre Google-Laufwerk verbinden, es wird tatsächlich alle Dateien direkt auf Ihrem Google-Laufwerk hochladen. Sie müssen sich also keine Sorgen machen, jede einzelne Datei herunterzuladen. Es ist bereits in gespeichert, wie in einem Ordner, den Sie haben. Und dafür klickst du einfach auf diesen Button und signierst dich mit Google. Und dafür Und das habe ich auch getan, und es funktioniert sehr gut. Also das ist im Grunde, es ist jedes Mal, wenn Leute Dateien hier hochladen, werden Sie es direkt hier bekommen. Und Sie erhalten auch eine E-Mail darüber . Ich ziehe es vor, durch die E-Mail zu schauen, nur so dass Sie alle Felder verfolgen können. Auch nur Ah, noch eine Sache. Dies ist nicht nur auf Kontaktformulare beschränkt. Sie können es auf Formularen verwenden, um Ihre Website zu verankern. Nehmen wir an,Sie haben ein Geschäft, in dem jemand, den Sie kennen, ein Produkt hochladen muss, weil Sie die Flasche personalisieren mit personalisierten ah, Weihnachtskarte, zum Beispiel. , Nehmen wir an,Sie haben ein Geschäft, in dem jemand, den Sie kennen, ein Produkt hochladen muss, weil Sie die Flasche personalisieren mit personalisierten ah, Weihnachtskarte, Sie können tatsächlich auf das Produkt klicken, gehen Sie zum Formular und dann erstellen Sie ein neues Formular. Und dann könnten Sie, ähm, tun Sie auch Datei hier hochladen, so dass wie das funktioniert, wenn jemand auf dem Produkt ist und sie klicken, In den Warenkorb. Dies wird Pop-ups laden Sie Ihre Dateien und sie müssen Datei hochladen, bevor sie in den Warenkorb legen können, so dass Sie es auch auf diese Weise verwenden können . Also bedenken Sie einfach. Es ist nicht nur auf Kontaktformulare selbst beschränkt. auch an, Nehmen wirauch an,Sie sind nicht in diesem Konto angemeldet und klicken Sie darauf. Sie sind hier in Ordnung. Diese Fehlermeldung wird angezeigt, dass Sie keinen Zugriff auf folgen können, da Sie nicht angemeldet sind . Stellen Sie daher sicher, dass Sie diese E-Mail beispielsweiseauf Ihrem Telefon erhalten beispielsweise und Sie sich nie bei dieser Website angemeldet haben. Gehen Sie einfach noch einmal auf Ihrem Handy zu diesem Link und melden Sie sich dann an. Sie sich einmal angemeldet haben, WennSie sich einmal angemeldet haben,können Sie die Datei dieses Mal herunterladen, wenn Sie diesen Link erneut aufrufen . Wenn Sie also auf dem Computer, den Sie nicht oft verwenden, stellen Sie sicher, dass Sie sich bei dieser Website anmelden und Sie sollten in der Lage sein, auf diese Dateien zuzugreifen . 40. Funktionen hinzufügen: Eine a hinzufügen: Hey, Jungs, Willkommen im heutigen Tutorial, wir werden eine Lese-Fortschrittsleiste an der Spitze eines Block-Posten hinzufügen. Wenn die Leute also nach unten scrollen, füllt es sich nur so aus, dass die Leute visuell sehen können, wie weit sie im Blockpost sind. Ich bin Es ist eigentlich sehr einfach, und der Code wird in der Beschreibung unten verlinkt werden. Das erste, was wir tun werden, ist, dass wir zum Backend der Website kommen. Wir gehen auf die Seiten und suchen dann Ihre Blockarchive. Das ist also derjenige, der einen Kleinbuchstaben hat. Ein daneben. Also werden wir auf das Zahnrad-Symbol hier klicken, und sie waren gute Fortschritte und dann Seiten-Header-Code-Injection. Das ist also, dass wir den Code einfügen. Es ist sowieso das erste Bit des Codes, wieder, der Code ist im Link in der Beschreibung unten, wir werden ihn hier einfügen. Dann werden wir schlagen, sparen, und wir gehen zurück zum Design. Also statt Seiten, werden wir dieses Mal entwerfen und dann zu benutzerdefinierten CSS gehen und wieder, Dieser Code ist auch in der ah, im Block Post. Also werden wir den Code hier einfügen und das ist alles, was es dazu gibt. Wenn jemand zum Beispielzu Blawg geht, gibt es keine Bar oben. Wenn jemand zum Beispielzu Blawg geht zum Beispiel , Wenn sie zur Startseite gehen, gibt es keine Leiste an der Spitze. Aber wenn sie in Blawg gehen und dann auf einen Beitrag klicken, dann erscheint die Leiste. Ähm, jetzt ist, wie Sie es anpassen können. Wenn Sie sich also an den Code erinnern, den wir dem benutzerdefinierten CSS hinzugefügt haben, so dass wieder benutzerdefiniertes CSS entworfen wurde, dann werden Sie es stylen. Also müssen wir keinen der anderen Code bearbeiten, nur um Code zu erstellen, der hier drin ist. Das erste, was Sie ändern können, ist jetzt die Leiste oben erscheint. Wenn du unten wolltest. Stattdessen werden wir nur ändern, wo oben Null in die untere Null steht, und dann werden Sie sehen, dass es hier unten liegt. Anklagen abgewiesen Dies ist leichter zu sehen. Da gehst du, damit du sehen kannst, dass es unten sitzt. Nun, ähm, das andere, was du tun kannst, ist, wieder nach oben zu gehen. Das andere, was du tun kannst, ist, dass du jetzt siehst, dass es Korn ist. Der Hintergrund. Sagen wir, das ist nicht deine Brad Color oder du magst Gray einfach nicht. Ähm, du kannst hier reingehen und es in schwarz umwandeln du kannst hier reingehen und es in schwarz umwandeln, was 000 ist, also ist es so. , Sie können es auf Weiß ändern, aber da ich einen weißen Hintergrund habe, werden Sie es trotzdem sehen können, ähm , also , so, können Sie, wissen Sie, Hex-Werte oder RGB-Werte, oder geben Sieeinfach Sie gelb ein. So haben Sie diese Farbe geändert. Nun, um die Füllfarbe Orange zu ändern, werden Sie hierher kommen, wo sich die Fortschrittsleiste befindet, und Sie können dies in,sagen wir, zum Beispiel, schwarz ändern sagen wir, zum Beispiel, . Dann füllt es sich mit Schwarz. Ähm, die andere Sache, die du vielleicht ändern möchtest, ist, wie groß dieser Balken ist, also willst du vielleicht, dass er etwas dicker wird. Also kommen wir einfach hierher und zum Beispiel, jetzt sind es fünf Picks, die wir es auf vielleicht 10 ändern könnten. Wenn Sie dort eine Änderung vornehmen, einfach sicher, dass Sie dies auch auf 10 geändert haben. Also ist es an zwei Stellen, also Höhe. So passen sowohl die Bar und der Hintergrund und die Krankenschwestern Mädchen kleine Show wie diese. Ich habe persönlich wie fünf. Ähm, es könnte ein bisschen schwer sein, für einige Leute zu sehen , also willst duvielleicht 10 oder 15 gehen du oder so etwas. Ähm, die andere letzte Sache, die Sie vielleicht ändern möchten, ist, dass dieser Bart erscheint, wissen Sie, überall auf der Website, nicht nur auf Blockbeiträgen. Also, was Sie tun würden, ist, dass Sie zurück zu den Seiten gehen, gehen Sie in das Zahnradsymbol hier. Gute Fortgeschrittene. Dann ließ Paige ihren Code einspritzen. Wir nehmen diesen Code aus, und dann gehen wir zurück. Und dann, anstatt es dort zu platzieren, gehen wir zu Einstellungen, erweiterte Code-Injection und die in der Fußzeile hier gepostete, so in der Fußzeile. Und das andere letzte, was wir tun müssen, ist, dass wir in Design Custom CSS gehen und dann dieses letzte Bit herausnehmen müssen . Denn was das letzte Bit tut, ist, dass es auf den Blockarchivseiten auf dieser Seite ausgeblendet wird. Also, wenn ich das nur das letzte kleine Stück herausnehme, wird es auch auf dieser Seite erscheinen. Also, wenn Sie es wollen, wissen Sie, auf jeder einzelnen Seite. Wie Sie sehen können, wird es auf jeder einzelnen Seite geladen, fast oben dort, und das war's. Also, wieder, ähm, der ganze Code wird in dem Link in der Beschreibung unten sein. Nur damit ihr Jungs und kopieren und einfügen es und einen tollen Tag haben. Leute, kümmert euch. 41. Funktionen hinzufügen: Erstelle ein Mega-Menü: Hey, Leute, willkommen zurück in einem anderen Squarespace-Tutorial. Im heutigen Tutorial werden wir darüber reden, ein Mega-Menü auf Squarespace zu erstellen. Also gerade jetzt verwende ich die Sole-Vorlage. Aber das wird bei jedem der Brian-Familienvorlagen funktionieren. Obwohl Sie den Code leicht ändern können, um mit jeder Vorlage zu arbeiten. Und ich habe mit zwei oder drei getestet, damit es funktioniert. , Hier ist,wie es aussehen würde. Wenn Sie also schweben, wird es so aussehen. Und Sie können mehrere Spalten haben. Sie haben zwei, eins oder vier. Ah, wie viel du willst. Und Sie könnten den Abstand reduzieren und so ziemlich genau anpassen, wie Sie wollen. Lasst uns anfangen. Okay, also wie das funktioniert, ist, dass wir im Grunde erst reguläre Menüs aufbauen werden. Also, zum Beispiel, ich habe ein Mega-Menü aufgerufen, aber Sie können es nennen, was Sie wollen. Und dann wirst du es einfach aufbauen, wie du auf dem Handy erscheinen wolltest, weil offensichtlich das Mega-Menü nicht auf dem Handy funktionieren wird, nur weil es nicht genug mit auf einem mobilen Bildschirm. Das wird also aussehen. Also, bei all Ihren Links, die Sie hier wollen. Weißt du, du kannst einfach wie ein normales Menü sein, ein Handy. Also, wenn jemand zum Beispiel hier ist und sie auf die Menüs klicken, die aufgerufen wird alles hier aufgelistet. Das ist also wie, du weißt schon, normaler Squarespace oder baue ihn aus, wie du willst. Und das zweite, was wir tun werden, ist, dass wir runter in die Fußzeile kommen und wo dort stehen Fußschlösser oben. Das ist es, was ich benutze. Ähm, und der Code wird das auch widerspiegeln . Aber Sie können Fußzeile, Mitte oder Fußzeile unten verwenden. Und wenn Sie, ähm, Template hat keine unterschiedlichen Fußzeilenebenen, dann müssen Sie den Code anpassen, den ich bereitstelle. Ich bin nicht viel gerade genug, dass du es besser anvisieren kannst. Und erklären Sie, dass vielleicht später oder in den Kommentaren, wenn Sie Fragen haben, Ähm , und wieder, der Code für dieses Tutorial wird auch in der Beschreibung aufgeführt werden. Also, was ich getan habe, ist, dass ich zu Fußzeilen gegangen bin. Also wieder, wenn Sie tiefer zur mittleren und unteren Kante schweben, das ist unten rechts hier. Also gehen wir nach oben und klicken dann auf Bearbeiten, und Sie bauen uns genau so aus, wie Sie wollen. Also, weißt du, ich habe Überschrift drei hinzugefügt. Noch eine Rubrik drei. Ich fügte hinzu, ich habe gerade getippt, zum Beispiel, nach Hause. Sie könnten also tun, wie, wissen Sie, wenn Sie einen Block haben, um vielleicht Anzeigenblock am Ende zu wollen. Anstatt also zu schlagen, wie wenn Sie Enter drücken, wird es Ihnen zwei Zeilen geben. Also, wenn ich zum Beispiel, blawg, blawg, wenn Sie nicht wollen, dass es zwei Zeilen sind, halten Sie einfach gedrückt, verschieben Sie und drücken Sie. Geben Sie ein. Und wir werden das mit,weißt du, nur einem normalen Block verknüpfen weißt du, . Ich schätze, so. Lass uns das einfach machen. Wird getroffen, Bewerben. , Sagen wir mal, so wollte ich aussehen. Weißt du, ich hatte es. Ein Knopf. Du könntest hier vier Spalten haben. Du weißt schon, Du weißt schon, klickst hier, du kommst aus dem Textblock heraus, ziehst es nach links, und das wird ihn zum Beispiel als eins bezeichnet . Ähm, ich würde nicht wirklich rüber gehen, nur weil alles,weißt du, weißt du, ein bisschen verkrampft wird, also behalte es bei vier. Wenn möglich. Ich werde es bei drei behalten. Ähm, und die andere Sache ist, wenn du ein Bild hier hochlädst, lade einfach kein großes Bild hoch. Was ich getan habe, ist, dass ich dieses Bild tatsächlich so skaliere, dasses 100 Pixel hoch ist, damit du etwas größer werden skaliere, dass kannst, wenn du willst. Aber Squarespace wird es nicht mögen, machen Sie es das Bild größer als das, was Sie haben. Also habe ich es von Hunderten ferngehalten, also wird es immer 100am größten erscheinen. Ähm, da ich noch nicht fertig bin, habe ich jetzt nicht zu viel zu tun. Jetzt muss ich nur den Code hinzufügen. Also, was ich tun werde, ist, dass ich Adam den Code werde, und dann erkläre ich es, damit du dich ändern kannst. Es wird benötigt. Also für das JavaScript, gehen wir zu Einstellungen, erweiterte Code-Injection, und dann werde ich den Code einfach kopieren. Ich habe es unter anderem Bildschirm hier, aber auch hier wird dies in der Beschreibung verlinkt sein. Ich meine es ernst, fügen Sie es ein. Was? Ah, dieser Mantel ist, er bewegt das nach oben, aber wieder, aber wieder, es wird ziemlich hässlich aussehen, bis wir es tatsächlich stylen. Also, ja, wie Sie sehen können, sieht es sehr hässlich aus. Also gehen wir zurück und dann wieder zurück. Wir werden Custom CSS entwerfen. Und ich werde diesen Code kopieren, was wieder, Sie werden es in der Beschreibung drücken Sie speichern. Also, wenn du das machst, sieht es so aus. Okay, Okay, wenn deine nicht funktioniert, mach dir keine Sorgen. Sie müssen den Code ändern. Also, was wir tun werden, ist zuerst, wir gehen zu dem ersten Code, den wir hinzugefügt haben. Also Einstellungen, erweiterte Code-Injection. Ich werd mir das mal ansehen. Also die erste Zeile alles, was wir tun, ist , um die J-Abfragedateien hinzuzufügen, damit wir tatsächlich J-Abfrage auf der Website verwenden können und sie würden tatsächlich eine Abfrage direkt hier verwenden. Deshalb ist das Link ist da. , Als nächstes, was es tun wird, ist, wenn die Websites geladen sind, wird es nach Header suchen. Wir werden das alles im Grunde und es wird nach dem vierten Gegenstand suchen, der ein Ordner ist. Also suchen wir nach dem vierten und dann werden wir Fußzeilenblöcke oben schreiben. Also, was das tut, ist es braucht Fußzeilenblöcke oben und fügt es in den Ordner, den wir bereits hier hatten. Das Einzige, was du vielleicht ändern musst. Ist das Nummer vier? Es sei denn, Sie befinden sich in einer anderen Vorlage, als Sie möglicherweise ändern müssen. Ah, einige dieser Klassen, abhängig davon, welche Klasse Sie Vorlage verwenden. Für alle anderen in der Brian-Familiemusst du diese Nummer ändern. Für alle anderen in der Brian-Familie Für mich ist das Mega-Menü der vierte Punkt. Also 1234 Also habe ich vier hier drin. Und nur um Ihnen zu zeigen, was passieren würde, wenn Sie als 1/3 Element, zum Beispiel, Also sagen wir, ich hatte Mega-Menü und dann die blawg, So Mega-Menü geht hier. Wenn ich es jetzt ausprobiere, zeigt es mir nur mein Standardmenü an. Die, die ich hier gemacht habe. Also, natürlich, unsere Seiten nicht. Also, was wir tun müssen, ist, dass wir in den Einstellungen erweiterte Code-Injection zurückgehen müssen, und dann hier ist es nicht mehr der vierte Punkt. Es ist nicht der dritte Gegenstand. Also werden wir das einfach in drei ändern. Und ich werde es einfach um drei stehen lassen. Weil ich Ihnen auf diese Weise den Rest des Codes zeigen kann. Jetzt wirst du sehen, dass es hässlich aussieht, aber es funktioniert. Das bedeutet also, dass wir das CSS ändern müssen, weil das mit Styling zu tun hat. Also, jetzt werden wir gehen, um benutzerdefinierte CSS zu entwerfen und dann genau hier, wenn Sie bemerken, dass es wieder vier sagt . Aber wir haben es auf den dritten Platz gebracht. Also auf den Typ in drei statt. Und dann auch hier drüben, wo es sagt ah und Kind für den Wechsel drei und dann hier und Kind für geänderte drei. Und das sollte es sein. Und da gehen wir. Also ist es jetzt an der dritten Stelle. Also, um dies zu stylen, lassen Sie mich erklären, wie dieser Code jetzt funktioniert. Also werde ich mit der rechten Maustaste auf Menü-Menü und ich werde es nur so machen, dass immer dort bleibt nur damit Sie die Änderungen sehen können, ohne dass ich einen Hover haben einige wird auch hier gehen . Wo sagt Header jetzt Vitamin eine Suspendierung Ich werde auf Hover klicken Oh, und hier zu bekommen Sie tatsächlich nur rechts klicken auf Mega-Menü und klicken Sie auf Inspect Und dann wenn es kommt, Sie gehen einfach bis zu dieser Band genau hier und Sie werden sehen was ich auf span klicke. Es hebt oben oben hier in grün, blau und orange jemand es jedoch hier dann gehen, um zu schweben und ich werde schalten schweben So dass im Grunde macht es denken, dass ich darüber schwebe, auch wenn ich nicht bin. Und als ich die Seite aktualisiert habe, würde dies mehr passieren. Es ist also nur ein Testmechanismus. Also, was ich jetzt tun werde, ist so für mit, so dass Sie sehen, wie der Geist gerade jetzt fast voll , ist, aber es gibt etwas Platz an den Seiten, also das ist, weil ich es auf 90% des Verstandes eingestellt habe. Also 90% der Bildschirmgröße, damit ich 200 einstellen kann, wenn ich will, ähm, ich könnte es sogar auf,weißt du, kleiner einstellen weißt du, . Sagen wir, ich will nur 60%. Ich könnte das tun. Also 60% jetzt, das andere, was Sie tun müssen, ist, wenn Sie es bewegen wollen, wissen Sie, nach links oder rechts. Das ist genau hier. Also im Moment, ich hatte es links von fünf, weil ich 90 hatte. Also wollte ich fünf auf der linken Seite, fünf auf der Rate. Also, wenn ich 60 mache, würde ich wahrscheinlich 20 auf der linken Seite und 20 auf der rechten Seite wollen, so dass es bis zu 100 so 20 auf der linken Seite und das würde es zentrieren. Jetzt werden Sie sehen, es ist irgendwie aus, weil Mega-Menüs hier drüben, das würde funktionieren, wenn Sie Mega-Menü-Navigationen in der Mitte sind. Aber da sein seit unserer auf der rechten Seite hier ist, werden wir tatsächlich auf links klicken, und wir werden es ein bisschen mehr nach rechts verschieben. Also vielleicht wirst du 40. So geht es auf der rechten Seite des Bildschirms. Also, du machst das, ähm, du könntest sogar ein bisschen weniger gehen, nur damit es etwas Platz auf der Seite gibt, also 35. Das sind 35% des Platzes hier drüben. Dann haben wir 60% davon als weitere fünf hier drüben und dann die oberen 60 Pixel. Also sagen wir, Sie haben eine wirklich große Schriftgröße und das ist eine Art von oben laufen, also lassen Sie mich Ihnen zeigen, wie es aussieht. So Top 60. Nehmen wir an, ich hatte bei Null. So ist es, wie es standardmäßig aussehen würde, also wollen wir es nach unten bewegen, nur so dass es direkt unter unserer Menüoption sitzt. Also lasst uns oben 30 gehen. Okay, wir müssen gehen. Ein bisschen mehr hätte vor 60. Ich schätze, die sechziger Jahre eine gute, gute Größe. Wir könnten vielleicht 50 zu niedrig ein Muss versuchen. 65? Ja. 65 funktioniert auch. Ähm, also lasst uns 65. Ich bin nur, damit hier drüben etwas Platz ist. Das ist also, was dieses erste Stück Code tut. Es ist im Grunde nur die Positionierung dieses gesamten Blocks. Also haben wir, wissen Sie, wir fixieren es oben auf dem Bildschirm die Breite der Blöcke. Wie viel Platz gibt es darüber? Also 65 Pixel Mach dir keine Sorgen um diesen Index. Das wurde nur verwendet, um die Speisekarte zu verstecken um . Das erscheint nur, wenn Sie schweben. Ich bin so heimisch, dass es im Grunde hinter sich setzt. Wissen Sie, dieses Grün und dieses Weiß, damit niemand es sehen kann. Und dann werden wir hier runterkommen. Also, was das tut, ist, wenn jemand Klicks tut es leid, nicht einmal klicken. Also, wenn jemand so schwebt auf dem Wort Mega-Menü, das ist der dritte Punkt, dann werden wir den Satz Index nehmen und machen es so, bevor es negativ zwei war. So war hinter allem. Jetzt machen wir es vier. Also ist es vor allem. Wenn also jemand hier schwebt, bringt es das nach vorne. Und dann, was Disco macht, ist, dass Sie wissen, wie standardmäßig wir unsere reguläre Speisekarte hatten , was ich denke, wir hatten unsere Kurse und Zuhause oder etwas,das wir für Mobilgeräte gemacht haben. , was ich denke, wir hatten , Also das hier, Megan-Menü. Also Kurse auf unseren Seiten? Ja. Also, dieses Menü, wir verstecken das im Grunde nur, weil, ich meine, wir wollen nicht zeigen. Wir wollen nur dein Mega-Menü. Ähm, dann ist die letzte Grube, ähm, die Grenze unten los zu werden. Also sehen Sie, wie, wenn ich besaß Sorry, das ist nur kleben, weil ich es habe. Ich habe diesen Satz, um so auf eine Fußzeile zu schweben. Wenn ich tatsächlich gehe, zum Beispiel, Mitte und ich in Text und ich mache es einen Link. Was standardmäßig passieren wird, ist, dass es unterstrichen wird, richtig, und ich möchte nicht, dass es unterstrichen wird, besonders wenn wir im Mega-Menü oben haben. Und das andere, was ich tue, ist, dass du siehst, wie es sehr verkrampft ist. Ich möchte es mehr ausräumen. Deshalb ändere ich die Liniennacht. Also Zeilenhöhe von zwei statt, ähm es war wahrscheinlich eins oder etwas vorher. Also, wenn du noch mehr Platz willst, lass mich das nochmal stecken. Wenn du also noch mehr Platz willst, magst du 2.5 und du wirst sehen, dass der Abstand zwischen diesen wächst. Du gehst, du weißt schon, drei. So kannst du damit herumspielen. Finden Sie die Nummer, die für Sie funktioniert. Ähm, und das hat gerade den unteren Rand entfernt, den es vorher hatte, was die andere Zeile ist. Ähm, dann ist die letzte Sache, die Sie wahrscheinlich ändern wollen, die Farbe. Also im Moment habe ich es gesetzt ist grau. Ähm, dass Sie eigentlich nur zu Site-Stilen gehen. So entwerfen und dann Site-Stile, die einen Typ im Ordner ausführen, also Ordnerfarbe. Wir werden es schwarz haben. Wenn Sie die Farbe des Textes ändern möchten, müssen Sie zum Fußzeileninhalt gehen. Und das Links und Sie können es wie weiß ändern. Und dann auf Handy. Entschuldigung. Wieder auf dem Tablet. Sieht so aus. Das ist also, weil wir die 60% mit haben, aber Sie könnten es erhöhen wollen. Sie müssen eine Medienabfrage verwenden, wenn Sie auf dem Desktop dünn und dann auf Mobilgeräten groß sein möchten . Also lasst uns auf Tablet Terry rüber gehen. Also lasst uns gehen. Lassen Sie uns das abdecken. Und so, wo ich 60% mit hatte, Ich könnte es wollen, zum Beispiel 70. Und dann muss ich es auch nach links bewegen, denn jetzt, da 70 es wahrscheinlich ungefähr 15 nach links . Ähm, ja. Wir können sogar nach E. T. gehen. Nur damit das ganz oben ist. So 80 plus fünf auf der Seite und 15 auf der linken Seite, vielleicht ein Zug Es links ein wenig mehr so 10 auf der linken Seite. Und dann ist es jetzt irgendwie zentriert. So 80 plus 10 auf der linken Hand auf die Rechte 100. Es ist also genau zentriert, um, und auf dem Desktop sieht es so aus. Und dann, wenn ich es ruhig mache, es verschwinden, und ich werde nur einen kurzen Blick darauf werfen, wie es auf dem Handy aussieht. Also auf Handy, sollte es zurück zu yeah gehen, Megan-Menü, und dann ist es nur dein normales Menü. Das ist einfach wieder, denn es gibt keinen Platz für Mega-Männer, die auf dem Handy verwendet werden. Stellen Sie also sicher, dass Sie diese anfängliche Navigation richtig ausbauen. Also wieder, das ist in Seiten. Also hier, stellen Sie sicher, dass das richtig aufgebaut ist. Also auf dem Handy, Sie wissen, dass sie keine gebrochene Erfahrung haben. Sie können immer noch auf alle Seiten zugreifen. Und die letzte Sache ist, wenn Sie jemals Änderungen an diesem Menü vornehmen wollen, ähm, was Sie tun müssen, ist, dass ähm, Sie zu Einstellungen gehen, erweiterte Code-Injection und nehmen Sie das heraus. Sie können die anderen Teile in lassen. Die andere Sache, die Sie tun können, ist einfach auskommentiert, was so ist. Es ist also weniger als Ausrufezeichen, Bindestrich, Bindestrichund dann Bindestrich, Bindestrich größer als unten. weniger als Ausrufezeichen, Bindestrich, Bindestrich und dann Bindestrich, Und das kommentiert, dass auch nichts tut. Und dann hast du den Fuß wieder unten. Klicken Sie dann einfach auf Bearbeiten, nehmen Sie die gewünschten Änderungen vor. Also sagen wir, zum Beispiel, ich will dieses Bild nicht mehr. Wird es das retten? Ich werde das einfach wieder ungewöhnlich machen. Also, jetzt wird es wieder ausgeführt, so dass der Code funktioniert. Also jetzt, wenn ich an die Spitze gehen, da Sie gehen, das Bild ist weg und ja, das ist, wie Sie machen Menü auf Squarespace Jungs, haben einen tollen Tag.