Aktuell

Vielleicht hat der eine oder andere die umfangreichen Umbauarbeiten auf dieser Website mitbekommen und sich vermutlich gewundert, warum es jedes mal ein wenig anders aussah. Dazu sei gesagt – nun ist der Blog fertig. Doch was ist passiert?

Am Anfang hatte ich die Site www.berufebilder.de als klassischen Weblog im Vertigo-Design konzipiert. Aber im Zuge einer Neupositionierung meines Unternehmens wurde mir immer klarer, dass ich neben dem Berufebilder-Blog eine eigenständige Web-Präsenz brauchte. Mein Problem war allerdings, dass ich beides über einen Weblog realisieren wollte, da mir der Aufwand, zwei WordPress-Systeme zu pflegen, auf Dauer zu groß erschien. Daher musste ich einige Problem lösen: Auf den statischen Seiten mussten die Sidbars raus, bzw. eine Navigationssidebar rein. Die Website sollte nun eine statische Startsite und mehrere voneinander abgetrennte Bereiche haben, nämlich u.a. Über mich, Meine Bücher – und den Blog als Unterbereich der Website. Jeder dieser Bereiche sollte sein eigenes Headerbild bekommen. Aber vor allem: Die Hauptsite sollte nun unter meinem Namen www.simone-janson.de laufen und der Blog nicht nur über den Navigationspunkt Blog zu erreichen sein, sondern auch weiterhin unter dem bekannten Namen www.berufebilder.de – als eigenständiges Magazin sozusagen. Das waren eine Reihe von Problemen, die ich zunächst zu lösen hatte. Wie ich das genau gemacht habe (falls jemand etwas ähnliches realisieren will), werde ich noch genauer posten.

Vielleicht wollen Sie Ihre eigene Website mit WordPress-Blog aufsetzen – und zwar selbst? Vielleicht wollen Sie einfach nur mehr aus Ihrem WordPress-Weblog machen? Daher werde ich hier ab heute hier Schritt für Schritt, alle paar Tage zeigen, wie ich das auf meiner Website gemacht habe – für alle, die es interessiert, zum Nachmachen. Man kann die komplette Anleitung dann ganz einfach unter dem Stichwort “Bloggen, Anleitung für Website und Blog in einer Datenbank” im Stichwortverzeichnis abrufen.

Am Anfang war www.berufebilder.de einfach nur ein Weblog – im grauweißen Vertigo-Design, mit einer ziemlich langen Sidebar und einer ziemlich langen Linkliste am Ende der Site. Wohl ok, aber ein wenig unübersichtlich und ein wenig düster.

Dann die Idee – hier danke an Jörg Birkel und Christian Riedel für all die kreativen Ideen: Die Startsite sollte eine statische Site sein und kein Weblog. Schließlich dient der Weblog nicht nur zum Vergnügen, sondern auch zur Selbstpräsentation. Und ich musste zugeben: Die ging auf meiner Site ein bisschen unter. Mit WordPress ist aber möglich, eine statische Site als Startsite zu definieren – gesagt getan, einfach per Mausklick. Danben musste ich nur noch eine Site Blog definieren. Aber das war mir nicht genug: Ich wollte eine Startsite ganz ohne die Blog-Navigation, eine richtige Website also. Und wie geht das? Des Rätsels Lösung: Seitentemplates.

Ich habe also von der Datei page.php eine Kopie gemacht und vor <?php get_header(); ?> einen Template-Namen eingefügt, etwa so:

<?php
/*
Template Name: Janson
*/
?>
<?php get_header(); ?>

Am Ende der page.php findet sich der Code, der die Sidebar in den Code einschließt, etwa:

<?php include(TEMPLATEPATH.”/l_sidebar.php”);?>

Auf diese Weise habe ich Sidebar mit der Blognavigation aus der page.php gelöscht und das ganze als page2.php abgespeichert, die ich dann in den Themeordner geladen. Wenn man jetzt auf Seite schreiben klickt, kann man rechts das entsprechende Seitentemplate auswählen. Der Inhalt Ihrer Site erscheint dann ganz ohne Sidebar. Und das praktische ist: Ich kann das jederzeit per Mausklick auch wieder ändern.

Wie gehts weiter? Damit:

- Pro Site ein eigener Header

- Dritte Sidebar einfügen

- Navigation auf Untersite einfügen

- Für Website und Blog je eine eigene Domain

- Doppelten Content ausschließen

Im nächsten Schritt meiner Seitenumstellung habe ich die gesamte Internetpräsens neu strukturiert. Statt wie bisher ein Blog und ein paar Seiten besteht die Site nun aus sechs klar voneinander abgetrennten Bereichen (vielen Dank an Jörg Birkel für diesen Konzeptvorschlag und das Design des Headers)

Startsite

Über mich – auf dieser Site und den dazugehörigen Untersites stelle ich meine Arbeit dar

Meine Bücher – hier finden Besucher alles über meine Bücher

Kontakt – hier mein Kontaktformular

Blog – hier findet sich er gesamte Blog mit Blog-Sidebar, Kalender, Tags- Kommentar- und Suchfunktion.

6. Service – hier sollen E-Texte downloadbar gemacht werden – dazu bin ich noch nicht gekommen.

Um die Abtrennung der sechs Bereiche klarer zu machen, sollte jeder Bereich seinen eigenen Header erhalten – und zwar thematisch passend zur Rubrik. Dafür brauchte ich eine Möglichkeit, die Headergrafik pro Seite zu wechseln. Das war für mich das schwierigste und kniffeligste an der ganzen Umgestaltung: Zwar gibt es verschiedene Möglichkeiten und Plugins, Header in WordPress zu wechseln – aber zum einen waren viele der in Foren und auf verschiedenen Sites angebotenen Codes dazu da, die Headerbilder zufällig oder beim Neustart der Site zu wechseln – nicht ganz das, was ich wollte; zum anderen wurde in meinem Theme Vertigo die Headergrafik nicht über den Header sonder die CSS definiert, wohingegen der Code für den Wechsel der Grafik zwingend in der header.php stehen muss. Weitergeholfen hat mir Monika von Texto mit Ihrem ausführlichen Anleitung: Sie beschreibt genau, was ich 1 zu 1 in den Body-Tag meines Headers übertragen habe. Vielen dank dafür. Ich habe mich dazu auch an diese Anleitung gehalte codex.wordpress.org/Conditional_Tags und dann einfach die Headerbilder für verschieden Page-ID’s definiert.

Eine Einschränkung muss ich allerdings machen: Monika schreibt, die Style-Angaben für das Bild müssten unbedingt alle in einer Zeile stehen – das stimmt nicht, bei mir ergab sich daraus im Internetexplorer eine Fehlermeldung. Erst als ich die Angaben mit Leerzeichen voneinander getrennt habe, war auch im IE alles ok.

Und weiter gehts mit:

- Dritte Sidebar einfügen

- Navigation auf Untersite einfügen

- Für Website und Blog je eine eigene Domain

- Doppelten Content ausschließen

Im Zuge der Umarbeitung meiner Website wurde es notwendig, dass die Festen Siten der Website eine eigene Sidebar mit Navigationsmenü der Untersites bekommen sollten. Ich musste also den bestehenden Sites eine dritte Sidebar beifügen.

Das war eigentlich ganz einfach: Ich kopierte einfach die Datei r_sidebar.php und nannte sie r_sidebar2.php. Definierte ich in functions.php eine dritte Sidebar, damit die Sidebar auch unter Widgets erscheint. Außerdem fügte ich der CSS einen Bereich für das Layout der dritten Sidebar hinzu. Und schließlich definierte ich in den unterschiedlichen Seitentemplates (mehr dazu hier), welche der drei Siedbars hier erscheinen sollte: Nämlich auf home.php und allen anderen Blogsites die ersten beiden Sidebars, während in der statischen Sidebar die dritte Sidebar mit der Navigation für das Untermenü der jeweiligen Website untergebracht werden sollte (siehe dazu das Menü auf dieser Site.). Und wie das gemacht wird, erfahren Sie in meinem Beitrag morgen.

In dem Beitrag gestern habe ich erklärt, wie ich die dritte Sidebar in meinem Blog eingefügt habe. Hier geht es nun darum, wie ich aus dieser dritten Siedbar ein Navigationsmenü mit allen Untersites gemacht habe. Eine Liste aller Sites bekommt man ja ganz einfach mit wp_list pages. Aber das war in diesem Fall nicht ausreichend, schließlich sollten alle Sites der jeweiligen Untersite (aber nur diese, nicht die Untersite aller Sites) samt Muttersite angezeigt werden. Den Code dafür fand ich hier – ich musste lediglich noch die CSS entsprechend anpassen, dass es im Internetexplorer keine Fehlermeldung gab. Das Problem dabei war, dass die Sidebar nur eine bestimmte breite haben durfte.

Was jetzt noch fehlt, ist die Beschreibung, wie ich für Website und Blog jeweils eine eigene Domain generiert habe.

Am Ende meiner Website-Überarbeitung sollte die Krönung folgen: Nämlich die Trennung von Website und Blog durch unterschiedliche Domains. Die Home-Site sollte unter www.simone-janson.de erreichbar sein, der blog unter www.berufebilder.de. Aber: ich hatte keine Ahnung, wie ich das gestalten sollte.

Recherchen im Internet brachten mich zunächst nicht weiter: Ich las viel von der htaccess und redirect 30Klang aber alles sehr kompliziert. Außerdem war ein Redirect nicht unbedingt die Methode, die für die Suchmaschine am besten taugt. Was also tun?

Der Zufall kam mir zu Hilfe. Ich entdeckte eines morgens beim Suchen im Netz dieses Plugin, von Putzlowitsch, der mir auch schon bei meinem Permalink-Problem geholfen hatte. Das Plugin schaffte es, mit dem den selben Blog-Inhalt mit unterschiedlichen Themes unter unterschiedlichen Domains laufen lassen konnte. Damit musste es doch irgendwie gehen… Nach längerem Überlegen fiel mir schließlich die Lösung ein:

Das Theme kopiert und umbenannt, dann beide Themes hochgeladen. Dann musste ich die Startsite im Editor leerlassen, dafür in dem einen Theme den Text in das Seitentemplate geschrieben und in dem anderen Theme den Inhalt von home.php in das Seitentemplate + diesem Zusatz. Daraufhin musst ich die Navigationsleiste oben selbst noch verlinken und fertig. Wenn man weiß wie, ist es wirklich eine ganz einfache, wenn auch ein wenig umständliche Lösung.

Was jetzt noch fehlt: Das Ende – nämlich doppelten Content ausschließen.

Suchmaschinen schließen bekanntlich doppelten Conten von Ihren Seiten aus. Und als doppelter Conten gilt es, wenn der selbe Inhalt unter unterschiedlichen Domains vorhanden ist. Damit also meine Site nicht ganz aus dem Google-Index-herausfliegt, habe ich mich zuguterletzt auch mit diesem Thema beschäftigen müssen. Denn: Ich biete ja jetzt praktisch genau den selben Inhalt einmal unter www.berufebilder.de und einmal unter www.simone-janson.de an.

Um das zu bewerkstelligen, hielt ich mich an diese Anleitungen. Die Nicht-Indizierung klappte auch ganz hervorragend – aber was soll ich sagen: So rapide sind meine Benutzerzahlen noch selten abgestürzt. Ich machte die Nicht-Indizierung also wieder rückgängig – und schon klappte es auch wieder mit den Besuchern.

Fazit: Meine Erfahrung ist, dass doppelter Content wohl nicht so das Problem ist wie eine Nichtindizierung bestimmter Sites. Daher würde ich das nicht empfehlen. So, das war das Ende meiner kleinen Reihe zur Überarbeitung meiner Website.