Wenn ein Bild, wie z.B. ein Flyer, wichtige Informationen enthält, ist es wichtig, dass das Bild in voller Größe dargestellt wird. Und mit diesem Trick gelingt es Ihnen in der Orts-App!
1. Schritt: Upload des Fotos in den Editor
Zunächst müssen Sie das gewünschte Bild wie gewohnt über das Polaroid-Symbol in der Steuerleiste des Editors hochladen und in den Editor einbetten.
Hier ein Beispielbild:
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.
695a6842-4b62-4983-b706-22858ddb36aeNun müssen Sie die Bild- oder Grafikadresse kopieren und in einem neuen Tab öffnen. Hierbei ist die angezeigte URL wichtig, da diese die benötigte GUID (Globally Unique Identifier) enthält.
Die GUID beginnt mit einer Zahlenabfolge hinter „… images/“ und endet vor dem ersten Fragezeichen, das am Ende der URL zu finden ist.
Für das obige Beispielbild sieht das dann so aus:
https://pixabay.com/get/gce2d3d1a990e6f887364de0b5f376525e49d4405fa98b236a2df1c22713196a64e53ffe3137021c91db6deea8e94f979e9f62f5b4bedde0fe7abadccb3b53852_1280.jpg?maxheight=50
3. Schritt: Bild als Call-to-Action Button einfügen
Nachdem Sie die GUID kopiert haben, gehen Sie zurück in den Artikel-Editor und fügen über die Steuerleiste einen Call-to-Action-Button ein.
Als Link kopieren Sie die gesamte URL, die Sie zuvor bei der Bildadresse aufgerufen haben, hinein. Im Textfeld tragen Sie jetzt die GUID des Bildes ein.
ACHTUNG:
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
Hier sehen Sie den obigen Screenshot normal eingefügt:
Und hier vollumfänglich über den Trick mit dem Call-to-Action Button:
695a6842-4b62-4983-b706-22858ddb36ae