Zurück zur Homepage

KS Webdesign - Der Blog

Individuelle Seiten- und Artikelgestaltung in WordPress

31. Oktober 2009 von Klaus

In diesem Artikel habe ich beschrieben, wie ihr ein eigenes Seitentemplate erstellen und dieses Template bestimmten Seiten zuweisen könnt.

Durch die Einschachtelung eines div-Containers wurde der Inhaltsbereich dieses Templates individuell anpaßbar gemacht.

Es geht aber noch einfacher:

Öffnet die header.php eures Themes.

Dort sollte irgendwo der einleitende body-Tag stehen.

Das sollte ungefähr so ausschauen:

  • <body>

Stattdem schreibt ihr nun folgendes hin:

  • <body id="id-<?php print $post->ID;?>">

Bei euch kann natürlich statt nur <body> auch innerhalb dieses Tags noch andere Eigenschaft/Wertepaare stehen, z.B. etwa:

  • <body onload="schlagmichtot" class="wattweissich">

Dann schreibt ihr das entscheidende Eigenschaft/Wertepaar noch dazu. Etwa so:

  • <body onload="schlagmichtot" class="wattweissich" id="id-<?php print $post->ID;?>"

Damit bekommt jede Seite und jeder Artikel eine eigene id zugewiesen.

Über diese id könnt ihr die Seite mit CSS ganz individuell gestalten.

Welche Seite/Artikel nun welche id habt ihr im Handumdrehen herausgefunden.

Dazu laßt ihr euch einfach den Quelltext der Seite, wo ihr gerade seid, anzeigen. Bei body hat sich nun wundersamerweise eine id eingetragen und damit könnt ihr die Seite/Artikel per CSS individuell ansprechen.

8 Kommentare

  1. von mantiz – Montag, 02. November 2009 um 14:32

    Hi,

    nur eine Kleinigkeit, aber dieser Teil
    body onload="schlagmichtot" class="wattweissich"> id="id-ID;?>"
    sollte bestimmt so aussehen
    body onload="schlagmichtot" class="wattweissich" id="id-ID;?>"
    oder? :-)

    mfg
    Christian

  2. von Thorsten – Montag, 02. November 2009 um 15:50

    Hallo Klaus,
    dafür hat WordPress ab Version 2.8 folgenden Template-Tag an Board: <body >

    Gruß Thorsten

  3. von Thorsten – Montag, 02. November 2009 um 15:54

    Ich nochmal, mein Beispiel oben wurde nicht komplett veröffentlicht. Das Template Tag heist body_class(). Erklärung hier.

  4. von Hubspe – Montag, 02. November 2009 um 16:07

    Hallo Christian,

    schön das du mal vorbeischaust :-)

    Umpf…, stimmt. Ist ausgebessert. Danke für den Hinweis.

  5. von Hubspe – Montag, 02. November 2009 um 16:19

    Tach Thorsten,

    da habe ich auch schon mal von gehört. In der Aufzählung der Template-Tags bei der WP-HP ist es aber noch nicht gelistet.

    Persönlich fand ich die Erklärungen dazu nicht so einleuchtend. Man ist auch an bestimmte Klassennamen gebunden, wenn ich das richtig verstanden habe.

    Die Lösung mit der body-id fand ich einfacher, deshalb habe ich die in meinem Artikel beschrieben.

  6. von mantiz – Dienstag, 03. November 2009 um 08:52

    Moin Klaus,

    ich lese schon ‘ne ganze Weile mit, bisher hatte ich nur noch nichts auszusetzen. :)

    Mach’ weiter so.

    mfg
    Christian

  7. von Hubspe – Dienstag, 03. November 2009 um 09:00

    Moin Christian,

    Mach’ weiter so.

    Jep, mach ich. :-)

    ich lese schon ‘ne ganze Weile mit, bisher hatte ich nur noch nichts auszusetzen.

    Wenns mal was zu meckern gibt, kann auch ruhig diffus sein, unbedingt meckern.
    Ein Blog lebt ja auch von den Korrekturen, Ergänzungen und Anmerkungen seiner Kommentatoren!

    Klaus

  8. von Thorsten – Dienstag, 03. November 2009 um 15:18

    Hallo Klaus,
    ich schließe mich Christian an – mach weiter so ;)

Sprich und fürchte dich nicht:

Die Angaben des Namens und der E-Mail sind leider notwendig, das Feld für die Website optional.

Bitte maskiert < mit &lt; und > mit &gt; sonst verschwinden sie im Nirgendwo!

« »