Wie bekomme ich Bilder vollumfänglich in meinen Artikel?

Manchmal darf ein Bild nicht abgeschnitten sein, da gerade am Rand wichtige Informationen stehen. Wir haben einen Trick, wie Sie Bilder in einem Text vollumfänglich darstellen können.

Wie bekomme ich Bilder vollumfänglich in meinen Artikel?

Des einen Freud, des andere Leid! Nicht immer ist das automatische Zuschneiden von Bildern bei IK-up! ideal. Gerade wenn auf dem Bild wichtige Informationen stehen, ist es wichtig, dass das Bild in voller Größe dargestellt wird. Nachfolgend eine kurze Anleitung wie das gelingt.

1. Schritt: Upload des Fotos in den Editor

Zunächst müssen Sie ihr gewünschtes Bild wie gewohnt über das Polaroid-Symbol in der Steuerleiste des Editors hochladen und in den Editor einbetten.

2. Schritt: Bildadresse finden & GUID kopieren

Sobald das Bild im Editor eingebettet ist, wechseln Sie in den Vorschau-Modus und klicken mit der rechten Maustaste auf das Bild.

Nun müssen Sie sich die Bild- oder Grafikadresse kopieren und in einem neuem Tab öffnen. Hier ist die angezeigt URL wichtig, da Sie sich die GUID (Globally Unique Identifier) ziehen müssen.

Die GUID fängt nach dem / hinter Images an und geht bis zu dem ersten Fragezeichen in der URL.

3. Schritt: Bild als Call-to-Action Button einfügen

Nachdem Sie sich die GUID kopiert haben, gehen Sie zurück in den Editor und fügen über die Steuerleiste einen Call-to-Action Button ein.

Als Link können Sie entweder die Bildadresse hinterlegen oder die URL des Artikels, in welchem das Bild eingebettet ist. Wichtig ist beim Anlegen des Call-to-Action Buttons, dass unter Text die GUID des Bildes eingefügt wird.

Nach Erstellen des Call-to-Action Buttons, wird Ihnen dieser noch als Button im Editor angezeigt. Das ist auch richtig so und wird im Editor weiterhin so bestehen bleiben. Wechseln Sie aber in den Vorschau-Modus oder veröffentlichen den Artikel, wird das Bild vollumfänglich angezeigt.

Darstellung des Bildes

Dies ist unser Beispiel-Foto normal eingefügt:

Und hier unser Beispiel als Call-to-Action Button:

9f3ee55a-c193-422e-99a8-0b7c833a0ee6

Logo