Zusatzklassen für Bilder

Mit Hilfe von optionalen Klassen kann man die Darstellung von Bildern beeinflussen.
Hierzu wird in der Regel das Attribut class um eine Anweisung ergänzt (Andere vorhandene Attribute, die durch WordPress eingestellt wurden, werden dabei intakt gelassen).



Bild mit „circle“

Runde Bilder sollten vor dem Upload in das Seitenverhältnis 1:1 gebracht werden.


Standardausgabe

class="circle"

Ein gelber Singvogel sitzt auf einem Ast.
Die Beschriftung des Bilds.

Hierzu wird dem <img>-Tag die Klasse circle zugewiesen:

class="circle"

Wenn die Bildbeschriftung mittig ausgegeben werden soll, wird dem caption-Shortcode die Klasse 

class="aligncenter"

zugewiesen. Dadurch wird allerdings auch das Bild zentriert. Falls Text neben diesem Bild ausgegeben werden soll, muss auf den Shortcode für mehrspaltigen Inhalt zurückgegriffen werden.

Bild mit Klasse „thickborder“


Standardausgabe

class="thickborder"

Hierzu wird in dem <img>-Tag folgende Klasse ergänzt:

class="thickborder"

Bild mit Klasse „shadow“


Standardausgabe

class="shadow"


Hierzu wird in dem <img>-Tag folgende Klasse ergänzt:

class="shadow"

 

Bild mit Klasse „noshadow“


Standardausgabe

class="noshadow"

Hierzu wird in dem <img>-Tag folgende Klasse ergänzt:

class="noshadow"

Bild mit Klasse „borderless“


Standardausgabe

class="borderless"

Hierzu wird in dem <img>-Tag folgende Klasse ergänzt:

class="borderless"

Bild mit a class=“lightbox“


Standardausgabe

class="lightbox"

Hierzu wird in dem <a>-Tag folgende Klasse ergänzt:

class="lightbox"

Bild mit a class=“sizinglink“


Standardausgabe

class="sizinglink"

Hierzu wird in dem <a>-Tag folgende Klasse ergänzt:

class="sizinglink"