WordPress: Bilder unterschiedlich stylen

Vor ein paar Tagen bekam ich folgende Frage eines Lesers:

Mit welchem Code könnte ich die Bilder nur in der Einzelartikel-Ansicht (single.php) zentrieren?

Die einfachste Lösung, meiner Meinung nach, ist es auf CSS zu setzen. Zuerst öffnet man die header.php oder eben eine andere Template-Datei wo sich der öffnenden body-Tag befindet. Dem öffnenden body-Tag spendiert man den Template-Tag body_class();, so dass es hinterher folgendermaßen in der Template-Datei ausschaut:

<body <?php body_class(); ?>>

Je nach dem auf welcher Unterseite man sich befindet, werden auch unterschiedliche Klassenwerte ausgegeben. Auf einem einzelnen schaut es folgendermaßen im Quelltext aus:

<body class="single single-post postid-99 single-format-standard">

Nun hat man einen zusätzlichen Klassenwert um neue CSS-Regeln zu definieren:

.blog-artikel img  {
    
}
.single .blog-artikel img  {
    
}

Nach diesem Schema kann man logischerweise auch andere Inhalte pro Unterseite unterschiedlich formatieren. Mehr zu diesem Thema kann man auch auf WordPress: extra CSS-Regeln pro Seite oder Artikel lesen.

Wir arbeiten seit 20 Jahren mit WordPress und bieten diverse Dienst­leistungen rund um das System an. Kontaktiere uns für weitere Informationen oder für ein Angebot.

Verwandte Beiträge:

Ein Kommentar

  1. Danke für den Tipp. Manchmal sind es die einfachen Dinge. Vor allem da damit auch ein evtl. eigenes Seiten-Template in die class aufgenommen wird. Hat mir gerade sehr geholfen.

Kommentare sind geschlossen.