work with primary pictures

onsdag 21 februari 2024

Michael Willi

Besonderheit des primären Bildes

Der erste Inhaltsblock in Artikeln wie Events, Briefen, News, Projekten und anderen enthält das Hauptbild oder das primäre Bild. Dieses erscheint als Einziges im Slider, im Karussell, in der Übersicht, im Hochformat (auf mobilen Geräten) und auf der Seite mit den Artikeldetails.

Achte immer darauf, dass du Bilder mit hoher Auflösung und passender Grösse verwendest. Sonst kann deine Website unprofessionell wirken.

Hochladen des Bildes

Um ein Bild hochzuladen, kannst du es in den Bereich für den Upload ziehen oder auf den Bereich klicken und das Bild von deinem Computer auswählen.

wG3I5BphrPx2wAAAABJRU5ErkJggg==


Das primäre Bild kann auf 4 Arten dargestellt werden

Zuschneiden des Bildes

Mit den blauen Knöpfen oben kannst du das Bild kleiner oder grösser machen, bewegen oder drehen. Ausserdem können die blauen Punkte an der Bildkante benutzt werden, um die Bildgrösse mit der Maus anzupassen.

Die weissen gestrichelten Linien und das weisse Plus in der Mitte zeigen, was im Bild sichtbar sein wird. Es braucht keinen weissen Rand um das Bild. 

Zuschneiden des Bildes

Wählen der Anzeigestrategie

Je nach dem, wie der Schieber unterhalb des Bildes eingestellt wird ergeben sich zwei verschiedene Anzeigen.

4f9z8ybX9qqvkAAAAASUVORK5CYII=      TyLEzTKVMSWAiCThvHJTjeLZoolqctImw+N8c1t8JQZpeYwAAAABJRU5ErkJggg==

Einstellung "Vollflächig mit Bild bedecken" auf EIN

Bei dieser Strategie bleibt das gesamte Bild in allen Anzeigeformaten sichtbar. Je nach Bildformat wird rechts und links des Bildes im Slider oder in den Porträts, bzw. ober- und unterhalb des Bildes im Karussell Weissraum hinzugefügt. In der Liste und in der Detailansicht kann die Grösse des Bildes proportional angepasst werden.

Einstellung "Vollflächig mit Bild bedecken" auf AUS (Fokuspunkt)

Diese Strategie füllt das verfügbare Format vollständig aus, indem das Bild auf die Formatgrösse zugeschnitten wird und der Fokuspunkt in der Mitte bleibt. Es wird kein Weissraum hinzugefügt. Stattdessen kann das Bild leicht beschnitten werden, um es an das verfügbare Format anzupassen.

Ein kleiner weisser Kreis erscheint im Bild und kann mit der Maus verschoben werden, um den Fokuspunkt zu setzen. Die Auswirkungen dieser Bewegung ist sofort bei den Bildbeispielen sichtbar.  

Fokuspunkt setzen

Einstellen der Bildgrösse in %


Schliesslich kannst du die Bildgrösse in % festlegen. Dies hat nur Auswirkungen auf die Anzeige auf der Detailseite.

3WH4gyRsv11Gg5kgUzCnOc3WRWJ3oEiotL9DQTprQZSIAESMA1AYhyTp2aIi0tNSLTFOaI8DGz1wio2Sbx42e+yP9dIAoKikRxSYnXmsD6kgAJxBGBtNRUkZmZLrKqZIpqVbPUMlnklaMwR86QFkiABEiABEjAGQEKszOUNEQCJEACJEACkROgMEfOkBZIgARIgARIwBkBCrMzlDREAiRAAiRAApEToDBHzpAWSIAESIAESMAZAQqzM5Q0RAIkQAIkQAKRE6AwR86QFkiABEiABEjAGQEKszOUNEQCJEACJEACkROgMEfOkBZIgARIgARIwBmBfwESTMUjFPelpAAAAABJRU5ErkJggg==

Achtung: Nicht vergessen auf die Schaltfläche "SPEICHERN" zu klicken, um den Artikel zu speichern!