Wie WordPress Fluid Breite festen Breite konvertieren

August 16

Wenn Sie Ihre CSS-Code etwas ändern, können Sie Ihre feste Breite WordPress-Website zu einem Fluid Breite Layout konvertieren. Dies bedeutet, dass der Hauptinhaltsbereich der Seite automatisch erweitern und Vertrag über die Größe des Browser-Fensters zu passen, ohne eine horizontale Scroll Bar erscheinen im unteren Bereich. Diese Änderung erfordert Zugriff auf die WordPress-Theme-Editor. Sie müssen Administrator oder Super-Admin der Website, um die Konvertierung abzuschließen sein.

Anweisungen

1 Zu Ihrem WordPress Admin Control Panel einloggen. "Auftritt" in der Menüleiste auf der linken Seite klicken Sie auf "Editor".

2 Klicken Sie auf "index.php" aus der Liste der Dateien auf der rechten Seite. Diese Dateien steuern, die WordPress-Theme. Bildlauf, bis Sie das Main < Div >-Tag gefunden, das die Breite der Seite steuert. Dies ist gewöhnlich der erste < Div >, und heißt in der Regel "Wrapper" oder "Container". Notieren Sie die Id des < Div >, z. B.: "< Div Id ="Wrapper">."

3 Klicken Sie auf "style.css" aus der Liste der Dateien. Kopieren Sie und fügen Sie diesen Code in eine neue Datei und speichern Sie es auf Ihrem Computer. Jetzt hast du eine Sicherung, die Sie wiederherstellen können, falls Sie einen Fehler machen.

4 Blättern Sie durch die Datei, bis Sie den Namen der wichtigsten < Div > gefunden. Um ein Fluid Breite-Layout zu erstellen, müssen Sie das Attribut "Breite" und "100 %" ändern. Zum Beispiel wenn es derzeit als "Breite: 927px;" aufgeführt ist, ändern Sie es in "Width: 100 %;".

5 Klicken Sie unter "Änderungen speichern" Laden Sie Ihr Blog in einem Browser zu. Wenn Ihre Website die volle Breite des Browserfensters auffüllt, ist die Konvertierung erfolgreich. Versuchen Sie, das Fenster kleiner und sehen Sie Ihre Website angepasst zu verkleinern.

Tipps & Warnungen

  • Wenn Sie keinen Unterschied in der Darstellung der Site nicht bemerken, haben die in der "style.css" vorgenommenen Änderungen nicht richtig gespeichert.
  • Wenn Ihre Website sieht anders aus, aber die Änderung ist nicht das, was du wolltest, ist es, da Sie nicht die Breite des richtigen < Div > geändert haben oder es gibt ein separater Wrapper für verschiedene Teile der Site. Einige Websites verwenden einen Wrapper für den Header und einen für den Content-Bereich. Wiederholen Sie den Vorgang ab Schritt 2 überspringen Schritt 3, wenn Sie bereits über eine Sicherung verfügen, und überprüfen Sie die Ergebnisse mit einem unterschiedlichen < Div >. Weiter, bis Sie den richtigen zu finden.

SIE KÖNNEN AUCH GERNE