Hybrid-Layoutbreite auf WordPress

Eine Webseite hat drei Arten der breiten Seite: fest, flüssig und Hybrid. In ein festes Layout verändert nicht die Breite des Inhaltsbereichs mit der Breite des Browserfensters. In einem flüssigen Layout tut es. Eine Hybrid-Layout enthält Elemente von sowohl flüssige als auch feste Layouts und wird oft verwendet, um ein fester Breite Hauptinhaltsbereich in der Mitte eines Raumes Flüssigkeit Hintergrund zu halten. Dies ermöglicht die Website zentriert, einen bestimmten Hintergrund mit größere Auflösungen anzeigen bleiben jedoch für eine bestimmte Auflösung optimiert werden.

Mit Hilfe des Theme-Editors

Um diese Änderung an Ihrer Website vorzunehmen, benötigen Sie Zugriff auf den Theme-Editor. Zu Ihrem WordPress Admin Control Panel einloggen. Gehen Sie auf "Darstellung" und dann "Editor". Sie sehen eine Liste der Dateien auf der rechten Seite – diese steuern das Erscheinungsbild Ihrer Website. Wenn die Option "Darstellung" nicht angezeigt wird, nicht Administratorrechte – an den Inhaber der Website und bitten sie, Ihre Berechtigungen zu aktualisieren.

Das Stylesheet bearbeiten

Klicken Sie auf "style.css" aus der Liste der Dateien auf der rechten Seite des Bildschirms. Fügen Sie den folgenden Code in die Datei starten in einer neuen Zeile am unteren Rand:

Header-Wrapper, #Footer-Wrapper {Background: #FFF;} Header, #footer, #Page-Wrapper {Breite: 960px; Margin: 0 Auto;} Fußzeile-Wrapper {klar: beide;} Ersetzen Sie "960", durch die Breite in Pixeln, die flüssigen Bereich Ihrer Website haben soll. Auch können Sie Blättern Sie durch die Datei und ändern die Width-Werte für "#sidebar" und "#content".

Den Header bearbeiten

Klicken Sie auf "header.php" aus der Liste auf der rechten Seite. Beginnen einer neuen Zeile direkt unter "< Body >"-Tag, dann fügen Sie die folgende Codezeile:

< Div Id = "Header-Wrapper" >

Am Ende der Datei fügen Sie die folgende Codezeile:

< / Div ><!----> Header-Wrapper< Div Id = "Seite-Wrapper" >

Die Trennlinie "Seite-Wrapper" beginnt nun unmittelbar nach dem wichtigsten Impressum der Site. Dies ist notwendig, da WordPress mehrere Dateien für den Hauptteil-Bereich verwendet. Ab dem < Div > in der Kopfzeile erspart Ihnen von den Code auf jede Datei einzeln hinzufügen.

Bearbeiten der Fußzeile

Klicken Sie auf "footer.php" aus der Hauptliste auf der rechten Seite. Fügen Sie am oberen Rand der Datei Folgendes:

< / Div ><!--Seite-Wrapper-->< Div Id = "Footer-Wrapper" >

Und die folgenden am Ende, kurz bevor die < / body > Tag:

< / Div ><!--Fußzeile-Wrapper →

Die erste Zeile wird die "Seite-Wrapper"-Trennlinie, die Sie in der Kopfzeile geöffnet geschlossen. Platzierung am oberen Rand der Datei stellt sicher, dass es nicht die Fußzeile sowie wickelt.