Der Header ist der Teil Ihrer Website, der das Logo und die Navigation enthält. Es gibt viele verschiedene Möglichkeiten, den Stil Ihres Headers zu steuern, damit Sie einen ansprechenden Header für Ihre Website erstellen können.
In Editor 2.0 bietet der Standard-Header vorgefertigte Layouts, wodurch das Risiko versehentlicher Änderungen minimiert wird. Benutzer können Layouts mit begrenzten Aktionen auswählen, um ein fokussiertes und effizientes Designerlebnis zu gewährleisten. Eine erweiterte Bearbeitungsoption ist auch für Benutzer verfügbar, die mehr Anpassungen wünschen, z. B. das Hinzufügen zusätzlicher Widgets oder Elemente, das Hinzufügen leerer oder vordefinierter Abschnitte und das Speichern von Kopfzeilenabschnitten zur Wiederverwendung. Weitere Informationen finden Sie unter Fortgeschrittene Header-Bearbeitung.
Tipp
Nimm unsere Konfigurieren Sie den Site-Header Duda Academy-Kurs, um mehr über die Arten von Headern und deren Verwendung zu erfahren.
Um eine Kopfzeile auszublenden:
-
Bewegen Sie den Mauszeiger über den unteren Rand der Kopfzeile und klicken Sie auf Kopfzeile.
-
Klicken Sie Seitenkopf ausblenden auf, und wählen Sie das Gerät aus, auf dem die Kopfzeile ausgeblendet werden soll.
Um den Header einzublenden:
-
Klicken Sie im Seitenbereich auf Elemente einblenden (
) Symbol.
-
Klicken Sie auf AusblendenSymbol in der Fußzeile und wählen Jaum den Header einzublenden.
Sie können die Kopfzeile für alle Seiten oder nur für bestimmte Seiten ausblenden.
Um den Header auszublenden:
-
Klicken Sie mit der rechten Maustaste auf die Kopfzeile, um das Kontextmenü zu öffnen.
-
Wählen Auf diesem Gerät versteckenund wählen Sie dann entweder Nur von dieser Seite oder Von allen Seiten.
Um den Header einzublenden:
-
Suchen Sie Ihre Kopfzeile im Panel und klicken Sie dann auf das durchgestrichene Augensymbol daneben.
Anmerkung
Diese Informationen sind spezifisch für den Editor 2.0, der früher als All-Flex Editor bekannt war. Um Ihre aktuelle Editor-Version zu identifizieren sieheSo identifizieren Sie die Editor-Version, die Ihre Website verwendet .
Die Flexibilität, Elemente innerhalb der Kopfzeile ein- oder auszublenden, bietet Ihnen eine detaillierte Kontrolle über die visuellen Komponenten auf verschiedenen Bildschirmgrößen, unabhängig davon, ob Sie Ihr Design optimieren oder bestimmte Elemente für bestimmte Geräte hervorheben möchten.
Wichtige Punkte, die Sie beachten sollten:
-
Jedes Element in der Kopfzeile, einschließlich der Kopfzeile selbst, kann auf jeder Bildschirmgröße ausgeblendet werden. Dies kann entweder auf der Leinwand oder im Ebenenbedienfeld erfolgen.
-
Elemente, die in der Standard-Header-Option enthalten sind, können ebenfalls ausgeblendet werden.
-
Elemente, die ausgeblendet sind, werden mit einem Symbol zum Ausblenden von Elementen als deaktiviert angezeigt (
-
Das Ebenenfenster zeigt nur Elemente an, die für die Bildschirmgröße, auf der Sie sich gerade befinden, ausgeblendet sind. Wenn Sie sich beispielsweise auf dem Desktop befinden, werden nur Elemente angezeigt, die auf dem Desktop versteckt sind.
So blenden Sie Header-Elemente im Ebenenbedienfeld aus:
-
Klicken Sie in der oberen Werkzeugleiste auf die gewünschte Bildschirmgröße, auf der Sie das Element ausblenden möchten.
-
Klicken Sie auf das Element, das Sie ausblenden möchten.
-
Klicken Sie auf das Symbol „Element ausblenden“ (
So blenden Sie Header-Elemente im Ebenenbedienfeld ein:
-
Klicken Sie in der oberen Werkzeugleiste auf die gewünschte Bildschirmgröße, auf der Sie das Element ausblenden möchten.
-
Klicken Sie auf das Element, das Sie einblenden möchten (es wird deaktiviert mit dem durchgestrichenen Augensymbol angezeigt, bevor es ausgewählt wird).
-
Klicken Sie auf das Symbol „Element ausblenden“ (
Der Shrinking Header ist eine kleinere Version des Website-Headers, mit der Sie wichtige Navigationsinformationen beibehalten können, ohne die Benutzer beim Scrollen auf einer Seite abzulenken und ohne zu viel Platz in Anspruch zu nehmen. Er fungiert als Sticky-Header-Funktion, reduziert jedoch die Größe der Logos und die allgemeine Größe des Headers. Es ist besonders nützlich bei Websites mit großen Headern und Websites, die für langes Scrollen konzipiert sind
Anmerkung
Der verkleinerte Header ist auf dem Desktop verfügbar und nur für Tablets, wenn das obere Leisten-Header-Layout verwendet wird.
Um einen verkleinerten Header zu aktivieren im klassischen Editor:
-
Bewegen Sie den Mauszeiger über die Kopfzeile und klicken Sie auf Kopfzeile, und klicken Sie dann auf Design bearbeiten.
-
Klicken Sie auf der Registerkarte Kopfzeile verkleinern auf Aktivieren Sie das Verkleinern des Headers umschalten. Sie haben die folgenden Optionen:
-
Nur Navigationszeile anzeigen. Zeigt die Zeile mit der Navigation nur an, wenn die Kopfzeile verkleinert wird. Diese Funktion ist nur verfügbar, wenn die Kopfzeile mehr als eine Zeile enthält
-
Farbe des Hintergrunds. Ändern Sie die Hintergrundfarbe des verkleinerten Headers. Beachten Sie, dass die Hintergrundfarbe der Zeile die Hintergrundfarbe der verkleinerten Kopfzeile überschreibt
-
Mehr Header-Farben beim Scrollen. Geben Sie Farben für den Text, den ausgewählten Link und den Mauszeiger, die Symbole, den Schaltflächentext und mehr
-
Größe des Logos. Ändern Sie die Größe, auf die das Logo oder Bild verkleinert wird, wenn die Kopfzeile verkleinert wird (die Standardeinstellung ist 66%
-
Logo beim Scrollen ändern. Wählen Sie ein Logo aus, das beim Scrollen angezeigt werden soll.
-
Abstand in der Kopfzeile. Passen Sie die obere und untere Polsterung des verkleinerten Headers an. Sie können den Header-Abstand pro Gerät ändern
-
Sobald der verkleinerte Header aktiviert ist, passiert Folgendes:
-
Der Abstand in der Kopfzeile ändert den Abstand von oben nach unten und den Rand auf 0. Dies gilt nicht für die Zeilen innerhalb der Kopfzeile
-
Bilder in der Kopfzeile werden auf den Prozentsatz in der Logogrößenleiste verkleinert (die Standardeinstellung ist 66%).
-
Um Vorlagen mit einem Mindesthöhenwert im Header zu verarbeiten, ist die Mindesthöhe des Headers auf auto gesetzt.
-
Wenn es leere Zeilen mit Spalten gibt, erstrecken sich die Spalten über den gesamten Bereich der Zeile.
-
Die Entwurfseigenschaften haben Vorrang vor den Eigenschaften des verkleinerten Headers. Wenn Sie beispielsweise einen Zeilenhintergrund in der Kopfzeile festlegen, wird der Zeilenhintergrund über dem Hintergrund der verkleinerten Kopfzeile angezeigt
-
Leere Zeilen werden in der verkleinerten Kopfzeile angezeigt.
-
Wenn du deinen verkleinernden Header nicht sehen kannst, kann das daran liegen, dass du nicht genügend Zeilen auf deiner Website hast, um auf der Website nach unten zu scrollen und den verkleinernden Header auszulösen. Wenn du nur eine Zeile auf der Seite hast, scrollt die Website
Anmerkung
Diese Informationen sind spezifisch für den Editor 2.0, der früher als All-Flex Editor bekannt war. Um Ihre aktuelle Editor-Version zu identifizieren sieheSo identifizieren Sie die Editor-Version, die Ihre Website verwendet .
der Funktion „Im Header scrollen“ bleiben wichtige Navigationselemente wie das Logo und das Menü oben auf dem Bildschirm sichtbar, während Benutzer die Seite nach unten scrollen. Sie fasst Logos und die allgemeine Größe der Kopfzeile zusammen, um Platz zu sparen und einen einfachen Zugriff auf die Navigation zu gewährleisten, ohne aufdringlich zu wirken. Es ist ideal für Websites mit großen Headern oder solchen, die für längeres Scrollen konzipiert sind. Es verbessert das Benutzererlebnis, da die wichtigsten Navigationsoptionen weiterhin zugänglich
Es ist wichtig zu beachten, dass der Sticky-Header bereits aktiviert sein muss, bevor das Scrollen im Header aktiviert werden kann.
Um das Scrollen in der Kopfzeile zu aktivieren:
-
Bewegen Sie den Mauszeiger über die Kopfzeile und klicken Sie auf Kopfzeile.
-
Klicken Sie Design bearbeiten. Das Bedienfeld „Header-Design“ wird angezeigt.
-
Erweitern Sie die PositionAbschnitt, und aktivieren Sie den Als Sticky-Header festlegen schalten Sie um, falls es nicht bereits aktiviert ist.
-
Aktiviere die Kopfzeile beim Scrollen ändern umschalten.
-
Konfigurieren Sie die folgenden Entwurfsoptionen:
-
Polsterung. Legen Sie die Anfangswerte für Padding-Top und Padding-Bottom für die Header fest (dies ist nicht spezifisch für die
-
BG auf einer Schriftrolle. Wählen Sie die Hintergrundfarbe und die Opazität. Änderungen, die an einer beliebigen Bildschirmgröße vorgenommen werden, wirken sich auf die anderen
-
Abstand beim Scrollen. Definieren Sie den oberen und unteren Abstand in px,%, vh oder vw. Wenn Sie die Einstellungen für die Desktop-Bildschirmgröße außer Kraft setzen möchten, können Sie Änderungen auf dem Tablet und Handy vornehmen
-
Größe des Logos. Verwenden Sie den Schieberegler oder das Textfeld, um die Größe festzulegen, auf die das Logo verkleinert wird, wenn die Kopfzeile beim Scrollen verkleinert wird. Die Standardeinstellung ist 66%. Änderungen müssen an den einzelnen Bildschirmgrößen vorgenommen werden.
-
Beim Scrollen nur den Navigationsbereich anzeigen. Aktivieren Sie im Abschnitt Position die Beim Scrollen nur den Navigationsbereich anzeigen schalten Sie um, damit beim Scrollen nur die Navigation sichtbar ist. Alle anderen Abschnitte in der Kopfzeile verschwinden beim Scrollen
Beachten Sie, dass diese Option nur für erweiterte Header verfügbar ist.
-
Änderungen, die im Layout-Bereich des Header-Design-Panels vorgenommen wurden, wirken sich nicht auf die Positionseinstellungen aus.
Sie haben die Flexibilität, Ihren Header so einzustellen, dass er sich mit dem Inhalt in der ersten Zeile der Seite überschneidet. Dadurch kann ein optisch ansprechender Effekt erzielt werden, bei dem sich der Header nahtlos in den Inhalt einfügt. Falls gewünscht, können Sie die Kopfzeile so einstellen, dass sie die erste Zeile überlappt. Dies muss pro Seite aktiviert werden.
Um die Überlappung der Kopfzeile mit der ersten Zeile zu aktivieren:
-
Bewegen Sie den Mauszeiger über die Kopfzeile und klicken Sie auf Kopfzeile.
-
Klicken Sie Design bearbeiten. Das Bedienfeld „Header-Design“ wird angezeigt.
-
Erweitern Sie die PositionAbschnitt, und aktivieren Sie den Schalter für Überlappen Sie den ersten Abschnitt auf der Seite.
-
(Fakultativ) Konfigurieren Sie eine Hintergrundfarbe, die für alle Bildschirmgrößen gilt.
Nicht alle Widgets sind kompatibel und werden im verkleinerten Header angezeigt. Wenn Sie ein Widget in der Kopfzeile haben, das nicht mit der verkleinerten Kopfzeile kompatibel ist, wird anstelle des Widgets eine leere Spalte angezeigt. Sie können Widgets nicht bearbeiten, wenn die Kopfzeile verkleinert ist
Die folgenden Widgets sind kompatibel und werden in einer verkleinerten Kopfzeile angezeigt sowohl für Classic Editor als auch für Editor 2.0:
-
Navigation
-
Mehrsprachig
-
Soziale Ikonen
-
Klicken Sie auf die Schaltfläche „Anrufen“
-
Schaltfläche „Tabelle öffnen“
-
Klicken Sie auf die Schaltfläche „E-Mail“
-
vcita
-
PayPal-Schaltfläche
-
Facebook-Schaltfläche „Gefällt mir“
-
Bilder und Logos
-
Einkaufswagen speichern
-
Absatz-Widget
-
Titel-Widget
-
Knöpfe
Ein Sticky-Header wird statisch und bleibt an Ort und Stelle, wenn du durch die Seiten deiner Website scrollst.
Anmerkung
Im klassischen Editor Header auf Mobilgeräten sind standardmäßig immer stickig. Im Editor 2.0 haben Sie die Möglichkeit, einen Sticky-Header für alle Bildschirmgrößen ein- oder auszuschalten.
Um einen Sticky-Header zu aktivieren:
-
Bewegen Sie den Mauszeiger über die Kopfzeile und klicken Sie auf Kopfzeile, und klicken Sie dann auf Design bearbeiten.
-
Auf dem Inhalt Tab, wählen Als Sticky-Header festlegen. Wenn die Option für Sticky Header nicht verfügbar ist, müssen Sie den Schalter für Header verkleinern auf der Registerkarte Header verkleinern deaktivieren
Es stehen mehrere vorgefertigte flexible Header-Layouts zur Auswahl. Wenn Sie zu einem der vorgefertigten flexiblen Header-Layouts wechseln, können Sie nicht zu einem festen Header-Layout zurückkehren. Sie können nur zwischen anderen flexiblen Header-Layouts wechseln. Wenn Sie das Layout wechseln, wird auch vorhandener Inhalt aus dem Header-Bereich entfernt. Wir empfehlen, ein Backup zu erstellen, bevor Sie das Layout wechseln.
Um das Header-Layout zu ändern:
-
Bewegen Sie den Mauszeiger über die Kopfzeile und klicken Sie auf Kopfzeile.
-
Auf dem Entwerfen Tab, wählen Sie ein neues Header-Layout aus. Wenn Sie zu einem Sticky-Header wechseln, müssen Sie zuerst den Schalter für deaktivieren Header wird verkleinert auf der Registerkarte Kopfzeile verkleinern.
Anmerkung
Diese Informationen sind spezifisch für den Editor 2.0, der früher als All-Flex Editor bekannt war. Um Ihre aktuelle Editor-Version zu identifizieren sieheSo identifizieren Sie die Editor-Version, die Ihre Website verwendet .
Sie können ein Hamburger-Site-Layout auf dem Desktop aktivieren. Standardmäßig verwenden Tablet und Handy das Hamburger-Layout
So aktivierst du das Hamburger-Sitelayout:
-
Klicken Sie auf Ihr Header-Label und wählen Sie Voreinstellung ändern im schwebenden Menü. Beachten Sie, dass dies unabhängig davon, ob Sie einen Basic- oder Advanced-Header haben, gleich ist.
-
Im Design-Panel ist der Voreinstellungen Abschnitt wird geöffnet. Wählen Sie den Hamburger Symbol neben Menü-Voreinstellungen durchsuchen. Beachten Sie, dass sich noch keine Änderung auf der Leinwand widerspiegelt.
-
Wählen Sie das gewünschte Hamburger-Layout aus. Das ausgewählte Layout wird auf der Leinwand angezeigt
-
Wenn Sie mit dem Layout zufrieden sind, verlassen Sie das Presets-Popup.
Beachten Sie, dass beim Ändern von Voreinstellungen einige Anpassungen zurückgesetzt werden können. Hintergrundfarbe und Logo bleiben unverändert
So greifen Sie auf das Header-Designmenü zu im klassischen Editor, bewegen Sie den Mauszeiger über die Kopfzeile und klicken Sie auf Kopfzeileund klicken Sie dann auf Entwerfen Tab.
So greifen Sie auf das Header-Designmenü zu im Editor 2.0, fahren Sie mit der Maus über die Kopfzeile und klicken Sie Kopfzeile, dann klicken Sie Design bearbeiten. Das Designfenster wird an der Seite der Leinwand geöffnet. Es enthält die folgenden Gestaltungsmöglichkeiten:
-
Raumaufteilung: Erkunden Sie die Layoutoptionen, bei denen die Hauptnavigation und die Hamburger-Stile für alle Bildschirmgrößen einheitlich kombiniert werden. Standardlayouts verfügen zwar nur über begrenzte Funktionen, eine erweiterte Bearbeitungsoption erhöht jedoch die Flexibilität
-
Abstand: Legen Sie Ränder und Abstand fest. Änderungen auf dem Desktop wirken sich auf andere Bildschirmgrößen aus, sofern deren Abstand unverändert bleibt.
-
Hintergrund: Wählen Sie eine Hintergrundfarbe oder ein Hintergrundbild, fügen Sie Rahmen oder Schatten hinzu und erleben Sie, wie sich Änderungen nahtlos auf allen Bildschirmgrößen widerspiegeln.
-
Stellung: Aktiviere einen Sticky-Header mit scrollbasierten Änderungen. Die Aktivierung eines Sticky-Headers auf einer beliebigen Bildschirmgröße beeinflusst das Verhalten anderer
Wenn der Header ein Bild enthält, wird das Logo der Website beibehalten, wenn zwischen den Header-Layouts gewechselt wird. Falls es mehr als ein Bild gibt oder das Logo aus Text besteht, wird das Logo-Bild wie im Layout beibehalten. Es ist wichtig zu beachten, dass die Header zwischen Geräten nicht miteinander verbunden sind. Wenn Sie also ein Logo auf dem Desktop hinzufügen, wird es nicht automatisch zu den anderen Gerätetypen hinzugefügt. Die einzige Ausnahme ist, wenn das Layout der Kopfzeile der oberen Leiste auf einem Tablet verwendet wird, werden alle auf dem Desktop vorgenommenen Logo-Änderungen übernommen
Wenn Sie das Logo löschen, fügen Sie das Bild erneut hinzu, indem Sie das Bildelement zurück in den Header ziehen und den Link so einrichten, dass er zur Startseite zurückkehrt.
Anmerkung
Diese Informationen sind spezifisch für den Classic Editor und nicht relevant für Editor 2.0 (früher bekannt als All-Flex Editor). Um Ihre aktuelle Editor-Version zu identifizieren sieheSo identifizieren Sie die Editor-Version, die Ihre Website verwendet .
Sie können Ihren Desktop- und Tablet-Websites ein erweiterbares Menü hinzufügen, sodass Sie ganz einfach moderne Websites mit großer Designflexibilität erstellen können. Wählen Sie aus mehreren erweiterbaren Menü-Layouts und passen Sie sie nach Ihren Wünschen an, indem Sie Widgets, Zeilen und Spalten hinzufügen
Das erweiterbare Menü-Layout für Mobilgeräte bietet mehr Anpassungsmöglichkeiten und eine Möglichkeit, Widgets in der Kopfzeile und ein Menü anzuzeigen, das immer sichtbar ist.
Sie können das Layout der Kopfzeile in ein vordefiniertes Layout ändern, das Schaltflächen enthält. Zum Aufrufen klicken Einkaufswagen speichern, soziale Symbole und mehr. Sie können jedes Widget über das Widgets-Bedienfeld zum erweiterbaren Menü
Um eine Kopfzeile und ein erweiterbares Menü-Layout für Desktop und Tablet auszuwählen und zu konfigurieren:
-
Klicken Sie Layout der Seite.
-
In der DesktopAbschnitt, wählen Sie den Erweiterbares Menü Layout.
-
In der TabletteAbschnitt, wählen Sie den Erweiterbares Menü Layout.
-
Nachdem Sie das erweiterbare Menü-Layout ausgewählt haben, wird ein Hamburger-Symbol in der Kopfzeile Ihrer Website angezeigt. Klicke auf den Hamburger
) -Symbol, um das erweiterbare Menü zu sehen.
-
Auf dem GrundrissTab, klicken Sie auf das vorhandene Layout, um ein Menü-Layout auszuwählen.
-
Auf der Registerkarte Stil haben Sie die folgenden Optionen:
-
Treten Sie ein von. Oben oder Seite.
-
Eintrittseffekt. Deckblatt oder Drücken.
-
Breite. Bewegen Sie den Schieberegler, um die Breite des erweiterbaren Menüs einzustellen, wenn es erweitert wird. Die Breite des Menüs wird in Prozent angegeben, sodass sie für alle Bildschirmgrößen geeignet
-
Hintergrund. Konfigurieren Sie die Hintergrundfarbe oder das Hintergrundbild.
-
Farbe des Symbols schließen. Wählen Sie eine Farbe für das Schließsymbol und die Hintergrundfarbe für das Schließsymbol.
-
-
Auf dem Abstand Tab, ändere die Polsterung.
Das erweiterbare Menü kann bis zu 3 Zeilen haben, und jede ist vollständig anpassbar. Wenn der Desktop und das Tablet dasselbe Seitenlayout haben (beide erweiterbar oder beide obere Leisten), sind alle Anpassungen für beide identisch. Falls sie unterschiedlich sind, muss jedes Gerät separat definiert werden
Um die Position des erweiterbaren Menüs in der Kopfzeile zu bearbeiten:
-
Bewegen Sie den Mauszeiger über die Kopfzeile und klicken Sie auf Kopfzeile, und wählen Sie dann Design bearbeiten.
-
In der Raumaufteilung Abschnitt, klicken Sie Linksoder Richtig.
Um eine Kopfzeile und ein erweiterbares Menü-Layout für Mobilgeräte auszuwählen und zu konfigurieren:
-
Bewegen Sie den Mauszeiger über die Kopfzeile und klicken Sie auf Kopfzeilebeschriften, und wählen Sie dann Design bearbeiten.
-
Auf dem Grundriss Tab, klicken Sie auf das vorhandene Layout, um ein Menü-Layout auszuwählen. Der Header für Mobilgeräte bietet Layouts, in denen Widgets wie soziale Links, Telefonnummern und mehr angezeigt werden. Die Header-Layouts sind fest, sodass Sie keine neuen Widgets hinzufügen können, aber Sie können sie bearbeiten oder entfernen. Wenn du einen Shop hinzufügst oder die mehrsprachige Funktion verwendest, sind weitere Layoutoptionen verfügbar, darunter die Symbole für den Shop-Versandkorb und die mehrsprachige Funktion. Wenn Sie den Shop oder die Mehrsprachigkeit nicht aktiviert haben, werden diese Layouts nicht angezeigt
-
Klicken Sie Linksoder Richtigfür die Position des Menüsymbols.
-
Falls Sie es noch nicht sind, öffnen Sie das Menü in der mobilen Ansicht. Dadurch kann der Menüeditor geöffnet werden, sodass Sie das erweiterbare Menü bearbeiten können
-
Auf dem GrundrissTab, klicken Sie auf das vorhandene Layout, um ein Menü-Layout auszuwählen. Das erweiterbare Menü bietet mehrere Layouts, in denen soziale Links, Kontaktinformationen und mehr angezeigt werden können. Sie können dem erweiterbaren Menü ein beliebiges Widget hinzufügen, Spalten hinzufügen und die Spalten so sortieren, dass sie nebeneinander oder übereinander liegen. Wenn Sie jedoch von einem Layout zu einem anderen wechseln, werden alle Inhalte gelöscht, die Sie dem Menü hinzugefügt haben, wobei nur die Widgets im ausgewählten
-
Auf dem Stil Tab, Sie haben die folgenden Optionen:
-
Treten Sie ein von. Obenoder Seite. Wenn Top ausgewählt ist, bewegen Sie den Höhenregler. Wenn Seite ausgewählt ist, bewegen Sie den Schieberegler für die Breite.
-
Eintrittseffekt. Deckblattoder Drücken.
-
Anmerkung
Zusätzliche Widgets können dem mobilen Header nicht hinzugefügt werden.
Anmerkung
Diese Informationen sind spezifisch für den Classic Editor und nicht relevant für Editor 2.0 (früher bekannt als All-Flex Editor). Um Ihre aktuelle Editor-Version zu identifizieren sieheSo identifizieren Sie die Editor-Version, die Ihre Website verwendet .
Um Header-Elemente über Hero-Bildern anzuzeigen, bewegen Sie den Mauszeiger über die Kopfzeile und klicken Sie auf Kopfzeile, klicken Sie auf Entwerfen Tab und klicken Sie dann auf Überlappen Sie die erste Zeile. Dies gibt Ihren Heldenbildern mehr Sichtbarkeit und erleichtert das Entwerfen gut aussehender, trendiger Websites
Beachten Sie Folgendes:
-
Für den Header.Stellen Sie die Hintergrundfarbe auf transparent oder auf eine Farbe mit Opazität ein.
-
Für die erste Reihe. Verwenden Sie eine obere Polsterung, die der Höhe der Kopfzeile entspricht oder dieser ähnlich ist.
Anmerkung
Für zusätzliche Flexibilität gilt diese Einstellung nur für die aktuelle Seite. Um sie auf anderen Seiten zu aktivieren, navigieren Sie zu jeder Seite und folgen Sie den obigen Schritten.
Anmerkung
Diese Informationen sind spezifisch für den Editor 2.0, der früher als All-Flex Editor bekannt war. Um Ihre aktuelle Editor-Version zu identifizieren sieheSo identifizieren Sie die Editor-Version, die Ihre Website verwendet .
Mithilfe der erweiterten Bearbeitung können Sie die Kopfzeile weiter anpassen, z. B. durch Hinzufügen von Widgets, Elementen und leeren oder vordefinierten Abschnitten. Sie können auch einzelne Header-Abschnitte speichern und wiederverwenden.
Anmerkung
-
Wenn Sie das Header-Layout (im Bereich Header-Design) ändern, werden alle vorgenommenen Änderungen zurückgesetzt und die erweiterte Bearbeitung deaktiviert.
-
Da die Kopfzeilen über die Bildschirmgrößen hinweg synchronisiert werden, wird empfohlen, alle Bildschirmgrößen zu überprüfen, wenn Sie die erweiterte Bearbeitungsoption verwenden.
Wenn Sie die erweiterte Bearbeitung verwenden, wird aufgrund der Header-Synchronisierung empfohlen, alle Bildschirmgrößen zu überprüfen.
Um die erweiterte Bearbeitung zu aktivieren:
-
Klicken Sie auf Kopfzeile Tab.
-
Klicken Sie Design bearbeiten.
-
Klicken Sie im Abschnitt Layout auf Aktiviere die erweiterte Bearbeitung.
Wenn Sie verschiedene Elemente auf dem Desktop und auf dem Handy anzeigen möchten (z. B. eine Schaltfläche auf dem Desktop und ein Symbol auf dem Handy), verwenden Sie die Funktion zum Ausblenden/Einblenden für nahtlose Übergänge. Weitere Informationen finden Sie unter Elemente in der Kopfzeile ein- oder ausblenden (Editor 2.0).
Um die erweiterte Bearbeitung zu deaktivieren und den Header zurückzusetzen, wählen Sie ein anderes Layout aus:
-
Klicken Sie auf Kopfzeile Tab.
-
Klicken Sie Design bearbeiten.
-
Klicken Sie im Abschnitt Layout auf den Pfeil, um auf die Layoutoptionen zuzugreifen.
-
Wählen Sie ein anderes Layout, um die erweiterte Bearbeitung zu deaktivieren und die Kopfzeile zurückzusetzen. Alle Änderungen, die mithilfe der erweiterten Bearbeitung vorgenommen wurden, werden rückgängig gemacht und nicht gespeichert
Da der Header von Editor 2.0 kontinuierlich weiterentwickelt wird, werden bestimmte Funktionen noch überprüft und/oder entwickelt:
-
HTML/CSS-Zugänglichkeit: Der Zugriff auf HTML/CSS für den Header ist aufgrund der verwendeten Technologie eine permanente Einschränkung.