WebWi Blog von Marlene Siegl

In diesem Eintrag erläutere ich meinen LeserInnen die Anpassung und Personalisierung meines Blogs.

Änderung des Layouts

Um das automatisch eingestellte Layout zu ändern, habe ich zu allererst im Menüpunkt Layouts ein Sicherheitslayout abgespeichert. Dies dient dazu, dass ich für den Fall, dass ich Einstellungen ändere dich ich dann nicht mehr rückgängig machen kann, das gleiche Ausgangslayout noch einmal aktivieren kann. Es hat sich auch herausgestellt, dass das keine schlechte Idee war

Ich habe mich dazu entschieden, das Layout „Joleisa“ von layouts.antville.org zu aktivieren, die Farben und andere kleinere Einstellungenzu verändern und einen farbigen Hintergrund zu verwenden. Dies funktioniert unter Layouts, Joleisa, Einstellungen.

Einbettung des Wetter Widgets

Mit Hilfe der Homepage www.meteo24.com habe ich ein Widget für das Wetter in Linz eingebaut. Auf der Homepage gibt man die gewünschten Daten ein und bekommt sofort den Quellcode, den man dann in den Layouts, Skins, Site Layout, Main Page eingebettet werden. Ich habe dann noch die Größe an die Größe des darunter liegenden Twitter Widgets angepasst.

Einbettung des Twitter Widgets

Die Aufgabe bezüglich Twitter Widget, der die Unterhaltung „#webwi“ einbettet wurde bereits während der Lehrveranstaltung mit Hilfe der Anleitung „Twitter Widget im eigenen Blog“ von Manuel Schmuck gelöst. Die Darstellung des Widgets lässt sich auf der Homepage von Twitter etwas verändern, z.b. können Größe oder Hintergrundfarbe geändert werden. Uns TeilnehmerInnen ist aber aufgefallen, dass die Unterhaltung leider nicht immer ganz aktuell ist sondern oft nur die Tweets bestimmter Leute eingeblendet werden.

Entfernung Kalender

Da ich aufgrund der beiden Widgets und dem Kalender die Navigationsleiste etwas überladen fand, habe ich im Layout den Kalender entfernt. Ich habe den jeweiligen Teil aus dem Quellcode unter Layouts, Skins, Site Layout, Main Page gelöscht.

Verschiebung der Suchfunktion

Ich habe mir im Quellcode (Layouts, Skins, Site Layout, Main Page) die Suchfunktion herausgesucht und an eine andere Stelle platziert.

Verschiebung und Umgestaltung der Inhalte

Um die Inhalte und Navigation etwas in die Mitte zu verschieben, habe ich ein wenig im Stylesheet (Layouts, Skins, Site Layout, Stylesheet) herum probiert und Header, Content, Menu und Statusleiste etwas nach rechts verschoben. Im Menü habe ich dann die Überschriften fett gemacht und die Schrift linksbündig, anstatt wie voreingestellt rechtsbündig.

Änderung der Farbe der Beschreibung im Blog

Die Beschreibung des Blogs im Header hatte die gleiche Schriftfarbe wie der Text (CSS class "storyContent"). Schwarz ist auf dunkellila schlecht lesbar, deshalb wollte ich diese verändern.  Da sich die Änderungen im storyContent (z.B. Änderung der Schriftfarbe) aber auch auf den normalen Text ausgewirkt haben, habe ich eine neue class eingefügt, die nur für den Text im Header verwendet (storyHeader) wird. Dazu habe ich die Einstellungen vom storyContent übernommen und nur die Farbe geändert. Unter Layouts, Skins, Site Layout, Main Page habe ich dann die class von diesem Textteil von storyContent auf das neue headerContent geändet.