Berufebilder by Simone Janson

Führendes Blog für Bildung & neues Arbeiten, Teil von Business & More mit 14 Mio Visits/Monat. 50 Autoren, 50 Meinungen!


Existenzgründung » Medien & Web 2.0 » Website plus Blog, zwei Domains in einer Word-Press-Installtion in einer Datenbank – heute:
pro Site ein eigener Header

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

Simone Janson
Autor: Simone Janson

Simone Janson ist Journalistin und Expertin für neue Formen der digitalen Arbeit am Institut für Kommunikation in soziale Medien in Berlin. Sie war Vortragende und Lehrbeauftragte an diversen Hochschulen oder für die Mobility Logistics AG und betreibt mit Berufebilder.de das führende deutsche Blog zu Bildung & neuen Arbeitsformen im digitalen Wandel. Sie hat über 10 Bücher geschrieben. In ihrem Bestseller „Die 110%-Lüge“, übersetzt in mehrere Sprachen, setzt sie sich ausführlich mit Entschleunigung und den Unsicherheiten von Menschen im modernen Arbeitsleben auseinander. In Ihrem akutellen Buch „Nackt im Netz“ geht es um Social Media und den digitalen Wandel.

Alle 1908 Beiträge von Simone Janson ansehen
Website: http://www.simone-janson.de

4 Kommentare

  1. Grüß Dich

    Danke für die Erwähnung, ;)
    im Quelltext der statischen Seite Bücher zb finde ich die Angaben für das HeaderBild in einer Zeile,

    das meinte ich, manche machen im Editor eine neue Zeile, da *spinnt* so mancher IE dann.

    Das Trennen mit Leerzeichen ist ja keine *absichtlich* neue Zeile,
    naja ich hoff ich kann das verständlich rüberbringen ;)

    lg und schön sieht es hier aus,

  2. Hi, good post. I have been wondering about this issue,so thanks for posting.

  3. Hi! I was surfing and found your blog post… nice! I love your blog. :) Cheers! Sandra. R.

  4. Simone Janson

    Hi Sandrar,
    thanks. I’m glad, that you can use the translate-function and my blog is even read in foreign countrys.

Hinterlasse eine Antwort

Pflichtfelder sind mit * markiert.

*


Außerdem möglich: Kommentare als RSS abonnieren.

Kommentar schöner machen:

Laden Sie Ihr eigenes Bild bei Gravatar hoch, das statt des Standardbildes angezeigt wird. Die E-Mail-Adresse muss übereinstimmen! Fügen Sie HTML-Tags ein. Möglich sind: <a href="" title="" rel=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>