Für alle, die ein wenig später drankommen auch:

Happy New Year!

In den letzten Tagen hat sich hier einiges getan. Im Hintergrund wurde ein neues CMS-System installiert. Im Vordergrund arbeitete ich Details, welche die Seite noch nutzerfreundlicher gestalten soll. Alle Änderungen kann ich hier nicht vorstellen, weil dies für mich zu aufwändig wäre. Ich mache aber unten eine Aufstellung der wichtigsten und augenfälligsten Veränderungen. Einige werden auch dokumentiert, damit sie andere für ihre Projekte verwenden können.

Generell gilt, wem etwas negativ auffällt, soll dies doch melden, damit ich darauf Rücksicht nehmen kann. Die Seite wurde optimiert für Firefox und Safari, läuft aber auch ohne weiteres mit dem Internet Explorer…

In den letzten Tagen hat sich hier einiges getan. Im Hintergrund wurde ein neues CMS-System installiert. Im Vordergrund arbeitete ich Details, welche die Seite noch nutzerfreundlicher gestalten soll. Alle Änderungen kann ich hier nicht vorstellen, weil dies für mich zu aufwändig wäre. Ich mache aber eine Aufstellung der wichtigsten und augenfälligsten Veränderungen.

Generell gilt, wem etwas negativ auffällt, soll dies doch melden, damit ich darauf Rücksicht nehmen kann. Die Seite wurde optimiert für Firefox und Safari, läuft aber auch ohne weiteres mit dem Internet Explorer.

1. Horizontale Schaltflächen
In den letzten Tagen wollte ich meiner Webseite optisch, wie auch funktionell einige Änderungen gönnen. Als erstes organisierte ich die Seitennavigation neu. Dazu habe ich die Hauptschaltflächen horizontal unter dem Banner angeordnet.

Den Code für diese Funktion erhielt ich von Liew Cheon Fong aus Malaysia. Dafür verzichte ich auf einen Hyperlink in der Bannergrafik selbst. Titel und Seitenbeschreibung werden als Grafik ausgegeben. Der Vorteil ist, dass ich nun lästige Darstellungsfehler unter Safari und Firefox vermeiden kann.

2. Kein Aufzählungszeichen mehr vor Links
Die restlichen Links habe ich aufs Nötigste zurechtgestutzt Zudem wollte ich die Naviationsleiste farblich von der Beitragsfläche abgrenzen. Ich habe dafür ein Grau (E8E8E8) genommen. Dazu musste ich die Kubrick-Grafiken modifizieren. Zuerst wollte ich am CSS-File basteln, bis ich endlich schnallte, dass dies von Grafiken abhängt… (!)

Ein Pferdefuss war es, das “»”-Zeichen vor jedem Link loszuwerden.

Dieses Detail zu lösen, war gar nicht so einfach wie es scheint. Ich wusste, dass dieses Zeichen bei Aufzählungen im CSS-File definiert wurde. Ich war aber nicht in der Lage, den Wert auszumachen. Behilflich wurde mir Telekommander aus dem WordPress.de-Forum. Er gab mir den entscheidenden Hinweis für die Lösung des Problems. Im style.css musste ich folgende Code-Zeilen (ab ca. Zeile 377) abändern.

ursprünglich:
.entry ul li:before, #sidebar ul ul li:before {
content: “0BB 020″;
}

Der Wert 00BB 020 definiert das Zeichen ». Rein praktisch könnte man jedes andere beliebige Zeichen verwenden. Weil manchmal weniger mehr ist, möchte ich fürs Erste ganz auf ein Zeichen verzichten deshalb list-style-type:none;.

3. Neue Beitragsdarstellung
Grund für Änderungen in diesem Bereich war, dass mich die verschieden Links und Infos beim Ende eines Artikels störten.

Warum kommt die Beitragskategorie am Schluss? Das ganze nahm meiner Ansicht nach zu viel Platz in Anspruch und bringt zu wenig Nutzen für den Leser. Also verschob ich die Betragskategorie zum Beitragstitel.

Vorher:

Jetzt:

Dazu musste ich Code im File index.php ändern:
…
<?php while (have_posts()) : the_post(); ?>

<div class=”post”>
<h2 id=”post-<?php the_ID(); ?>”><a href=”<?php the_permalink() ?>” rel=”bookmark” title=”Permanent Link to <?php the_title(); ?>”><?php the_title(); ?></a></h2>
<small><?php the_category(‘, ‘)?><strong> | </strong><?php the_time(‘j. F Y’) ?> <!– von <?php the_author() ?> –></small>

<div class=”entry”>
<?php the_content(‘Den Rest des Artikels lesen &raquo;’); ?>
</div>

<small><p class=”postmetadata”><strong>| </strong><?php edit_post_link(‘Text bearbeiten ‘,”,’<strong>|</strong>’); ?> <?php comments_popup_link(‘Kommentar schreiben’, ’1 Kommentar’, ‘% Kommentare’); ?><strong> |</strong></p></small>
…

Ursprünglich wollte ich die Kategorie über dem Titel haben. Aber die Abstände zwischen Kategorie und Titel gerieten immer zu gross. Auch wird der Titel insgesamt auf drei Zeilen aufgeblasen. Hier braucht der Titel zwei Zeilen und wirkt auf mich kompakt und doch informativ.

Am Ende des Artikels erscheint für die Besucher nur noch einen Link “Kommentar schreiben”, wenn noch kein Kommentar geschrieben wurde. Ansonsten kann man hier die geschriebenen Kommentare aufrufen. Das Ganze wirkt nun für mich aufgeräumter.

4. Kleinere Arbeiten
Damit die Seite schneller geladen werden kann, habe ich alle Hintergrundgrafiken und den Banner neu für das Web optimiert. Auch habe ich die Hintergrundfarbe grau leicht heller gemacht. Titel und Seitenbeschrieb wird nun nicht mehr durch eine PHP-Datei generiert, sondern sind in der Bannergrafik integriert.
Die Such-Schaltfläche wurde von “Suche” auf “Los!” geändert.

Weitere Arbeiten sind natürlich noch nicht abgeschlossen und sind noch im Gang. So gefällt mir die Reihenfolge der Links in der horizontalen Hauptnavigation nicht. Dies möchte ich demnächst ändern. Weiter möchte ich die Seiten Carrera, DVD, Disclaimer und Impressum überarbeiten, damit sie besser ins Gesamte passen.

Falls es von eurer Seite Vorschläge gibt, so mailt sie mir bitte.

Im Moment werden umfangreiche Änderungen an der Webseite vorgenommen. Es kann vorkommen, dass die Seite kurzzeitig nicht erreichbar ist oder Darstellungsfehler auftreten. Da ja sowieso die ganze Welt am Silvesterln ist oder an den Vorbereitungen ist, merkt das ja sowieso niemand, oder?

Ich melde, wenn die Umbauaktion beendet ist.

Anmerkung der Redaktion:
Es empfiehlt sich nicht, diesem Hund den Rücken zuzukehren und gleichzeitig die Waden ungeschützt zu lassen.

Der Grossmattenring 35 ist für uns Geschichte. Wir werden ab Februar 2006 neu am Gwiggweg 16 wohnen. Das bedeutet, dass wir nach fast acht Jahren dem Aaretal den Rücken kehren werden und in den Süden ziehen. Für einmal werden wir also nicht wie im letzten Jahr Dorfintern oder einfach über die Strasse zügeln können, sondern müssen uns richtig mit dem Thema Umzug beschäftigen. Das heisst Aussortieren, Wegschmeissen, Verpacken, Planen, Vorbereiten, viel Arbeit.

Der Zügeltermin wird aller Voraussicht nach am 3., 4. und 5. Februar 2006 stattfinden. Wer gerne helfen möchte, kann sich bei uns melden. Ein Datum für die Einweihung wird noch bekannt gegeben.

Wir freuen uns auf den Wechsel und können es kaum erwarten.

Alle Bilder können durch Anklicken vergrössert werden.