Entfernen von Flüssigkeit CSS in WordPress

Dynamische CSS-Layout unterscheidet sich von festen CSS-Layouts durch dehnen und komprimieren basierend auf der Größe des Browserfensters des Benutzers. Wenn Sie eine Website besuchen, ein flüssig CSS-Layout verwendet, können Sie ändern die Größe des Browserfensters mehrmals ohne Bildlaufleisten oder das Layout zu brechen. Der Vorteil von flüssig CSS-Layouts ist, dass sie große Mengen an leeren, nicht verwendeten Speicherplatz auf großen Monitoren nicht verlassen. Nicht alle Layouts arbeiten gut mit Flüssigkeit Stile, aber. Wenn Sie wieder in ein festes CSS-Layout konvertieren möchten, ändern Sie Prozentsatz breiten von Ihrem Blog Spalten in fixierte Pixel Breite.

Anweisungen

1 Laden Sie Ihr Blog in einem Browser und Rechte Maustaste, um den Quellcode anzuzeigen. Finden Sie die Tags, die jede Spalte des Blogs,, wie z. B. umschließen "< Div Id ="Kopfball">" oder "< Div-Klasse ="Sidebar">". In Web-Design ist ein Header in der Regel eine volle Breite Spalte oben ein, zwei oder drei Spalten in der Mitte der Seite, gefolgt von einer Fußzeile. Benötigen Sie die ID oder Klasse Name jeder.

2 Melden Sie sich WordPress und navigieren Sie zu "Darstellung" aus der linken Seitenleiste. Klicken Sie auf "Editor", um den Bildschirm "Themen bearbeiten" zu laden. Die Datei, die Sie benötigen--style.css--wird automatisch geladen.

3 Gehen Sie durch den CSS-Code von Ihrem Thema und finden Sie die Stilregeln, die auf jede Ihrer Spalten:

Header {} Breite: 100 %;

}

Inhalt {} Breite: 65 %;

}

Seitenleiste {} Breite: 35 %;

}

4 Heraus aus den Prozentwerten wie breit müssen Sie jede Spalte in Pixel. Ersetzen Sie jedes Prozentwert durch einen Pixelwert, zum Beispiel:

Header {} Breite: 960px;

}

Inhalt {} Breite: 624px;

}

Seitenleiste {} Breite: 336px;

}

Aktualisieren Sie die Datei, wenn Sie fertig sind Ihre Änderungen vornehmen.