In diesem Leitfaden werden wir sehen, wie man den Header der Website. erstellt.
Was ist der Header?
Der Header ist der obere Teil der Website, der auf allen Seiten der Website wiederholt wird. In diesem Abschnitt finden wir normalerweise das Logo der Website und das Navigationsmenü.
Jetzt bleibt uns nur noch, in wenigen einfachen Schritten zu sehen, wie wir unseren Header erstellen können.
Schritt 1: Erstellen wir den Header
Zuerst gehen wir zu dem Punkt Globale Blöcke , der im Hauptmenü von Framework360 vorhanden ist, indem wir die folgenden Schritte ausführen:
Website > Globale Blöcke
Innerhalb dieses Abschnitts finden wir alle Inhalte, die einmal erstellt und anschließend auf allen Seiten der Website, die wir wünschen, abgerufen werden können.
Zu diesem Zeitpunkt müssen wir für die Erstellung des üHeaders nichts weiter tun, als auf die Schaltfläche oben rechts Hinzufügen zu klicken. Sobald wir uns auf der Seite zur Erstellung des globalen Blocks befinden, gehen wir zum Punkt Typologie und wählen als Typ Header aus, wie in der Abbildung gezeigt:
Schritt 2: Personalisieren wir unseren Header
An diesem Punkt werden wir weiterhin innerhalb des Bildschirms zur Erstellung des globalen Blocks den Inhalt unseres Headers über den Visual Builder von Framework360 anpassen.
In unserem Beispiel werden wir einen Header erstellen, in dem das Logo der Website und das Menù zur Navigation vorhanden sein werden.
Zuerst klicken wir auf Eine Zeile hinzufügen und erstellen innerhalb der Zeile zwei Spalten (eine, in die wir das Logo einfügen, und die andere, in die wir das Menü einfügen).
Nun suchen wir im Visual Builder nach dem Inhalt Logo site und ziehen ihn in die erste erstellte Spalte. Anschließend suchen wir im Visual Builder nach dem Inhalt Navbar, ziehen ihn in die zweite Spalte und wählen im Anpassungsbildschirm der Navbar das Menü Hauptmenu.
An diesem Punkt klicken wir auf die Schaltfläche oben rechts Speichern
Schritt 3: Erstellen wir das Menü Hauptmenu
Wenn wir das Menü Hauptmenu noch nicht erstellt haben, werden wir feststellen, dass im rechten Teil unseres Header nichts erscheinen wird:
Um das Hauptmenü zu erstellen, sollten wir zum Punkt Menü gehen, der im Hauptmenü von Framework360 vorhanden ist, indem wir die folgenden Schritte befolgen:
Website > Menü
An diesem Punkt klicken wir auf das Hauptmenü , das automatisch von Framework360 eingefügt wird, um es zu bearbeiten.
Sobald wir im Bearbeitungsbildschirm sind, müssen wir nur noch die Punkte, die wir im Hauptmenü anzeigen möchten, von der linken Spalte Seite in die rechte Spalte Menüordnung ziehen, wie in der Abbildung gezeigt:
Jetzt bleibt uns nur noch, auf die Schaltfläche Speichern oben rechts zu klicken, und unser Header wird fertiggestellt sein!
