dynamicinternet Webdesign

Das Blog

Themen, Tutorials sowie Tipps & Tricks über Webdesign, (X)HTML und CSS, Programmierung, WordPress und was uns sonst noch bewegt.

RSS abonnieren

WordPress body_class und YAML

An der Funktion body_class() scheiden sich die Geister. Zum einen, weil diese Funktion Unmengen von Klassen generiert, die nur unnötig das Markup aufblasen, zum anderen kann es zu Kollisionen mit CSS Frameworks, im konkreten Fall mit YAML, kommen. Witzigerweise kommt es in WordPress selbst auch zu einer Kollision, wenn man in der page.php auch noch post_class() verwendet. Dann gibt body_cass() page aus und post_class() ebenfalls page.

Jammern hilft aber nicht. Deshalb hier eine Lösung, die für WordPress mit YAML funktioniert:

Zuerst wird im Markup die Klasse .page in .yl_page umbenannt. Meistens befindet sich das Div .page in der header.php.

<body <?php body_class(); ?>>
  <div class="page_margins">
    <div class="yl_page">
    ...

Die Klasse .page kommt in den YAML Core Dateien nur in der iehacks.css vor. Diese Datei sollte jedoch nicht verändert werden, da nach einem eingespielten YAML Update die Änderungen verloren gehen würden. Daher wird die Anpassung in der eigenen Patch-Datei vorgenommen.

@media all
{
    .yl_page { zoom:1; }   /* IE6 & IE7    */
  *  html .yl_page { height: 1%; hei\ght: auto; }   /* IE 5.x & IE6 | IE6 only */
 
}
2 Kommentare
  1. Jared sagt:

    Ist doch ne saubere Lösung. Wieso dann also vorher jammern? ;)

    Ich verwende YAML zwar nie in Kombination mit WordPress weil kleine Websites kein YAML benötigen (Handarbeit) und große Websites/Communitys/Portale nicht mit WordPress gebaut werden sollten – die Idee mit dem Umbenennen der Klasse .page ist denoch eine sehr gute Idee.

    lg

  2. Andy sagt:

    Kann mich da nur anschließen, denn die Lösung ist doch echt gut!

Einen Kommentar schreiben