Transkripte
1. Intro VO m: Fühlen Sie sich überfordert, wenn
Sie darüber nachdenken,
Ihre eigene
Portfolio-Website zusätzlich zu
einer Million anderer
Dinge zu erstellen Ihre eigene
Portfolio-Website zusätzlich zu
einer , die Sie als kreativer
Unternehmer bereits tun? Nun, ich war dort und verstehe vollkommen,
wie entmutigend es kann,
Ihre Website
selbst zu starten , wenn Sie keine
schlechten Erfahrungen mit Webdesign haben. Hallo, ich bin ein Künstler und
Oberflächendesigner aus Indien. Ich verkaufe meine Kunst auf verschiedenen
Produkten wie Stoffen, Tapeten, Accessoires und
anderen Lifestyle-Produkten. In diesem Skillshare-Kurs zeige
ich Ihnen, wie Sie
mit Squarespace Seven, 0.1,
Ihre eigene Portfolio-Website erstellen können . Wenn Sie ein Künstler,
Oberflächendesigner, Illustrator oder ein anderer Kreativer sind
, der noch
keine Erfahrung
im Webdesign hat. Ich bin
seit meinem Kind Künstler, aber es war eher
ein Hobby für mich. Und wenn Sie vom Hobbyisten zum
professionellen Künstler übergehen , brauchen
Sie einen Ort, an dem
Sie
Ihre Kunst präsentieren und eine Gemeinschaft aufbauen können . Als ich anfing,
meine eigene Portfolio-Website zu erstellen, musste
ich alles
aus verschiedenen Quellen platzieren . Daher werde
ich Ihnen in diesem Kurs diese gigantische Aufgabe
sehr einfach machen ,
indem ich Ihnen Schritt für Schritt
eine
Methode zeige, mit der Sie Ihre eigene Portfolio-Website
ohne Verwendung einer
Beschichtung erstellen Ihre eigene Portfolio-Website können. Dieser Kurs ist ausschließlich für Anfänger
konzipiert
und Sie
müssen keine Vorkenntnisse
im Webdesign haben, um an diesem Kurs
teilnehmen zu können. Dies ist kein fortgeschrittener
Webdesign-Kurs, daher wird eine niedrige Codierung erforderlich sein. Sie können sich für die kostenlose
Version von Squarespace
7.1 anmelden und werden
in dieser Testphase einen Fuß fassen, um zu
sehen, ob sie Ihnen gefällt oder nicht. In diesem Kurs lernen
Sie, wie Sie
planen , bevor Sie mit
dem Erstellen Ihrer Website beginnen, wie Sie Ihre Website auf
einfache und intelligente Weise gestalten. Einige Grundlagen der
Suchmaschinenoptimierung
, wie Sie Ihre Website veröffentlichen, und eine Bonusstunde, in der
ich Ihnen zeige, wie Sie einen Link in der
Bio-Landingpage für Instagram
erstellen. Also bist du bereit, mir zu
folgen? Und innerhalb weniger Tage Ihre Website
bereit für die Veröffentlichung. Ich kann es abwarten zu sehen, wie Sie Ihre schöne Website
gestalten. Wir haben eine Menge zu besprechen, also fangen wir an.
2. Dein Kursprojekt: Das Klassenprojekt, das Sie benötigen, um Ihre Website zu entwerfen und zu veröffentlichen. Anschließend können Sie entweder
Screenshots von verschiedenen Seiten machen und
den Apex in den Bereich Projekte
und Ressourcen hochladen . Oder laden Sie Screenshots
von ein bis zwei Seiten hoch. Wenn Sie sich entscheiden,
Ihre Website nicht sofort zu veröffentlichen. Sie können den URL-Link
zu Ihrem veröffentlichten Schritt
freigeben, sagen wir, dass Sie ihn in dieser Klasse
erstellt haben. Der schwierigste Teil ist der schwierigste Teil. Deshalb möchte ich
Sie ermutigen, sich nicht zu öffnen und einfach damit
anzufangen. Teilen Sie es in der
Projektgalerie, damit ich und Ihre Kritikerkollegen Sie
ermutigen und
Ihnen Feedback geben können .
3. Planung vor der Gestaltung: Willkommen in der Klasse. Bevor wir mit der
eigentlichen Gestaltung der Website beginnen , würde
ich vorschlagen, sie
zuerst zu planen und
diesen Planungsprozess für Sie
noch einfacher zu gestalten . Ich habe Ihnen im Bereich Projekte und
Ressourcen
eine PDF-Checkliste
zum Herunterladen bereitgestellt im Bereich Projekte und
Ressourcen
eine PDF-Checkliste
zum Herunterladen . Laden Sie den PDF-Leitfaden herunter und
beginnen Sie mit der Planung. Und nimm dir Zeit damit. Überlegen Sie, welcher Markenname, ODU-See oder Domainname
und prüfen Sie vorher, ob
er verfügbar ist oder nicht. So produktiv es auch klingen mag. Sie müssen über
Ihren idealen Kunden oder
Ihre ideale Zielgruppe nachdenken , für die Sie
diese Website entwerfen? Ist es ein Art Director, der Ihre Kunst lizenzieren
möchte? Oder ist es ein Kunstliebhaber
, der Ihre Kunst gerne kauft? Oder entwirfst du es für andere Kreative, die
gerne von dir lernen? Denken Sie auch darüber nach, wen Sie
gerne suchen möchten oder nicht? Und welche Art von Farben
könnten Sie gerne auf Ihrer Website
haben. Diese Squarespace bietet
einige grundlegende Farbthemen, aber Sie können auch
Ihre eigenen Markenfarben haben ,
wenn Sie möchten. Denken Sie nicht zu viel darüber nach, denn Sie können dies später jederzeit
ändern. Aber zumindest
müssen Sie eine klare Vorstellung davon haben wie Ihre
Website aussehen soll. Es stehen einige großartige
Ressourcen
online zur Verfügung , um eine
benutzerdefinierte Farbpalette zu erstellen, wie das
Adobe-Farbrad und die Kühler. Ich gebe alle
Links in der Beschreibung an. Denken Sie auch darüber nach, was
Unternehmen nutzen möchten. Jetzt verwende ich Canva
, eine
Grafikdesign-Plattform um meine Miniaturansichten
für meine Website zu entwerfen. Ich wähle eine Schriftart, die auch in Canvas
verfügbar ist. Sie können das tun, aber denken Sie daran, es auf zwei
bis drei Schriftarten zu beschränken. Für diese Klasse können Sie
ein Serifen- und serifenloses Skript
und ein sensibles Skript verwenden ein Serifen- und serifenloses Skript , um den Prozess zu
vereinfachen. Erstellen Sie ebenfalls ein
grobes Layout dessen, was Seiten tatsächlich
auf Ihrer Website haben möchten. Denken Sie nicht zu viel darüber nach, planen
Sie einfach grob. Sie können auch
Skillshare-Kurse zum
Thema Branding durchgehen , um mehr darüber zu
erfahren, damit dieser Prozess für Sie
noch einfacher wird. Denken Sie auch daran,
alle Ihre Bilder bei
Lowe's is Alicia zu behalten , das sind 72 dpi. Speichern Sie es als JPEG oder PNG, wenn Sie einen
transparenten Hintergrund wünschen. Halten Sie auch alle Ihre
Social-Media-Links und sie sind scharfe
Links, die zur Verwendung bereit sind. Daher würde ich vorschlagen,
die Checkliste herunterzuladen und sich Zeit für die Planung zu nehmen , bevor Sie sich bei Squarespace
anmelden. Damit du in
dieser Trockenzeit für mich alles bereit
hast. Ob es dir gefällt oder nicht. Wenn Sie
mit Squarespace fortfahren möchten oder nicht, ist
es besser,
alles vorher fertig zu haben. Die nächste Klasse, in der
wir mit Squarespace beginnen werden.
4. Erste Schritte mit Squarespace 7.1: Willkommen zurück. Mal sehen, wie
wir mit Quizfragen arbeiten können. Okay, fangen wir damit an, zu squarespace.com zu
gehen. Und hier
scrollen wir ganz nach unten und klicken auf Preise. Jetzt erhalten Sie hier vier
Arten von Preisoptionen. Sie können sich für den persönlichen Plan entscheiden wenn Sie möchten,
den Geschäftsplan. Und ein einziger
Zweck ist es,
ein Geschäft oder ein Geschäft
mit Squarespace zu eröffnen .
Dann würde ich empfehlen, den Commerce- oder
Advanced-Commerce-Plan zu wählen. Nutzte all diese Optionen und die mit
den jeweiligen Optionen verfügbaren Vorteile. Sie können
nach Ihren Wünschen und dem, was für Sie
am vorteilhaftesten ist, wählen. Und die Geschäftspläne
enthalten auch den Google-Arbeitsbereich. Also kannst du es dir ansehen. Sie können den Preis auch
anhand der monatlichen
Zahlung oder der jährlichen Zahlung anzeigen und wählen, welcher Preis für Sie
am kostengünstigsten ist. Deshalb habe ich mich für Squarespace entschieden, weil Sie sowohl die Domain das
Hosting direkt
in Squarespace erhalten Außerdem bietet es
die integrierten SEO-Tools, Analysen und URL-Mappings. Unter anderem. Es ist sehr benutzerfreundlich
und leicht anpassbar, auch für jemanden, der 0
Erfahrung
im Webdesign hat , wie ich. Es ist für
alle Arten von Geräten optimiert. Und Sie erhalten auch diese schönen Vorlagen, die
Sie einfach anpassen können. Deshalb ist es wichtig, dass
ich ein Kreativer bin. Melden Sie sich einfach für die kostenlose Testversion an und prüfen Sie, ob es Ihnen gefällt oder nicht. Wenn Sie nun auf Hier anmelden klicken, können
Sie entweder mit
Google fortfahren oder ein neues Konto
erstellen. Dazu klicken wir
oben rechts auf Konto
erstellen. Auch hier können Sie mit
Google fortfahren oder mit E-Mail
fortfahren. Also mache ich einfach mit E-Mail
weiter. Und ich werde schnell alle Details
ausfüllen. Wenn Sie jetzt auf Weiter klicken, gelangen
Sie zur Seite mit den
Anmeldeeinstellungen. Und hier können Sie auf
Konto-Dashboard klicken , um
zu dieser Seite zu gelangen , auf der Sie
alle Steuerelemente erhalten. Jetzt können Sie hier auf Bestätigung
senden klicken und Sie erhalten eine E-Mail in Ihrer
E-Mail-ID von Squarespace, die Sie überprüfen müssen. Dann können Sie auf diese Seite
zurückkehren. Wenn Sie jetzt im Profil auf
Kontoeinstellungen klicken, können
Sie Ihr
Profilbild oder Ihren Anzeigenamen ändern. Und wenn Sie hier auf
Konten und Sicherheit klicken, würde
ich vorschlagen, die
Zwei-Faktor-Authentifizierung
einzuschalten . Sie können auch die
Schritte zur
Kontowiederherstellung einrichten , indem Sie hier klicken. Wenn Sie auf Benachrichtigung klicken, können
Sie wählen, ob Sie von
Squarespace
benachrichtigt werden möchten oder nicht, indem
Sie diese Option ein- und ausschalten. Hier. Wenn Sie zur Sprache wechseln, können Sie die Sprache
Ihrer Website
ändern. Wenn Sie jetzt auf Hilfe klicken, gelangen
Sie
zum Hilfezentrum, in dem Sie alle Ihre
Fragen beantworten. Sie können nach Produkten suchen. Es gibt viele Artikel. Es gibt auch Videos, die
Sie auschecken können, oder falls
Sie jemals mit Problemen konfrontiert sind. Du bekommst also alles
auf dieser Seite. Sie können diese Seite
als weitere Referenz mit einem Lesezeichen versehen. Dies ist alles für Ihr
Anmeldeverfahren. Treffen wir uns also in der nächsten Klasse. Wir sehen uns in der nächsten Klasse. Wir
wählen eine Vorlage aus.
5. Das Auswählen Einer Vorlage: Willkommen zurück in der Klasse. Nachdem Sie ein Konto
erstellt haben, wählen
wir eine Vorlage aus, die wir zum Entwerfen einer Website verwenden. Klicken wir also auf Website
erstellen. Und was wir tun werden ist, dass hier
bereits so viele Typen verfügbar sind. Wenn Sie eine bestimmte
Kategorie von Vorlagen wünschen, können
Sie einfach hier klicken und es werden Ihnen viele Vorlagen angezeigt. Aber in diesem Kurs werde
ich zeigen, wie
man eine Portfolio-Website erstellt. Also klicke ich auf Portfolio. Und wir
schauen uns einfach an
, welche Optionen verfügbar sind. Wenn Sie nur
auf diese Vorschau klicken, wird Ihnen angezeigt, wie die
Website tatsächlich aussieht und Sie können scrollen
und sehen, wie sie aussieht. Jetzt können Sie auch überprüfen, wie es auf der Registerkarte auf dem Handy
aussieht. Sie können sich also
all diese Dinge ansehen, indem
Sie eine Vorlage für die Gestaltung
unserer Portfolio-Website auswählen. Insbesondere würde ich
vorschlagen, so
etwas
oder vielleicht so etwas zu wählen so
etwas
oder vielleicht so etwas wo es eine
Miniaturansicht auf der Homepage gibt. Aber dann gibt es keine feste
Regel, da Sie eine
Vorlage
immer nach Ihren Wünschen anpassen können. Wie du willst. Sie können einfach
auf diese Vorschau klicken und sehen, wie es aussieht, wie
ich es Ihnen zuvor gezeigt habe. Für diese Klasse. Insbesondere werde ich
diese Nevins-Vorlage
wegen ihrer Einfachheit wählen . Und wie gesagt, es ist
vollständig anpassbar. Mal sehen, wie es aussieht. Gehen wir zur nächsten Ansicht von oben. Sie sehen, wie einfach es ist. Ich glaube, ich entscheide mich dafür. Und wir
haben auch bereits einen Blog-Bereich
, den ich Ihnen zeige,
wie Sie hinzufügen können. Und wir werden mit diesem Design weitermachen. Also klicken wir auf
Mit diesem Design beginnen. Sie gelangen dann zu Ihrem Kontroll-Backend
der Website. Hier können Sie
den Site-Titel ändern , wenn Sie auf Weiter klicken möchten
. Hier wird
eine Vorschau gezeigt, wie Sie die Seiten bearbeiten können und
auf die ich in
weiteren Lektionen näher eingehen werde. Also mach dir darüber keine Sorgen. Sie können einfach
auf Erste Schritte klicken. Wir sehen uns in der nächsten
Lektion, in der ich
Ihnen zeigen werde , was all diese Einstellungen sind.
6. Squarespace Übersicht: Willkommen zurück. Gehen wir diese Einstellungen durch. Eines wollte ich
Ihnen sagen: Wenn Sie jemals zu
Ihrer Dashboard-Seite zurückkehren möchten, klicken
Sie einfach auf
dieses Squarespace-Logo und Sie gelangen
zur Dashboard-Seite. Wenn Sie nun auf Website
klicken, können
Sie zu
den Steuerelementen zurückkehren, die sich auf
der Einstellungsseite
Ihrer Website befinden . Wie Sie sehen können, gibt es hier verschiedene
Optionen. Lassen Sie uns das alles schnell durchgehen, damit Sie sich ein wenig vertraut fühlen, indem Sie
diese verwenden , um Ihre Website anzupassen. Wenn wir also auf Seiten klicken, gelangen Sie zu dieser Seite hier und hier
sehen Sie die Hauptnavigation. Was auch immer Sie hier hinzufügen, es wird auf Ihrer
Hauptseite oder in Ihrer Navigation angezeigt. In dem nicht verlinkten Bereich wird
alles, was Sie hier hinzufügen , aktiv sein, aber es wird sowieso nicht
auf Ihrer Seite angezeigt. Ich werde dir zeigen, wie du
all diese Seiten in
den kommenden Klassen hinzufügen kannst . Wenn Sie auf Design klicken, können Sie hier alle Ihre Farben,
Schriftarten, Animationen,
Abstandsschaltflächen,
Bildblöcke und
viele andere Dinge
steuern Schriftarten, Animationen,
Abstandsschaltflächen, . Wenn Sie auf das Browser-Icon
klicken, sehen Sie hier einen kleinen
schwarzen Würfel. Dies ist das
Browsersymbol oder der Stoff. Und ich werde dir zeigen, wie
du
in der kommenden Klasse ein
eigenes Favicon hinzufügen kannst. Wenn Sie auf den Sperrbildschirm klicken eine
passwortgeschützte Seite haben, können Sie hier Ihren Sperrbildschirm
anpassen. Dann ist die
Checkout-Seite wichtig, wenn Sie ein Geschäft
auf Ihrer Website haben, das Foto für Seiten, wenn Sie einen defekten Link haben, dann müssen Sie
ein Foto für die Seite haben,
die 404-Seite ist, damit können Sie Ihre Kunden oder
Ihre Website-Betrachter
anleiten. Einige relevante Seiten. Weiter wird verweigert Bildschirm
wird nicht darauf eingehen. Und das soziale Umfeld
ist, dass Sie das Gefühl haben, darauf zu klicken. Sie können ein soziales Logo hinzufügen, was auch immer Sie
von Ihrer Website teilen, Sie können ein
Logo dafür haben. Hier. Im benutzerdefinierten CSS können
Sie Ihre Codierungen hinzufügen, die wir nicht
eingehen werden , da dies
eine neue Codierungsklasse ist. Hier dreht sich alles um Ihre Designs. Wenn Sie jetzt
auf Online-Shop klicken, zeige
ich Ihnen alle diese Einstellungen in
der
kommenden Lektion, in der wir unserer Website einen Shop
hinzufügen werden. Sie klicken auf Marketing. Hier können Sie
die E-Mail-Kampagnen durchführen. Wenn Sie
über Squarespace E-Mail-Angebote haben, können
Sie Ihre
E-Mail-Kampagnen verwenden. Dann gibt es Profile. Und bei SEO können Sie eine
andere Optimierung
für Ihre Seite vornehmen . Wir werden es in der
kommenden Lektion sehen. Standort-Verwaltung. Sie können Ihren Standort hier hinzufügen. Dann gibt es
Pop-up-Ankündigungsleisten für Werbeaktionen und viele andere Werbeoptionen werden
ebenfalls nicht
in Xi-Duelle einfließen. Analysen
sehen Sie
Ihre Geschäftsanalysen und
auch Ihre Website-Analysen. Auf einiges davon werden wir in der kommenden Lektion eingehen. Dann sehen Sie
in den Profilen Ihre Abonnenten, Kunden und andere Dinge. In den Einstellungen erhalten
Sie dann erweiterte Optionen. Innerhalb der Verfügbarkeit können Sie Ihre Website hier
veröffentlichen, ich zeige Ihnen wie. Dann ist
dies im
Mitgliederbereich, wie Sie sehen können, ein Mm-hm. Planen Sie, denn wo immer
Sie diesen Pfeil sehen, bedeutet
dies, dass es sich um
einen Zahlungsplan handelt. Wenn Sie also einen
Geschäftsplan haben oder evoke, können
Sie diesen verwenden. Wenn Sie eine Mitgliedschaft
in Sprache, Sprache
und Gründen haben , können
Sie die Sprache Ihrer Website verwenden und die
ursprünglichen Einstellungen hier vornehmen. Dann gibt es
Geschäftsinformationen , in denen Sie Ihre
Kontakttelefonnummer,
Ihren Kontaktmann und
Ihren physischen Standort hinzufügen können . In den sozialen Links können
Sie alle
Ihre sozialen Medien verbinden, wie Sie es in der Navigation sehen. All diese Icons können Sie hier
direkt mit Ihrer
Social-Media-Seite verlinken . Wenn Sie dann hier zu
verbundenen Konten gehen, können Sie
auch
Ihr Facebook Pinterest und
andere Dinge mit Ihrer Website verbinden , die
auf Ihrer Homepage angezeigt wird. Diese Erweiterung und
Erlaubnis hier, Sie können das Eigentum
an Ihrer Website auf eine andere Person übertragen , wird nicht darauf eingehen. In Domänen. Sie können eine
Domain erwerben, die eine Käufer-Domain ist, oder eine Domain verwenden, wenn Sie bereits eine eigene gekauft
haben. Wenn Sie hier auf
Data Domain klicken, können
Sie Ihren Namen
oder Ihren Unternehmensnamen hinzufügen und es werden Ihnen
viele verfügbare Optionen angezeigt. Sie können einfach
auf eines davon klicken und es bei
Squarespace selbst kaufen. Dann gibt es noch Google Workspace. Ich denke, Sie werden feststellen, dass dies
am besten mit dem Geschäftsplan funktioniert . Es gibt eine Abrechnung, bei der es
sich um Rechnungen mit
Abonnementzahlungsinformationen handelt. Dann gibt es noch die mobile
Informationsleiste, die eine Premium-Funktion ist, also werden wir nicht darauf eingehen. Und die Cookies und ViStA-Daten zeige
ich Ihnen, wie Sie ein Cookie-Banner
erstellen. Dies ist wichtig und
es gibt Blogging, in dem wir unsere Blog-Seite weiter
anpassen können. Und das Fortgeschrittene, bei dem wir unseren eigenen Code
hinzufügen können ,
wenn sie wollen. Aber wir werden auf nichts
davon eingehen,
da dies eine Klasse
ohne Codierung ist. Also ja, hier dreht sich alles um
die Einstellungen von Squarespace. Treffen wir uns jetzt in
der nächsten Klasse. Die nächste Klasse, in der wir mit dem
Erstellen unserer Website
beginnen werden , indem wir hinzufügen.
7. L7 VO: Bevor wir mit
der Erstellung der Seiten Ihrer Website beginnen, möchte
ich Ihnen
aktualisierte Informationen
über den letzten
Start von Squarespace geben , da dies die Art und
Weise ändern wird , wie wir sie
in Squarespace bearbeiten. In diesem Kurs habe ich gezeigt wie man mit
dem klassischen Editor bearbeitet, ich immer noch
für das Geschäft empfehle. Und jetzt hat squarespace
die Fluid Engine
für
die Version 7.1 auf den Markt gebracht , die Designern zweifellos viel
Flexibilität und kreative
Freiheit bietet. Für Anfänger kann es jedoch etwas
überwältigend sein. Aber ich möchte, dass Sie
beide Optionen kennen und wählen
, was Sie verwenden möchten. Wenn du mir folgst. Sie können den klassischen
Editor verwenden, den ich in
den kommenden Lektionen gezeigt habe , und
später können Sie auf
den Fluid Engine
Editor upgraden , wenn Sie möchten. Also auch für meine Website und
immer noch im klassischen Editor, habe ich sie noch nicht aktualisiert. Aber wenn Sie den Mauszeiger hier bewegen, erhalten
Sie diese
Upgrade-Option. Wenn Sie den klassischen Editor verwenden, erhalten
Sie diese Option auch
auf Ihrer Website Sie können einfach auf
Upgrade klicken und
auf Fluid Engine aktualisieren. Aber sobald Sie
es gespeichert haben, ist es dauerhaft. Sie können dann nicht
zum klassischen Editor zurückkehren. Ich würde also vorschlagen,
sich zuerst an den klassischen Editor zu gewöhnen. Dann können Sie eine Seite
duplizieren und sehen, wie der
Fluidmotor funktioniert. Und dann können Sie es
aktualisieren, wenn Sie möchten. Wenn Sie nun zu Seiten gehen und
eine neue Seite hinzufügen möchten, müssen
Sie auf Plus klicken. Mach dir
über all das keine Sorgen. Ich werde in den kommenden Lektionen alles
ausführlich behandeln . Wenn Sie also auf Seitenlayout klicken, erhalten
Sie diese Vorlagen die
Sie Ihrer Seite
hinzufügen können. Wenn Sie jetzt gehen möchten, dies die Fluid
Engine-Vorlagen. Wenn Sie
zum klassischen Editor wechseln möchten, sehen
Sie diese Option hier
unten. Das Buch. Sie benutzen einfach den neuen
Fluid Engine-Editor. Und wenn Sie
den klassischen Editor verwenden möchten , können
Sie hier klicken. Also hier
bekommst du auch all diese Optionen. Diese Vorlagen sehen
zwar sehr ähnlich aus, aber die Bearbeitung
wäre anders. Wenn Sie mir
folgen möchten, können
Sie diese Option wählen
und auf diese Seite gelangen. Von hier aus. Sie können jedes gewünschte Layout
verwenden und
mit dem Unterricht fortfahren. Aber wenn Sie den Fluidmotor
benutzen wollen, zeige
ich Ihnen, wie
Sie das machen können. Also lasst uns zuerst wieder hierher gehen. Lass uns eine Seite hinzufügen. Vielleicht. Lass uns sehen. Lass uns eine einfache Seite hinzufügen. Lass uns diese Seite hinzufügen. Jetzt zeige ich weder die
Anpassung noch die SCO
dieser Seite, da ich sie in
den kommenden Lektionen zeigen
werde. Wenn Sie auf Bearbeiten
und den klassischen Editor
klicken, haben Sie auch diesen Abschnitt Hinzufügen
im klassischen Editor. Wenn Sie also auf
Abschnitt hinzufügen klicken und es einfach etwas zu
unserer klassischen Bearbeitung
hinzufügen ,
damit ich Ihnen beide zeigen kann. Und ich füge das einfach hinzu. Abschnitt zwei ist ein klassischer Editor. Das ist jetzt die klassische Bearbeitung. Wie Sie sehen können, wird die
Upgrade-Option angezeigt. Das heißt, wir sind in
der klassischen Bearbeitung. Der Hauptunterschied besteht
darin, dass Sie
diese Blöcke nicht an eine beliebige Stelle verschieben können. Welches Layout Sie auch wählen. Wenn Sie etwas Leerzeichen hinzufügen möchten oder auf diese Seite
gehen möchten, müssen Sie auf Plus klicken und dann
auf den Abstandhalter klicken. Und diesen Abstandhalter können Sie
ziehen und ablegen, um ihn in
dieselbe Richtung zu
bewegen und vielleicht Platz
zwischen diesen beiden Abschnitten zu schaffen ,
was auch immer Sie wollen. Aber wenn wir zu
diesem Abschnitt kommen , den wir zuvor hinzugefügt
hatten, ist dies
jetzt der Fluidmotor. Wie wir wissen, dass Sie alles auf dieser Seite verschieben können, wenn
Sie darauf
klicken und es verschieben. Sie werden sehen, dass diese Felder das Raster hinter
diesem Textblock sind . Das ist also der
Hauptunterschied zwischen
dem klassischen Editor
und Fluid und J. Nun, wenn du willst, wenn du
das Raster sichtbar machen willst, dann musst du
G auf deiner Tastatur drücken. Um es sichtbar zu machen. In diesem Raster können Sie alle Inhaltsblöcke
richtig
platzieren , um einen neuen Abschnitt
oder Block in diesem
klassischen Editor hinzuzufügen oder Block in diesem
klassischen Editor Sie müssen auf diese Klasse klicken. Aber hier musst du auf Block hinzufügen
klicken. Angenommen, Sie möchten einen Bildblock
hinzufügen. Also wird ein Imageplot hinzugefügt. Und jetzt können Sie diesen
Block trinken, um Innovationen zu entwickeln. Nehmen wir an, das ist
Ihre Kunsttafel. Also blockieren alle deine Inhalte. Und du kannst
es überall hin bewegen. Wenn Sie jetzt auf Bearbeiten klicken, können
Sie das Bild hinzufügen. Wie Sie sehen können, wird
das Bild hinzugefügt. Und wenn Sie darauf klicken, können
Sie es
größer oder kleiner machen. Sie können es einfach ziehen und
an einer beliebigen Stelle platzieren, aber das ist nicht möglich. Und der klassische Editor. Und noch etwas: Wenn Sie
auf dieses Bild bearbeiten klicken , können
Sie sie bearbeiten. Design dieses Bildes können
Sie auch auf Anpassen klicken. Wenn Sie
den Anteil ändern möchten. Nehmen wir an, Sie möchten diesen
Textblock über diesem Bild haben. kannst du auch machen. Um das zu tun, klicken
Sie auf den Text, Sie erhalten diese Bearbeitungsoption. Jetzt können Sie dem
Text
einen Hintergrund hinzufügen , wenn Sie möchten. Und Sie können andere Änderungen vornehmen. Sie können es verkleinern oder vergrößern, indem Sie es manuell ziehen. Sie können auch
die Ausrichtung von Audio ändern. können einfach die Ecken ziehen und es selbst
manuell durch Klicken tun. Wenn Sie also einfach auf den Text
klicken und hier sehen Sie weiter. Wenn Sie auf
die Schaltfläche Vorwärts klicken, wird
sie in den Vordergrund gerückt. Nehmen wir an, wir wollen dieses
Bild über diesem Text haben. Wir klicken auf dieses
Bild und kommen zufällig
zu diesem Bild, das wir gepackt haben. So können Sie
alle Ebenen so anordnen, wie Sie möchten, was bisher
nicht möglich war. Jetzt können Sie dieses Gitter vergrößern, indem dieses Symbol nach
oben
ziehen, wodurch die
Zeilen im Raster vergrößert
oder verkleinert werden . Sie können dies auch tun, indem Sie
auf diesen Bearbeitungsbereich klicken. Hier können Sie
die Anzahl der Zeilen erhöhen oder verringern. Sie können auch die Lücken
zwischen dem Raster entfernen , wenn Sie möchten. Oder du klickst auf
diese drei Punkte und du kannst es manuell tun. Auch hier erhalten Sie all diese Optionen für Höhe und Ausrichtung
und alles andere. Jetzt
sind diese Optionen auch
im klassischen Editor verfügbar , jedoch
auf andere Weise. Aber denken Sie an einige Dinge, die sich für Fluid Engine
nicht geändert haben, wie die Galerie-Layouts
und die Listenlayouts, die sich nicht geändert haben. Das ist also das gleiche
wie im klassischen Edit-Editor, den wir in den
kommenden Lektionen sehen werden. Eine weitere Sache
, die Sie beachten sollten ist, dass Sie, wenn Sie
die Fluid Engine
verwenden, immer
die mobile Ansicht überprüfen da alle
Änderungen, die Sie in der nächsten Version vornehmen, möglicherweise nicht werden
in der mobilen Ansicht richtig angeordnet. Aber dann gibt es Ihnen auch die Flexibilität,
alles in der mobilen Ansicht zu ändern. Sie können ein völlig
anderes Layout für Ihre mobile Ansicht haben. Und es ist ein völlig anderes
Layout für Ihre Desktop-Ansicht. Aber das musst du im Hinterkopf
behalten. Zuvor war im klassischen Editor alles
ziemlich gut für
die mobile Ansicht arrangiert . Aber dann hattest du nicht die kreative Freiheit
, die dich
dieser Rohölmotor hält. Zum Zeitpunkt der
Aufnahme dieses Videos ist also noch keine
Anpassung für
die Tablet-Ansicht verfügbar , und auch für
Bildschirmleser werden
die Blöcke
in der Reihenfolge angezeigt, in der sie dem
Seite. Denken Sie also daran. Abgesehen davon denke
ich, dass dies
ein ziemlich guter Schritt nach
oben von Squarespace ist , der Ihnen so
viel Flexibilität und kreative Freiheit bietet, Ihre Seite zu ändern
oder zu gestalten. Aber dann benutze alles
, was dir passt. Wenn Sie es einfach halten möchten, verwenden Sie
einfach den
klassischen Editor und später können Sie
ihn auf den Fluid Engine aufrüsten. Ich wollte auch erwähnen, dass es einige Dinge gibt
, die in der Fluid Engine noch fehlen wie die
Image-Block-Layouts und Animationen, die sich Squarespace hoffentlich sehr bald kümmern
wird. Im Moment ist dies jedoch keine
Option mit Fluidmotor. Also hier drehte sich alles
um Fluidmotor. Fragen zum Launchpad.
8. Eine Homepage hinzufügen: Willkommen zurück. Lass uns sehen. Wie mache ich das? Beginnen wir nun mit dem
Hinzufügen einer Homepage. Um das zu tun,
klicken wir auf Seiten. Jetzt ist hier eine Seite. Einige Seiten
wurden bereits hinzugefügt. Sie können diese bereits verfügbare
Seite anpassen. Klicken Sie auf dieses Pluszeichen. Und dann können Sie hier aus
verschiedenen Optionen wählen. Sie können aber auch auf
eine leere Seite klicken, wenn Sie
alles selbst anpassen möchten. Aber wenn Sie ein
absoluter Anfänger sind, würde
ich sagen, klicken Sie
auf Seitenlayout. Hier erhalten Sie
viele weitere Optionen. Jetzt können Sie all
diese Optionen hier erkunden, aber klicken wir auf die Galerie, und ich wähle eine von hier aus. Lass uns den Galeriekampf wählen. Jetzt sehen Sie hier, nennen wir es Zuhause. Wenn Sie jetzt mit der Maus
über diese Seite
fahren, wird hier eine Löschoption angezeigt, und Sie sehen hier eine Einstellung. Klicken wir also auf diese Einstellungen. Und hier können Sie Ihre Seite
anpassen. Jetzt behalten wir die Seite. Hier. Sie können die Seite duplizieren und als Startseite festlegen. Nehmen wir an, Sie haben eine andere
Seite und möchten diese Seite als
Startseite
festlegen,
damit Sie zu diesem
Einstellungsweg gehen und diesen Lohn als Startseite festlegen
können. Sie können die
Seite auch hier löschen. Jetzt gehen wir zu einem CEO. Hier ist das
Wichtigste, den
SEO-Titel zu geben , und eine
Beschreibungstür bleibt optional, aber ich würde Ihnen vorschlagen dies für jede Seite
anzupassen da es so funktioniert. Suchmaschinen werden Ihre Seiten
finden. Geben wir Ihrer Homepage also einfach einen
Titel. Also werden wir diese Seite
vor den Suchergebnissen verstecken , das
wird nicht tun. Aber ich zeige Ihnen
, wo Sie es
vor Suchen verstecken müssen ,
und wir machen es später. Aber im Moment
behalten wir es einfach so. Und im sozialen Bild. Wenn Sie jede Seite
mit einem anderen Bild
anpassen möchten , können
Sie dies hier tun. Wenn Sie jedoch für jede
Seite ein verallgemeinertes oder ein einzelnes Bild wünschen, können Sie dies tun. In dieser Social-Sharing-Option. Ich zeige dir wo. Vorerst mal. Sie können einfach
alles hinzufügen, wenn Sie
vorankommen möchten . Wir brauchen es nicht. Wenn eine Codeinjektion
erforderlich ist ,
können Sie dies hier tun. Um es sich vorzustellen, klicken Sie
immer auf Speichern. Jetzt bearbeiten wir unsere Seite. Also klicken wir darauf. Und hier, wie Sie sehen können, gibt es hier drei Abschnitte. Wenn Sie den Mauszeiger über
einen der Abschnitte bewegen, finden
Sie die Schaltfläche Abschnitt
hinzufügen. Wenn Sie darauf klicken, erhalten
Sie weitere
Optionen, z. B. können Sie weitere Bilder
hinzufügen oder einen Textabschnitt hinzufügen
oder sogar eine leere
Seite hinzufügen, wenn Sie möchten. Um diesen Abschnitt zu bearbeiten, müssen
wir auf
diesen Abschnitt Bearbeiten klicken. Wenn Sie den Mauszeiger über
jedes davon bewegen, zeige ich Ihnen, was es bewirkt. Dadurch wird
dieser Abschnitt dupliziert. Dadurch wird es gelöscht
und nach unten verschoben. Wenn Sie auf Nach unten klicken,
wird der Abschnitt nach unten verschoben . Und Sie können
hier erneut klicken, um es nach oben zu verschieben. Und wenn Sie hier auf
den Bearbeitungsbereich klicken, sehen
Sie, dass das Raster jetzt aktiviert ist. Einfach. Wenn Sie auf Streifen klicken, wird es so angezeigt. Sie können auch auf
meine Sundry Azure Slide klicken. Was auch immer du
für dieses Video willst, ich werde es einfach machen. Sie können einen
vollen Teller oder eine Schüssel behalten. Sie können auch
das Seitenverhältnis ändern. Nehmen wir an, Sie
haben nicht alle Bilder quadratisch und
einige auch rechteckig. Sie können dies also tun, indem Sie das Seitenverhältnis
ändern. Ich halte es im Quadrat. Sie können die
Spalten hier hinzufügen oder löschen. Du willst. Du. Hier können Sie den
Abstand zwischen den Bildern ändern. Wenn Sie es schieben,
können Sie den Abstand ändern. Ich vergebe die Bildunterschriften auf, nehmen
wir an, Sie haben Ihr Bild
beschrieben, die ich Ihnen in einer
Minute zeige, wie Sie das machen können. Wenn Sie die Beschriftungen eingeschaltet lassen, wird
die Beschreibung unter dem Bild
angezeigt. Und wenn Sie dann eine Animation
umdrehen, können
wir weiter füttern,
skalieren, was auch immer Sie wollen. Wenn Sie den Leuchtkasten eingeschaltet lassen, wird die
Vollbildansicht angezeigt,
wenn jemand auf
das Bild
klickt . Und die Leute können hier einfach
durch die Bilder scrollen. Deshalb lasse ich
den Leuchtkasten gerne an. Das ist x und die Farben, über die Sie sich keine Sorgen
machen
müssen. Wir werden es ändern. Später. Ich zeige Ihnen,
wie Sie die Farben und Schriftarten
für die gesamte Website ändern können. Also machen wir das später. Lassen Sie uns nun die
Bilder machen und unsere
eigenen hinzufügen , die so wichtig sind, dass Sie auf dieses Bild klicken
können. Vernünftig. Und hier klicken Sie auf ein Bild, halten Sie die Umschalttaste und klicken Sie auf das letzte
Bild und Sie können es löschen. Jetzt füge ich einfach einige Bilder von meinem Computer hinzu, die
ich bereits gespeichert habe. Wenn Sie auf das Pluszeichen klicken, können
Sie entweder nach
Bildern suchen, wenn Sie möchten. Wenn du schon
etwas sofort hattest, hatte
ich das schon
in meiner Bibliothek. Also zerstörend. Sie können
auch auf kostenlose Bilder klicken. Aber für dieses Video, da wir Portfolio-Bilder erstellen
, wollen
wir natürlich unsere eigenen Bilder. Also klicke ich einfach darauf und lade
es hoch und es bringt dich zu deinen Computerordnern. Und von dort aus können Sie einfach so viele
Bilder hinzufügen, wie Sie möchten. Also füge ich jetzt schnell
ein paar, einige Bilder hinzu. Wie Sie sehen können, wurden die
Bilder hinzugefügt. Wenn wir jetzt
hier auf eines
der Bilder klicken , können wir die
Beschreibung angeben, die unter dem Bild angezeigt
wird wenn wir die
Bildunterschriften hier haben.
Sie können das
Bild auch verlinken, wenn Sie möchten was hier nicht erforderlich ist. Aber wenn du willst, kannst
du das tun. Wir schließen das und wir können es hier
schließen und
es wird es retten. Jetzt sehen Sie, da ich
die Bildunterschrift eingeschaltet habe, wird die Beschreibung
des Bildes unten angezeigt. Hier können wir diese Schriftart ändern , wenn wir es
später für die gesamte Site tun. Also hier haben wir hinzugefügt. Dann nehmen wir an, Sie
möchten hier etwas hinzufügen. Sie sehen also, hier ist ein Abstandhalter, dem Sie
etwas Abstand zwischen
vielleicht einem Textabschnitt oder
zwischen zwei Bildern oder irgendetwas
zwischen irgendetwas hinzufügen vielleicht einem Textabschnitt oder zwischen zwei Bildern oder irgendetwas
zwischen irgendetwas können, wenn Sie etwas Platz hinzufügen
möchten. Also musst du es tun, mach
es mit einem Abstandhalter. Nehmen wir an, ich
möchte diesen Abstandhalter nicht, ich klicke ihn einfach an. Und die Löschoption wird angezeigt und wir klicken auf Löschen. Jetzt gibt es hier bereits eine
Textoption, aber wenn Sie, sagen wir, Sie
möchten etwas anderes hinzufügen. Also klicken wir auf dieses
Plus oder dieses Plus. Wenn Sie
darunter oder darüber eine hinzufügen möchten, können
Sie sie jederzeit ziehen und dorthin bringen, wo
Sie möchten. Nehmen wir an, ich möchte ein weiteres Textfeld
hinzufügen. Sie sehen jetzt, hier ist ein Textfeld und hier
ist ein anderes Textfeld. Wenn ich es jetzt einfach ziehe und gedrückt halte, kann
ich es nach oben bringen. Nehmen wir an, ich füge hier noch
etwas hinzu. Vielleicht füge ich hinzu, ich
füge hier einen Button hinzu. Also klicken wir auf das Plus
und wir klicken auf die Schaltfläche. Hier. Sie können der Schaltfläche einen
Namen geben. Hier. Sie können den Button auf eine separate Seite verlinken, wenn Sie eine Webadresse bestellen
möchten. Nehmen wir an, Sie haben ein Werbegeschenk
oder so und möchten Leute
zu diesem Werbegeschenk weiterleiten, Sie können den Link hier angeben. Sie können eine Datei hochladen. Wenn du eine
PDF-Datei oder etwas anderes
hast, kannst du sie hier hochladen,
damit die Leute klicken und die PDF-Kämpfe
herunterladen können. Und auch wenn Sie
es als Kontaktformular wünschen, können
Sie es unter
Ihrer Telefonnummer tun. Ich klicke hier auf Design. Dies sind einige der
Optionen für diese Schaltfläche, die Sie einfach
klicken können, um zu sehen, wie Sie dies tun
können, und die Ausrichtung
der Schaltfläche können Sie von hier aus ändern. Wählen Sie das aus. Mal sehen, ich möchte hier einfach etwas
schreiben. So kann ich diesen auch geteilten
Text ändern. Wenn ich klicke, kann ich es größer
machen. Wenn ich möchte, kann ich es fett machen und den Text auswählen
und ich mache ihn fett. Sie können also auch die Ausrichtung ändern . Ich mache es einfach
mittig ausgerichtet. Und was auch immer Sie wollen oder Sie
können sagen, Sie haben bereits etwas
in einem Word-Dokument
oder einem Google-Dokument geschrieben . Sie können dies tun, indem Sie, wenn Sie hier klicken, es hier
kopieren und einfügen. Und wenn du auf Okay klickst, wird
es hier eingefügt. Nehmen wir an, ich möchte etwas
rückgängig machen, was
ich nicht versehentlich getan
habe, ich habe etwas getan und
ich möchte es rückgängig machen. Sie können jederzeit hierher gehen
und erneut auf Rückgängig klicken. So können Sie Text und eine Schaltfläche
hinzufügen. Wenn wir auf diese Bearbeitung klicken, können
wir hier die
Abschnittshöhe ändern. Wir können auch
hier klicken und manuell darauf ziehen, um
die Abschnittshöhe hier zu ändern. Wir können die Breite hier ändern. Und Ausrichtung. Jetzt können wir hier
den Hintergrund ändern. Ich kann einfach den Hintergrund entfernen. Ich klicke auf Ersetzen. Und ich mache einfach ein Bild von bereits, das ich
bereits auf meinem Computer gespeichert habe. Und ich lade es hier hoch. Sobald unser Bild hochgeladen wurde, können
wir
das Bild einfach wieder auf Gebot ändern , um es
einzufügen oder vollständig zu beschnitten. Und wir können diese
Overlay-Deckkraft auch ändern, wenn Sie möchten. Und wenn Sie
auf Bildeffekt klicken, können
Sie einen Effekt erzielen. Bild, das nicht immer ideal ist, aber sie können sterben und
sehen, wie es aussieht. Ich kriege einfach keine. Das war's. Hatte so können
wir einen Abschnitt anpassen. Und diesen Abschnitt
lösche ich einfach. Ich brauche es nicht. Und es ist fertig. Unsere Homepage ist also fast fertig. Und bitte vergessen Sie nicht, auf Speichern
zu klicken. Und ich schlage vor, es zwischendurch
weiterzumachen. Zwischen dem
Bearbeiten von
Jets oder wenn Sie etwas
bearbeiten,
klicken Sie auf Speichern und dann auf Bearbeiten. Klicken Sie erneut auf Bearbeiten und führen Sie
den Rest der Bearbeitung durch. So können Sie eine Homepage
hinzufügen. Die nächste Lektion, in der
wir eine About-Seite hinzufügen werden.
9. Eine About Seite hinzufügen: Willkommen in der Klasse. Mal sehen, wie wir eine
About-Seite hinzufügen werden. Nachdem wir unsere Homepage
hinzugefügt haben, fügen wir
nun eine
About-Seite oder eine Bio-Seite hinzu. Also klicken wir auf
dieses Pluszeichen und gehen
wieder zum Seitenlayout und kümmern uns darum. Sie können also sehen, dass hier
verschiedene Layouts angegeben sind. Sie können diejenige wählen, die
Ihnen am besten gefällt. Fügen wir einfach diesen hinzu. Der erste,
Georgia Strait ungefähr. Und wir klicken auf den Weg Einstellungen und prüfen, ob hier alles korrekt
ist. Ich lasse mich nicht zur
SEO gehen und einen Titel geben. Hier können Sie
uns eine Beschreibung geben. Und soziales Image. Wie gesagt, Sie können ein anderes
soziales Bild hinzufügen, aber jedes Versprechen, oder Sie können
für jede Seite
das gleiche soziale Bild haben . Und wir klicken auf Speichern. Also hatte sie wirklich auf Bearbeiten geklickt. Und verwandt. Dieser Abschnitt. Klickt auf diesen Bearbeitungsbereich. Und wir werden es kleiner sehen. Mal sehen, wie hoch die
Inhaltsbreite ist. Nein, ich mag es. Vielleicht größer. Und der Hintergrund. Ich möchte es sauber halten, damit ich keine Hintergrundfarben hinzufüge. Wir machen es später. Jetzt bearbeiten
wir das Bild. Wenn Sie also
hier auf das Bild klicken, erhalten
Sie diese Bearbeitungsoption. Hier. Du kannst das Bild ändern, also lass es uns entfernen. Ich füge einfach Profilbilder von mir hinzu, die ich bereits auf meinem Computer
gespeichert habe. Sobald das Bild hinzugefügt wurde, kann
es bei Bedarf
Alternativtext hinzufügen, damit Sie
gut für Ihre SEO sein können. Etwas, das du hier hinzufügen kannst. Wie ich in meinem
Vorbereitungs- und Planungskurs gesagt hatte, müssen
sie
Ihre Bilder richtig umbenennen. Es ist wichtig für
den ACO-Aspekt. Also mache ich es einfach. So etwas.
Ich bin glücklich damit. Und wir können das
Design auch hier ändern. Jetzt ist es in Wachstellung. Mal sehen, ob wir
die Überlappungscollage machen. Vielleicht. Mir gefällt das besser. In diesem Fall können Sie das Bild auch so
ändern, dass es sich links oder rechts befindet. Sie können die
Form des Bildes auf ändern. Also hier, wenn du
diese Animation machen willst, lass uns sehen. Lass uns hochfliegen. Okay, überspringen wir es vorerst. Und wir klicken darauf,
klicken irgendwo draußen. Und wenn Sie das jemals finden, klicken
Sie darauf,
aber es wird nicht geschlossen,
müssen Sie es speichern, denn das ist ein Hinweis darauf, dass jetzt
etwas passieren könnte. Also klickst du einfach darauf und
wir legen wieder ein Datum fest. Also hier wird die
Bildform geändert, also ändere ich sie
wieder in original. Und hier musst du
etwas über dich schreiben. Wenn Sie schon einmal
irgendwo kopiert haben, dann klicken Sie einfach hier
und fügen Sie es hier ein. Und Sie können den
Text hier direkt einfügen. Auch hier können Sie diese Buchstaben
ändern. Stil, Textil,
Selbst, das können wir schaffen. Und die Schriftarten
ändern es in der Schrift - und Farbklasse,
der Designklasse. Also werden wir sehen, wie wir das machen können. Es ging also um die
About-Seite oder die Bio-Seite. Sie können
mehr anpassen, wenn Sie möchten. Sie können hier einen Abschnitt hinzufügen. Wenn du willst. Sie können
auf Abschnitt hinzufügen klicken. Und vielleicht möchten Sie noch mehr Text oder
ein paar Bilder hinzufügen . Wie auch immer. Das kannst du hier machen. Oder vielleicht möchten Sie
Newsletter hinzufügen oder so. Alles was du willst. Sie können es hinzufügen, indem Sie
auf den Abschnitt Hinzufügen klicken. Und du kannst es
hier hinzufügen. Und speichere es immer. Also ja, das ist es. Treffen wir uns jetzt in der nächsten Klasse , wo ich dir zeige, wie wir eine Kontaktseite hinzufügen
können. Wir sehen uns in der nächsten
Klasse. Wir werden an Deck welche Überdosierung
hinzufügen.
10. Hinzufügen einer Kontaktseite: Willkommen in der Klasse. Mal sehen, wie wir das
hinzufügen werden. In dieser Klasse. Ich zeige Ihnen, wie wir eine Kontaktseite hinzufügen
können. Dazu
klicken wir auf Plus
und dann
auf Seitenlayout. Und wir klicken auf Kontakt. Und von hier aus können wir
ein Layout auswählen, das uns gefällt. Ich nehme einfach den
ersten und wir nennen ihn
einfach so, dass ich oder Kontakt habe, wie auch immer du ihn nennen willst. Klicken Sie auf diese Einstellungen und prüfen Sie, ob alles korrekt
ist oder nicht. Gehen Sie wie gesagt zu SEO, geben Sie uns Ihren Titel und Ihre Beschreibung
und klicken Sie auf Speichern. Jetzt habe ich nichts
geschrieben. Deshalb bewegt es sich nicht
und ändert einfach dieses. Wir klicken auf Speichern. Klicken wir nun auf Bearbeiten
und verknüpfen diesen Abschnitt. Jetzt können wir das anpassen. Jetzt siehst du den Abstandhalter hier. Dies dient also dazu, etwas Gelb, einen
gewissen Abstand zwischen
diesen beiden Abschnitten dort, dem
Tech-Bereich und
dem Formularabschnitt, hinzuzufügen gewissen Abstand zwischen
diesen beiden Abschnitten dort, . Wenn du
den Formularabschnitt hier nicht haben willst, wenn ich den Abstandhalter noch brauche und ihn vielleicht nach
unten bringe. Vielleicht möchte ich
einen Link zu dieser Seite zeigen. Vielleicht habe ich es hier so hingelegt. Wir können es anpassen. Sie können
es also anpassen, wie Sie möchten. Nehmen wir an, Sie möchten dieses Formular auch
anpassen. Sie können dies tun,
indem Sie auf Bearbeiten klicken. Und das bringt Sie
zu diesem Formularabschnitt. Hier können Sie das Formular bearbeiten. Nehmen wir an, Sie möchten
dem einen weiteren Abschnitt hinzufügen. Es gibt nur den Namen, die
E-Mail-Nachricht. Sie können auf Feld hinzufügen klicken. Und vielleicht willst du eine Website. Also klicken wir darauf. Du kannst wieder hinzufügen. Und vielleicht
willst du diesmal den literarischen Text. Und hier können Sie auf
diesen Text klicken und auch den Namen des Textes
ändern. Ich möchte auch nicht, dass
es sich um geschriebene Texte handelt. Also kannst du das tun. Sie können eine Beschreibung hinzufügen
, damit die Personen, die
das Formular ausfüllen , eine klarere Vorstellung
davon haben, was genau sie ausfüllen
sollen.
Also kannst du das tun. Sie können auf Erforderlich
oder Nicht erforderlich klicken. Wenn wir dies
verpflichtend machen möchten ,
klicken Sie auf Anfrage. Sie können das
Feld auch löschen, wenn Sie nicht möchten. Sagen Sie ähnlich, Sie
können
all diese Formularabschnitte bearbeiten, indem Sie darauf klicken. Und du schaffst es. Nachdem du fertig bist. Du kannst irgendwo auf Beitrag
klicken. Nehmen wir an, jemand hat
dieses Formular eingereicht und Sie
möchten ihm eine personalisierte, individuelle Nachricht senden. Also kannst du es hier machen. Wenn Sie
sie jetzt auf eine separate Seite umleiten können, vielleicht wenn Sie möchten. Nehmen wir an, sie haben das Formular
gesendet und Sie können sie
jetzt auf
Ihre Portfolio-Seite oder
Ihre Blog-Seite weiterleiten Ihre Portfolio-Seite oder ,
wo immer Sie möchten. kannst du hier machen. So
passen Sie das Formular an. Hier können Sie auch das
Design des Formulars ändern, wenn Sie auf die
Lightbox-Option klicken, was passiert, sind diese Formulare. Dieses Formular ist jetzt komprimiert und wenn jemand auf Forum öffnen
klickt, wird
es als vollständiges Formular geöffnet. Hier, im offenen
Formularbereich, können Sie auch
etwas anderes schreiben , z. B.
klicken Sie hier, um Kontakt aufzunehmen. Für so
etwas. Das kannst du machen. Und Sie können auf Speicher klicken. Und hier können Sie
sich mit Ihrer E-Mail, Ihrem Newsletter verbinden. Sie können sich mit
MailChimp oder Zapier verbinden. Sie können sich per E-Mail verbinden, nutzlose Anbieter wie
Floating Scandal. Oder Sie können eine Verbindung
zum Google Drive herstellen, das Sie bei Bedarf mit
Ihrer E-Mail verbinden können. Du kannst hier damit anfangen. Nun, so wird es gemacht. Nun eine andere Sache,
wenn wir auf Bearbeiten,
den Formularabschnitt, klicken , können Sie auch die Ausrichtung
der Schaltfläche
ändern. Jetzt möchte ich es in
der Mitte behalten , seit ich Boxed it gespielt
habe. Was jetzt passiert, ist, dass
wir zuerst auf Speichern klicken. Das wird also hier
alles retten. Wenn jetzt jemand
hier klickt, wird
es ihm diesen
Herbst zeigen und er kann es
einfach auffüllen
und auf Senden klicken. Und es wird erneut auf Bearbeiten klicken. Wir können unseren
sozialen Link hier anhängen. Also klicken wir auf dieses Bearbeiten. Und hier kannst du Instagram
oder dein Facebook, oder du kannst auch
einen anderen sozialen Link hinzufügen ,
vielleicht dein Pinterest. Und Sie können
das Design ändern. Nehmen wir an, Sie haben 12 Grenzen
oder machen Sie es so rund. Wissen Sie, all diese vielen
Optionen sind hier, damit Sie sehen können , welche Ihnen am besten gefällt,
und Sie können es tun. So können Sie Ihre Kontaktseite
anpassen. Lass uns hier etwas Hintergrundwissen
oder etwas anderes hinzufügen. Wir klicken also hier und
klicken auf den Hintergrund. Und hier fügen
wir vielleicht ein Bild hinzu. Ich habe ein Bild gespeichert,
Archivbild bereits. Also kannst du das entweder tun. Was Sie tun können, ist auf das Suchbild zu klicken und wir gehen zu kostenlosen Bildern. Und vielleicht suchen wir
so etwas wie Kontakt. Und du siehst ein paar Bilder
von Jahren und wir können, wir können einfach alles wählen. Okay?
So wird es also aussehen. Aber wenn du
es nicht willst, lösche es einfach. Und wir klicken auch hier, Sie können die
Abschnittshöhe
oder den Abschnitt
beliebig ändern . Sie können es hier anpassen. Okay? Also ja, so können Sie Ihre Kontaktseite
anpassen. Sie können eine Kontaktseite hinzufügen. Sie können dieses Layout ändern
, wie Sie möchten. Vielleicht können Sie hier ein Bild hinzufügen, wenn
Sie nicht
nur einen Textabschnitt möchten . Sie können hier so viele
Anpassungen vornehmen. In der nächsten Klasse, wenn
wir ein Geschäft oder ein Geschäft hinzufügen.
11. L 11 bearbeitet: Willkommen zurück in der Klasse. Lassen Sie uns nun sehen, wie Sie Ihrer Website
eine Shop-Seite hinzufügen können . Klicken wir also darauf
und wir klicken auf Store. Jetzt können Sie hier ein
beliebiges Layout auswählen .
Lass uns diesen wählen. Und wir nennen es
einfach Geschäft. Wähle es aus. Sag. Zunächst klicke
ich auf die Einstellungen. Und wir prüfen, ob alles in Ordnung
ist oder nicht. Wenn Sie auf Kategorie klicken, können
Sie die Kategorie Ihres
Produkts erstellen. Nehmen wir an, wenn Sie Kunstdrucke hinzufügen
möchten, handelt es sich stationäre oder verschiedene
Arten von Produkten. Sie können dies tun,
indem Sie auf Kategorie erstellen klicken. Geben Sie
hier einfach den Namen Ihrer
Produktkategorie ein und klicken Sie auf Hinzufügen. Lass uns noch einen hinzufügen. Stationär. Vielleicht.
Wir klicken darauf. Und wenn wir,
wie ich bereits sagte, auf SEO klicken , ihr SEO-Titel und die
Beschreibung sehr wichtig. So finden
wir mit der Suchmaschine unseren Shop. Also musst du es hier eintippen. Und im sozialen Bild können
Sie ein individuelles Bild für Ihr Geschäft oder Ihr Geschäft hinzufügen. Klicken Sie nun auf Speichern. Wenn wir jetzt hier auf
diesen Pfeil klicken. Jetzt können wir hier auf Produkt hinzufügen
klicken , um ein neues
Produkt hinzuzufügen, wenn Sie möchten. Oder wir können auch hier klicken
, um ein neues Produkt hinzuzufügen. Und wenn Sie
auf die Einstellungen klicken, können
Sie Ihre Kategorien und
SEO hinzufügen , wenn
Sie
dies beim Erstellen
der Shop-Seite nicht getan haben . Wenn wir in diese alte Kategorie gehen, finden
wir
hier alle Produkte , die bereits aufgeführt sind. Wenn Sie also auf
eines dieser Produkte
klicken, gelangen Sie hier zur
jeweiligen Produktseite. Sie können Ihr Produkt hier bearbeiten. Wenn Sie mit der Maus hier drüben klicken, können
Sie auf
Produkt bearbeiten oder Design bearbeiten klicken. Klicken wir auf Produkt bearbeiten. Und Sie können ein Produkt hier bearbeiten. Wenn Sie hier klicken, können
Sie es bearbeiten. Sie können es nach oben oder
unten senden oder verschieben, oder
Sie können es löschen. Nehmen wir an, es handelt sich physische Produkte
und Sie möchten vielleicht
einen digitalen Download hinzufügen . Dazu entfernen
wir das Häkchen und
klicken auf Produkt hinzufügen. Du kannst hier oder
hier klicken, überall ist okay. Und hier können Sie
die verschiedenen Arten von
Dingen sehen , die Sie verkaufen können. Sie können eine
Servicemitgliedschaft, eine
Geschenkkarte und all diese Dinge verkaufen . Wir klicken also auf digitalen Download und Sie
gelangen zu dieser Seite. Hier können Sie dem Produkt einen
Titel geben. Und hier
müssen Sie eine Beschreibung geben. Hier. Wenn Sie hier klicken, können
Sie zusätzliche Informationen hinzufügen, wie Videos oder Bilder, und Sie können auf Übernehmen klicken. Hier. Und hier klicken wir auf und fügen einige Bilder meiner Produkte , die ich bereits auf meinem Computer
gespeichert habe. Jetzt können Sie mehrere
Bilder für dasselbe Produkt hinzufügen. Es ist besser,
zwei bis drei Bilder für
ein einzelnes Produkt zu haben ,
damit die Leute
scrollen und sehen können , wie das
Produkt tatsächlich aussieht. Für digitale Produkte können
Sie es auf verschiedene Arten nachahmen
und hier hinzufügen. Wenn Sie hier
auf Datei hochladen klicken, können
Sie hier ein aktuelles
PDF für das Produkt hochladen. Das mache ich einfach schnell. Nachdem wir unser Produkt
hochgeladen haben, können
wir einfach einen Preis angeben. Nehmen wir an, es kostet 25$. Hier. Sie können es
im Verkauf behalten, wenn Sie möchten. Und sagen wir danach,
sagen wir mal 20. Wenn Sie also auf Hier hinzufügen klicken, haben
wir bereits eine Kategorie
hinzugefügt. Nehmen wir an, dies ist
ein druckbarer Download. Klickt auf Hinzufügen. Dieses Produkt wird jetzt
zu dieser Kategorie hinzugefügt. Und jetzt können wir hier
Tags hinzufügen , um Ihr
Tag einzugeben, und auf Enter klicken, und Sie können weiterhin mehr Textur
hinzufügen. Und hier können Sie
die Sichtbarkeit für die Öffentlichkeit umschalten. Wenn Sie bereit sind, es zu veröffentlichen. Sonst kannst
du es verstecken, dann würde
es nicht der Öffentlichkeit zeigen. Sie können es zu einem
Feature-Produkt machen. Wenn Sie hinzufügen möchten, können
Sie alle
verwandten Produkte hinzufügen. Wenn Sie möchten, können
Sie auch Produktbewertungen hinzufügen. Und hier unten können Sie den SCO und die URL
ändern. Wenn Sie hier auf Bearbeiten klicken, können
Sie einen
SEO-Titel und eine Beschreibung angeben, was für
Ihren Shop sehr wichtig ist
, da Sie so scharf sein werden. Es wird in
den Suchmaschinen eingestuft. Hier können Sie eine benutzerdefinierte URL angeben. Nehmen wir an, dies ist eine Schleife, und wir klicken auf
Hier in Social besagte auch auf Anwenden, Sie können auf Bearbeiten klicken
und ein Bild hinzufügen. Wenn Sie möchten und wenn
Sie auf Übernehmen klicken. Wenn Sie also hier klicken, können
Sie es mit Ihren
Social-Media-Konten verbinden, die ich Ihnen in
den kommenden Kursen zeigen werde. Und hier können Sie
Ihre Schaltflächen und Formulare anpassen, was wir später tun können. Ebenfalls. Ich zeige dir wie. Wenn
Sie damit fertig sind und den Mauszeiger hier bewegen, haben Sie
drei Optionen. Speichern, veröffentlichen und das hat sie getan. Wenn Sie es speichern, können Sie es
nicht veröffentlichen. Sie können es
als Entwurf speichern und bearbeiten und später veröffentlichen. Sie können es sofort veröffentlichen. Sie können auch wählen. Wenn Sie auf Shader klicken, können
Sie ihm eine
Uhrzeit und ein Datum angeben. Und es wird sie zu dieser
bestimmten Zeit und diesem bestimmten Datum tun. Also klicke ich einfach auf
Veröffentlichen. Und hier ist es. Wir haben unser Produkt hier
veröffentlicht. Wenn Sie jetzt hier auf Produkt
bearbeiten klicken, können
Sie
wieder zu dieser Seite zurückkehren. Wenn Sie auf Design bearbeiten klicken, gelangen
Sie zu dieser Produktseite,
wo Sie auf den Abschnitt
Bearbeiten klicken und
das Layout dieser Seite bearbeiten können. Auch, wenn du willst. Sie können es ganz oder halb behalten. Ich werde es einfach machen. Sie können die Farben auch ändern. Sie können das
Seitenverhältnis auch ändern, wenn Sie möchten. Die Textausrichtung
Produktnavigation, und gibt Abstände und andere
Dinge wie Galerie mit aus. Außerdem stehen hier
einige andere
Anpassungsoptionen zur Verfügung. Sie können das tun und
Sie können auch
die Farbe dieser Seite
hier ändern , wenn Sie möchten. Klicken Sie hier. So können Sie es ändern. Klicken wir nun auf Speichern. Und so wird unsere
Produktseite aussehen. Wenn Sie nicht
alle diese Produkte möchten, können
Sie einfach
darauf klicken und auf Löschen klicken. Wenn du jetzt zurückgehst, gehen
wir hier
auch wieder in einen Online-Shop. Hier erhalten Sie also noch erweiterte Einstellungen,
um Ihre Shop-Seite anzupassen. Hier erfahren Sie,
wie Sie Ihr Geschäft einrichten. Wir haben die Produkte hinzugefügt
und Sie müssen hinzufügen,
warten Sie, bis Sie bezahlt werden. Wir können uns mit PayPal verbinden. Denken Sie jedoch daran, dass dies
eine Premium-Funktion ist. Sie benötigen einen Geschäfts- oder
Handelsplan oder über diese Funktion, Sie
müssen ein Abonnement auswählen und dann können Sie Ihren Shop
veröffentlichen. Ich wollte nur
zeigen, dass es wirklich
einfach ist , ein
Geschäft auf Squarespace einzurichten. Dies erfordert jedoch einen Handels
- oder erweiterten Handelsplan. Hier können
Sie also andere Änderungen vornehmen. Sie sehen
hier die Bestellungen und Ihr Inventar,
alles, was Sie hinzugefügt haben, und Ihre Kunden, und
Sie können Rabatte gewähren. Sie können diese
Verkaufstools auch wie Print-on-Demand oder
Facebook und Instagram verwenden. Hier können Sie also
andere Anpassungen vornehmen, z. B. wenn Sie hier
auf Zahlungen klicken,
dasselbe, was hier
angezeigt wird, eine andere Sache, Sie können die Währung,
Ihre Geschäftswährung, meine ändern , Es ist auf USD festgelegt,
indem Sie hier klicken Sie können unsere Währung
ändern, die Sie möchten. Und wenn Sie jetzt auf die
Checkout-Seite gehen, können Sie andere Anpassungen
vornehmen, z. B. die Wiederherstellung des aufgegebenen Warenkorbs. Ihre Kunden
erhalten E-Mails wenn sie etwas
in ihrem Warenkorb haben, dann müssen Sie diese
E-Mail-Abonnenten sammeln ,
wenn Sie möchten. Möchten Sie
Shaping our taste standardmäßig
als Rechnungsadresse verwenden ? Ob Sie einen
Mindestbestellwert wünschen oder nicht. So können Sie all diese Einstellungen nach Ihren
Wünschen anpassen. Wenn Sie auf
zusätzliche Felder klicken. Jetzt erhalten Sie hier
noch mehr Optionen. Jetzt. können
Sie dieses
helle Farbschema auch Wenn Sie ein dunkles Thema verwenden, für Ihren Warenkorb verwenden , damit Ihr Warenkorb Ihre Kunden sichtbar ist. Und die Richtlinien für Ihre Checkout-Seite. Hier können Sie Ihre
schriftlichen Richtlinien,
Ihre Nutzungsbedingungen
und Ihre Datenschutzrichtlinie angeben , Sie müssen hier nicht
alles schreiben. Sie können einfach
auf den Link hier klicken. Sie können es mit der Seite mit den
Datenschutzrichtlinien verlinken und Sie können dasselbe
für alle anderen tun. Dies sind also einige
der Anpassungen , die Sie untersuchen können. Dafür benötigen Sie jedoch einen Commerce- oder
Advanced-Commerce-Plan. Sie müssen überprüfen,
was erforderlich ist. So
richten Sie also einen Stillstand ein.
12. Eine Shop-Seite hinzufügen: Was ist, wenn Ihr Wohnheim ein Geschäft einrichten möchte, Sie
aber bereits einige
Online-Shops haben, wie einige Print-On-Demand-Geschäfte , die Sie verlinken
möchten, auf Ihrer Website
verlinken, damit die
Leute kommen Sie zu Besuch, was sie
direkt zu diesem Geschäft bringt. Also dafür ist das, was
wir tun, sehr gut, wieder auf Seiten und wir
klicken auf dieses Pluszeichen. Und was ich tun werde, ist
auf das Seitenlayout zu klicken. Ich mag diese Serviceseite. Also klicke ich auf diesen, wir klicken auf Dienste und
du bekommst den ersten. Ich benenne es scharf um. Und wir klicken gut auf
die Einstellungen
und prüfen, ob
alles in Ordnung ist. Und derselbe Baum ändert den SEO-Titel und
die SEO-Beschreibung. Und jetzt bearbeiten wir diese Seite. Wir klicken auf Bearbeiten. Und du kannst hier einfach
alles bearbeiten. Wenn ich also auf Inhalt
bearbeiten klicke, sind jetzt verschiedene Arten von
Abschnitten Layouts, verschiedene Bearbeitungsmöglichkeiten, es gibt verschiedene Bearbeitungsmöglichkeiten,
wie irgendwo wird
angezeigt, um den Inhalt zu bearbeiten, aber irgendwo wird nur
das da sein. Das schwankt also, weil Sie
auf
diese Weise jedes
dieser Bilder hier bearbeiten können. Wenn wir also auf
Inhalt bearbeiten klicken, können
Sie hier auswählen, ob dieser Titel
angezeigt werden soll oder nicht. Geht es aus? Ich will diesen Button. Dieser Knopf. fügen
wir einen anderen
Button hinzu. Ich will es nicht. Da. Ich will das Bild,
den Titel und den Körper. Und hier ein Steuerknopf ,
damit ich
diesen Button hier habe. Und dann klicken wir auf Inhalt. Und wir können auf jedes Element klicken
und bearbeiten es einfach. Also lasst uns
es mit etwas platzieren. Du solltest deine Mockups
einiger Bilder aus
deinem Shop aufbewahren einiger Bilder aus , damit
sie sie hier hinzufügen können. Ich füge einfach einen Taktstock von mir hinzu. Und dann können
Sie im Titel auf Scharfen klicken. Nehmen wir an, es ist eine zyklische Sechs. Hier drin. Gib eine solche Beschreibung. Nacktes Stück, aufwendig. Und im
Button-Text will ich einkaufen. Hier. Hier verlinken wir den Shop. Um darauf zu klicken. Wir teilen Ihnen mit, welche Webadresse Sie tun
könnten. Und hier geben Sie die URL
Ihres Shops ein und klicken
auf Neues Fenster öffnen. Was es also tun wird, ist,
wenn jemand hier auf Shop
klickt, er
dazu führt, dass er in
einem neuen Tab geöffnet wird und er Ihren Shop dort
sehen kann. Dementsprechend können Sie das alles
einfach bearbeiten. Wenn Sie auf Zurück klicken. Wenn Sie weitere hinzufügen möchten, klicken
Sie einfach auf Hinzufügen
und die Liste wird hinzugefügt. Sie können das tun, folgen Sie
dem gleichen Vorgang zum Bearbeiten. Wenn Sie jetzt auf Design klicken, , können
Sie
heutzutage in einer einfachen Liste verbannte Folien auswählen sodass Sie auswählen können,
was Sie wollen. Halte es einfach. Sie können die
Ausrichtung des Textes hier ändern. Sie können festlegen, dass der
Inhalt zuerst in den Medien bleibt. Wer kann hier die Spalten vergrößern oder
verkleinern, und auch die
Bildgröße, wenn Sie möchten. Und jetzt klicken wir draußen. Und wenn Sie jetzt hier klicken, können
Sie der ganzen Seite ein Hintergrundbild
geben ,
wenn Sie möchten. Sonst ändern wir hier einfach
die Farbe und die Schrift. Also ja, so können Sie
Ihre Onlineshops zu einer
Seite auf Ihrer Website hinzufügen . Jetzt klicken wir auf Speichern. Also ist Oxid da drauf. Nehmen wir an, ich möchte diese Tourseite nicht auf
meiner Hauptnavigationsseite belassen meiner Hauptnavigationsseite da
Sie beim
Hinzufügen der Seiten sehen können, dass alle diese
Seiten hier hinzugefügt werden. Nun, wenn Sie die Reihenfolge
dafür vereinbaren möchten, können
Sie dies tun, indem Sie
einfach klicken.
Nehmen wir an, ich möchte, dass
das Haus ganz oben steht, um
besser zu werden. Und dann möchte ich vielleicht über Seite und dann
vielleicht so Kontakt aufnehmen. Und nehmen wir an, ich
will dieses Ladengespräch nicht. Also bringe ich es einfach in
den nicht verknüpften Abschnitt. Jetzt hier, unsere
Kontaktseite war schon da. Sie können dies
für diese Vorlage verwenden. Da wir
unseren eigenen Kontakt hergestellt haben
, klicken Sie einfach auf
Löschen der Seite, die
Sie nicht möchten. Du löschst es einfach.
Nehmen wir an, Sie tun es nicht, Ihre Geschichte ist noch nicht fertig. Sie möchten es gerade nicht den
Suchmaschinen zeigen . Was Sie tun können,
ist, dass Sie einfach
darauf klicken und zu SEO gehen
und nach unten gehen. Und hier, verstecken Sie Seiten
aus Suchregionen. Dies können wir verbergen
, weil wir den Suchgebrauch nicht verwechseln
wollen. Wir möchten nicht, dass unser Shop
dort angezeigt wird, da wir diese Seite
noch nicht aktiviert haben. Also verstecken wir es vor den
Suchergebnissen und sagen: So
können Sie uns zur Seite Autoshop-Seite
auf Ihrer Website bringen. Wir sehen uns in der nächsten
Klasse, in der er vor der For You-Seite
zugestimmt hat .
13. L 13 herausgegeben: Du machst dich großartig.
Lassen Sie uns nun sehen, wie Sie Ihrer Portfolio-Website eine Portfolio-Seite
hinzufügen können. Okay, also lasst uns jetzt
unsere Portfolio-Seite erstellen , für die
wir unsere Website erstellen. Ich werde diese Arbeitsseite verwenden , die bereits
mit dieser Vorlage versehen ist und die perfekt
für Ihr Portfolio geeignet ist. Aber wenn Sie möchten,
können Sie ein anderes hinzufügen. Sie können einfach auf das
Plus und dann auf Portfolio klicken. Und es bietet
Ihnen verschiedene Layouts. Sie können alles
andere wählen, was Sie wollen. Aber ich werde mit diesem gehen. Klicken wir also zunächst auf das Einstellungsrad und wir nennen
es einfach unser Portfolio. Navigationstitel auch. Die Urat-URLs. In der SCO. Wir brauchen jetzt nichts zu
tun. Also klicken wir einfach auf Speichern. Und jetzt klicken wir hier
auf diesen Pfeil. Und hier. Wenn Sie auf dieses Feld klicken
, können Sie
die einzelnen Portfolios bearbeiten. Also klicken wir auf Bearbeiten. Wenn Sie jedoch zuvor auf diese drei Punkte
klicken, können
Sie zu den Einstellungen
dieser Seite gehen und die Einstellungen hier
ändern. Fantastisch. Gehen wir zuerst zu Bearbeiten. Und hier können Sie den Text
ändern. Sie können etwas über
Ihre Sammlung oder etwas anderes schreiben , Ihre Kartensammlung oder Ihre
Illustrationen oder was auch immer. Und ich schreibe hier einfach
etwas. Hier. Sie können den Text ändern, ihn größer oder kleiner
machen. Und wenn Sie hier klicken, können
Sie die
Höhe und die Breite ändern. Mach es kleiner oder größer. Sie können ein Hintergrundbild
angeben die Farbe später zu ändern. Klicken wir nun auf
dieses Bildsymbol. Und wir werden zuerst
alle diese Bilder löschen ,
indem wir die Umschalttaste gedrückt halten. Und wir klicken auf Löschen. Hier. Ich mochte einige
der Bilder, die ich bereits auf meinem Computer gespeichert
habe. Und Sie können die einzelnen
Bilder hier beschreiben. Wenn du willst. Lass uns
schnell etwas schreiben. Und ich klicke auf Schließen. Jetzt klicken wir auf
diesen Bearbeitungsbereich. Und hier können Sie den
Galerie-Typ ändern, wenn Sie möchten. Lass uns sehen. Ich mache
es ein bisschen kleiner. Sie können es
vollständig, beschnitten, voll lassen
oder einfügen, was immer Sie wollen. Und Sie können
die Bildunterschrift anbringen
, damit Sie die
Beschreibung hier sehen können. Sie können auch
den Abstand zwischen den Bildern und
der Animation vergrößern . Sie können auch auf die
Leuchtbox klicken , sodass
jeder, der sie betrachtet, wenn sie auf die Bilder klickt, eine
Vollbildansicht erhält. Was können wir jetzt alles ändern? Wir können die Farbe
später ändern, damit Sie dies tun können. Und jetzt klicken wir auf Speichern. Und lass uns jetzt auf
diese Einstellungen klicken. Und wir ändern den Namen hier. Und hier können Sie
das Bild ändern und hier ein
anderes Bild hinzufügen. Normalerweise mache ich meine
Thumbnails in Kanada. Also wenn du willst, kannst du das tun. Und Sie können Ihre
eigenen Titelbilder und diese hier hochladen. Jetzt ändere ich hier auch
die URL Slug. Wenn Sie auf einen CEO klicken, können Sie
hier
den SEO-Titel und
die Beschreibung der
jeweiligen Sammlung
oder der Sammlung von
Illustrationen oder Kunstbüchern hinzufügen die Beschreibung der
jeweiligen Sammlung
oder der Sammlung . Und Sie können auf Speichern klicken. Und jetzt hat sich das
Bild geändert. Jetzt können Sie das alles
entsprechend tun. Wenn Sie jetzt auf das Bild klicken, können
Sie einfach klicken
und es gedrückt halten und Sie können es an einer beliebigen Stelle platzieren. So können Sie Ihre
Sammlung, Ihr Portfolio erstellen. Wenn wir auf ein Bild
klicken, gelangen
Sie zu dieser Seite. Und hier können Sie
die einzelnen Seiten bearbeiten. Lassen Sie mich nun einfach auf
all das klicken und
mehrere auswählen und wir
klicken auf Löschen. So können Sie eine Portfolio-Seite
erstellen. Ich werde hier schnell zwei weitere
erstellen. Ja, ich habe hier noch
zwei Seiten erstellt. Und wir klicken auf die anderen beiden und ich klicke einfach auf Datum. Sehen Sie sich jetzt an, wie
unsere Seiten aussehen. Wir klicken hier auf diesen
Aufwärtspfeil. Und es wird uns
eine ganzseitige Ansicht geben. Und wenn wir auf dieses Bild klicken, wird
es zu einer
Sammlungsseite weitergeleitet. Und hier können wir zu
den anderen Musterseiten oder
den anderen
Sammlungsseiten in Ihrem Portfolio scrollen den anderen Musterseiten oder . Wenn Sie also eine Seite entwerfen, überprüfen Sie
immer, wie sie in
der mobilen Vorschau aussieht. Klicken Sie also hier und klicken Sie,
wie es auf dem Handy aussieht. Diese Squarespace leisten sehr
gute Arbeit bei der Anpassung von allem
für die mobile Ansicht. Aber überprüfe immer noch ob
es auf dem Handy
gut aussieht oder nicht. Ja, ich habe
das Titelbild davon nicht geändert. Du kannst es machen, während
du deins machst. So können Sie Ihr Portfolio
erstellen. Treffen wir uns jetzt in der
nächsten Klasse und wir werden unsere
Portfolio-Seite verfeinern.
14. Verfeinern Der Portfolioseite: Lassen Sie uns nun unsere
Portfolio-Seite etwas weiter verfeinern. Nehmen wir an, Sie machen
verschiedene Arten von Kunst, wie Sie handgemalte
Aquarellzeichnungen machen, aber Sie machen auch Muster. Sie erstellen auch digitale
Illustrationen, und Sie möchten
all diese getrennt halten. Sie möchten es nicht in die M1-Seite
aufnehmen. Um das zu tun,
lassen Sie uns zunächst löschen Erstellen Sie einen Ordner
und wir klicken auf dieses Plus. Und wenn Sie auf einen Ordner klicken ihn als meine Kunstwerke benennen, können
Sie ihn
beliebig benennen. Ziehen wir zunächst unsere Portfolio-Seite
in diesen Ordner. Wann immer Sie diesen Ordner
erstellen, können
Sie mehrere Seiten
in diesen Ordner ziehen und ich
zeige Ihnen, was passiert,
wenn Sie das tun. Klicken Sie also sehr auf dieses Portfolio
innerhalb des Ordners. Erstellen wir eine weitere Seite und klicken wir auf das Seitenlayout. Vielleicht kannst du dir
eine Galerieseite aussuchen. Und lass uns diesen wählen. Und wir benennen es und malen es. Okay, jetzt bringen wir das in
diesen Ordner , um zu sehen, wie das in diesem Ordner
verbunden wird. Und jetzt fügen wir eine weitere Seite hinzu. Sie können hier klicken
, um eine Seite hinzuzufügen. Und wir gehen und
sie legen sich einfach
wieder aus und klicken auf die Galerie. Und wir werden uns wieder für dieses entscheiden. Und wir nennen es Illustrationen, vielleicht digitale Illustrationen. Und jetzt klicken wir auf
diesen Einstellungsbildschirm. Und wir werden einfach sehen, ob
alles in Ordnung ist oder nicht. Und wir wählen Save. Wenn wir jetzt auf
diesen Pfeil klicken und den Mauszeiger
über diesen bewegen, werden Ihnen diese Ordner das
Dropdown-Menü Ihrer Ordner angezeigt. Sie können also auf eine beliebige klicken
und zu dieser Seite gehen. Und es wird auf
digitale Illustrationen klicken. Sie gelangen dann zu dieser Seite. Dies ist also sehr praktisch, wenn Sie verschiedene Arten
von Kategorien
haben , Kunstwerke, die
Sie erstellen. Also kannst du das machen. Bringen wir es jetzt
direkt darunter. Vielleicht. Und klicken Sie auf diese
handgemalte Kunst. Hier können Sie Ihre SEO
und die Beschreibungen
und den Titel ändern . Und Sie können dasselbe
für digitale Illustrationen tun. Klicken wir also auf
die handgemalte Kunst und wir bearbeiten
diese Seite zuerst. Ich klicke auf Bearbeiten. Schreib etwas über deine Kunst. Klicken Sie auf dieses Bild. Icon, löscht zuerst alle
Bilder. Wir fügen einige Bilder hinzu. Jetzt habe ich momentan
keine Aquarell- oder handgefertigten
Bilder gespeichert. Also suche ich einfach
von Unsplash aus. Also füge ich einfach ein paar
dieser Bilder hinzu. Sie werden natürlich Ihre eigenen Bilder
hinzufügen, aber für diesen Kurs werde
ich hier einige
kostenlose Archivbilder hinzufügen. Und wieder können Sie
auf diesen Bearbeitungsbereich klicken und diesen Galerie-Typ ändern. Die Säulen, das Layout,
der Abstand und die Animation sowie der Leuchtkasten. Nun, ich würde vorschlagen, wenn Sie Animationen
zu Ihren Seiten hinzufügen, nicht versuchen, sie auf allen Ihren Seiten
konsistent zu halten. Ich meine, lass es nicht auf einer Seite verblassen und
dann auf der anderen skalieren. Halten Sie es einfach
konsistent, damit es zusammenhängender aussieht. Also ja,
so kannst du es machen. Und klicken wir einfach auf Speichern. Und in ähnlicher Weise fügen wir
einige digitale Illustrationen hinzu. Und so
füge ich einfach schnell hinzu und melde mich bei dir. Also ja, ich habe
ein paar Bilder hinzugefügt und werde diesen Abschnitt schnell bearbeiten. Sie können
diesen Textabschnitt also bearbeiten. In ähnlicher Weise wie wir alles zuvor
bearbeitet haben. Sie können die
Schnitthöhe, den
Schnittgeburten und
die Ausrichtungen ändern . Sie können auch ein
Hintergrundbild angeben, wenn Sie hier sagen möchten wie Sie Ihre
vollständige Portfolio-Seite einrichten können. Wenn wir nun auf eine ganze
Seitenansicht gehen und ich auf klicke, meine
ich, dass ich mit der Maus
über meine Kunstwerke fahre. Ich kann auf Portfolio klicken. Dann kann ich hier auf
eine einzelne Sammlung klicken und stöbern. Das. Ich sehe, dass eine handgemalte
Kunst gut aussieht. Und auch digitale Illustrationen. Wenn Sie jemals sehen, dass Ihre
Seite nicht geladen wird,
laden Sie sie einfach neu und
aktualisieren Sie sie hier. Denn manchmal
passiert es, weil
es manchmal passiert, wenn wir immer mehr Bilder
hinzufügen. Es ist vielleicht die nächste Klasse. Wir werden sehen, wie man eine Blogseite
hinzufügt.
15. Hinzufügen einer Blog-Seite: Willkommen auf der Blog-Seite der Klasse. Okay, also lass uns jetzt eine Blogseite
hinzufügen. Jetzt. Ein Blog, der bereits
mit dieser Vorlage bereitgestellt wurde. Wenn Sie jedoch Ihre eigenen
erstellen möchten, klicken
Sie einfach
auf dieses Pluszeichen. Und Sie können auf Blog klicken. Und es wird
Ihnen einige Layouts geben. Sie können wählen
, was Ihnen am
besten gefällt , und fällen. Aber ich mache einfach mit. Also
klicke ich zuerst auf die Einstellungen und behalte sie einfach als Block. Dann geben die Acyl einen richtigen
Titel und eine Beschreibung. Soziale Grenzen, die Sie jetzt
wählen können oder nicht. Sie können einige andere Änderungen wie Kategorien verwalten und alles andere vornehmen. Aber da wir noch nichts
haben, schließe
ich es einfach. Wenn ich jetzt auf Blockieren klicke, erhalte
ich diese Seite hier. Und hier. Um einen neuen Block hinzuzufügen, klicken
Sie einfach auf dieses
Plus und Sie können es anpassen. Lassen Sie mich Ihnen zunächst
nur zeigen, was bereits da
ist. Also klicke ich einfach
darauf und klicke auf Löschen. Wenn Sie
also versehentlich einen Beitrag löschen, wird er
im Papierkorb gespeichert. Also zuerst klicken wir hier und gehen wir
zu den Einstellungen. Und hier können Sie das Bild bearbeiten. Also lass es uns entfernen und ein Bild
hinzufügen, indem wir darauf klicken. Ich füge einfach etwas hinzu. Hier. Sie können uns kleine, etwa ein bis zwei Sätze über die Beschreibung Ihres Blogs geben. Und hier ist der
Autorenname, den Sie auch
hier
die Quell-URL angeben und zur Option gehen können. Hier wird der Status veröffentlicht. Sie können es jedoch als Entwurf behalten
oder überprüft werden,
damit Sie später wiederkommen und es nach diesen Optionen
filtern können. Und Sie können die
Bearbeitung von Artikeln wirklich für ein
bestimmtes Datum oder eine bestimmte Uhrzeit erledigen. kannst du also auch tun. Eine andere Sache bei Optionen. Wenn Sie zu Tags gehen, können
wir Ihre Tags
hier hinzufügen. Lass uns sehen. Lass uns etwas hinzufügen. Und wenn
Sie weiterhin die Eingabetaste drücken , können
Sie viele Taxa hinzufügen. Und dann klicken wir auf Zurück. Sie können eine zweite Kategorie hinzufügen. Sie können
die Kommentare auch zulassen oder nicht. Wenn du willst. Sie können daraus einen Feature-Beitrag machen. Wenn Sie bei SEO Jia wären, können
Sie Ihrem Block
einen Titel geben. Und hier können wir
eine Beschreibung geben , wie
wir es für
alle anderen SRA getan haben. Nur damit du
es hier ähnlich machen kannst. Für das soziale Bild können
Sie auch ein anderes Bild
hinzufügen, wenn Sie möchten. Und Sie können entweder den Standort
aufrufen und auf Speichern klicken. Jetzt siehst du, dass es angezeigt wird,
seit ich hier geklickt habe Wenn du hier
klickst, kannst du es filtern. Vielleicht kannst du sehen, wie
viele Beiträge es
auch gibt , die sie bereits
nicht veröffentlichen muss. In ähnlicher Weise können Sie das tun. Wenn Sie nun auf dieses Feld klicken
, gelangen Sie
zu dieser Blog-Seite. Wenn Sie nun hier auf Bearbeiten klicken , können
Sie
zunächst diesen Abschnitt bearbeiten. Hier können Sie die
Textausrichtung auf Mitte oder links ändern. Und Sie können wählen, ob die Inhaltsbreite
schmal oder mittel oder weiß sein soll. Sie können
es auch manuell ändern, indem Sie dieses ziehen. Sie können die
Meta-Position,
also dieses Datum oder
was auch immer es ist, hier ändern . Hier haben Sie
vielleicht den Namen des Autors
oder etwas anderes angegeben , damit Sie ihn unten
auswählen können. Hier. Sie können Kategorie anzeigen. Es zeigt die Kategorie und das Datum an. Klicken wir auf Name des Autors anzeigen. Also zusätzlich der Name des Autors. Das automatische Profil zum
automatischen Profil ist nun, wenn Sie sich erinnern, während wir uns
bei Squarespace registriert haben, Sie zu den
Kontoeinstellungen gehen und ein
Profilbild und alles andere angeben müssen. Wenn Sie das getan haben, werden unten einige andere Styling-Optionen angezeigt
. Dort können
Sie Farben erkunden, die Sie für diese Seite ändern
können. Wenn du willst. Wählen Sie nun diese aus, Sie können hier den Titel
Ihres Blogs angeben. Und hier kannst du das Bild
ändern. Wenn ich also hier klicke, kannst
du ein Bild hinzufügen. Wenn Sie bereits in
Ihrem System gespeichert haben und wir fragen Sie
einfach etwas. Und die Bildunterschrift hier können Sie ändern, wenn Sie die Bildunterschrift unten
haben möchten. Sie möchten die Bildunterschrift nicht
überladen. Wenn Sie auf Design klicken, können
Sie es in 4x2
lane oder andere Optionen ändern. Hier können Sie sehen,
dass wir es auf
Lightbox und andere Dinge drehen können, die
Sie tun können, wenn Sie möchten. Sie können
ein Bild auch mit einer anderen
Seite oder Webadresse verknüpfen . Also ja, so fügen
Sie ein Bild hinzu. Und hier können Sie eine Beschreibung
geben. Hier kannst du
über deinen Blog schreiben wenn du einfach alles anklicken
und auswählen kannst, es
löschen und
über deinen Blogbeitrag schreiben kannst. So
können Sie also einen Blogbeitrag hinzufügen. Und Sie können, wenn Sie möchten, auf dieses
Plus klicken und
einen Textabschnitt oder ein Bild oder
etwas anderes hinzufügen , was Sie möchten. Jetzt klicken wir einfach auf Speichern. Und hier
siehst du deinen Blogbeitrag. Und während Sie auf dieser Seite auf Bearbeiten klicken, können
Sie diese Seite auch bearbeiten. Wenn Sie also auf
den Bearbeitungsbereich klicken
, erfahren Sie, wie Sie Ihr Layout haben
möchten. Es gibt also viele Möglichkeiten. Sie können einfach diodieren
, welches Ihnen am besten gefällt. Und behalte es einfach im Grundraster. Sie können auch weitere Spalten
hinzufügen,
wenn Sie möchten. Und der horizontale Abstand
und der vertikale Abstand. Und hier können Sie
klicken, um es Ihnen zu zeigen außer dass die
kleine Beschreibung die
Sie gegeben haben, hier angezeigt
wird. Sie können hier auch die
Textausrichtung ändern. So können Sie
Ihre Blog-Seite zwei bearbeiten und die Farbe ändern. Ebenfalls. Sehen Sie in der nächsten Klasse, was Spaß machen wird
, weil es darum geht.
16. L 16 herausgegeben: Willkommen zurück. Lassen Sie uns nun sehen, wie wir
die Farben und Schriftarten
der Website ändern können . Jetzt haben wir alle
unsere Seiten hinzugefügt , die wir wollten. Jetzt ändern wir die Farbe
und die Schriftart unserer Website. Also klicken wir
hier zurück und gehen zu Design. Und wir klicken auf Aufenthalte vor Ort. Hier können Sie die Schriftarten,
Farben, Animationen,
Abstandsschaltflächen und Bildblöcke
ändern . Also lass mich einfach hier klicken. Und wir klicken auf Schriften. Hier gibt es viele Schriftpakete. Wenn Sie also hier
auf die Schriftart klicken, können
Sie aus den Paarungen auswählen , die Squarespace
bereits bereitgestellt hat. Ihre sensorische Serife
und auch gemischt. Lass uns etwas wählen. Manchmal kommt es vor, Sie das nicht sehen können, aber Sie können auf Speichern klicken und
dann können Sie es sehen. Das sieht aus, okay, aber ich will etwas anderes. Klicken wir erneut auf Schriftart und wir klicken hier auf Schriftart. Und es passt zu diesem. Also um dieser Klasse willen, lass uns das machen. Sie können also auch
diese einzelnen Überschriften
und Absätze ändern , hier können Sie alles
manuell ändern, aber ich gehe einfach mit der Standardeinstellung. Aber wenn du willst, kannst
du es ändern. Sie können auch Ihre
Buttons ändern. Der Buttontext und alles. Du kannst es ändern. Wenn Sie auf Stile zuweisen
klicken, können
Sie sie zuweisen. Wenn Sie eine Überschrift
für Ihren Site-Titel wünschen. Natürlich wollen wir eine Überschrift. Wir sind auf der mobilen Website
, wie willst du es haben? Aber auch dafür verwende ich normalerweise die Standardeinstellung, aber Sie können sie ändern
und wir gehen einfach zurück. Und noch etwas: Wenn
Sie auf Schriftarten klicken, können
Sie Ihre eigene Schriftart hinzufügen, aber es wird eine Codierung erforderlich sein, die ich in dieser Klasse nicht
zeigen werde. Aber wenn Sie möchten, können Sie, wenn Sie ändern möchten, eine andere
Schriftart
verwenden oder diese Schriftart hier
ändern möchten , das können
Sie tun. Ebenfalls. Klicken Sie auf diese Überschriften und Sie klicken hier auf
diese Familie. Und hier kannst du alle Schriften
durchsuchen. Sie können nach der
Schriftart suchen, wenn Sie möchten. Rl, also kannst du einfach von hier aus
stöbern. Sie können eine beliebige
Schriftart wählen. Wenn Sie auf klicken,
gehen wir zurück und jetzt
klicken Sie auf Absatz. Denken Sie daran,
eine Art von Schriftart für Überschriften und eine
Schriftart für Ihre Absätze zu haben. Wenn Sie sich bei
den Schriftpaarungen nicht sicher sind, würde
ich Ihnen empfehlen,
sich für Squarespace zu
entscheiden und die bereits bereitgestellten Standardfunktionen zu
verschieben. Ansonsten können Sie hier auch aus allen Schriftarten
suchen. Und Sie können wählen,
was Sie wollen. Jetzt klicken wir auf Farben. Und hier, wenn Sie
auf Palette bearbeiten klicken, können
Sie hier Ihre eigenen
Markenfarben hinzufügen. So können Sie hinzufügen, auf eine Farbe
klicken
und einfach die HSL
auswählen oder auf hex klicken. Und Sie können den Hex-Code
hier ändern , wenn Sie hier nur
den Hex-Code eingeben möchten hier nur
den Hex-Code und Sie können Ihre
Markenfarben hier speichern. Squarespace hat auch einige
Standardfarbpaare. Sie können
das also wählen, wenn Sie möchten. Für diesen Kurs werde ich diese Themen hier
verwenden. Lass uns einfach mit dieser Farbe gehen. Um es einfach zu halten, verwenden Sie
entweder diese hier bereitgestellten Paletten oder klicken Sie einfach hier und speichern Sie Ihre
Markenfarben hier und Sie können sie für jede Seite verwenden. Jetzt wird dies für alle Seiten
angewendet, sodass Sie nicht jede Seite einzeln
anklicken und bearbeiten müssen . Aber wenn du willst, kannst
du das auch tun. Ich zeige dir, wie das deinen Theme-Stil
zeigt. Wenn ich darauf klicke, kannst
du das alles ändern. Die gleichen betitelten Farben. Alle diese Farben
sind anpassbar und Sie können hier
alles ändern, was Sie wollen. Du kannst das tun, wenn du willst. Jetzt klicken wir auf Zurück. Und wir klicken auf Animation. Und wie gesagt, behalte eine einzige Art von
Animation für Altair, all deine Seiten. Und das kannst du auch hier machen. Klicken wir auf Skalieren. Und Sie können es
langsam, mittel oder schnell haben. Wenn Sie dann auf den Abstand klicken, können Sie auch die Schaltflächen für
die gesamte Site ändern. Sie können also den
Text der Schaltfläche ändern. Und es gibt verschiedene
Arten von Tasten auch sekundär,
primär und tertiär. Sie können hier alle Arten
von Anpassungen vornehmen. Und es wird für alle
Tasten gelten. Gewicht der Website. Ähnlich wie beim Bildblock können Sie dies alles
ändern,
wenn Sie möchten. Das ist ein Collage-Stil. Ich denke, du kannst
es einfach ändern, wenn du es hören willst. So können Sie
diese Änderungen auf alle
Seiten Ihrer Website anwenden . Ich fühle mich hier ganz nah und
wir klicken auf Speichern. Also all deine Seiten
in einem Gebäude. Und jetzt, wenn Sie eine bestimmte Seite
ändern möchten, können
Sie auf diese Seite klicken. Und Sie können
auf den Abschnitt Bearbeiten klicken und zu Farben gehen. Und hier können Sie auch
die Farben und den Tonhöhenstil
dieser bestimmten
Seite ändern die Farben und den Tonhöhenstil , wenn Sie möchten. So können Sie Ihrer Website Farben
und Schriftarten hinzufügen. Nachdem wir mit
den Farben und den Schriftarten fertig sind, wollen wir
nun sehen, wie wir
den Header bearbeiten und ein Logo hinzufügen können.
17. L 17 herausgegeben: Mal sehen, wie wir einer Website
ein Logo hinzufügen und
auch den Header bearbeiten. Jetzt haben wir unserer Website
einige Farben hinzugefügt. Also lasst uns jetzt die Überschrift bearbeiten. Also klicken wir auf Bearbeiten. Es ist okay, wenn du auf
einer dieser Seiten bist. Wir klicken also auf Bearbeiten und
hier sehen Sie den Header Site bearbeiten. Klicken Sie darauf und es werden
all diese Optionen angezeigt. Nun zur Seite,
Titel und Logo. Klicke darauf. Und wenn Sie kein Logo haben
möchten, können
Sie einfach
Ihren Website-Titel haben
, der Ihr
Firmenname oder Ihr Name ist. Wenn Sie ein Logo hinzufügen möchten, nehmen
Sie hier einfach Hips
und laden eine Datei hoch. Ich habe bereits ein Logo
für diese Klasse gespeichert , das ich in Canva erstellt
habe. Wenn Sie jedoch mit Illustrator gut
vertraut sind, können
Sie dies in Illustrator tun. Ich habe das Logo hier hochgeladen. Jetzt können Sie hier die Logohöhe erhöhen oder
verringern. Deshalb möchte ich, dass mein Logo größer ist, damit die Leute
es sehen können und Mobile auch. Jetzt lass mich einfach
die Handyhöhe erhöhen und dann
später und überprüfe einfach. Andernfalls können Sie, wenn
Sie möchten, ein separates Logo
für mobile Blickwinkel hinzufügen. Aber schauen wir mal, wie es hier geht. Wir klicken auf Zurück. Wenn Sie auf Elemente klicken, sind
dies die Elemente
oder der Symbolstatus, die
auf der, in Ihrer Kopfzeile angezeigt werden. Das heißt, wenn
Sie es ausschalten, wird
es hier nicht angezeigt und
es ist besser, es zu haben. Und wenn Sie auf Bearbeiten klicken, können
Sie weitere
Social Media-Konten hinzufügen. Ich mag Pinterest oder TikTok
oder was auch immer du willst. Du klickst also einfach
hier an und gibst einen Link zu deinem
Instagram-Profil. Und Sie klicken auf Speichern und verbinden Ihr Instagram
und Facebook sowie andere soziale Medien mit diesem Symbol. In diesem Fall können Sie auch verringern oder erhöhen
, wenn Sie möchten. Wenn ich die Größe der
sozialen Symbole
erhöhe, wird die Größe zunehmen. Wenn Sie eine Shop-Seite haben, können
Sie auf diesen Warenkorb klicken
und der Warenkorb wird hier angezeigt. Und diese Warenkorbsymbolgröße können Sie
auch
ein wenig erhöhen, wenn Sie möchten. Und wenn Sie auf die Schaltflächen klicken, wenn Sie eine Schaltfläche in
Ihrer Kopfzeile haben möchten, um
sie an eine andere Stelle zu verlinken, können
Sie sie hier haben. Aber ich lasse es einfach aus. Gehen wir zurück. Und wenn Sie hier auf Stil klicken, werden Ihnen
verschiedene Logo-Stile
und Ihr Navigationsstatus angezeigt . Mal sehen, es ist dynamisch. Jetzt wechseln wir zu Pink. Und je nach Sache könnten sich die Farben ändern. Kämpfe damit. Und du kannst eine Grenze behalten. Wenn Sie hier auf den Rand klicken, erscheint
ein Rand. Und wenn Sie es nicht möchten, können
Sie es ausschalten. Oder wenn Sie es möchten, können
Sie hier auch
die Dicke erhöhen. Und Sie können auch die Position
ändern. Vielleicht willst du nur
eine Zeile darunter haben. Also kannst du das tun. Und wir klicken auf Zurück. Und jetzt können Sie es haben, Sie können wählen, ob Sie
es als feste Position haben möchten. Und hier können Sie
das Bleiben vor
ST ändern . Klicken Sie jetzt hier
, um zu sehen, wie es auf einem Tech-Bestand
und auf einem mobilen Gerät
sichtbar ist. Header-Layout. Wenn
Sie darauf klicken, gibt es verschiedene Layouts. Wenn Sie beispielsweise
Ihr Logo in der Mitte haben
möchten, können Sie es so haben, oder Sie können es auch
so haben, wenn Sie möchten. Sie können es in der Einlage belassen oder Sie können die vertikale
Polsterung verringern oder vergrößern. Und auch den Elementabstand können
Sie vergrößern oder verringern. Und hier auch der Link-Abstand, Sie können kneifen und all diese
Navigation können Sie hier machen. Und überprüfe auch auf dem Handy,
wie dein Logo sichtbar ist. Für mich scheint es also
gut genug zu sein, also mache ich einfach mit. Wenn du willst. Du kannst. Zusätzlich wurde auch ein
anderes Logo für
Ihr Handy hinzugefügt. Hier können Sie auch den
Stil
der mobilen Navigation ändern . Die lokale Umgebung. Sie können sowohl
für Mobilgeräte als auch für Desktops eine andere Einstellung festlegen . Dies ist das Menüsymbol. Und Sie können die Dicke
klein, mittel oder groß machen. Und so können Sie Ihren Header
anpassen. Nehmen wir an, wir sind in diesem Team. So können wir
die Farbe unseres Headers
auch ändern , wenn wir wollen. Also kannst du das hier machen. Und hier. Nehmen wir an,
Sie sind in diesem Team. Und wenn ich auf
diese Option Bearbeiten klicke, siehst du
hier die Kopfzeile. Jetzt sind die
Navigationslinks schwarz. Sie können die Farbe
in Blau ändern, wenn Sie
möchten . Damit du es tun kannst. Jedes dieser Teams
ist anpassbar. Sie können einfach auf
die Option Bearbeiten klicken und alles
ändern, was Sie möchten. Angefangen bei Buttons,
Bildern, allem. Eine Menge Einstellungen sind hier. Sie können es also
nach Ihren Wünschen anpassen. Damit wir zurückkommen können. Und ja, so
personalisierst du deinen Kopf. Und treffen wir uns in der nächsten
Klasse und sie werden Redakteur.
18. L 18 herausgegeben: Willkommen in der Klasse. Mal sehen wie wir den Footprint
bearbeiten werden. Okay, jetzt
bearbeiten wir unsere Fußzeile. Also klicken wir einfach auf Bearbeiten
und gehen nach unten. Und hier sehen Sie
Fußzeile bearbeiten. Also klicke darauf. Mal sehen, was wir hier
alles tun können. Wenn Sie auf Abschnitt Bearbeiten klicken. Hier können Sie
die Abschnittshöhe ändern. Sie können hier klicken
und
es manuell ändern , wenn Sie möchten. Sie können die Breite ändern. Es wird klein,
mittel oder groß sein. Und die Ausrichtung, wenn Sie auf den Hintergrund
klicken, können
Sie dem
Hintergrund ein Bild hinzufügen, wenn Sie möchten. Wenn Sie Farben verwenden, wie wir es
mit der Kopfzeile getan haben, können
Sie die Fußzeilenzeilen ändern. Und hier können Sie auch darauf
klicken und das Erbe
hier ändern. Es gibt eine Kopfzeile. Und wenn Sie hier nach unten
zu den Links scrollen,
je nachdem, um welche Art
von Abschnitt es sich handelt. Nehmen wir an, dies ist ein Textlink hier unter der Menüoption hier. Wir können herkommen und wir können die Farbe
ändern, wenn du willst. Sie können die
Symbole ändern. Wenn du willst. Alles was Sie hier auf der ganzen Website tun können. Ebenfalls. Dann kannst du hier
alles anpassen. Und wenn du zurückgehst und
das schließt und es wirklich wieder
verbindest. Also dieser, wenn Sie das
nicht haben, können
Sie
es entfernen und dann darauf klicken. Und hier können Sie
das Design übernehmen und
ändern, wie es aussieht. Sie können
auch weitere Links hinzufügen, indem Sie hier klicken. Und Sie können hier
einen weiteren Link hinzufügen. Jetzt hier zeigt es dir, wie
du es kannst. Wenn Sie es nicht möchten, können
Sie es hier
entfernen. Oder Sie können einfach
einen weiteren Link hinzufügen, wenn Sie möchten. Wenn Sie hier noch etwas hinzufügen
möchten, können
Sie vielleicht einfach darauf klicken. Vielleicht willst du es später benutzen. Klicken Sie also auf dieses Plus und dann können Sie
auf den Newsletter-Block klicken, und es wird hier angezeigt. Und diesen können
Sie auch anpassen , wie Sie möchten. Sie können das Design hier ändern. Wenn du es im
Stack oder Float haben willst. Jetzt klicken wir einfach auf Speichern. Und jetzt ist unsere Fußzeile
so, und so ist unsere Kopfzeile. Wenn Sie nun auf
die mobile Ansicht klicken, sehen
wir uns an, wie es im Film
ist. So wird es im Handy
erscheinen. Okay, jetzt wo
wir unser Essen hinzugefügt haben, möchte ich Ihnen zeigen, wie Sie noch eine Keks-Charge hinzufügen
können,
was eine gute DSGVO-Menge ist. Also gehen wir zurück und
klicken auf Einstellungen. Und wir klicken auf
Cookies und Besucherdaten. Hier klicken wir auf
dieses Cookie-Banner. Jetzt können Sie
es hier in Oktan belassen oder sich an
- und abmelden. Sie können es zu einem Pop-up machen, aber wenn Sie möchten,
können Sie es als Flasche behalten. Sie können
es also
zuerst speichern und dann noch mehr
anpassen. Du kannst die
Kekse aber oben behalten. Aber ich ziehe es vor
, es unten zu belassen. Sie können es
hell oder dunkel haben. Was wollen wir? Und Sie können eine Schaltfläche
für den Aufruf zum Handeln haben, diese Schaltfläche Annehmen und Ablehnen. Und Sie können
dies auch anpassen, wenn Sie möchten. Das ist das Grid. Und das musst
du haben. Und jetzt klicken wir auf Speichern. Also ja, so können Sie
unten auf Ihrer Website Cookies hinzufügen . Treffen wir uns nun in der nächsten Klasse in der ich Ihnen zeigen werde, wie Sie Ihrer Website einen
Instagram-Link hinzufügen können.
19. Instagram Connect hinzufügen: Lassen Sie uns nun sehen, wie wir
unsere Instagram-Seite
zu unserer Homepage hinzufügen können . Gehen Sie dazu zu Einstellungen. Und hier gehen wir zu
verbundenen Konten. Und wir klicken auf Konto verbinden. Dann klicken wir auf Instagram. Wenn du dein
Instagram also schon hier eingeloggt hast, dann kannst du das ganz einfach tun. Ansonsten lass mich
einfach schnell einloggen. Sie klicken auf Zulassen und scheren. Wir können auf Speichern klicken. Jetzt klicken
wir hier
auf Zu Chrome hinzufügen. Wir können auf Konsortium klicken. Hier. Sie werden diese
Layouts sehen, wie Sie die Kunst der sozialen Medien teilen können. Also lass mich einfach einen
von ihnen wählen. Habe diesen genommen. Jetzt klicken wir auf den Abschnitt Bearbeiten und ändern hier alle
Einstellungen. Lass es uns kleiner machen. Und klicken Sie darauf. Bearbeiten Sie es hier und klicken Sie
auf Verbundenes Konto, und Sie klicken darauf. Jetzt
wird Ihr Instagram-Profil hier angezeigt. Wenn Sie also hier klicken, können
Sie die Anzahl der Artikel erhöhen, die
Sie hier anzeigen möchten. Oder du kannst es verringern. Sie möchten auf Design klicken. Und hier kannst du den Aspekt
ändern, aber ich würde vorschlagen, es in Scratch
zu haben und wir sehen den
Instagram-Feed in Quadraten. Und hier können Sie einige
weitere Einstellungen vornehmen, wie zum Beispiel wieder, die
Miniaturgröße
erhöhen und alles. Wir können die Polsterung
zwischen ihnen verringern oder
erhöhen . Wenn du willst. Wenn Sie auf eine Leuchtbox klicken und dann auf die Bilder klicken, werden
sie auf die
Instagram-Seite weitergeleitet, wenn sie möchten. Wir klicken Okay, jetzt wollen wir sehen,
was wir noch entwerfen können. Wenn wir auf
Links in einem neuen Fenster öffnen klicken. Es wird also in einem anderen
Fenster geöffnet, sodass Sie dies tun können.
Sie können ändern, wie
es Ihnen angezeigt wird. Ich meine, wenn du willst, dass es ein Sklave unseres Netzes ist, habe ich alles gestapelt, was
du unterschreiben willst, um es zu überspringen und Geschirr zu reiben,
wie du es machen kannst. Jetzt klicken wir einfach auf Speichern. Und jetzt können
wir auf der Homepage die
Instagram-Connect-Funktion sehen. Jetzt können Sie auch
diesen ändern. Geh einfach zurück. Und wenn Sie hier klicken, können
Sie dies
korrigieren oder wenn Sie möchten. So können Sie
ihr Instagram-Konto
auf Ihrer Website sammeln . Vielleicht zeigen
wir dir in der nächsten Klasse, wie du ein Icon erstellen
kannst.
20. L 20 herausgegeben: Willkommen in der Klasse. Mal sehen, wie wir
einen Browser hinzufügen. Lassen Sie mich Ihnen jetzt erklären, wie Sie ein Browsersymbol hinzufügen
können. Sie sehen dieses Symbol
hier, den Würfel hier. Wir können es in das ändern, was
wir dort haben wollen. Mal sehen, wie wir das machen können. Wir gehen zu Design und
klicken auf Resnick. Hier können wir einen Stoff hinzufügen. Lassen
Sie mich zunächst sagen, wie wir das machen können. Also habe ich gerade eine
neue GUI-Seite geöffnet und werde im Generator für die Website nach Fabric
suchen. Hier haben Sie
viele dieser Optionen. Du kannst also einfach
mit jedem gehen, den du willst. Klicken wir hier einfach auf
den ersten. Sie können
hier also ein PNG-Bild hinzufügen und es zu einem
Browsersymbol oder einem Text machen, was der einfachste Weg ist. Hier kannst du einfach darauf klicken. Und jetzt können Sie hier den
gewünschten Text schreiben , um alle Einstellungen hier zu
ändern. Und in wenigen Minuten können
Sie Ihr Browsersymbol haben,
das ungefähr
so aussieht, wenn Sie möchten. Aber wenn Sie ein Bild haben möchten wie ich es für meine Website habe, habe ich dieses kleine Blumensymbol. Also kannst du das tun. Lassen Sie mich Ihnen zeigen, wie
Sie das machen können. Wenn Sie jetzt hier
auf das PNG klicken, können
wir ein PNG-Bild per
Drag & Drop ziehen. Jetzt habe ich normalerweise mein
Bild in einer größeren Größe, wie zweitausend mal
zweitausend Pixel oder
2500 mal 2500 Pixel. Ich lade einfach das PNG hoch, diese Dimension und
wir können es haben. Ich würde vorschlagen, ein
abgerundetes oder ein quadratisches Bild zu haben. Die meisten Websites, die Sie dort
sehen werden, haben dieses runde oder quadratische Bild. Ziehen Sie einfach etwas her und
legen Sie es dort ab. Und ich habe dieses Symbol und
klicke jetzt auf Herunterladen. Du bekommst eine Zip-Datei. Und Sie müssen zuerst
die Zip-Datei extrahieren. Jetzt kehren wir zu unserem
Backend unserer Website zurück. Und hier klicken wir
auf Familienauto hinzufügen. Und ich benutze einfach aus
dem Ordner hier. Nun schauen wir uns diese
192192 bis fünf an. So sieht es aus. Jetzt klicken Sie einfach auf
Speichern. Unmittelbar. Das Polygon wird nicht aktualisiert. Sie können es
aktualisieren, Ihre Seite ein paar Mal aktualisieren. Aber selbst wenn es danach nicht
aktualisiert wird, können
Sie einfach Ihre Browserdaten
löschen oder sich an die
Squarespace-Hilfe wenden. Sie haben Artikel darüber,
wie man das machen kann. Und Sie können sich abmelden und erneut
anmelden, und es wird angezeigt. Also lass mich das schnell machen. Und jetzt können Sie sehen dass das Browsersymbol hier aktualisiert
wurde. So können Sie
Ihr eigenes Bild oder Ihren eigenen
Text hinzufügen Azur Tausend. Treffen wir uns nun in der nächsten Klasse in der ich Ihnen zeige, wie Sie Ihrer Website eine passwortgeschützte
Seite hinzufügen
können.
21. L 21 bearbeitet: Willkommen zurück. Lassen Sie uns nun
sehen, wie wir eine passwortgeschützte
Seite zwei von x
hinzufügen. Nehmen wir an, Sie möchten einen
Teil Ihres
Portfolios passwortgeschützt machen . zu tun, duplizieren wir
zunächst eine Seite. Ich dupliziere einfach
diese Homepage und wir klicken auf
die Seite Einstellungen. Hier klicken
wir auf Seite Duplizieren. Klicken Sie auf Bestätigen. Das gibt
uns also eine weitere Seite. Deshalb werden wir den
Passwortschutz einschränken und sicherstellen
, dass er im
nicht verlinkten Bereich aufbewahrt wird. Weil wir nicht wollen, dass es in der Hauptnavigation
sichtbar ist. Wir klicken erneut auf dieses Rad mit sechs
Einstellungen. Und wir werden zu SEO gehen. Und hier verstecken wir es vor den Suchergebnissen, weil Sie keine Suchmaschine möchten. Wir führen also Suchen durch
und klicken auf Speichern. Klicken Sie nun auf Bearbeiten. Und hier können Sie alle
diese Bilder löschen und hinzufügen. Bei diesen Mustern handelt es
sich um Kunstwerke , die
passwortgeschützt sein sollen, die Sie nicht
anzeigen und geheim halten möchten. Für jemanden, der das Passwort
hat, kann er sich einfach anmelden und er kann
diese Seite erstellen. Also kannst du das einfach tun. Ich werde es jetzt nicht tun. Nachdem Sie das getan haben, klicken Sie auf Speichern und
gehen Sie erneut zu den Einstellungen. Und hier
geben wir ein Passwort. Sie müssen sich also das Passwort
merken, egal welches Passwort Sie geben. Also lass uns einfach ein Passwort geben. Und wir klicken auf Speichern. Jetzt wird dieses
Schlosssymbol angezeigt. Das bedeutet, dass diese
Seite jetzt passwortgeschützt ist. Jetzt
können Sie auch einen Link
zu Ihrem
Publikum bereitstellen, um ihn zu erreichen. Woher wissen
sie sonst, dass Sie diese Seite
passwortgeschützt
haben? Um das zu tun,
vielleicht irgendwo auf der Homepage oder vielleicht
sagen wir auf der Portfolio-Seite. Wir klicken einfach hier auf Bearbeiten. Und vielleicht können wir einen Abschnitt hinzufügen. Sie können so etwas
wie einen Text hinzufügen, wie einige Texte mit einer Schaltfläche. Bearbeiten wir hier den Text.
Lass uns diesen hinzufügen. Du kannst etwas schreiben
und es ein bisschen kleiner machen. Und dann
können Sie hier erneut klicken und eine Schaltfläche hinzufügen. Er hat, du kannst
die Anfrage nach einem
Passwort oder so schreiben . Dann kannst du es. Sie können hier klicken und es
mit Ihrer
Kontaktseite oder Ihrer E-Mail verknüpfen. Wenn Sie es
mit der Kontaktseite verlinken. Und die Leute können dorthin gehen
und dich treffen. Und von dort aus können Sie ihnen
ein Passwort für die
Anzeige dieser Rede senden . Du kannst das machen, wenn wir wollen. Wir klicken auf Speichern. Und wenn jetzt
jemand hier klickt, wird er
zur Kontaktseite weitergeleitet. Zunächst klicken
wir also auf Fertig. Eine weitere Sache, die Sie tun können,
ist auf der Kontaktseite. Was du tun kannst, ist, dass du anhängen
kannst wie ich. Machen Sie also auf der Seite, wo wir die Kontaktseite
hinzugefügt haben, wie Sie dieses Formular hinzufügen. Hier können Sie also
die Formularfelder bearbeiten. Und wenn
Sie noch etwas hinzufügen möchten, möchten Sie
mehr Details von ihnen. kannst du machen. Du kannst es so
anhängen. Wenn jetzt jemand
die Portfolio-Seite besucht, erhält er auch diese Option
, um Ihr gesamtes Portfolio anzuzeigen. Also bekommen sie hier eine Passwortanfrage
. Und wenn ich hier klicke, gelangen
sie zu
Ihrer Kontaktseite. Hier und hier können sie klicken und am besten
das Passwort eingeben. Passen wir nun diese
passwortgeschützte Seite
an, auf der
Benutzer das Passwort eingeben. Es gibt also eine Möglichkeit, diese Seite auch
anzupassen. Um das zu tun, gehen
wir zu Design und
klicken hier auf den Sperrbildschirm. Hier können Sie das Layout
ändern,
wenn Sie möchten. Und hier gibt es verschiedene
Layouts. Sie können dies
oder das wählen. Dann kannst du auf Speichern klicken, Kia. Und im Branding und im Text können
Sie den gesamten
Text hier ändern. Wenn du willst. Sie können hier Ihr Logo angeben oder einfach Ihren Namen
eingeben. Und hier kannst du so etwas schreiben wie x ist mein Portfolio hier. Und in den Körper
kann man etwas schreiben. Auch wenn du willst.
Sie können darauf klicken , um
das Schloss anzuzeigen. Dann können Sie
auf Speichern klicken. Schon wieder. Wenn Sie hierher zurückkehren, können
Sie beliebige Bilder hinzufügen,
wenn Sie möchten. Wenn Sie
hier bleiben, können
Sie die Farbe des
Hintergrunds ändern , da ich hier
bereits ein Bild eingefügt habe. Also mache ich das gerne. Sie können
der Seite einen Rahmen geben, wenn Sie möchten. Jetzt können Sie dieses Schloss
ändern und sagen, wenn Sie es vergrößern
möchten, können
Sie auch die
Farbe des Schlosses ändern. Sie können die Form der Lunge und
den
Passworttext und alles ändern . Sie können es
in ein Rechteck ändern. Sie können die
Schriftart ändern, wenn Sie Dinge auflisten
möchten , Sie
können sie hier ändern. Und Sie können die
Farbe und den Text ändern. Klicken Sie jetzt erneut auf Speichern. Und jetzt denken
Sie daran, wenn Sie sich
dafür entscheiden und die Leute nach
dem Passwort für die Seite fragen, dann müssen Sie
den Link Ihrer
passwortgeschützten Seite angeben . Um das zu tun, gehe zu Seiten. Und wenn Sie hier auf die
passwortgeschützte Seite gehen, klicken
Sie auf diesen Kreis. Und hier müssen Sie
ihnen diese URL geben Slug allein mit Ihrem Domainnamen ist www.example.com slash URL
Slug passwortgeschützt. Sie müssen ihnen
diesen Link geben, damit sie auf diesen Link klicken
können
und sie werden zurückkommen. Sie werden auf diese
Seite weitergeleitet, die wir gerade angepasst haben. Blei. Sie können einfach
das Passwort eingeben und können Ihre gesamte
Portfolio-Seite hier anzeigen. So können Sie eine
passwortgeschützte Seite hinzufügen. Treffen wir uns in der
nächsten Klasse, in ich Ihnen zeigen werde, wie Sie eine benutzerdefinierte 404-Seite
für Ihre Website
erstellen können.
22. L 22 bearbeitet: Willkommen zurück in der Klasse. Mal sehen, wie wir eine benutzerdefinierte 404-Seite
erstellen können. Lassen Sie uns einige sparen, jeder Angebotslink ist zufällig kaputt. Menschen sollten also nicht auf einer Fehlerseite
gestrandet sein. Ich meine, selbst wenn es eine
Ära ist oder der Link kaputt ist, solltest
du ihnen einen Link
geben , damit sie zu einer anderen Seite
zurückkehren können. Oder vielleicht können sie etwas
anderem
suchen, wenn sie wollen. Also sollten sie dazu
in der Lage sein. Lassen Sie uns zunächst im nicht verknüpften Abschnitt auf dieses Plus klicken. Und wir werden eine leere Seite zeigen. Und wir werden es 404 nennen. Hier klicken wir also auf Bearbeiten und hier können wir
auf Abschnitt hinzufügen klicken. Und vielleicht liebe ich es, lass uns das hier hinzufügen und
wir wählen das und wir klicken auf Hintergrund. Jetzt löschen wir das
und
suchen nach Bildern und fügen etwas hinzu. Lass uns das ändern. Benoten Sie etwas. Lass uns einfach
diesen Button hier löschen. Und ich will das nicht hier haben. Und dann füge ich hier vielleicht
noch etwas mehr Text hinzu. Hier kannst du
sie auf deine Homepage umleiten. Sagen wir Ihre gesamte
Portfolio-Seite. Vielleicht. Schreiben wir hier etwas. So können wir die Farbe
des Textes auch ändern , wenn Sie möchten. Und ändern wir auch hier die
Farbe. Und klicken und wählen Sie hier
unter Text und klicken Sie auf dieses Linksymbol. Hier. Wir können hier klicken
und hier zur Seite gehen, Ihre Homepage
auswählen
und auf Speichern klicken. Wenn jetzt jemand hier
klickt, kann er zu Ihrer Startseite
zurückkehren. Und du kannst es sogar ein
bisschen hübscher machen ,
wenn du willst. Sagen wir, machen wir es größer. Und Sie können hier auch ein anderes
Bild hinzufügen, wenn Sie möchten. Die Idee ist, die Leute auf die richtige Seite
zu verweisen , falls
sie jemals konfrontiert werden. Sie sollten also nicht sofort
von Ihrer Website ausklicken . Klicken Sie nun auf Speichern, und jetzt können Sie einfach auf die Einstellungen
klicken und zu SCO gehen und es
aus den Suchergebnissen ausblenden. Wir wollen es nicht in einem Sozialismus, also klicken wir erneut auf Speichern. So können Sie eine benutzerdefinierte 404-Seite
erstellen. Um nun die Links zu überprüfen, ob es funktioniert oder nicht, klicken
wir einfach hier. Und das bringt das
zurück auf unsere Homepage.
23. L 23 bearbeitet: Willkommen zurück. Lassen Sie uns nun über
Suchmaschinenoptimierung sprechen. Lassen Sie uns also über SEO sprechen, und das ist
Suchmaschinenoptimierung. Jetzt weiß ich, dass es ein bisschen
technisch und beängstigend klingt ,
aber das ist es nicht. Sie müssen über
Suchmaschinenoptimierung Bescheid wissen ,
da Sie auf diese Weise die Sichtbarkeit
Ihrer Website
verbessern können. Und so wird Ihre Website Suchmaschinen wie Google
eingestuft. Zunächst einmal hat Squarespace eine sehr gute SEO-Checkliste
, der Sie folgen können. Wenn Sie zum Marketing gehen
und auf einen CEO klicken. Hier finden Sie
die SEO-Checkliste. Hier haben sie angegeben,
was Sie vor der
Veröffentlichung tun sollten und was Sie nach der Veröffentlichung tun
sollten. Und auch während sich Ihre Website weiterentwickelt. davon
habe ich bereits in den Kursen behandelt. wie Sie einen Site-Titel
hinzufügen können, wie Sie
SEO-Beschreibungen hinzufügen können. Ich werde Ihnen sagen,
wie Sie
in der nächsten Klasse eine
Site-Beschreibung hinzufügen können . Und Sie wissen auch
, wie Sie die Titel hinzufügen und wie Sie ein Browsersymbol hinzufügen und Shell-Speicherbilder
auswählen und ein benutzerdefiniertes Foto für die Seite
erstellen. Ich habe das alles behandelt. Dann andere Dinge
wie Sie
die benutzerdefinierte Domain verbinden können , die
ich Ihnen ebenfalls gezeigt habe. So verbinden Sie sich mit sozialen Medien. Ich zeige Ihnen, wie Sie sicherstellen
können, dass SSL aktiviert ist. Du solltest auch
deinen URL-Slag überprüfen, dass ich dir auch gezeigt habe,
wie du das machen kannst. Und wählen Sie das URL-Format Ihres
Blogeintrags, wie Sie Ihren Standort hinzufügen und wie
Sie Ihren Standort online veröffentlichen können. davon habe ich also bereits in meinen Lektionen gezeigt. Ich werde es dir in
der nächsten Lektion zeigen. Gehen Sie einfach
diese Liste durch und prüfen Sie, ob Sie das alles getan
haben. Dies ist eine großartige Möglichkeit zur Optimierung
für die Suchmaschinen. Du musst das durchmachen. Dann haben sie auch die Best Practices für
Inhalte. Welche Art von Bildern sind erforderlich, wie schreiben Sie
den Text, den Inhalt und Ihre Seiten und
Sammlungen, alles. Also geh einfach zu dieser Liste und
das ist wirklich hilfreich. Die nächste Klasse wird sich treffen
und ich zeige Ihnen einige Möglichkeiten, mit denen Sie Ihre
Website noch weiter optimieren können .
24. L 24 VO: Lassen Sie uns nun sehen, wie wir unsere Website optimieren
können. Gehen wir also zunächst zum Marketing und es ist cool für SEO. Und hier können Sie eine Site-Beschreibung und
eine korrekte Beschreibung
der Site angeben . Dies wird die Sichtbarkeit Ihrer
Website verbessern. Geben Sie Ihnen eine Beschreibung
und beschreiben sie mit relevanten Schlüsselwörtern. Nehmen wir an, wenn
Sie ein Illustrator sind, schreiben Sie etwas darüber. Nur eine Beschreibung. Wie sie hier geschrieben haben. Sie sollte innerhalb von
50 bis 300 Zeichen lang sein. Dann geht der nächste Schritt zurück
und klickt nun auf Einstellungen. Klicken Sie nun hier auf Verbundene Konten und
dann auf Konto verbinden. Jetzt sehen Sie eine
Suchkonsole, die Google Search Console. Also verbundene Website,
Google Search Console, melden Sie sich mit der E-Mail-Adresse an, die Sie
verwendet haben , und
melden Sie sich einfach schnell hier an. Nachdem Sie sich angemeldet haben, werden
Sie aufgefordert,
sicherzustellen, dass Sie
Squarespace und der elitären
Suchkonsole vertrauen . Und Sie müssen
auf Erlauben klicken. Und dann erscheint dieses Pop-up, in dem
geschrieben
wird , dass die Google Search
Console verbunden ist, und es kann bis zu 72 Stunden dauern
, bis Ihre Daten indiziert sind. Denken Sie an eine Sache hier. Wenn Sie zu dieser Seite zurückkehren, gehen Sie zu Analytics. Hier gibt es viele Dinge, aber einige davon
sind Premium-Funktionen. Nehmen wir an, wie bei Produkten vom Verkaufstyp
im Commerce-Bereich, wie Sie sehen können,
handelt es sich um eine Premium-Funktion. Einige davon
werden also sichtbar sein und einige davon werden
nicht sichtbar sein. Wenn Sie keinen Commerce Basic
Auto
Commerce Advanced-Plan haben. Man muss also sehen, was
sichtbar ist und welches nicht. Dann lassen Sie uns bestätigen, ob SSL gesichert ist oder nicht. Um das zu tun, gehen wir zu Einstellungen und
gehen zu Erweitert. Und SSL ist aktiv. Also klicken wir darauf und stellen sicher
, dass es hier angekreuzt ist. Sicher. Und wir sind gut. Jetzt habe ich Ihnen auch gezeigt wie Sie
jede dieser Seiten optimieren können. Wenn Sie also auf
Seiten gehen und auf
die Einstellungen klicken und hier hingehen, können
Sie einen
SEO-Titel und eine Beschreibung angeben. Wie ich in allen
Lektionen gesagt habe, ist das wichtig. Und so können Sie jede Ihrer Seiten
optimieren. Dann wird auch darauf geachtet, wie Sie einen Site-Titel und ein Keyword
hinzufügen können. Wenn Sie also
auf einer der Seiten zur Bearbeitung gehen, können
Sie auf den Header Site
bearbeiten klicken. Hier, wenn Sie auf die Website gehen,
haben sie Logo gelernt. Hier können Sie schreiben oder eine Beschreibung
geben. Also habe ich nur meinen Namen geschrieben, aber ich würde sagen, wir sollen etwas mehr
schreiben, wie lass uns etwas
darüber sagen, was du tust. Und Sie können
auch Ihren Platz angeben. Etwas wie das hier. Wie für meine Seite, wenn jemand
die URL meiner Website eingibt, werden
Sie sehen, wie sie beibehalten wird Oberflächenmusterdesigner, Künstler. So
habe ich es optimiert. Sie können dies tun, indem Sie hier den
Site-Titel angeben. Sie können auch Ihren Platz angeben. Jetzt können wir auf Speichern klicken. Als nächstes gilt, wenn Sie viele
Seiten im nicht verlinkten
Bereich haben und einige dieser Seiten nicht
benötigen , die
Sie nicht verwenden. Dann klicken Sie einfach darauf und
wir schalten die Seite ab. kannst du auch tun. Wenn Sie zu SEO gehen, können
Sie es auch in
den Suchergebnissen ausblenden. Jedes dieser beiden Dinge können
Sie entweder
vollständig deaktivieren oder es in den Suchergebnissen ausblenden
. Als Nächstes sollten Sie Ihre Bilder
optimieren. Und gehen wir zuerst
zu dieser About-Seite und
geben Sie allen Ihren Bildern einige Alternativtexte
. Klicken wir auf Bearbeiten. Und wenn Sie auf das Bild klicken, können Sie
hier Alternativtext
hinzufügen. Und Sie können auch ein
paar Keywords hinzufügen, wenn Sie möchten. Und stellen Sie immer
sicher, dass Sie komprimierte
JPEG-Bilder
hochladen. Normalerweise, wenn es ein kleines
Bild wie ein Screenshot ist, halte
ich es auf maximal 500
Pixel innerhalb von 200 KB. Und wenn es ein mittleres
Bild ist und es ein Quadrat ist, dann können Sie es bei tausend mal
tausend Pixeln haben. Oder wenn es sich um ein Rechteck handelt, können
Sie es tausend 51500 Pixel
innerhalb von 100 bis 400 KB erstellen. Wenn es sich um ein großes Banner
handelt, können Sie es auf
maximal zweitausend
bis 2500 Pixel haben , aber es sollte weniger
als 500 Pixel behalten werden. Beachten Sie also alle
Spezifikationen. Andernfalls ist
das Laden Ihrer
Seiten betroffen. Die Seite wird nicht richtig geladen. Das ist also nicht gut
für Ihre Website. Wie ich Ihnen bereits gesagt
habe,
müssen Sie Ihre
Bilder vor dem Hochladen umbenennen. Benennen Sie es also mit dem richtigen
Schlüsselwort und der relevanten Beschreibung um Und ich habe dir schon gesagt, wie wir ein Essen 0
für Seite machen
können. Das ist also auch
für Sie als CEO wichtig. sind also einige der wenigen
Dinge, die sie tun können. Für weitere Informationen können
Sie jederzeit der
Squarespace
SEO-Checkliste folgen und sehen, ob Sie Website noch weiter
optimieren
müssen.
25. L 25 herausgegeben: Willkommen zurück in der
Klasse. Du hast es geschafft. Jetzt ist es endlich an der Zeit
, Ihre Website zu veröffentlichen. Jetzt sollten Sie stolz auf
sich sein , dass Sie
Ihre Website vollständig erstellt haben und jetzt ist es an der Zeit, Ihre Website zu
veröffentlichen. Also lass uns das machen. Vor der Veröffentlichung können
Sie Ihre Domain
hier kaufen, indem Sie zu den Einstellungen gehen
und dann auf Domain klicken. Und hier kannst du eine Domain bekommen. Wenn Sie auf Ihren Namen klicken, wird Ihnen die
Verfügbarkeit aller Domains angezeigt. Und Sie können hier auf eins klicken
und Byte dekodieren. Andernfalls können Sie einfach
Ihre eigene Domain verwenden , die Sie bereits gekauft
haben. Und wir gehen zu Einstellungen. Und hier klicken wir
auf Verfügbarkeit der Website. Und hier klicken wir auf
Upgrade um zu veröffentlichen. Jetzt macht ILP das nicht, da
ich dafür bezahlen muss. Wenn Sie dies tun, werden
Sie jedoch aufgefordert, einen Plan auszuwählen. Und Sie können einen Plan
nach Ihren Wünschen auswählen. Und dann ist es ziemlich
selbsterklärend. Squarespace wird Sie
auffordern, wie Sie das tun können. Sie können einfach die
Zahlung vornehmen und überprüfen und dann
können Sie sie veröffentlichen. Ich hoffe, diese
Schritt-für-Schritt-Methode war für Sie so
einfach, dass Sie eine Website
erstellen konnten. Im nächsten Kurs werde
ich dir alles
darüber erzählen, wie du Support und Hilfe
von Squarespace
erhalten kannst . Jetzt ist der schwierige Teil erledigt. Wir werden uns in der nächsten
Klasse treffen, wo wir alles über den
Support und die Hilfe von Squarespace
erfahren werden .
26. L 26 VO: Wenn Sie
beim Erstellen Ihrer Website
oder sogar danach auf Probleme gestoßen sind, hat squarespace ein
sehr gutes Help Center. Sie können darauf zugreifen,
indem Sie auf diese Hilfe klicken. Und hier erhalten Sie
die Wissensdatenbank , in der viele
Artikel bereitgestellt werden. Du kannst lesen. Unsere, sie haben einen
Video-Workshop für dich. Und sie haben Webinare, oder Sie können einen
Experten beauftragen, wenn Sie möchten. Viele dieser Dinge sind hier. Sie können das also tun, indem Sie
zur Wissensdatenbank gehen. Hier. Sie bieten viele
Artikel, in denen Sie sich ansehen und herausfinden können, ob Ihr
Problem gelöst ist oder nicht. Und wenn Sie auf
dieses Fragezeichen klicken. Jetzt können Sie hier auch bei ihnen
nachfragen. Und das ist der
Support-Assistent. Du kannst das tun, wenn du willst. Es gibt viele Dinge. Es gibt ein Forum, in dem Sie auch Ihre Frage
stellen können , und
Sie erhalten zwei Antworten. Und das kannst du tun. Es gibt ein nettes
robustes Gesundheitssystem innerhalb von Squarespace. Sie können also darauf zugreifen.
27. Was soll ich als nächstes tun: Willkommen in der Klasse.
Lassen Sie uns nun sehen, wie wir unsere Website mit Google Analytics
und Google Tag Manager verbinden können. Jetzt, da Sie
eine Blister-Website haben, der wichtigste nächste Schritt
darin, Ihre Website,
Ihr Google Analytics, mithilfe des
Google Tag Managers zu verbinden , damit Sie alle Ihre Daten und
Statistiken Ihrer Website, die für die Suchmaschinenoptimierung
und
den Marketingaspekt hilfreich sein wird . Wenn Sie ein absoluter Anfänger sind, kann
es etwas verwirrend erscheinen selbst wenn ich
Ihnen gezeigt habe, wie das geht. Deshalb habe ich Ihnen
eine vollständige Anleitung mit einer
schrittweisen Beschreibung zur Verfügung gestellt . Beginnend mit der
Einrichtung eines neuen Kontos verbinden
Sie Ihr
Konto in Google Analytics. Sie finden diesen Leitfaden
im Bereich Projekte und
Ressourcen. Vergessen Sie also nicht, es herunterzuladen.
28. L 28 herausgegeben: Willkommen zurück in der Klasse. Dies ist eine Bonusstunde,
in der ich Ihnen zeigen werde, wie Sie einen Link auf der
Bio-Landingpage erstellen
können, aber es ist anders. In dieser Lektion zeige ich
Ihnen, wie Sie einen Link in der
Bio-Landingpage erstellen
können. Zum Beispiel. Normalerweise machen wir das
mit dem Link Tree, aber Sie können es auch über
Ihre eigene Website tun. Fangen wir also an, wie
wir das machen können. Und lass uns zu Pages gehen. Und hier im nicht
verlinkten Bereich klicken
Sie auf dieses Plus. Und fügen wir
hier eine leere Seite hinzu und wir benennen sie einfach. Jetzt gehen wir
zum Einstellungsrad und gehen zu SEO, und wir werden es vor
den Suchergebnissen verstecken. Klicken Sie auf Speichern. Jetzt. Jetzt auf dieser Seite klicken
wir auf Bearbeiten. Und hier fangen wir an,
etwas Text und einige Schaltflächen hinzuzufügen. Also zuerst
möchte ich etwas Text hinzufügen. Also lasst uns sehen. Du
kannst alles schreiben. Schreiben wir Willkommen. Wählen Sie es aus und ändern Sie
die Farbe dafür. Jetzt werden wir hier einfach
weiter Schaltflächen hinzufügen. Nehmen wir an, das ist vielleicht Ihr
Link zu Ihrem Shop. Du schreibst also Shop und
klickst hier und gibst dir eine URL deines
Shops und klickst auf Speichern. Fügen Sie auf ähnliche Weise eine weitere Schaltfläche Und wir werden einfach schreiben, sagen
wir, es ist Pinterest. In ähnlicher Weise gehen Sie hierher
und klicken auf die Webadresse, und Sie können hier die
Pinterest-URL angeben. Und lass uns einen weiteren Button hinzufügen. Könnte dazu führen, dass Sie ein
Werbegeschenk oder Ihren Newsletter haben. Also kannst du das tun. Und hier, gleiches Angebot, klicken Sie
einfach hier,
klicken Sie auf die Webadresse und Sie geben die URL hier an. Und vielleicht leiten Sie sie einfach auf eine Seite, auf der
Sie Ihr Werbegeschenk,
Ihren Newsletter, was auch immer Sie wollen, haben. Und dann fügen wir
einen weiteren Button hinzu. Und schreiben wir Kontakt. Und Sie können diese Seite,
diesen Button, mit Ihrer Kontaktseite
auf Ihrer Website verlinken diesen Button, mit Ihrer Kontaktseite und auf Speichern klicken. Lassen Sie uns jetzt
einen guten Hintergrund geben. Vielleicht können Sie etwas von
Ihrem Bild hinzufügen, wenn Sie möchten. Füge ein Bild hinzu und ich habe
schon etwas gespeichert. Ja, so etwas.
Das sieht gut aus. Wir können also auf Speichern klicken. Jetzt müssen wir
nur noch hier klicken
und diese URL kopieren. Slug, nenne es vielleicht
etwas anderes, wie Links oder so. Oder klicken Sie hier. So etwas. Und
Sie können auf Jetzt speichern klicken. Und jetzt
müssen
Sie nur noch auf diese
Seite hier klicken und diesen
URL-Slug von hier kopieren. Das bedeutet www dot your
website.com Slash-Links. Und kopiere diese URL
und dann musst du sie in dein
Instagram-Biobett
einfügen. Sie müssen einen Link angeben, also dort eingefügt, und fertig. Jeder, der auf diesen Link klickt,
landet auf dieser Seite. Und es wird möglich sein,
auf all diese Schaltflächen zu klicken und zu den entsprechenden Seiten zu
gelangen. Mal sehen, wie es auf einem Handy
aussieht. So sieht es auf einem Handy aus und es
sieht ziemlich gut aus. So wird es
auf deiner Instagram-Seite aussehen. Das war also für
deine Bonusstunde. Ich hoffe das war hilfreich.
29. Schlussgedanken: Danke, dass du an diesem Kurs teilgenommen hast. Ich bin so froh, dass Sie sich entschieden haben, den ersten
Schritt
zu tun, um loszulegen. Ich hoffe, dieser Kurs war
hilfreich für Sie und hat
die überwältigende Aufgabe, eine Website zu
erstellen, sehr einfach gemacht . Nachdem Sie eine Website
erstellt haben, würde
ich vorschlagen, an der Optimierung zu
arbeiten und eine Website langsam zu
definieren
, damit Sie
Ihr ideales Publikum anziehen können. Ich würde
Sie nicht ermutigen,
Ihre Projekte in den
Bereich
Projekte und Ressourcen hochzuladen Ihre Projekte in den
Bereich
Projekte und Ressourcen , damit wir uns alle gegenseitig
helfen können , unsere Arbeit
zu verbessern. Auch Lieferung, wenn Sie können, denn das wäre
sowohl für mich als auch für andere Schüler
, die an diesem Kurs teilnehmen möchten, hilfreich . Ich weiß das wirklich zu schätzen. Du kannst mir auf
Skillshare und auf
Instagram unter color by manmade folgen . Und Sie können auch auf
mein Freebie zugreifen , indem Sie
sich für meinen Newsletter anmelden. Wir sehen uns in der nächsten Klasse.