Bilder in einen Artikel einbinden

Einleitungsbild, komplettes Beitragsbild, weitere Bilder

Bilder müssen vor dem Einbinden in einen Artikel skaliert, mit kompatiblen Namen benannt und auf den Server hochgeladen werden.

images1

Jedem Artikel kann über den Editor je ein Einleitungsbild und ein komplettes Beitragsbild zugeordnet werden. Diese Bilder werden über allgemeine Style-Anweisungen einheitlich formatiert. Einleitungsbilder werden bei der Vorschau auf einen Artikel  mit einer Breite von 150px angezeigt  (egal wie breit das Bild ist), Beitragsbilder werden i.a. bei der Anzeige des vollen Artikels auf die halbe Bildschirmbreite skaliert (auf dem Handy auf die volle Bildschirmbreite).

 

images2

Weitere Bilder können über das Bilder-Symbol des Editors direkt in  den Artikel  eingefügt werden.images3

Dabei können sowohl die Ausrichtung des Bildes (float) als auch Ränder, Alternativtext und Größe festgelegt werden. Allerdings führt eine starre Festlegung der Bildgröße dazu, dass die Bilder auf kleinen Bildschirmen (Handys) eventuell abgeschnitten werden. Deshalb empfiehlt es sich, den Bildern (über den Reiter "erweitert") eine der Klassen "img-fulltext-right", "img-fulltext-left" oder "img-fulltext-none" zuzuordnen - oder keine Größenangaben festzulegen. Die Klassenangabe bewirkt, dass die Bilder wie "komplette Beitragsbilder" formatiert werden.

images4