Ein Bild interaktiv machen, indem man Hyperlinks darauf legt
Mit dem Plugin https://imagemappro.com/ kann ich in WordPress, auf ein Bild Hyperlinks platzieren. Im Vergleich zu Google Slide kostet diese Arbeit sehr viel Zeit. Das Bildprojekt wird im Plugin bearbeitet. Das Plugin ist im Dashboard/Plugins/Image Map Pro. Das Bildprojekt bekommt dort einen Namen und der kann dann in eckige Klammer [Beispiel] gesetzt im Beitrag, einer Seite, auch in einem Produkt eingefügt werden.
Auf dem Bild sind „Marker“ angebracht, die jeweils einen Info-Text anzeigen. Die Marker können 100% transparent sein, dann sieht man nicht, dass dort ein „interaktiver Bereich“ ist. Zusätzlich zum Info-Text oder stattdessen kann ich Hyperlinks einfügen. Beides kombiniert verursacht auf Touchscreens leider das Problem, dass immer der Hyperlink ausgeführt wird. Der Info-Text wird also nie angezeigt. „Mouse-over zeigt Tipptext“ ist eben eine PC Technologie. Auf dem Tablet/Smartphone gibt es kein Mouse-over… einfach mit dem Finger drauf tapsen.
Besonderheiten:
- Das Bild muss sich nicht in der eigenen Mediathek befinden, es kann von einer beliebigen Quelle eingebettet werden. Z.B. meinem Bildspeicherplatz bei cloudup.com, dem kostenlosen Web-Speicherplatz von „Automattic/Wordpress“. Oder bei Amazon oder oder oder. Das ist dann den deutlich höheren Aufwand wert, weil man nicht gegen Urheberrecht/Copyright verstößt, das Bild wird ja nicht kopiert, sondern nur angezeigt.
- Bilder werden immer untereinander angezeigt, auch dann wenn das Webelement so breit wäre, dass sie nebeneinander passen würden.
- pro Seite kann der gleiche Bild-Anker nicht mehrfach eingefügt werden. Das Bild wird nur 1x pro Seite angezeigt.