Der Stil und die Funktionen der Template-Gruppe „York“.
Die Template-Gruppe York (Artesia, Flores, Harris, Jasper, Jones, Lange, Shibori, Taylor und York) ist darauf ausgelegt, die Arbeit von Illustratoren, Fotografen, Kreativagenturen und sonstigen Produzenten visueller Inhalte zu präsentieren. Mit einer Raster-Index-Seite und einzigartigen Projekt-Seiten geben diese Templates dir die nötigen Werkzeuge an die Hand, um deinen kreativen Output zur Schau zu stellen und mit anderen zu teilen.
Diese Anleitung behandelt die Funktionen und Gestaltungsmöglichkeiten der York-Gruppe. Die Anpassungen der Website-Stile und der Abschnitt, unter dem sie im Menü „Website-Stile“ angezeigt werden, werden fett gedruckt angezeigt.
Unterstützte Seiten-Typen
York unterstützt diese Seiten-Typen:
- Album-Seiten
- Blog-Seiten – Standard-Raster/-Liste
- Cover-Seiten
- Veranstaltungsseiten
- Galerie-Seiten – Standard
- Projektseiten
- Index-Seiten – Raster
- Layout-Seiten
- Shop-Seiten – Erweitert
Kopfzeile
Besucher verwenden den Vollbild-Header im oberen Bereich, um auf deiner Website zu navigieren. In York ist die Kopfzeile in drei Bereiche unterteilt: links, Mitte und rechts. Du kannst jedes der folgenden Elemente zur Kopfzeile hinzufügen:
- Seitentitel oder Logo („Markenführung“)
- Slogan
- Hauptnavigation
- Sekundärnavigation
- Warenkorb
Gestalte das Header-Layout mit den Anpassungen von Website: Header-Layout:
- Wähle Linkes Layout, Mittiges Layout oder Rechtes Layout, um das Layout von Horizontal zu Gestapelt zu ändern. Diese Optionen werden angezeigt, nachdem du zwei oder mehr Elemente in en Kopfzeilen-Bereich eingefügt hast.
- Lege mit der Anpassung Header in voller Breite fest, wie der Header angezeigt wird.
Die Kopfzeile gestalten
Gestalte den Header-Inhalt mit den Anpassungen von Website: Header:
- Lege die Schriftart und Farbe des Website-Titels mit Website-Titel fest.
- Lege die Schriftart und Farbe des Slogans mit Website-Slogan fest.
- Ändere die Logo-Größe mit Logo-Größe (max.).
- Unter Warenkorb kannst du Schriftart, Farbe und Stil des Warenkorbs festlegen.
Gestalte die Navigation mit den Anpassungen von Website: Navigation:
- Ändern Sie die Primärnavigation und die Sekundärnavigation mit Primär und Sekundär.
- Neben Drop-down-Menüs kannst du mit Ordner-Indikator anzeigen ein Caret-Symbol ein- oder ausblenden.
Weitere Hilfe zu Kopfzeilen
Tipps:
- Lege die Linienstärke des Such- und Warenkorb-Symbols mit den Anpassungen für Symbole fest.
- Die Header-Hintergrundfarbe entspricht der Anpassung Website-Hintergrund unter Website.
- Viele dieser Elemente haben einen separaten Stil für Mobilgeräte.
Kopf- und Fußzeile der Seite
Seiten-Header und -Footer sind eine hervorragende Möglichkeit, einzelne Seiten anzupassen. Um Blöcke hinzuzufügen, fahre mit dem Mauszeiger über den oberen oder unteren Bereich der Seite und klicke dann auf Bearbeiten auf der Anmerkung Sammlung: Header-Inhalt oder Sammlung: Footer-Inhalt.
York hat Seiten-Kopfzeilen und -Footer auf:
- Album-Seiten
- Blog-Seiten
- Veranstaltungsseiten
- Galerie-Seiten
- Index-Seiten
- Shop-Seiten
- Projektseiten
Um diese auf deiner gesamten Website zu aktivieren, aktiviere Seiten-Header anzeigen und/oder Seiten-Footer anzeigen im Abschnitt Seite der Website-Stile. Text-Blöcke im Seiten-Header und -Footer folgen den Anpassungen unter Website: Typografie.
Denk daran:
- Einzelne Sammlungsinhalte, wie z. B. Blogeinträge, unterstützen keine Kopfzeilen und Footer.
- Versteckte Kopfzeilen- oder Footer-Inhalte können immer noch erscheinen, wenn du eine Seite in sozialen Medien teilst. Um dies zu verhindern, lösche den Inhalt, bevor du die Kopfzeile oder den Footer ausblendest.
- Seiten innerhalb eines Index zeigen die Navigation unterhalb des Seiten-Footers an.
Footer für die gesamte Website
Um einen Footer für die gesamte Website zu aktivieren, aktiviere die Anpassung Globalen Website-Footer anzeigen unter Website: Footer. Um Blöcke hinzuzufügen, bewege den Mauszeiger über den Footer und klicke auf Bearbeiten. Die vollständigen Schritte findest du unter Footer bearbeiten.
Seiten Banner
Füge oben auf diesen Seitentypen ein Banner-Bild oder -Video hinzu:
- Album-Seiten
- Blog-Seiten
- Veranstaltungsseiten
- Galerie-Seiten (nur Bilder)
- Index-Seiten
- Layout-Seiten
- Shop-Seiten
- Projektseiten
Um ein Banner-Bild oder -Video hinzuzufügen, füge ein ausgewähltes Bild oder eine Video-URL im Tab Medien in den Seiteneinstellungen hinzu.
Denk daran:
- Diese Banner erstellen eine Miniatur-Navigation auf Index-Seiten.
- Wenn die Seite kein ausgewähltes Bild hat, zeigt das Banner eine Hintergrundfarbe an. Eventuell musst du die Transparenz ändern.
- Die Banner-Einstellungen sind für jeden Seitentyp universell. Mit den Banner-Anpassungen im Abschnitt Seite der Website-Stile kannst du ein Banner für einen Seitentyp ein- oder ausblenden.
- Der Seitentitel und die -beschreibung können das Banner überlagern.
- Banner unterstützen das Laden animierter Seiten.
Reines Startseiten-Banner
Du kannst ein Banner auf deiner Startseite anzeigen, es aber für alle anderen Seiten dieses Typs ausblenden. Wenn deine Startseite z. B. eine Layout-Seite ist, würdest du diese Schritte befolgen:
- Gehe zur Startseite.
- Öffnen Sie Website-Stil.
- Scrolle nach unten zu Seite.
- Deaktiviere Seiten-Banner anzeigen. Dadurch wird das Banner auf allen Layout-Seiten ausgeblendet.
- Aktiviere Startseiten-Banner anzeigen. Damit wird das Banner auf der Startseiten-Layout-Seite angezeigt.
Der Seitentitel und die Seitenbeschreibung bleiben universell. Wenn du z. B. die Option Seitentitel anzeigen aktivierst, wird der Seitentitel auf der Startseite und allen anderen Layout-Seiten angezeigt.
Banner gestalten
Gestalte Banner im Abschnitt Banner der Website-Stile. Diese Anpassungen wirken sich auf alle Seiten-Banner auf deiner Website aus.
- Lege auf Seiten mit ausgewählten Bildern die Banner-Höhe mit Höhe fest.
- Positioniere das Bild mit der Bildausrichtung im Banner.
- Wenn die Bildausrichtung auf rechts oder links eingestellt ist, füllen Sie die rechte oder linke Hälfte des Bildes mit Bild zuschneiden. Um das gesamte Banner zu füllen, legen Sie die Bildausrichtung als zentriert fest und aktivieren Sie das Kontrollkästchen Bild zuschneiden.
- Aktiviere Automatische Hintergrundfarbe, damit das Banner automatisch eine Hintergrundfarbe aus dem ausgewählten Bild übernimmt. Dies ist nützlich für Illustrationen und Bilder mit einer einzigen dominanten Hintergrundfarbe, da das Bild so bis zu den Rändern des Banners zu reichen scheint.
- Um das Banner bis zu den Rändern des Browsers zu erweitern, aktivieren Sie Randloses Banner.
- Index-Navigationsbanner haben ihre eigenen Stil-Einstellungen in Index unter Website-Stile.
Die Hintergrundfarbe wird an folgenden Stellen angezeigt:
- Auf Bannern, die keine ausgewählten Bilder haben
- Während ein Banner-Bild oder -Video geladen wird
- Hinter ausgewählten Bildern, die nicht das ganze Banner ausfüllen, wenn die Option Automatische Hintergrundfarbe nicht aktiviert ist
Seitentitel und Beschreibungen
Über die Seiteneinstellungen kannst du den Seitentitel und die Seitenbeschreibung oben auf jeder beliebigen Seite anzeigen. Projekt-Seiten und Galerie-Seiten können auch einzelne Bild-Kategorien anzeigen.
- Diese Einstellungen sind für jeden Seiten-Typ universell.
- Blende den Text mit den Anpassungen für Titel, Beschreibung und Kategorie im Abschnitt Seite ein oder aus.
- Text kann das Seiten-Banner überlagern oder allein angezeigt werden.
- Blende die Beschreibung einer einzelnen Seite aus, indem du sie über die Seiteneinstellungen löschst.
Text auf Bannern vs. kein Banner
Du kannst unterschiedliche Stil-Optionen zuweisen, je nachdem, ob der Text über einem Banner oder über der Seite angezeigt wird. Der von dir verwendete Abschnitt „Website-Stile“ ist unterschiedlich je nachdem, ob sich auf deiner Seite ein Banner befindet:
- Banner-Text – Beliebige Seite mit einem Banner
- Index: Intro-Text – Index-Seiten ohne Seiten-Banner.
- Seite: Intro-Text – Jede sonstige Seite ohne Seiten-Banner.
Formatiere den Text mit Titel, Beschreibung und Kategorie.
Seiten ohne Banner haben zusätzlichen Optionen:
- Lege die Seitenränder für den Text mit Textbreite fest.
- Lege den Abstand oberhalb und unterhalb des Textes mit Texthöhe fest.
Text, der über einem Banner angezeigt wird, hat diese zusätzlichen Optionen:
- Positioniere Text im Banner mit Ausrichtung.
- Lege die Seitenränder für den Text mit Breite fest.
- Füge mit den Markieren-Anpassungen eine Farbe hinter dem Text hinzu. Lege die Breite der Hintergrundfarbe mit Hervorhebungs-Text-Einzug fest.
Blog-Seiten
Die Template-Gruppe York basiert auf einer Blog-Seite mit Standard-Raster/-Liste. Mehr über die einmaligen Funktionen und Stil-Optionen dieser Art von Blog erfährst du unter Blog-Seiten mit Standard-Raster/-Liste in Version 7.0.
Projektseiten
Die Projekt-Seite ordnet Bilder, Titel und Beschriftungen in eleganten Layouts an. Dies ist eine einzigartige Alternative zu einer Galerie-Seite, insbesondere wenn du eine Mischung aus Text und Bildern verwendest.
Mehr dazu erfährst du unter Projekt-Seiten.
Index-Seiten
York-Index-Seiten erstellen Navigations-Vorschaubilder in einem Banner oder einem Raster, mit denen Besucher verschiedene Seiten aufrufen können.
- Das Navigationsraster zeigt ausgewählte Bilder der Seite an. Selbst wenn eine Seite ein Video-Banner hat, wird das ausgewählte Bild im Raster angezeigt.
- Du kannst ein Seiten-Banner, einen Navigationstitel und einen Beschreibungstext sowie anpassbare Kopfzeilen- und Footer-Bereiche hinzufügen.
- Auf Mobilgeräten zeigen Index-Seiten ein Vorschaubild pro Zeile an.
- Index-Seiten folgen nicht der Website: Max. Breite.
Unterstützte Seiten
Du kannst die folgenden Seiten zu einem Index hinzufügen:
- Album-Seiten
- Blog-Seiten
- Galerie-Seiten
- Veranstaltungsseiten
- Shop-Seiten
- Projektseiten
- Layout-Seiten
Ausgewählte Bilder
Füge ein ausgewähltes Bild oder eine Video-URL zu den Einstellungen einer Seite hinzu, um sie im Vorschaubild der Index-Navigation anzuzeigen. Gestalte die Vorschaubilder mit den Anpassungen von Index: Inhaltsbild:
- Richte das ausgewählte Bild im Vorschaubild mit der Bildausrichtung aus.
- Fülle die rechte Hälfte, die linke Hälfte oder das gesamte Vorschaubild mit Bild abschneiden. Diese Option erscheint, wenn Bildausrichtung auf Rechts, Links oder Mittig gesetzt ist.
- Wähle mit Bild-Deckkraft aus, wie viel von der Hintergrundfarbe durch das Bild hindurch zu sehen ist.
- Ändere, wie stark das Bild verblasst, wenn Besucher mit der Maus über das Bild fahren.
- Um das gesamte Vorschaubild zu füllen, wähle Bildausrichtung: Zentrieren aus und aktiviere Bild zuschneiden.
- Um Vorschaubilder so einzustellen, dass automatisch eine Hintergrundfarbe aus dem ausgewählten Bild oder Video übernommen wird, aktiviere Automatische Hintergrundfarbe.
- Wähle eine Bild-Hintergrundfarbe aus, die in Vorschaubildern ohne ausgewählte Bilder oder Videos angezeigt werden soll. Diese Anpassung wird angezeigt, wenn die Option Automatische Hintergrundfarbe deaktiviert ist.
Die Vorschaubild-Hintergrundfarbe wird angezeigt:
- Wenn Navigations-Vorschaubilder keine Bilder oder Videos enthalten
- Hinter ausgewählten Bildern, die nicht das gesamte Vorschaubild ausfüllen
- Durch ausgewählte Bilder, wenn du ihre Deckkraft geändert hast
Vorschaubild-Layout
Vorschaubilder der Index-Navigation können als Banner oder in einem Raster angezeigt werden. Lege den Stil im Abschnitt Index: Layout der Website-Stile fest.
- Zeige die Vorschaubilder als Banner mit Artikelbreite an. Wähle entweder Voll oder Halb aus, um ein oder zwei Banner pro Zeile anzuzeigen.
- Lege die Höhe der Banner mit der Artikelhöhe fest.
- Wenn du die Vorschaubilder in einem Raster anzeigen möchtest, wähle Element-Breite: Raster aus. Gestalte das Raster mit den Anpassungen für Spalten und dem Vorschaubild-Verhältnis.
- Lege den Abstand zwischen den Bannern oder Thumbnail-Kacheln mit Element: Abstände fest.
- Um die Vorschaubilder auf den Browserrand zu erweitern, aktiviere den Randlosen Index. Wenn diese Option deaktiviert ist, folgen Vorschaubilder dem Padding der Website. Dies betrifft auch das Banner im Seiten-Header.
- Wenn du zwischen Zeilen, in denen ein Banner bzw. zwei Banner angezeigt werden, wechseln möchtest, aktiviere Alternative Breiten. Diese Option wird angezeigt, wenn Banner auf Bild-Ausrichtung: Mittig und Index: Breite auf Voll oder Halb gesetzt sind.
- Um die Seite zu wechseln, auf der das Bild angezeigt wird, aktiviere Alternative Seiten. Diese Option wird angezeigt, wenn Banner auf Bildausrichtung: Rechts oder Links und Index-Breite auf Voll gesetzt sind.
Index-Vorschaubilder können den Navigationstitel für jede Seite und Kategorien anzeigen, die du zu Bildern auf Galerie- und Projekt-Seiten hinzugefügt hast. Der Navigationstitel erscheint auf Index-Vorschaubildern, aber der Seitentitel erscheint am oberen Rand einzelner Seiten. Das bedeutet, dass du unterschiedlichen Text an diesen beiden Stellen anzeigen lassen kannst.
Ändere die Schriftart, Farbe und Größe des Texts mit dem Abschnitt Index: Inhaltstext der Website-Stile.
- Wähle mit Titel-Anzeige, wie die Titel angezeigt werden sollen.
- Um den Kategorietext auszublenden, aktivieren Sie die Option Kategorien anzeigen.
- Um anpassbare Hintergrundfarben hinter dem Text hinzuzufügen, aktivieren Sie Titelhintergrund verwenden und Kategoriehintergrund verwenden.
- Lege mit Textausrichtung fest, wo der Text angezeigt wird.
Navigation
Um die Index-Navigation zu gestalten, gehe zu einer Seite innerhalb des Index und öffne dann „Website-Stil“.
Die Navigation wird am unteren Rand aller Seiten innerhalb eines Index angezeigt. Um sie auszublenden, deaktiviere Index-Navigation anzeigen. Um sie zu gestalten, verwende den Abschnitt Index: Navigation der Website-Stile:
- Setze Link-Stil auf Liste, um alle Seiten im Index als Navigationslinks anzuzeigen.
- Setze Link-Stil auf Weiter, um ein Weiter-Label anzuzeigen. Deaktiviere Nur Label anzeigen, um den Namen der nächsten Seite nach dem Weiter-Label anzuzeigen.
Für beide Stile kannst du den Text als Inline oder Gestapelt anzeigen und die Farbe, Schriftart und Skalierung des Textes ändern. Lege den Linkstil fest, einschließlich Abstand, Schriftart und Art der Trennung der Links, mit den anderen Anpassungen in Index: Navigation.
Seite wird geladen
York-Templates unterstützen Ajax, eine Methode zum Laden von Seiten, die deine Website schneller macht, indem nur der Inhalt geladen wird, der auf der Seite sichtbar ist. Um ein nahtloses Nutzererlebnis zu schaffen, empfehlen wir, Ajax Loading aktiviert zu halten. Weitere Hilfe erhalten Sie unter Ajax Loading.
York-Templates unterstützen außerdem spezielle Seitenanimationen:
- Bilder und Beschriftungen auf Projekt-Seiten scheinen von unten nach oben zu gleiten, wenn du auf der Seite nach unten scrollst. Deaktiviere die Anpassung Bilder und Beschriftungen kaskadieren, um den Effekt zu entfernen.
- Inhalte auf Seiten in einem Index scheinen beim ersten Laden nach oben zu gleiten. Deaktiviere die Anpassung Animation für Seitenübergänge, um diesen Effekt zu entfernen.
- Seiten-Banner werden mit einem Einblend-Effekt geladen.
Nicht alle Animationen sind sichtbar, wenn du angemeldet bist. Um eine Vorschau der Effekte zu sehen, besuche deine Website im Privat- oder Inkognito-Modus.
Struktur und Style
Teilen-Schaltflächen
Anpassbare Sharing-Buttons werden auf Blogeinträgen und Produktdetailseiten angezeigt:
- Lege Größe, Abstand, Farbe und Stil im Abschnitt Sharing-Buttons der Website-Stile fest. Je nachdem, welchen Stil du wählst, werden weitere Anpassungen angezeigt, um die Buttons weiter zu gestalten.
- Wähle im Abschnitt Produkte: Details die Sharing-Buttons für das Produkt aus. Blende die Symbole für Produktartikel aus, indem du Sharing-Buttons anzeigen deaktivierst.
- Verwende Anpassungen der Teilen-Symbole unter Blog: Artikel, um auszuwählen, ob Sharing-Buttons über oder unter dem Inhalt einzelner Blogeinträge angezeigt werden.
- Der Sharing-Button für Pinterest wird nur auf Seiten mit ausgewählten Bildern angezeigt.
- Album- und Events-Seiten enthalten einen Sharing-Link mit Pop-up-Sharing-Buttons. Diese Buttons folgen keinen angepassten Stilen.
Layout und Hintergrund
Lege das Padding deiner Website im Website-Abschnitt der Website-Stile fest:
- Lege den Abstand zwischen dem Website-Inhalt und dem oberen Rand des Browsers mit Website: Abstände fest.
- Lege den Abstand zwischen dem Website-Inhalt und den Seiten des Browsers mit Website: Äußeres Padding fest.
- Wenn Kopfzeile in voller Breite deaktiviert ist, folgt die Kopfzeile der Website: Ausrichtung und der Website: Max. Breite.
- Lege die Hintergrundfarbe für die gesamte Website mit Website-Hintergrund fest.
Schriftarten
Gestalten Sie die Schriftarten auf Ihrer Website mit diesen Optionen für Website-Stile:
- Navigationslinks – Website: Navigation
- Hauptinhalt – Website: Schriften
- Seitentitel und -beschreibungen – Banner-Text, Seite: Intro-Text und Index: Intro-Text
Du kannst bestimmte Texte je nach Browserbreite nach oben oder unten skalieren. So würdest du dies für „Überschrift 1“-Text tun:
- Aktiviere im Abschnitt Website: Typografie die Option Überschrift 1 skalieren.
- Lege die maximale Schriftgröße mit Überschrift 1 fest.
- Lege die minimale Schriftgröße mit Überschrift 1: Min. fest.
Wir empfehlen, die Mindestschriftgröße jeder Kopfzeile größer als die Schriftgröße deines Textkörpers einzustellen. Mehr dazu erfährst du unter Schriftarten skalieren.
Seitenleiste
York-Templates unterstützen auf keiner Seite eine Seitenleiste. Eine Liste von Templates mit Seitenleisten findest du unter Seitenleisten in Version 7.0.
Social-Media-Symbole
York-Templates unterstützen keine integrierten Social-Media-Symbole. Füge stattdessen einen Social-Link-Block zum Footer oder zu deinem Seiteninhalt hinzu.
Mobilgerät
Mit dem integrierten Responsive Design von Squarespace passt sich deine Website so an, dass sie auf jedem Gerät hervorragend aussieht. Auf Mobilgeräten und schmalen Browsern ordnen sich Inhalte vertikal an.
Gestalte das Erscheinungsbild deiner Website auf Mobilgeräten in den Mobil-Abschnitten der Website-Stile:
- Wähle aus, ob die mobile Leiste mit der Seite nach oben scrollt oder oben oder unten mit der mobilen Leistenposition fixiert bleibt. Die Mobilgeräte-Leiste enthält deinen Website-Titel oder das Logo, das Navigationssymbol, den Slogan und den Warenkorb.
- Lege mit Branding-Position fest, wo das Website-Branding und das Menüsymbol angezeigt werden.
- Der Seitentitel, der Slogan, die Navigationslinks und der Warenkorb können alle unterschiedliche Stile für Mobilgeräte haben. Um deine Markenführung auf allen Geräten einheitlich zu halten, verwende dieselben Stile wie im Abschnitt Website.
- Lege ein Ersatzbild für Mobilgeräte fest, das angezeigt wird, wenn das Video-Banner auf Mobilgeräten nicht geladen werden kann.
- Das ☰ wird auf Mobilgeräten immer angezeigt, auch wenn die Primär- und Sekundärnavigationen leer sind.
Denk daran:
- Im Gegensatz zu einigen Templates können Sie Stile für Mobilgeräte nicht deaktivieren.
- Wenn deine Website auf Mobilgeräten nicht korrekt angezeigt wird, aktiviere Schriftarten skalieren und experimentiere mit dem Reduzieren der minimalen Schriftgrößen.
- Seitenbeschreibungen können sich auf Mobilgeräten mit den Vorschaubildern überlappen. Verwende Geräteansicht, um zu sehen, wie deine Website auf Mobilgeräten aussehen wird, und kürze dann die Seitenbeschreibung, falls erforderlich.
Sprachoptionen
York unterstützt zwei Sprachoptionen:
- Wähle die Sprache für den integrierten Text deiner Website aus, wie z. B. Formulare und die Bestellbestätigung.
- Starte eine neue Website mit einem Template auf Französisch, Deutsch, Italienisch, Portugiesisch oder Spanisch.
Fehlerbehebung in York
Hier sind einige häufig auftretende Probleme mit diesem Template. Einige davon sind Bugs oder bekannte Probleme. Obwohl wir Squarespace Version 7.0 weiterhin unterstützen, hat die Behebung von Fehlern oder Problemen für uns eine geringere Priorität, da wir uns auf unsere aktuelle Plattform, Version 7.1, konzentrieren.
Die Hintergrund-Markierungsfarbe für Banner-Text hat Lücken
Dies kann passieren, wenn dein Titel oder deine Beschreibung sehr kurz sind und du eine große benutzerdefinierte Markierungseinrückung festgelegt hast.
Um dies zu beheben, füge mehr Text zu deinem Titel oder deiner Beschreibung hinzu oder verwende den Abschnitt Banner-Text unter „Website-Stile“, um entweder:
- Die Anpassung Benutzerdefinierte Markierung: Einrückung zu reduzieren.
- Oder die Anpassung Text-Markierung: Einrückung zu verwenden, um zwischen den Voreinstellungsoptionen Klein, Mittel oder Groß auszuwählen.
Drop-downs in der Navigation werden nicht richtig angezeigt
Es gibt zwei verschiedene Arten, wie Drop-downs in der Navigation möglicherweise nicht wie erwartet angezeigt werden, und für jede gibt es eine bestimmte Lösung:
- Nicht alle Seiten werden angezeigt – das erweiterte Drop-down listet nicht alle enthaltenen Seiten auf. Um das Problem zu beheben füge ein neues Drop-down hinzu und verschiebe mehrere Seiten in den Ordner.
- Ein Teil des Drop-down-Titels fehlt – bei Drop-downs mit langen Titeln werden nicht alle Wörter im Drop-down-Titel angezeigt. Dies kann sich auch auf die Titel der Seiten innerhalb des Drop-downs auswirken. Um das Problem mit den fehlenden Wörtern zu beheben, kürze den Titel des Drop-downs oder der betroffenen Seite im Drop-down.
„Seitenbeschreibung“-Text wird angezeigt
Dieser Platzhaltertext erscheint auf Layout-, Projekt- und Shop-Seiten, während du bei deiner Website angemeldet bist. Besucher deiner Website werden diesen Text nicht sehen.
Um dies zu beheben, ersetzen Sie den Text in den Einstellungen der Seiteoder blenden Sie alle Seitenbeschreibungen in Website-Stile aus.
Projekt-Seite ist nach dem Template-Wechsel verschwunden
Wenn du zu einem Template außerhalb der York-Gruppe wechselst, werden Projekt-Seiten in Galerie-Seiten umgewandelt.
Nachdem du zurück zu einem York-Template gewechselt bist, kannst du dein Originalformat wiederherstellen, indem du die Bilder von einer Galerie-Seite auf eine neue Projekt-Seite verschiebst:
- Öffne das Seiten-Menü und füge dann eine neue Projektseite hinzu.
- Klicke im Seiten-Menü auf die Galerie-Seite mit den Bildern, die du verschieben möchtest.
- Klicke auf die Elemente, die du verschieben möchtest.
- Klicke in der unten erscheinenden Aktionsleiste auf Verschieben.
- Wähle im Fenster Ziel-Sammlung auswählen die Projekt-Seite und klicke auf Elemente verschieben.
Beim Teilen auf sozialen Medien erscheint zufälliger Text
Squarespace kann nicht kontrollieren, was genau in sozialen Medien erscheint, wenn du Inhalte teilst. Manchmal wird jedoch Text aus einer Seiten-Kopfzeile oder dem Footer angezeigt, auch wenn er auf deiner Website ausgeblendet ist. Um dies zu beheben, lösche Inhalte aus Kopfzeilen und Footern, wenn diese ausgeblendet sind.
So löschst du Kopfzeilen- oder Footer-Inhalte:
- Öffne die Seite im Seiten-Menü mit dem versteckten Kopfzeilen- oder Footer-Inhalt.
- Öffne Website-Stile und blende dann die Seiten-Header oder den Seiten-Footer im Seiten-Abschnitt unter Website-Stile wieder ein.
- Klicke auf Speichern.
- Kehre zur Kopfzeile oder zum Footer zurück und klicke auf Bearbeiten.
- Lösche den Inhalt.
- Kehre zu Website-Stile zurück und deaktiviere die Option Seiten-Kopfleiste anzeigen oder Seiten-Footer anzeigen.
Textumbrüche im Banner
Wenn dein Text auf Mobilgeräten nicht korrekt angezeigt wird, aktiviere Schriftarten skalieren und experimentiere mit dem Reduzieren der minimalen Schriftgrößen.
Beachte, dass lange Wörter nicht umgebrochen werden, wenn sie den Rand eines Containers erreichen. Um optimale Ergebnisse zu erzielen, verwende kürzere Wörter in deinen Titeln und Überschriften.
Text ist im Raster-Index falsch ausgerichtet
Wenn das Layout deiner Index-Seite auf „Raster“ eingestellt ist, wird der Text in kleineren Browserfenstern über dem Vorschaubild möglicherweise nicht in der Mitte angezeigt.
Um dies zu beheben, experimentiere mit Website-Stilen, indem du die Anzahl von Tablet-Spalten in deinem Raster-Layout verringerst oder die Titelschriftart verkleinerst. Du kannst das Layout auch auf Halb oder Voll anstelle von „Raster“ ändern.
Probleme beim Hinzufügen von Inhalten zu einer Seiten-Kopfzeile
Wenn du die Anmerkung Sammlung: Kopfzeilen-Inhalt in der Seiten-Kopfzeile nicht siehst:
- Öffne Website-Stile.
- Aktiviere im Abschnitt Seite die Option Seiten-Kopfzeile anzeigen.
- Klicken Sie auf Speichern und verlassen Sie Website-Stil.
- Laden Sie die Seite neu
Die Anmerkung sollte daraufhin auf der Seite erscheinen.
Videos werden auf Projekt-Seiten nicht angezeigt
Alle Videos auf einer Projekt-Seite müssen ein Vorschaubild haben. Videos ohne Vorschaubilder werden im Seiten-Menü mit einer diagonalen Linie angezeigt. So fügst du ein Vorschaubild hinzu:
- Öffne das Menü „Seiten“.
- Klicke auf die Projekt-Seite.
- Fahre mit der Maus über das Video und klicke auf
. - Um ein Vorschaubild manuell hinzuzufügen, aktiviere den Schalter Video-Vorschaubild und klicke dann auf Bild.
- Klicke auf Speichern.
.