Weaver II – Layout anpassen
Zuletzt aktualisiert am 11. August 2019 um 06:45 Uhr
In meinem letzten Beitrag zu Weaver II hatte ich bereits angedeutet, das dieses Theme unglaublich flexibel ist und einen kurzen Screenshhot der Theme-Options gezeigt.
Heute möchte ich ein wenig detaillierter auf die Theme-Options eingehen. Ich beginne mit dem Punkt „General Appearance“, den Sie in den Theme-Optionen finden unter
„Design“ – „Weaver II Admin“ – „Main Options“ – „General Appearance“
Unter diesem Menüpunkt können Sie die Farben für die wesentlichen Bereiche Ihrer Website festlegen: Hintergrund, Wrapper, Main- und Container-Area. Falls Ihnen nicht ganz klar ist, was die einzelnen Bereiche alles umfassen, spielen Sie einfach einmal mit den Farben, dann wird das ganz schnell deutlich. Auch die Farbe des Textes kann unter den „General Appearances“ festgelegt werden.
Wenn Sie die Pro-Version des Themes verwenden, können Sie hier auch festlegen das der Inhaltsbereich Ihrer Website keine feste Breite haben sondern über die gesamte Bildschirmbreite angezeigt werden soll. („Wide Main Area Background“). Das macht am meisten Sinn, wenn auch der Kopfbereich („Header“) und die Fußleiste („Footer“) über die gesamte Bildschirmbreite angezeigt werden.
Wer gern runde Ecken mag, der kann das ganz einfach durch ein entsprechendes Häkchen aktivieren – getrennt für den Inhaltsbereich und die übirgen Bereiche Ihrer Website wie z.B. Header, Navigationsleiste, Widgets und Footer.
Auch ein Farbverlauf für die Hintergrundfarbe (dunkler oben, nach unten hin heller werdend) oder ein Schatten um die Außenränder der Website sind ganz mit einem Häkchen in dem entsprechenden Bereich auszuwählen.
In der Pro-Version von Weaver II können Sie die Farben für den Beginn und das Ende des Farbverlaufes selbst vorgeben. So ist dann theoretisch auch ein Verlauf von blau zu grün oder von rot zu gelb möglich 🙂
Wer gern einen Rahmen um die Website oder auch nur um den Inhaltsbereich hätte, kann das durch ein einfaches Häkchen festlegen.
In der Pro-Version des Themes können Sie sogar individuell und ohne CSS-Kenntnisse festlegen, wie diese Umrandung aussehen soll: Hier können Sie Farbe, Dicke und Art (solide, gepunktet, …) individuell vorgeben.
Last not least können Sie mit der Pro-Version von Weaver II unter den „General Appearance“ auch das Aussehen des Suchfeldes individuell anpassen.
So können Sie zum Beispiel den Text im Suchfeld vorgeben und einen eigenen Button anstelle der Standard-Lupe verwenden.
Für jede Option besteht die Möglichkeit, eigenen CSS-Code zu verwenden, ohne dass Sie dafür mühsam nach dem passenden Selektor suchen müssen. Deshalb eignet sich das Theme meines Erachtens auch sehr gut für Einsteiger, die sich bisher noch nicht so recht an eine Anpassung per CSS herangetraut haben.
Haben Sie noch Fragen zum Theme? Dann freue ich mich auf Ihren Kommentar 🙂
Hier finden Sie die weiteren Beiträge zur Serie
[serie seriename=“serie-weaver“]Bildquelle:
http://weaverthemes.com