BIS Wiki
Hintergrundbild
Hintergrundbild

Anpassung des Blog Themas 'Uni Bielefeld - Thema 1'


Auf dieser Seite wird der Aufbau und die Anpassung des BIS Blog Themas mit dem Titel Uni Bielefeld - Thema 1 beschrieben. Diese Thema setzt die Vorgaben des Corporate Designs der Hochschule um. Neben dieser spezialisierten Seite gibt es auch eine allgemeine Einführung in das Anpassen der BIS Blogs.

Grundaufbau

Ein einzelner Blogeintrag
Ein einzelner Blogeintrag

Am Beispiel des BIS News Blogs soll zunächst der Grundaufbau einer Blogseite mit diesem Thema gezeigt werden.

In dem Screenshot rechts sehen Sie die Blogseite, die einen einzelnen Blogeintrag zeigt. Diese Seite ist exemplarisch auch für die anderen Seiten im Blog und gliedert sich in drei Bereiche:

Linker Menübereich
Hier finden Sie zuerst einen Abschnitt, der mit 'Navigation' betitelt ist und eine Liste von Links enthält. Die Links können angepasst werden (siehe unten)
Darunter folgt ein Abschnitt mit den Kategorien. Die Kategorien können Sie bei jedem Blog selbst anlegen und auch die beim Anlegen automatisch generierten Kategorien entfernen
Als dritter Bereich folgen schließlich noch die Newsfeeds. Hier finden Sie für das gesamte Blog und für jede Kategorie einen entsprechenden Link. Die Newsfeeds sind insbesondere bei der Blog Integration wichtig
Mittlerer Inhaltsbereich
Hier finden Sie die Hauptinhalte, seien es einzelne oder viele Blogeinträge. Ggf. finden Sie hier auch Navigationselemente
Rechter Menübereich
Als erstes sehen Sie einen Kalender, über den Sie Blogeinträge über ihr Datum erreichen können
Darunter finden Sie die 'Blog Links'. Besonders wichtig ist hier der Link zum Einloggen, über den Sie erst in die Bearbeitungsseiten des Blogs gelangen
In den Fällen, in denen sich BenutzerInnen Ihres Blogs nur die Einträge einer bestimmten Kategorie oder eines bestimmten Tags anzeigen lassen erscheint am Anfang des Menübereichs noch ein Abschnitt mit einem entsprechenden Hinweis

Erste Anpassungen: Links in der Navigation und Kategorienauswahl

Der Abschnitt 'Navigation' zeigt neben den festen Links zur Blogstartseite, zur Homepage der Universität und zum allgemeinen Impressum auch die Links an, die Sie in den Blog Eingabeseiten unter dem Punkt 'Lesezeichen' bei dem jeweiligen Blog eingetragen haben.

Zur Demonstration wird hier bei allen neu angelegten Blogs der Link zur BIS Homepage eingetragen. Sie sollten diesen Link in Ihrem Blog löschen und statt dessen den Link zur Homepage Ihrer Einrichtung oder etwas ähnliches eintragen. Sie können beliebig viele Links an dieser Stelle anlegen. Dieser Bereich entspricht dem, was in manchen Blogs als Blogroll(e) bezeichnet wird.

Als nächstes sollten Sie die Kategorien anpassen. Auch hier werden beim Anlegen des Blogs Vorschläge angelegt, die Sie aber löschen, verändern und ergänzen können. Bitte beachten Sie dabei die Hinweise zu der Frage 'Kategorie oder Tag?' im Blog ABC.

Anpassung der im Blogkopf verwendeten Bilder

Insbesondere die am Anfang der Blogseiten gezeigten Bilder werden vermutlich in vielen Fällen ausgetauscht werden müssen, damit das Blog mit den weiteren Seiten des Internetauftritts harmoniert.

Hier sind folgende Schritt zu absolvieren:

  1. In der Seite zur Blog Themenauswahl, die Sie über das Hauptmenü erreichen, müssen Sie auswählen, dass Sie ein 'angepasstes Thema' verwenden wollen. Je nachdem, ob Sie dies zum ersten Mal machen oder nicht werden Sie gefragt, welches Thema sie als Grundlage verwenden wollen. Wählen Sie hier ggf. noch einmal 'Uni Bielefeld - Thema 1' aus.
  2. Nachdem das Kopieren des Themas abgeschlossen ist gehen Sie über den Reiter 'Weblog' in die Seite mit den hochgeladenen Dateien. Dort finden Sie jetzt einen Ordner mit dem Titel 'themabilder'
  3. In diesem Ordner befinden sich alle Bilder, die in dem Weblog Thema verwendet werden. Wichtig sind hier insbesondere die folgenden Dateien, die Sie ggf. durch eigene Bilder der gleichen Größe ersetzen können:
    • Kopfbild1.jpg: Das breite Bild in der Mitte
    • kopfbild_rechts.jpg: Das kleine Bild rechts daneben

Anpassung der Stylesheets

Eine weitere häufige Anpassung wird die Hintergrundfarbe im Blogkopf betreffen. Diese Änderung kann einfach über das CSS Stylesheet des Blogs erfolgen. Falls nur die Bearbeitung des Stylesheet notwendig ist muss das im vorherigen Abschnitt beschriebene Kopieren des Themas nicht erfolgen!

Um das Stylesheet zu bearbeiten muss im Hauptmenü auf den 'Thema' Link des entsprechenden Blog geklickt werden und dann auf den Punkt 'Stylesheet'. Nun kann das Stylesheet direkt im Webbrowser bearbeitet werden. Links zu nützlichen Werkzeugen bei der CSS und HTML Entwicklung finden sich in der Seite 'Anpassen der BIS Blogs'.

Falls Sie nur die Hintergrundfarbe des Seitenkopfes ändern möchten, so suchen Sie sich folgenden Block im Stylesheet heraus, der relativ weit oben zu finden ist:

#kopf {
      position: absolute;
      left: 0px;
      top: 110px;
      width: 734px;
      height: 120px;
      background: #B6C828;
}

Verändern Sie dort einfach den Farbwert für background:.

Allein über das Stylesheet lässt das Aussehen eines Blogs bereits sehr weitgehend beeinflussen. Sie möchten Blocksatz in den Eintragstexten? Sie möchten größere Schriften? Sie wollen mehr Farbe? Alles machbar mit Stylesheets.

Stylesheets für den Druck

Das Thema enthält ein weiteres Stylesheet, welches die Blogseiten für den Druck aufbereitet. Webbrowser verwenden dieses Stylesheet automatisch, sobald sie Ihr Blog ausdrucken sollen.

So lange Sie keine der im folgenden Abschnitt beschriebenen tiefgreifenden Änderungen an den Thema Bausteinen durchführen sollte das Druckstylesheet ohne Korrektur für Sie nutzbar sein. Falls Sie aber doch Änderungen machen müssen, so finden Sie das Stylesheet bei den Seitenkopfbildern (siehe die vorherigen Abschnitte) unter dem Namen stylesheet_print.css. Es liegt allerdings eine Ebene höher als die Bilder. Um das Stylesheet zu ändern landen Sie einfach die korrigierte Version an der gleichen Stelle ins Blog.

Noch weitergehendere Änderungen: Templateprogrammierung

Wenn Sie das Thema noch stärker an Ihre Bedürfnisse anpassen wollen, so auch dies problemlos möglich. In der allgemeinen Seite zum Anpassen der BIS Blogs finden Sie entsprechende Hinweise.