Hinweis: Während unsere beliebtesten Anleitungen ins Deutsche übersetzt wurden, sind einige Anleitungen nur auf Englisch verfügbar.

Pacific-Template-Gruppe

Die Template-Gruppe „Pacific“ (Bryler, Charlotte, Fulton, Horizon, Naomi, Pacific) verwendet Text-Overlays und eine scrollende randlose Index-Seite, um alle deine Inhalte zu einer einzigen Stimme zu vereinen.

Diese Anleitung behandelt die Funktionen und Gestaltungsmöglichkeiten der Pacific-Gruppe. Anpassungen unter Website-Stile werden in fetter Schrift angezeigt und verlinken auf die Liste aller Pacific-Anpassungen, um dir die Navigation des Menüs zu erleichtern.

Unterstützte Seiten

Pacific unterstützt die folgenden Seiten-Typen:

Kopfzeile

Besucher verwenden die Kopfzeile am Seitenanfang, um durch deine Website zu navigieren. In Pacific enthält die Kopfzeile Seitentitel oder Logo (Markenführung) und Navigationslinks.

  • Die Markenführung ist zentriert.
  • Index-Startseiten können über eine fixierte Navigation verfügen.

Gestalte die Schriftarten und Farben der Kopfzeile unter Website-Kopfzeile.

  • Lege die Farbe der Kopfzeile mit Hintergrundfarbe fest.
  • Zeige Banner hinter der Kopfzeile mit Transparent auf Banner-Bildern an.
  • Ändere die Größe des Seitentitels mit dem Schieberegler Schriftgröße unter der Anpassung Seitentitel: Schriftart. Um Verzerrungen zu vermeiden, gehe nicht höher als 72 Pixel.
  • Ändere die Logo-Größe mit Logo-Breite.

Gestalte die Navigationslinks unter Website-Navigation. Wähle mit Immer Overlay-Navigation verwenden aus, ob die Navigation auf der Seite oder hinter einem ☰-Symbol angezeigt werden soll.

  • Wenn diese Option nicht aktiviert ist, werden die Navigationslinks entweder unter der Markenführung oder geteilt auf einer der beiden Seiten angezeigt. Dies hängt von der Anzahl an Seiten und der Anzeigenbreite des Browsers ab.
  • Ändere die Link-Farbe und lege die Overlay-Hintergrundfarbe mit Hintergrundfarbe fest.
  • Im ☰-Overlay ändern Links automatisch ihre Größe, um sich optimal an das Menü anzupassen. Die Anpassung Link-Schriftart: Schriftgröße betrifft sie nicht.

pacific-header.png

Banner

Banner schaffen ein visuelles Element, das den Ton für Ihre Seite vorgeben kann. Fügen Sie Seiten-Vorschaubilder und -Videos hinzu, um Banner zu erstellen.

  • Banner werden auf Album-, Blog-, Events-, Galerie (nur Bilder-), Produkt- und Layout-Seiten angezeigt.
  • In einem Index kannst Du mehrere Banner vertikal anordnen.
  • Seitentitel und -beschreibungen sowie die Website-Kopfzeile können das Banner überlagern.
  • Füge einen Farbfilter mit Overlay-Farbe in Seiten-Banner hinzu. Index-Abschnitte haben separate Overlay-Farben.

pacific-banner.png

Banner-Text

Seitentitel und -beschreibungen können über Bannern angezeigt werden.

  • Gestalte die Schriftarten unter Seiten-Banner. Blende alle Titel mit Seitentitel anzeigen aus.
  • Um Seitenbeschreibungen zu entfernen, lösche diese aus den Seiteneinstellungen. Um sie zu entfernen, ohne die Höhe des Banners zu beeinflussen, ersetze den Text durch Zeilenumbrüche.
  • Um einen anderen Text für Suchergebnisse zu verwenden, füge SEO-Titel und -Beschreibungen hinzu.

Banner-Höhe

Um die Höhe zu ändern, kannst du:

  • Das Padding im Seiten-Banner ändern.
  • Die Höhe der Seitenbeschreibung vergrößern, indem du Zeilenumbrüche hinzufügst.

Weitere Hilfe mit Bannern

Denken Sie daran:

  • Video-Banner werden je nach Verbindungsgeschwindigkeit und Browser-Version gelegentlich nicht auf Mobilgeräten angezeigt. Lege ein Ersatzbild für Mobilgeräte fest, das erscheint, wenn das Video-Banner nicht geladen werden kann.
  • Wenn eine Galerie-Seite kein Vorschaubild hat, wird das erste Bild automatisch zum Banner, wenn du eine Änderung in der Galerie vornimmst. Wenn du auf deiner Galerie-Seite kein Banner möchtest, öffne die Seiteneinstellungen, um das Vorschaubild zu entfernen.

Hintergrund

Lege die Hintergrundfarbe der Website mit Hintergrundfarbe unter Hauptinhalt fest.

Fußzeilen

Passe den Footer für die gesamte Website von Pacific mit Blöcken an. Der Footer kann Navigationslinks, Kontaktinformationen und einen zweiten Inhaltsbereich, die so genannte Vor-Fußzeile, enthalten.

Gestalte den Footer, die Kontaktinformationen und die Footer-Navigationslinks im Abschnitt Footer.

  • Die Kontaktinformationen kannst du mit den Website-Info-Anpassungen anzeigen und gestalten. Ändere die Informationen mit den Feldern Physischer Standort, E-Mail-Adresse und Kontakt-Telefonnummer unter Geschäftsinformationen.
Tipp: Wenn die Website-Informationen-Anpassung nicht angezeigt wird, können Sie ein anderes Template auf Ihrer Website anzeigen und dann die Vorschau abbrechen.

Die Vor-Fußzeile wird über dem Footer angezeigt.

  • Gestalte den Hintergrund und die Textfarben im Abschnitt Vor-Fußzeile.
  • Um die Vor-Fußzeile anzuzeigen, wähle Inhalt: Benutzerdefiniert aus. Um sie auszublenden, wähle Inhalt: Leer aus.

Denken Sie daran:

  • Die Demo-Inhalte einiger Templates enthalten einen Social-Link-Block. Lösche den Block, um die Social-Media-Symbole zu entfernen.
  • Text-Links im Footer und Pre-Footer sind unterstrichen.

pacific-footers.png

Blogseiten

Pacific-Blog-Seiten werden als Liste vertikal angeordneter Beiträge angezeigt.

Auf der Landing-Page:

  • Füge Kategorie-Navigation hinzu, um Kategorie-Filter oben auf der Seite anzuzeigen.
  • Beitrags-Vorschaubilder werden unterhalb des Titels für Beiträge mit Auszügen angezeigt.
  • Auszüge zeigen „Mehr lesen“-Links.
  • Der vollständige Inhalt der einzelnen Beiträge wird unter dem Titel für Beiträge ohne Auszüge angezeigt.

Auf einzelnen Beiträgen:

  • Die Navigation zu vorherigen und nächsten Beiträgen wird in den einzelnen Beiträgen unterhalb der Kommentare angezeigt.
  • Einspaltige Text-Blöcke werden auf einer Seite eingerückt. Dies erhöht das visuelle Interesse an Ihren Beiträgen durch Variation des Layouts. Es gibt keine Optionen, um die Breite der Einrückung zu ändern.

Gestalte die Metadaten im Blog-Abschnitt:

  • Datum, Kategorien und Autorennamen werden über dem Beitrag angezeigt. Verwende die Meta-Priorität, um eine davon über den Beitragstitel zu verschieben.
  • Um Autorennamen auszublenden, wähle Eintrag ausblenden: Autor. Diese Anpassung ist nicht verfügbar, wenn Meta-Priorität: Autor ausgewählt ist. 
  • Unter dem Beitrag werden Quell-URLs, Tags und Kommentare sowie „Gefällt mir“- und Sharing-Buttons angezeigt. Aktiviere Footer des Listeneintrags verbergen, um sie auszublenden.

Gestalte den Text in Hauptinhalt:

  • Gestalte die Metadaten mit den Meta-Anpassungen.
  • Beitragstitel folgen den Überschrift 1-Anpassungen.
  • Der Textkörper folgt den Anpassungen Text-Schriftart und Textfarbe.

pacific-blog.png

Index-Seiten

Die Index-Seiten von Pacific wandeln den Inhalt mehrerer Seiten in gestapelte Abschnitte um, sodass du verschiedene Bilder und Informationen an einem einzigen Ort hervorheben kannst.

  • Inhaltsabschnitte werden mit Layout-Seiten erstellt. Sie sind eine gute Option zum Hinzufügen von Text, Buttons und sonstigen Blöcken.
  • Galerie-Indexabschnitte werden aus Galerie-Seiten erstellt und können in einem Raster oder einer Slideshow angezeigt werden.
  • Album-Abschnitte werden mit Albumseiten erstellt.
  • Seiten-Vorschaubilder werden als Hintergrund für Inhalts- und Album-Abschnitte angezeigt.

pacific-index.gif

Galerie-Index-Abschnitte

Stil Galerie-Indexabschnitte im Abschnitt Index-Galerie von Website-Stilen. Legen Sie das Layout aller Galerie-Indexabschnitte mit der Design-Anpassung fest.

Für Slideshow-Layouts:

  • Wähle aus, ob Galerien über Autoplay verfügen und setze den Slideshow-Übergang auf Verblassen oder Scrollen.
  • Mit Galerie-Steuerung kannst du Navigationselemente hinzufügen oder ausblenden.
  • Ein Augen-Symbol, das Besucher verwenden können, um Beschriftungen zu aktivieren oder deaktivieren, kannst du mit Galerie: Overlay-Schalter hinzufügen.
  • Bildtitel und -beschreibungen werden über dem Bild zentriert.

Für Raster-Layouts:

  • Mit Raster: Max. Spalten kannst du auswählen, wie viele Bilder horizontal angezeigt werden.
  • Bildtitel werden bei Mouseover angezeigt. Bildbeschreibungen werden nicht angezeigt.

Zur Galerie hinzugefügte Videos:

Abschnittshintergründe

Für Inhalts- und Album-Abschnitte:

  • Seiten-Vorschaubilder werden als Hintergrund angezeigt.
  • Bei Abschnitten ohne Vorschaubilder wird die Hintergrundfarbe der Website angezeigt.
  • Verwende Abschnittstrennzeichen unter Index, um auszuwählen, was passiert, wenn zwei aufeinanderfolgende Abschnitte ohne Hintergrundbilder vorhanden sind. Du kannst entweder abwechselnde Hintergrundfarben oder einen Rahmen zur Unterteilung der Abschnitte haben.

Für Galerie-Indexabschnitte:

  • Slideshow-Layout – Bilder werden randlos angezeigt.
  • Raster-Layout – Die Galerie-Overlay-Farbe unter Index-Galerie wird vollständig deckend in sämtlichen leeren Flächen im Raster angezeigt.

Farb-Overlays

Du kannst Bilder und Videos mit einem Farbfilter versehen. Dies trägt dazu bei, dass überlagernde Inhalte hervorstechen.

  • Inhalts- und Album-Abschnitte – Verwende Farbe im Index-Overlay.
  • Galerie-Index-Abschnitte – Verwende Galerie-Overlay-Farbe unter Index-Galerie. Die Farbe wird nur auf Bildern mit Titeln oder Beschreibungen angezeigt. Bei Raster-Layouts wird die Farbe bei Mouseover angezeigt.

Abschnittshöhe

Um die Höhe von Inhalts- und Album-Abschnitten zu ändern, passe das Padding an:

  • Abschnitte mit Banner-Bildern – Verwende Seiten-Padding unter Index-Overlay.
  • Abschnitte ohne Banner-Bilder – Verwende Seiten-Padding unter Index.
  • Bei Inhaltsabschnitten kannst du die Höhe vergrößern, indem du zusätzliche Zeilenumbrüche in den Seiteninhalt einfügst.

Ändern Sie die Höhe für Galerie-Indexabschnitte in der Indexgalerie:

  • Slideshow-Layout – Ändere das Slideshow-Seitenverhältnis.
  • Raster-Layout – Ändere das Raster-Seitenverhältnis and Raster: Max. Spalten.

Auf Index-Seiten als die Startseite festlegen:

  • Die Kopfzeilen-Navigation kann fixiert werden, sodass sie beim Herunterscrollen der Seite am oberen Rand des Browserfensters angezeigt wird (feste Navigation).
  • Du kannst Links für Inhalts- und Album-Abschnitte zur Navigation hinzufügen. Wenn du auf den Link klickst, scrollt die Seite zu diesem Abschnitt.

Um die Navigation zu fixieren, wähle Index-Scrolling-Nav: Beim Scrollen anzeigen unter Website-Navigation.

  • Lege die Hintergrundfarbe für die Navigation mit Hintergrundfarbe unter Website-Kopfzeile fest.
  • Die Markenführung der Website wird nicht angezeigt.

charlotte-fixed-nav.png

Um Navigationslinks für Inhalts- und Album-Abschnitte zu erstellen, aktiviere Startseiten-Index-Links erweitern unter Website-Navigation.

  • Galerie-Index-Abschnitte werden in der Navigation nicht angezeigt. Verwende stattdessen Index-Anker-Links, um Links für sie zu erstellen.

index-nav-links.jpg

Weitere Hilfe mit Index-Seiten

  • Bearbeitungs-Anmerkungen werden in leeren Abschnitten eventuell nicht angezeigt. Um eine leere Seite zu bearbeiten, verschiebe sie aus dem Index, füge Inhalte hinzu und verschiebe sie dann wieder zurück.
  • Um die Farbe von Button-, Formular- und Zitat-Blöcken über Bildern zu ändern, verwende die Index-Overlay-Anpassungen.
  • Sharing-Buttons werden in Album-Abschnitten immer angezeigt.

Kategorie-Navigation

Besucher verwenden Kategorie-Navigationslinks, um Seiten nach Beitrags- oder Produktkategorien zu filtern.

Oben auf Blog- und Produkt-Seiten im Abschnitt Kategorie-Navigation kannst du Kategorie-Navigationen hinzufügen und gestalten. Stiländerungen betreffen alle Kategorie-Navigationen auf deiner Website.

pacific-category-nav.png

Warenkorb

Ein Warenkorb-Button wird in der oberen rechten Ecke aller Seiten angezeigt, nachdem ein Kunde ein Produkt in seinen Warenkorb gelegt hat. So gestaltest du den Button:

  1. Füge mindestens ein Produkt zu deinem Warenkorb hinzu, sodass der Warenkorb-Button angezeigt wird.
  2. Ändere Warenkorb-Button: Hintergrundfarbe und Warenkorb-Button: Schriftfarbe unter Website-Kopfzeile.

pacific-shopping-cart.png

Mobilgerät

Mit dem integrierten Responsiven Design von Squarespace passt sich Ihre Website an, damit sie auf jedem Gerät hervorragend aussieht.

  • Die Navigation wird in einem ☰ in der oberen linken Ecke eingeklappt und kann beim Scrollen auf Index-Seiten als Startseite gesperrt bleiben.
  • Der Seitentitel oder das Logo wird oben in der Mitte mit einer maximalen Höhe von 50 Pixeln angezeigt.
  • Der Warenkorb-Button wird unten rechts angezeigt.
  • Du kannst Stile für Mobilgeräte deaktivieren, wir raten jedoch davon ab.
  • Raster-Galerien zeigen zwei Bilder pro Zeile an. Wenn du eine ungerade Anzahl von Bildern hast, wird neben dem letzten Bild ein Leerraum gelassen.

Überschriften werden über die folgenden Maximalgrößen hinaus auf Mobilgeräten nicht angezeigt:

  • Überschrift 1 – 34 Pixel
  • Überschrift 2 – 26 pixels
  • Überschrift 3 – 20 Pixel

Auf Smartphones:

  • Ein Zurück zum Seitenanfang-Link erscheint unten über dem Footer.
  • Galerien in Index-Seiten zeigen keine Bildbeschreibungen an.

pacific-mobile.png

Sprachoptionen

Innerhalb dieser Familie unterstützen die Templates Charlotte, Naomi und Pacific zwei Sprachoptionen: 

War dieser Beitrag hilfreich?
17 von 36 fanden dies hilfreich
Pacific-Template-Gruppe