Verschieben Sie die Navigationsleiste auf den Header in WordPress
Wenn Sie auf der Seitenleiste Speicherplatz freigeben möchten so können Sie andere Widgets oder Ads dort platzieren, oder einfach Lust auf eine Veränderung Ihrer Navigationsleiste aus der Sidebar können Sie in der Kopfzeile in Ihrem WordPress Blog verschieben. Da diese Aufgabe die WordPress-Theme-Editor verwenden beinhaltet, benötigen Sie Berechtigungen für die Verwaltung zu vervollständigen. Darüber hinaus wäre einige Erfahrung mit HTML und CSS sinnvoll.
Anweisungen
1 Zu Ihrem WordPress Admin Control Panel einloggen. "Erscheinung", klicken Sie auf "Editor". Klicken Sie aus der Liste der Dateien auf der rechten Seite "sidebar.php."
2 Suchen Sie die Navigationsleiste für Ihre Website. Dies ist entweder eine Codezeile beginnend mit "<? Php Wp_nav_menu" oder eine manuelle Liste der Links in Ihrem Menü. In jedem Fall Code einschließlich alle umliegenden < Div >-Tags und in eine Textdatei einfügen. Wenn Sie fertig sind, klicken Sie auf "Update-Datei".
3 Klicken Sie auf "header.php" aus der Liste auf der rechten Seite auf das Admin Control Panel. Suchen Sie den Haupttitel oder Impressum für Ihre Website und beginnen einer neuen Zeile unterhalb, und im nächsten Abschnitt des Codes, die wahrscheinlich eine Linie der Sidebar aufrufen. Fügen Sie den Code für das Menü, das Sie zuvor in der Textdatei eingefügt.
4 Fügen Sie eine "2" auf den Namen des enthaltenden < Div > über das Navigationsmenü. Sie werden die Änderungen an dieser Teiler, also eine neue erstellen damit alle anderen Menüs auf Ihrer Website, die den gleichen Teiler verwenden möglicherweise auch geändert werden, wird nicht. Dies ist beispielsweise der Fall, wenn der Teiler wie folgt aussieht:
< Div Id = "selektierten" >
Ändern sie zu:
< Div Id = "sidemenu2" >
5 Klicken Sie auf "style.css" aus der Liste auf der rechten Seite auf das Kontrollfeld "Admin". Einen Bildlauf nach unten bis Ihr finden Sie den Code für das ursprüngliche < Div >-Tag für das Menü. Es beginnt mit einem Hash-Zeichen, zum Beispiel:
selektierten {} Kopieren Sie alle den Code für diesen Abschnitt, einschließlich das abschließende "}" Charakter, und fügen Sie ihn in eine neue Zeile der Datei. Fügen Sie eine "2" auf den neuen Abschnitt, den Sie eingefügt haben. Wenn Sie CSS kennen, können Sie nun jedes Styling zum Menü zu diesem neuen Abschnitt hinzufügen. Fügen Sie zumindest "Display: Block; Width: 100 %;"ohne Zitate, wenn dieser Code nicht bereits vorhanden ist. Das Navigations-Menü in eine eigene Zeile zu setzen und verteilt es über die Länge des Headers.
6 Beginnen einer neuen Zeile in der Datei und fügen Sie den Code Folloing:
sidemenu2 li {} Float: Left;
}
Ersetzen Sie "sidemenu2" durch den tatsächlichen Namen des Menüs. Diese ordnet Ihr Menü horizontal über Ihrem Kopf. Auch hier können Sie zusätzlichen CSS Code hier hinzufügen, ändern die Darstellung der einzelnen Menüpunkte.