HOME    BLOG  SHOP     LOG-IN & OUT 

Interaktive Bilder

[et_pb_section bb_built=”1″][et_pb_row][et_pb_column type=”4_4″][et_pb_text admin_label=”Erklärung” _builder_version=”3.0.96″ background_layout=”light”]

Die folgenden “interaktiven” Bilder basieren auf dem Plugin “ImageMapPro” Klickt man im Plugin auf Load, sieht man welche Bilder schon mit interaktiven “Shapes” bearbeitet wurden, ein Verzeichnis habe ich anderswo noch nicht gefunden:

1) Armcomputer-Ipod-Ringscanner

2) Zimmermann-Team
Besonderheit: die Links verbinden auf das Terminbuchungs-Plugin
http://aasoloor.lx14.hoststar.website//booking-ultra/

3) city

4) Honda-Jet
Besonderheit: das Bild befindet sich nicht in unserer eigenen WordPress-Bibliothek, sondern auf https://cldup.com. Cloudup ist ein Cloudbildspeicher von https://automattic.com/ das ist die Firma der wir das kostenlose WordPress verdanken.

5) Kasse-Wordpress1
6) Kasse-Wordpress2

7) logoware-vordenken

8) Teller-Hemd1

9) 5Models

Um die “Bild&Shape-Komposition” auf einer Seite oder in einem Beitrag anzuzeigen muss man dort den “Shortcode” in eckiger Klammer angeben. Den Shortcode kann man in der ImageMap (Zahnrad) unter General anlegen, er kann/muss nicht identisch mit dem Mapnamen sein. Man könnte z.B. Namen vergeben und Zahlen als Shortcode verwenden.

Die shapes/Klickpunkte kann man leider nicht beschriften z.B. für “Telefon | Mail” Man muss schon sprechende Bilder verwenden z.B. ein Telefon und das Mailsymbol um dann genau dort ein shape/Link zu positionieren. Der Tiptext ist nur für Mausbedienung brauchbar, auf Tablet/Smartphone sind Tiptexte unbrauchbar, weil man dann normalerweise per Antippen=Klick eine Aktion auslösen will.

Negativ bei dieser tollen Lösung ist, dass die Shapes teilweise (auf dem ipad-Mini) als Popup interpretiert werden und dass es zu versehentlichen Aufrufen kommt, wenn man mit dem Hanballen “klickt” obwohl man eigentlich mit dem Finger etwas anderes “anklicken”.

Wichtig ist auch, dass Bilder die am PC/Tablet noch gut lesebare Texte anzeigen auf einem Smartphone so klein/unlesbar werden, dass man den Zweck verfehlt. Das ist bei den 5 Models der Fall. Besser sind dafür die Einzelbilder die wir für die Warengruppen verwenden.

Es ist nicht möglich auf einer Seite das gleiche Bild mehrmals anzuzeigen

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row][et_pb_column type=”1_2″][/et_pb_column][et_pb_column type=”1_2″][et_pb_text admin_label=”Click Bild 5models” _builder_version=”3.0.96″ background_layout=”dark” text_font_size=”30px”]

[5models]

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section bb_built=”1″ fullwidth=”off” specialty=”off”][et_pb_row][et_pb_column type=”1_3″][/et_pb_column][et_pb_column type=”2_3″][et_pb_text admin_label=”Click Bild %91Teller-Hemd1%93″ _builder_version=”3.0.96″ background_layout=”dark” text_font_size=”30px”]

[Teller-Hemd1]

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section bb_built=”1″ fullwidth=”off” specialty=”off”][et_pb_row][et_pb_column type=”1_4″][/et_pb_column][et_pb_column type=”3_4″][et_pb_text admin_label=”Click Bild logoware-vordenken” _builder_version=”3.0.96″ background_layout=”dark” text_font_size=”30px”]

[logoware-vordenken]

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section bb_built=”1″ fullwidth=”off” specialty=”off”][et_pb_row][et_pb_column type=”4_4″][et_pb_text admin_label=”Click Bild Honda-Jet” _builder_version=”3.0.96″ background_layout=”dark” text_font_size=”30px”]

[Honda-Jet]

[/et_pb_text][et_pb_text admin_label=”Click Bild Honda-Jet” _builder_version=”3.0.96″ background_layout=”dark” text_font_size=”30px”]

Über der Dame ganz rechts ist ein Link, der könnte auch auf den Terminkalender dieser Person zeigen
[Zimmermann-Team]

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section bb_built=”1″ fullwidth=”off” specialty=”off”][et_pb_row][et_pb_column type=”1_2″][et_pb_text admin_label=”Kasse-Wordpress1″ _builder_version=”3.0.96″ background_layout=”light”]

[Kasse-Wordpress1]

[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″][et_pb_text admin_label=”Kasse-Wordpress2″ _builder_version=”3.0.96″ background_layout=”light”]

[Kasse-Wordpress2]

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section]