Wie man mit Hauptbildern in Artikeln arbeitet (v01)

Freitag, 18. August 2023

Team Polaris

Ab R1.3.6 verwendet das Hinzufügen von Hauptbildern neue Funktionen. Das Hauptbild ist das Bild des ersten Inhaltsblocks in Artikeln wie Ereignisse, Briefe, Nachrichten, Projekte und andere. Es wird im Slider, im Karussell, in der Listenansicht, in der Hochformatansicht (auf Mobilgeräten) und auf der Artikeldetailseite angezeigt. Andere Bilder in Inhaltsblöcken werden auf dieselbe Weise wie bisher hinzugefügt. Dies wird im Artikel "Zuschneiden und Zentrieren von Bildern für den Slider, das Karussell und die Listenansicht" beschrieben.

Um eine gute Darstellung zu erreichen, sollten Sie immer Bilder mit guter Auflösung und Grösse verwenden. Wenn Sie Bilder mit niedriger Auflösung verwenden, kann Ihre Website schlecht aussehen.

Wenn Sie Bilder aus dem Internet auswählen, beachten Sie bitte die Urheberrechte und die möglichen rechtlichen Konsequenzen.

Ein Bild für 4 mögliche Formate.

Schritt 1: Hochladen des Bildes

Laden Sie das Bild hoch, indem Sie es in den Upload-Bereich ziehen oder in den Upload-Bereich klicken und das Bild aus Ihrem Dateisystem auswählen.

Maximale Grösse der Datei

Schritt 2: Zuschneiden des Bildes

Verwenden Sie die blauen Schaltflächen oben, um das Bild zu verkleinern, zu vergrössern, zu verschieben oder zu drehen, oder verwenden Sie die blauen Punkte am Rand des Bildes, um die Grösse des Bildes mit der Maus zu ändern.

Die weissen gepunkteten Linien und das weisse Kreuz in der Mitte helfen Ihnen zu sehen, was sichtbar sein wird.

In diesem Schritt können Sie dem Bild keinen weissen Raum hinzufügen. Dies ist auch nicht nötig, wie Sie im nächsten Schritt sehen werden. Wenn Sie dies dennoch tun möchten, müssen Sie es in einem anderen Programm tun, ausserhalb von Polaris, und das Bild erneut hochladen.

Schritt 3: Wählen Sie die Anzeigestrategie

Es gibt zwei Anzeigestrategien, die Sie wählen können:

3.1 Stellen Sie "Voller Bereich mit Bild abdecken" auf EIN.

3.2 Stellen Sie "Voller Bereich mit Bild bedecken" auf AUS (setzen Sie den Fokuspunkt).

Um die Effekte zu sehen, schalten Sie die Schaltfläche unter dem Bild ein oder aus.

Schritt 3.1: Strategie = Einstellung "Bild vollflächig abdecken" auf EIN

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

Sie können die Auswirkungen in den Formatbeispielen unten sehen.

Schritt 3.2: Strategie = Einstellung von "Volles Feld mit Bild abdecken" 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 Griff (Kreis) erscheint im Bild und kann mit der Maus verschoben werden, um den Fokuspunkt zu setzen.

Bewegen Sie den Fokuspunkt und sehen Sie sich die Auswirkungen in den untenstehenden Formatbeispielen an.

Fokuspunkt einstellen

Schritt 4. Einstellen der Bildgrösse in %

Schliesslich können Sie die Bildgrösse in % festlegen. Dies hat nur Auswirkungen auf die Anzeige auf der Detailseite.

Es empfiehlt sich, die Quelle des Bildes anzugeben, wenn Sie den Artikel für alle sichtbar veröffentlichen möchten.

Vergessen Sie nicht, auf die Schaltfläche "SPEICHERN" zu klicken, um den Artikel zu speichern!

Bildgrösse in %