Simone Janson, Journalist: Jobsuche, Bildung, Existenzgründung, Social-Media

Das führende Blog für Beruf & Bildung, Teil von Business & More mit 14 Mio Visits/Monat (IVW). 50 Autoren, 50 Meinungen! → Zum Inhalt.


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 (u.a. für ZEIT-ONLINE, imgriff.com, changeX), Bestseller-Autorin ("Die 110%-Lüge", "Nackt im Netz") und betreibt mit Berufebilder.de das führende deutsche Blog zu Beruf & Bildung, mit mehr als 50 Autoren Teil des 11-Millionen-starken Netzwerks Business & More.

Alle 1825 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. 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=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>