Hallo,
Suchstring für die „interaktive Karte“ ist „image map“. Selbt bei einer reinen HTML-Website ist die responsive Variante solch einer Karte kein leichtes Unterfangen:
http://maddesigns.de/responsive-imagemap-2194.html
Es existiert (mindestens) ein Plug-in für WordPress, das den responsive Ansatz angeht:
https://de.wordpress.org/plugins/tags/image-map
Ist mir jetzt aber zuviel mich da herein zu fuchsen.
Foren für WordPress:
https://de.wordpress.org/plugins/tags/forum
Keine fertigen Lösungen, aber ich hoffe, es bringt dich dennoch weiter.
Hallo anno1989,
Du könntest Die Karte (mit den Symbolen) als Image-Map gestalten. Auf einer solchen Imagemap kannst Du einzelne Bereiche (d.h. Deine Symbole) klickbar gestalten. Eine solche Imagemap kannst Du mit jedem besseren Grafikprogramm (z.b. mit Gimp) erstellen. Dieses Imagemap besteht dann aus Deiner ursprünglichen Grafik und zusätzlichem HTML-Code, der die klickbaren Bereiche umschreibt. Ist technisch nicht sonderlich schwierig, allerdings unter Umständen handwerklich etwas frickelig, da Du bei der Erstellung der Imagemap die klickbaren Bereiche umschreiben musst.
Anschließend lädst Du die Grafik in Dein WordPress hoch, stellst sie dort auf eine statische Seite und fügst den eben erstellten HTML-Code für die Imagemap hinzu. Wenn Du dann noch diese Seite in Deinem WordPress als Startseite einstellst, erhälst Du beim Aufruf Deiner Site die klickbare Grafik.
Probier es einfach aus. Es ist nicht so kompliziert wie es sich anhört.
Ähm, das hatte ich bereits geschrieben/angedeutet, verlinkt und auf die Problematik mit der responsive Gestaltung verwiesen? 😉
Hallo Angelika,
ja, natürlich. Ich wollte auch nur noch einmal klarstellen, dass es nicht so kompliziert ist.
Und mit der responsiven Gestaltung hast Du natürlich Recht: Imagemap und responsive beißt sich auf den ersten Blick, lässt sich aber über Media-Queries oder mit etwas javascript (siehe z.B. hier: http://jonathanbowen.co.uk/scaling-image-maps/) lösen. Aber Responsive war bisher ja noch nicht das sich hier stellende Problem.
Hallo PraetorIM,
passt schon :-).
lässt sich aber über Media-Queries oder mit etwas javascript (siehe z.B. hier: http://jonathanbowen.co.uk/scaling-image-maps/) lösen.
Für einen Anfänger schwierig, das dann auch noch in WordPress zu verwuseln. Deshalb in #2 die verlinkte Lösung plus Link auf das WordPress-Plug-in, wobei ich ad hoc beim Drüberlesen nicht ganz verstanden habe, wie das Plug-in letztendlich funktioniert.
Responsive war zwar (noch) nicht das Thema, aber ist heutzutage eigentlich obligatorisch. Und wenn man sich dann die Mühe mit der image map gemacht hat und nachher an diesem Punkt scheitert, wäre es schon ärgerlich.
Vielen Dank für die schnellen Antworten. Werde ich mir alles mal anschauen.
Bezüglich „interaktiver Karte“ spuckt google folgendes Plugin aus:
Mapplic – Custom Interactive Map WordPress Plugin
(ich verlinke es nicht direkt, da ich keine Werbung machen möchte)
Es ist allerdings nicht gratis, dafür gibts aber auch Support vom Entwickler.
Das Mapplic – Custom Interactive Map WordPress Plugin ist ja mal echt schick 🙂
