Der Stil und die Funktionen der Template-Gruppe „Bedford“.

Die vielseitige Bedford-Template-Gruppe (Anya, Bedford, Bryant, Hayden) eignet sich für alle Arten von Websites, von gemeinnützigen Organisationen bis hin zu Immobilienangeboten. Spezielle anpassbare Banner und Buttons, Seitenleisten-Navigation und eine scrollende Index-Seite stellen deine Produkte, deine Mission oder deine Event-Details in den Mittelpunkt.

Diese Anleitung behandelt die Funktionen und Gestaltungsmöglichkeiten der Bedford-Gruppe. Die Anpassungen der Website-Stile und der Abschnitt, unter dem sie im Menü „Website-Stile“ angezeigt werden, werden in Fettschrift angezeigt.

Unterstützte Seiten-Typen

Bedford unterstützt diese Seiten-Typen:

• Album-Seiten
• Blog-Seiten – Liste
• Cover-Seiten
• Veranstaltungsseiten
• Galerie-Seiten – Standard
• Index-Seiten - Stapel
• Layout-Seiten
• Shop-Seiten – Klassisch

Kopfzeile

Besucher können anhand des Headers am Seitenanfang durch deine Website navigieren. In Bedford beinhaltet der Header Websitetitel oder Logo und die Primärnavigation. Slogans werden nicht angezeigt. Der Header ist auf Index-Seiten fixiert.

Gestalte den Website-Titel oder das Logo mit diesen Anpassungen am Website-Header:

• Mit Transparent auf Banner-Bildern kannst du auswählen, ob die Markenführung und die Navigation als Overlay über Seiten-Bannern oder über der Kopfzeilen-Hintergrundfarbe angezeigt werden soll.
• Ändere die Größe des Logos mit Logo-Container: Breite. Die maximale Höhe ist auf ca. 100 Pixel beschränkt. Darüber hinaus wird das Logo nicht weiter skaliert.

Mit Website-Navigationsanpassungen kannst du die Anzeigeeinstellungen für die Primärnavigation ändern.

• Wenn Navigations-Button aktivieren aktiviert ist, wird die letzte Seite in der Primärnavigation als Button angezeigt. Mit den Anpassungen unter Navigations-Button kannst du anpassen, wie dieser aussieht. Drop-downs werden nicht zu Buttons.
• Wenn im Browser-Fenster nicht genügend Platz ist, um die Navigationslinks im Header anzuzeigen, wird stattdessen ein ☰ (auch als Menü- oder Hamburger-Symbol bezeichnet) angezeigt.

Banner

Füge randlose Banner-Bilder und -Videos am oberen Rand deiner Seiten hinzu und überlagere diese dann mit anpassbaren Überschriften, Texten und Buttons. Hier kannst du Banner-Bilder und Videos hinzufügen:

• Layout-Seiten
• Album-Seiten
• Blog-Seiten und -einträge
• Veranstaltungsseiten und einzelne Veranstaltungen
• Shop-Seiten

Denk daran:

• Du kannst Transparent auf Banner-Bildern im Abschnitt Website-Header der Website-Stile aktivieren, um Header-Inhalte über dem Banner anzuzeigen.
• Du kannst Slideshow-Banner zu Layout- und Blog-Seiten hinzufügen.
• Du kannst mehrere Banner vertikal in Index-Seiten anordnen.
• Verwende bei allen Bannern die Anpassungen unter Banner-Abschnitt, um die Schriftarten, Farben und Stile für die Buttons und Text-Overlays anzupassen.

Seiten Banner

Erstelle ein Banner-Bild oder -Video am oberen Rand von Layout-, Album-, Blog-, Event- oder Shop-Seiten, indem du ausgewählte Bilder oder Video-URLs in den Seiteneinstellungen hinzufügst.

Füge ein Text-Overlay im Feld Seitenbeschreibung des Tabs Allgemein hinzu. Denke daran, dass nur Benutzer mit Inhaber- oder Administratorrechten auf einer Website eine Seitenbeschreibung hinzufügen können. Du kannst den Text als Header und Buttons formatieren. Der Text des Seitentitels wird nicht angezeigt.

Slideshow-Banner

Erstelle ein Slideshow-Banner oben auf einer Layout-Seite, indem du einen Slideshow-Galerie-Block als ersten Block auf der Seite hinzufügst.

• Der Galerie-Block wird nicht auf der Seite angezeigt.
• Slideshow-Banner haben Vorrang vor Seiten-Bannern.
• Videos, die dem Galerie-Block hinzugefügt wurden, erscheinen im Banner, werden aber nicht automatisch abgespielt. Sie beinhalten Ton und zeigen Banner-Text an.
• Aktiviere für optimale Ergebnisse Bilder automatisch abschneiden im Tab Design des Block-Editors.
• Wenn dein Banner ein Text-Overlay hat, aktiviere die Option Titel und Beschreibung anzeigen im Tab Design. Der Titel wird nicht angezeigt.
• Slideshow-Banner haben eine feste Höhe:
• Desktop – 600 Pixel. Wenn du Transparent auf Banner-Bildern im Abschnitt Website-Header der Website-Stile aktivierst, beträgt die feste Bildhöhe 700 Pixel.
• Mobil – 300 Pixel. Geräte mit einer Anzeige über 640 Pixel zeigen die Desktop-Banner-Höhe an.
• Blog-Seiten erstellen außerdem Slideshow-Banner aus ausgewählten Beiträgen.

Um Overlay-Text hinzuzufügen, bewegst du deinen Mauszeiger über ein Bild und klickst auf , füge dann dem Feld Description (Beschreibung) Text hinzu. Wenn du auf eine bestehende Galerie verlinkt hast, aktualisiere die Beschreibungen auf der Galerie-Seite.

• Du kannst den Text als Header und Buttons formatieren.
• Wenn der Text auf einem Slideshow-Banner zu lang für die feste Höhe ist, wird der nicht fette Beschreibungstext nicht angezeigt. Der fette Beschreibungstext wird abgeschnitten.

Banner-Text und Buttons

Für Seiten- und Slideshow-Banner:

• Fettgedruckter Text wird als Überschrift formatiert
• Normaler Text wird als Textkörper formatiert.
• Links in der letzten Zeile werden als Buttons formatiert. Der Link darf keinen fettgedruckten Text oder andere Zeilen unterhalb des Links enthalten.
• Mache das Seiten-Banner höher, indem du Leerzeichen hinzufügst.

Tipp: Nachdem du einen Button-Link erstellt hast, kannst du den Button-Text direkt im Seiten-Editor bearbeiten. Beachte, dass beim Löschen des gesamten Textes auch der Link verschwindet und du ihn erneut in den Seiteneinstellungen hinzufügen musst.

Blogeintrag und Event-Banner

Ausgewählte Bilder von Sammlungsinhalten werden oben in Blogeinträgen und einzelnen Events angezeigt. Diese Banner haben eine feste Höhe.

• Events – Kein Text wird im Banner angezeigt.
• Blogeinträge – Der Titel des Beitrags und eine Art von Metadaten (wählen mit der Anpassung Meta-Priorität) werden über dem Banner-Bild angezeigt.

Einen Farbfilter hinzufügen

Füge einen Farbfilter zu allen Banner-Bildern oder -Videos mit Banner-Overlay: Farbe im Banner-Abschnitt der Website-Stile hinzu.

• Die Farbe wird im Banner-Bereich angezeigt, während das Banner-Bild geladen wird, auch wenn die Anpassung transparent ist.
• Die Farbe erscheint auf Mobilgeräten, wenn das Video-Banner nicht geladen werden kann und du kein Ersatzbild für Mobilgeräte festgelegt hast.

Weitere Hilfe mit Bannern

• Verwende keine Seitenbeschreibungen für SEO-basierte Inhalte, da diese Inhalte auf der Seite angezeigt werden. Gehe zu Optimiere die Sichtbarkeit deiner Website für Suchmaschinen, um mehr über die Optimierung deiner Website zu erfahren.
• Hilfe beim Zuschneiden von Bildern findest du unter Fehlerbehebung beim Zuschneiden.
• Hilfreiche allgemeine Informationen hierzu findest du unter Banner-Bilder hinzufügen.

Fußzeilen

Bedford enthält Inhaltsbereiche für den Footer und den Pre-Footer, die du mit Blocks anpassen kannst.

• Der Footer und die Vor-Fußzeile können automatisch Inhalte enthalten, wie z. B. einen Social-Link-Block oder einen Text-Block. Lösche oder bearbeite diese Blöcke, um sie mit deinen eigenen Inhalten zu ersetzen.
• Text-Links im Footer und Pre-Footer sind unterstrichen.
• Änderungen, die du am Footer vornimmst, erscheinen auf deiner gesamten Website.

Gestalte den Footer-Inhalt mit diesen Footer-Anpassungen:

• Gestalte die Footer-Navigation mit den Anpassungen zu Footer-Navigation.
• Benutze die Anpassung Mittig in der Navigation / Info, um die Footer-Navigation und die Kontaktinformationen auszurichten.
• Verwende die Website-Info-Anpassungen, um die Telefonnummer, E-Mail und den physischen Standort über deine Geschäftsinformationen-Einstellungen zu gestalten.
• Aktiviere Website-Info ausblenden, um alle Kontaktinformationen zu entfernen.

Tipp: Wenn die Anpassungen für Website-Informationen und Website-Informationen ausblenden nicht angezeigt werden, können Sie ein anderes Template auf Ihrer Website anzeigen und dann die Vorschau abbrechen.

Seitenleisten-Navigation

Bedford erstellt Navigations-Seitenleisten auf Shop-Seiten sowie Seiten in Drop-downs, auf Mitglieder-Websites und in Index-Seiten.

• Mit den Seitenleisten-Anpassungen kannst du Schriftarten und Farben anpassen, die Titel von Seitenleisten ausblenden oder die Seitenleisten-Navigation komplett verbergen.
• Die Seitenleisten-Navigation unterstützt keine Blöcke.
• Jede Seite, die zu einem Drop-down oder einer Mitglieder-Website hinzugefügt wurde, erscheint als Link in der Seitenleisten-Navigation. Die Seitenleiste wird auf einer beliebigen Layout-Seite im Drop-down oder auf der Mitglieder-Website angezeigt.
• Seiten in einem Index zeigen die Seitenleisten-Navigation nur dann an, wenn die direkte URL für die einzelne Seite aufgerufen wird.
• Auf Shop-Seiten werden in der Seitenleisten-Navigation Links zu verschiedenen Produktkategorien angezeigt. Wenn du auf einen Link klickst, werden alle Produkte außer denen in der jeweiligen Kategorie herausgefiltert.

Hintergrund

Verwenden Sie diese Anpassungen, um die Hintergrundfarben für Ihre Website festzulegen:

• Hauptinhaltsbereich – Seitenhintergrund unter Hauptinhalt
• Header – Header: Hintergrundfarbe unter Website-Header
• Pre-Footer – Pre-Footer: Hintergrund unter Pre-Footer
• Footer – Footer: Hintergrund unter Footer

Schriftarten

Passe den Textstil, die Größe und die Farbe mit den Funktionen Seitentext und Überschrift im Hauptinhalt an.

Die Website-Kopfzeile, die Seitenleisten-Navigationen und die Seiten-Banner haben ihre eigenen Schriftart- und Farboptionen.

Index-Seiten

Die Index-Seiten von Bedford 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 und sind eine gute Option zum Hinzufügen von Text, Buttons und sonstigen Blöcken.

• Füge ausgewählte Bilder von Seiten hinzu, um Banner-Bilder oder -Videos oder eine Banner-Slideshow zu erstellen.
• Staple mehrere Banner, indem du Abschnitte mit Banner-Bildern erstellst, jedoch ohne Seiteninhalt. Lösche für neue Seiten den Standard-Text-Block. Du wirst immer noch Platzhalter-Leerraum sehen, während du bei deiner Website angemeldet bist.
• Gestalte die Farben und Schriftarten der Index-Seite mit den gleichen Anpassungen wie andere Seiten. Es gibt keine Anpassungen speziell für die Index-Seite.
• Der Seitentitel und die Primärnavigation bleiben an einer festen Position, nachdem du über die erste Seite hinaus gescrollt hast. Mit der Anpassung Kopfzeilen-Hintergrundfarbe kannst du die Hintergrundfarbe der festen Kopfzeile anpassen.
• Index-Seiten unterstützen Index-Anker-Links. Wenn Besucher auf diese Links klicken, springen sie zu einem bestimmten Abschnitt deiner Index-Seite. Um dies in Aktion zu sehen, klicke auf den Button „Unsere Arbeit“ in den Demo-Inhalten von Hayden.
• Wenn du die direkte URL für eine Seite aufrufst, die Teil eines Index ist, werden alle Seiten in diesem Index in einer Seitenleisten-Navigation angezeigt.

Blog-Seiten

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

Auf der Landing-Page:

• Unter Beiträgen mit Auszügen wird ein „Mehr lesen“-Link angezeigt. Der Text und der Pfeil in diesem Link folgen der Schriftart Seitentext und der Stil-Anpassung Seiten-Linkfarbe.
• Der vollständige Inhalt der einzelnen Beiträge wird unter dem Titel für Beiträge ohne Auszüge angezeigt.

Auf einzelnen Beiträgen:

• Das ausgewählte Bild wird als Banner angezeigt, wenn du einen einzelnen Blogeintrag unter seiner direkten URL aufrufst.
• Tags, Quell-URLs, Kommentare, Teilen und Likes werden immer unterhalb des Beitrags angezeigt.
• Kategorien werden immer oberhalb des Beitrags angezeigt.
• Die Navigation für vorherige und nächste Beiträge wird unter den Kommentaren angezeigt.

Gestalte Blog-Seiten im Blog-Abschnitt der Website-Stile:

• Verwende Meta-Priorität, um auszuwählen, welche Metadaten (Datum, Kategorien oder Autorenname) oberhalb des Beitragsinhalts auf der Landing-Page angezeigt werden.
• Deaktiviere das Kontrollkästchen Footer des Listeneintrags verbergen, um Tags, die Quell-URL, Kommentare, Shares und Likes auf der Landing-Page unterhalb des Beitrags anzuzeigen.
• Um Beitragstitel und Metadaten auf der Landing-Page zu zentrieren, aktiviere Eintragstitel & Meta zentrieren.
• Mit Beitragsautor ausblenden kannst du Blog-Autoren sowohl auf der Landing-Page als auch auf einzelnen Beiträgen anzeigen oder ausblenden. Diese Anpassung wird nicht angezeigt, wenn Meta-Priorität: Autor ausgewählt ist.

Seitenleiste

Jede Blog-Seite hat eine anpassbare Seitenleiste. Alle Blogeinträge in diesem Blog zeigen außerdem die Seitenleiste an.

Aktiviere Seitenleisten, indem du Blog-Seitenleiste ausblenden im Abschnitt Seitenleiste der Website-Stile deaktivierst und dann Inhalte mit Blöcken hinzufügst.

Slideshow-Banner

Die fünf aktuellsten ausgewählten Beiträge bilden ein Slideshow-Banner auf der Landing-Page.

• Jede Folie zeigt den Titel des Blogbeitrags, einen Metadatentyp (wählen mit der Anpassung der Meta-Priorität) und einen Link Beitrag anzeigen an.
• Das ausgewählte Bild wird hinter dem Text angezeigt. Wenn der Beitrag kein ausgewähltes Bild enthält, wird der Text über der Banner-Overlay-Farbe angezeigt.
• Verwende die Anpassung Banner-Slideshow: Steuerung, um die Navigationselemente auf dem Slideshow-Banner deines Blogs zu regeln.
• Wenn keiner deiner Beiträge als Ausgewählt markiert ist, wird stattdessen das Seiten-Banner auf der Blog-Seite angezeigt.

Mobilgerät

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

• Der Inhalt der Blog-Seitenleiste wird unter dem Hauptinhalt auf Blog-Seiten und Blogeinträgen angezeigt.
• Navigations-Seitenleisten sind standardmäßig ausgeblendet. Tippe oben rechts auf +, um Navigations-Seitenleisten von Shop-Seiten, Seiten in einem Drop-down und Index-Seitenabschnitten anzuzeigen, auf denen Besucher über einen direkten Link landen.
• Slideshow-Banner haben eine festgelegte Höhe von 300 Pixeln. Wenn der Text auf einem Slideshow-Banner zu lang ist, um in die Ansicht zu passen, wird der Beschreibungstext versteckt.
• Du kannst Stil für Mobilgeräte deaktivieren, wir raten jedoch davon ab.

Ein Zurück zum Seitenanfang-Link wird unten auf der Seite angezeigt.

• Der Link folgt den Anpassungen Footer-Navigation: Schriftart und Footer-Navigationslink: Farbe im Abschnitt Footer der Website-Stile. Wenn diese Anpassungen nicht angezeigt werden, füge vorübergehend Seiten zu deiner Footer-Navigation hinzu.
• Der Link wird nicht in in der Geräteansicht angezeigt.

Auf Smartphones:

• Die Navigation wird unter einem ☰ oben rechts eingeklappt. Das ☰ wird auf Mobilgeräten immer angezeigt, auch wenn die Primärnavigation leer ist.
• Die Hintergrundfarbe des Menü-Overlays ist die gleiche wie die des Headers.
• Footer, die Geschäftsinformationen anzeigen, beinhalten einen E-Mail-Link anstelle der vollständigen E-Mail-Adresse.

Sprachoptionen

Bedford 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 bei Bedford

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.

Eine Layout-Seite in meinem Index überschneidet sich mit anderen Inhalten

Wenn eine Layout-Seite in einem Index den URL Slug /header hat, behandelt deine Website die gesamte Seite als Index-Kopfzeile. Das kann dazu führen, dass sich mehrere Seiten überschneiden und Probleme bei der Bearbeitung des Seiteninhalts entstehen.

Um dies zu beheben, benenne den URL-Slug der Seite in etwas anderes als /header um, wobei du unsere Formatierungstipps und reservierten URL-Slugs beachten solltest.

Ein Link in einem Banner verwandelt sich nicht in einen Button

Nur Links in der letzten Zeile der Beschreibung werden als Buttons formatiert. Wenn dein Link nicht als Button angezeigt wird, überprüfst du den Overlay-Text in der Seitenbeschreibung oder Bildbeschreibung. Stelle sicher, dass der Link nicht fett gedruckt ist und nach dem Link keine Zeilenumbrüche vorhanden sind.

Wenn der Link nicht fett gedruckt ist und sich keine Zeilen darunter befinden, probieren Sie es mit dieser Fehlerbehebungsmethode:

1. Öffne die Seitenbeschreibung oder Bildbeschreibung für dieses Banner.
2. Kopiere den gesamten Text in das Feld „Beschreibung“ und drücke Strg + X (Befehlstaste + X auf Mac).
3. Drücke Strg + Umschalt + V (Befehl + Umschalt + V auf einem Mac), um dies ohne Formatierung einzufügen.
4. Füge den Link in der letzten Zeile erneut hinzu. Stelle sicher, dass sich weder Text noch Zeilenumbrüche darunter befinden.
5. Speichere und aktualisiere die Seite.

Der Banner-Beschreibungstext wird auf Smartphones nicht angezeigt.

Slideshow-Banner haben in der mobilen Ansicht eine festgelegte Höhe von 300 Pixeln. Wenn der Text auf einem Slideshow-Banner zu lang ist, um in die Ansicht zu passen, wird der Beschreibungstext versteckt.

Banner-Bild wird nicht angezeigt

Für Seiten-Banner:

1. Öffne das Menü „Seiten“.
2. Fahre mit der Maus über deine Seite und klicke auf .
3. Stelle sicher, dass im Tab Medien ein ausgewähltes Bild oder eine Video-URL geladen ist.
4. Wenn Sie eine Video-URL hinzugefügt haben, scrollen Sie unter dem Tab „Medien“ nach unten, um sicherzustellen, dass ein Ersatzbild für Mobilgeräte vorhanden ist. Dieses wird angezeigt, wenn das Banner-Video nicht geladen werden kann.
5. Klicken Sie auf Speichern und aktualisieren Sie die Seite.

Für Slideshow-Banner:

1. Bewege den Mauszeiger über die Seitenvorschau und klicke auf Bearbeiten, um den Seiten-Editor zu öffnen.
2. Stelle sicher, dass der Slideshow-Galerie-Block der erste Block auf der Seite ist.
3. Bewegen Sie den Mauszeiger über den Slideshow-Galerie-Block und klicken Sie auf Bearbeiten, um dessen Editor zu öffnen.
4. Stelle sicher, dass die Bilder oder Videos darin geladen sind.
5. Klicken Sie auf Speichern und aktualisieren Sie die Seite.

Vergewissere dich bei Blog-Slideshow-Bannern, dass jeder ausgewählte Beitrag ein ausgewähltes Bild hat. Dies kannst du in den Einstellungen des Beitrags tun.

Galerie-Seiten unterstützen keine Banner-Bilder.

Banner erscheinen auf einem anderen Computer kürzer.

Das responsive Design von Squarespace berücksichtigt sowohl die Größe des Browserfensters als auch die Bildschirmauflösung. Auf Geräten mit geringerer Auflösung (1366 x 768 und niedriger) werden Banner kürzer angezeigt, um sie besser an die Bildschirmauflösung anzupassen.

Eine Seite in einem Index kann nicht aufgerufen werden

Wenn du im Seiten-Menü auf eine Seite in einem Index klickst, gelangst du zur Position dieser Seite auf der Index-Seite und siehst, wie die Seite im Kontext aussieht. Dies hilft dir, deinen Index effizient zu organisieren.

Um zu sehen, wie die Seite außerhalb des Index aussieht, rufst du die direkte URL der Seite auf, während du abgemeldet bist oder dich im Inkognito-Modus befindest.

Newsletter-Block wird nicht angezeigt

Wenn Sie einen Newsletter-Block zu einer Layout-Seite hinzufügen, wird der Hintergrund des Standard-Blocks auf transparent mit weißem Text gesetzt. Wenn die Seite ebenfalls weiß ist, ist der Text unsichtbar.

Im Abschnitt Newsletter-Block unter Website-Stile kannst du das Problem beheben, indem du Newsletter-Stil auf Hell setzt oder die Transparenz mit der Anpassung Hintergrundfarbe änderst.

Wenn Sie auf einem Mobilgerät ganz nach unten scrollen, erscheint eine Farbe

Wenn Sie auf einem iPhone oder iPad zum Ende einer Website scrollen, zeigt der „Gummiband“-Effekt von Apple einen leeren Bereich unter dem Ende Ihrer Website an.

Für die Bedford-Familie wird die Farbe dieses Bereichs durch die Farbe der Fußzeile bestimmt. So ändern Sie dies:

1. Öffne das Menü „Website-Stile“.
2. Scrollen Sie zum Abschnitt Fußzeile und ändern Sie die Anpassung Fußzeilen-Hintergrund.

Um sicherzustellen, dass Ihre Farben einheitlich sind, empfehlen wir dir, eine Farbe zu wählen, die keine Transparenz hat, da dieser Bereich immer vollständig deckend ist. Wenn deine Fußzeile beispielsweise auf ein weitgehend transparentes Rot eingestellt ist, sieht die Fußzeile hellrosa aus, aber der „Gummiband“-Bereich darunter wird leuchtend rot angezeigt.

Wie repliziere ich den „Unsere Arbeit“-Button?

Der Button „Unsere Arbeit“ in den Demo-Inhalten für Hayden ist ein Index-Seiten-Anker-Link.

Navigationslink wird nicht als Button angezeigt

Beachte vor der Fehlerbehebung bitte Folgendes:

• Nur die letzte Seite in der Hauptnavigation kann als Button angezeigt werden.
• Dropdowns werden nicht als Button formatiert.

Wenn dein Navigations-Button nicht angezeigt wird:

1. Öffne das Menü „Website-Stile“.
2. Scrollen Sie nach unten zum Abschnitt Website-Navigation.
3. Stelle sicher, dass die Anpassung Navigations-Button aktivieren aktiviert ist.
4. Speichere und aktualisiere die Seite.

Navigationsmenü-Symbol wird auf einem Computer angezeigt

Ein ☰ erscheint, wenn im Browserfenster nicht genügend Platz für die Anzeige aller Navigationslinks vorhanden ist. Klicken Sie auf das Menüsymbol, um ein Navigations-Overlay anzuzeigen.

Das Menüsymbol und das Navigations-Overlay tragen dazu bei, dass Ihre Website für Mobilgeräte optimiert, responsiv und einfach zu navigieren ist. Es ist nicht möglich, diese Funktion zu entfernen. Es gibt jedoch einige Möglichkeiten, die Breite zu reduzieren und alle Links anzuzeigen:

• Reduziere die Anzahl der Navigationselemente. Verwende beispielsweise Drop-downs, um Drop-down-Menüs zu erstellen.
• Reduzieren Sie die Schriftgröße und den Abstand der Navigation mit der Anpassung Nav-Link-Schriftart im Abschnitt Website-Navigation unter Website-Stil.
• Reduzieren Sie die Breite des Website-Titels oder des Logo-Containers im Abschnitt Website-Kopfzeile unter Website-Stil.

Mein Mobil-Menü wird nicht geöffnet

Das Mobil-Menü wird nicht geöffnet, wenn du ein Video-Banner mit einer ungültigen URL oder einem Einbettungscode zu deiner Startseite hinzugefügt hast. So bearbeitest du die Video-URL:

1. Öffne das Menü „Seiten“.
2. Bewege den Mauszeiger über den Titel der Startseite im linken Menü und klicke dann auf .
3. Klicke auf den Tab Medien und dann auf den Tab Video.
4. Bestätige, dass das Feld „Video-URL“ eine gültige URL enthält.

Das Seiten-Banner ist zu kurz oder schneidet das Bild ab

Vergrößere die Höhe eines Seiten-Banners, indem du die Eingabe- bzw. Enter-Taste über oder unter deiner Seitenbeschreibung drückst und Leerzeichen hinzufügst. Dies kann helfen, Beschneidungsprobleme zu beheben und die Gesamtgröße des Banners auf der Seite zu erhöhen, um einen dramatischen Effekt zu erzielen.

Um unter einem Button Leerzeichen hinzuzufügen, drücken Sie Shift + Eingabe (Enter) für jede Zeile, die Sie hinzufügen möchten.

Banner in einem Index stapeln

Um Banner-Bilder ohne Leerraum zu stapeln, erstelle Layout-Seiten, die ausgewählte Bilder haben, aber nicht über Seiteninhalte verfügen. Nur die Banner-Bilder und der Overlay-Text werden dann für jede Seite angezeigt. Denke bei jeder Layout-Seite daran, den Standard-Textblock zu löschen, da du sonst einen Leerraum zwischen den einzelnen Bannern siehst.