{"id":73559,"date":"2023-12-04T14:48:47","date_gmt":"2023-12-04T13:48:47","guid":{"rendered":"https:\/\/zfl-lernen.de\/?page_id=73559"},"modified":"2024-04-17T09:27:56","modified_gmt":"2024-04-17T07:27:56","slug":"interaktive-grafische-uebersicht-drawattention","status":"publish","type":"page","link":"https:\/\/zfl-lernen.de\/en\/lernmaterial_erstellen_wordpress\/inhalte\/interaktive-grafische-uebersicht-drawattention\/","title":{"rendered":"Interaktive grafische \u00dcbersicht – Draw Attention"},"content":{"rendered":"
\n\t
\n\t\t
\n\t\t\t

Draw Attention<\/h2>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t

Bei Draw Attention handelt es sich um ein Plugin, mit dem Grafiken teilweise interaktiv klickbar gemacht und so einzelne Inhalte und deren Zusammenh\u00e4nge hervorgehoben werden k\u00f6nnen. Es lassen sich klickbare Fl\u00e4chen \u00fcber ein Bild legen.<\/p>\n

Draw Attention ist besonders hilfreich, um die Visualisierung von Lerngegenst\u00e4nden interaktiv aufzuarbeiten, beispielsweise im Zusammenhang mit der Verwendung von Lernlandkarten.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n

<\/span><\/div><\/div><\/div><\/div><\/div>
\n\t
\n\t\t\n\t\t
\n\t\t\t
\"Icon<\/div>\n\t\t<\/figure>\n\t<\/div>\n<\/div><\/div><\/div>
<\/span><\/div>\n\t
\n\t\t
\n\t\t\t

Mehr zum Thema „Lernlandkarten“ siehe Lernmodul „Grafische Lernlandkarten erstellen und vielseitig nutzen“<\/a><\/strong>.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>

<\/span><\/div>\n\t
\n\t\t
\n\t\t\t

Im Zuge der Erstellung von interaktiven Grafiken k\u00f6nnen Bereiche eines Bilds farblich markiert und mit Zusatzinformationen versehen werden. Bei diesen Zusatzinformationen kann es sich u. a. um Text, Videos, Audios oder andere Bilder handeln, die per Klick oder Mouseover aufgerufen werden k\u00f6nnen. Die interaktiven Grafiken sind responsiv, f\u00fcr Suchmaschinen optimiert und barrierefrei.<\/p>\n

Apropos Barrierefreiheit: Die Grafiken sind per Tabulator-Taste ansteuerbar, sodass die einzelnen markierten Elemente von einem Screenreader vorgelesen werden k\u00f6nnen.<\/p>\n

Einen umfassenden \u00dcberblick \u00fcber Draw Attention finden Sie hier: https:\/\/wpdrawattention.com\/<\/u><\/a><\/p>\n\n\t\t<\/div>\n\t<\/div>\n

<\/span><\/div><\/div><\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t

1. So arbeitet man mit Draw Attention<\/strong><\/h3>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t

Das Plugin ist \u00fcber die WordPress-Seitenleiste ansteuerbar.<\/p>\n

\"Screenshot<\/p>\n\n\t\t<\/div>\n\t<\/div>\n

<\/span><\/div>\n\t
\n\t\t
\n\t\t\t

Zur Erstellung einer neuen interaktiven Grafiken gehen Sie wie folgt vor:<\/p>\n

    \n
  1. Klicken Sie in der linken Navigationsleiste im Men\u00fcpunkt „Draw Attention“ auf den Unterpunkt „Add New“.<\/li>\n
  2. F\u00fcgen Sie anschlie\u00dfend in der rechten Leiste das Bild ein, das interaktiv gestaltet werden soll.<\/li>\n<\/ol>\n

    \"Screenshot<\/p>\n\n\t\t<\/div>\n\t<\/div>\n

    <\/span><\/div>\n\t
    \n\t\t
    \n\t\t\t

    3. Klicken Sie danach auf den Button „Ver\u00f6ffentlichen“. Erst dann steht Ihnen das Bild zur weiteren Bearbeitung zur Verf\u00fcgung.<\/p>\n

    \"Screenshot:<\/p>\n\n\t\t<\/div>\n\t<\/div>\n

    <\/span><\/div>\n\t
    \n\t\t
    \n\t\t\t

    Nachfolgend werden die grundlegenden Bearbeitungsm\u00f6glichkeiten erl\u00e4utert.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n

    <\/span><\/div><\/div><\/div><\/div><\/div>
    \n\t
    \n\t\t
    \n\t\t\t

    2. Bearbeitungsm\u00f6glichkeiten<\/h3>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>
    \n\t
    \n\t\t
    \n\t\t\t

    2.1 Einf\u00fcgen von Inhalten<\/h3>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>
    \n\t
    \n\t\t
    \n\t\t\t

    Unter „Hotspot Areas“<\/strong> k\u00f6nnen „Clickable Areas“<\/strong> hinzugef\u00fcgt werden. Bei Clickable Areas handelt es sich um die Bereiche, die sp\u00e4ter interaktiv sind.<\/p>\n

    Um einen Bereich als Clickable Area zu markieren, kann im Abschnitt „Coordinates“<\/strong> zwischen Kreisen, Rechtecken und Freiformen gew\u00e4hlt werden. Diese Formen werden links oben in der Leiste, die sich auf dem Bild befindet, angezeigt. Wenn auf eine der Formen geklickt wird, kann sie auf dem Bild eingef\u00fcgt und weiter angepasst werden.<\/p>\n

    Achtung:<\/span><\/strong> Nach der Erstellung und richtigen Platzierung der Cilckable Area immer auf Speichern klicken. (Die Buttons f\u00fcr die Formen wechseln nach der Erstellung zum Button „Edit Layers“. Klicken Sie auf diesen Button, erscheint der Button „Save“.)<\/p>\n

    W\u00e4hlen Sie anschlie\u00dfend einen Titel<\/strong> f\u00fcr den markierten Bereich. Der Titel wird angezeigt, wenn mit der Maus \u00fcber die entsprechende Fl\u00e4che gefahren wird.<\/p>\n

    Im Feld „Description“<\/strong> k\u00f6nnen Sie weiterf\u00fchrende Informationen hinzuf\u00fcgen. Sie werden angezeigt, wenn Sie auf die Fl\u00e4che klicken bzw. hovern. Bei den weiterf\u00fchrenden Informationen kann es sich beispielsweise um einfachen Text oder aber auch um ein Video handeln. M\u00f6chten Sie ein Video einbinden, f\u00fcgen Sie folgenden Code in des Feld „Description“ ein:<\/p>\n

    \"\"<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>

    \n\t
    \n\t\t\n\t\t
    \n\t\t\t
    \"Icon<\/div>\n\t\t<\/figure>\n\t<\/div>\n<\/div><\/div><\/div>
    <\/span><\/div>\n\t
    \n\t\t
    \n\t\t\t

    Elemente zum Kopieren:<\/strong><\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

    \n\t\t
    \n\t\t\t

    [video src=“<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

    \n\t\t
    \n\t\t\t

    “ poster=“https:\/\/zfl-lernen.de\/wp-content\/uploads\/play_video.png“][\/video]<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>

    <\/span><\/div>\n\t
    \n\t\t
    \n\t\t\t

    M\u00f6chten Sie eine weitere Clickable Area hinzuf\u00fcgen, klicken Sie auf den Button „Add Another Area“<\/strong>.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n

    <\/span><\/div><\/div><\/div><\/div><\/div>
    \n\t
    \n\t\t
    \n\t\t\t

    2.2 \u00c4ndern der Farbeinstellungen<\/h3>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>
    \n\t
    \n\t\t
    \n\t\t\t

    Unter „Highlight Styling“<\/strong> k\u00f6nnen u. a. die Farbe der Clickable Area gew\u00e4hlt sowie Parameter wie die Farbe und Gr\u00f6\u00dfe des Umrisses eingestellt werden.<\/p>\n

    Unter „General Settings“<\/strong>\u00a0k\u00f6nnen zudem Farb-Einstellungen f\u00fcr die Anzeige der weiterf\u00fchrenden Informationen vorgenommen werden.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n

    <\/span><\/div><\/div><\/div><\/div><\/div>
    \n\t
    \n\t\t
    \n\t\t\t

    2.3 \u00c4ndern der Position<\/h3>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>
    \n\t
    \n\t\t
    \n\t\t\t

    Unter „Layout“<\/strong>\u00a0<\/strong>(in der rechten Leiste unter dem Feld, in dem das Hintergrundbild hochgeladen wird) kann ausgew\u00e4hlt werden, auf welche Weise die Beschreibung angezeigt werden soll. Es besteht die Wahlm\u00f6glichkeit zwischen verschiedenen Positionen. Haben Sie sich f\u00fcr die Option „Tooltip“ entschieden, k\u00f6nnen Sie zus\u00e4tzlich w\u00e4hlen, ob die weiterf\u00fchrenden Informationen durch Klick oder Mouseover angezeigt werden sollen.<\/p>\n

    \"\"<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\n<\/div>"},"excerpt":{"rendered":"Draw Attention Bei Draw Attention handelt es sich um ein Plugin, mit dem Grafiken teilweise interaktiv klickbar gemacht und so einzelne Inhalte und deren Zusammenh\u00e4nge hervorgehoben werden k\u00f6nnen. Es lassen sich klickbare Fl\u00e4chen \u00fcber ein Bild legen. Draw Attention ist …","protected":false},"author":4,"featured_media":0,"parent":73625,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"categories":[1240],"tags":[],"kooperation":[],"class_list":["post-73559","page","type-page","status-publish","hentry","category-anleitung-zur-erstellung"],"acf":[],"yoast_head":"\nInteraktive grafische \u00dcbersicht - Draw Attention - ZfL Lernen<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/zfl-lernen.de\/en\/lernmaterial_erstellen_wordpress\/inhalte\/interaktive-grafische-uebersicht-drawattention\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Interaktive grafische \u00dcbersicht - Draw Attention - ZfL Lernen\" \/>\n<meta property=\"og:url\" content=\"https:\/\/zfl-lernen.de\/en\/lernmaterial_erstellen_wordpress\/inhalte\/interaktive-grafische-uebersicht-drawattention\/\" \/>\n<meta property=\"og:site_name\" content=\"ZfL Lernen\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/zflkoeln\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-17T07:27:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/zfl-lernen.de\/wp-content\/uploads\/DrawAttention_Menueleiste-300x143.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@Lehrer_innen\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/zfl-lernen.de\/lernmaterial_erstellen_wordpress\/inhalte\/interaktive-grafische-uebersicht-drawattention\/\",\"url\":\"https:\/\/zfl-lernen.de\/lernmaterial_erstellen_wordpress\/inhalte\/interaktive-grafische-uebersicht-drawattention\/\",\"name\":\"Interaktive grafische \u00dcbersicht - Draw Attention - ZfL Lernen\",\"isPartOf\":{\"@id\":\"https:\/\/zfl-lernen.de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/zfl-lernen.de\/lernmaterial_erstellen_wordpress\/inhalte\/interaktive-grafische-uebersicht-drawattention\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/zfl-lernen.de\/lernmaterial_erstellen_wordpress\/inhalte\/interaktive-grafische-uebersicht-drawattention\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/zfl-lernen.de\/wp-content\/uploads\/DrawAttention_Menueleiste-300x143.png\",\"datePublished\":\"2023-12-04T13:48:47+00:00\",\"dateModified\":\"2024-04-17T07:27:56+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/zfl-lernen.de\/lernmaterial_erstellen_wordpress\/inhalte\/interaktive-grafische-uebersicht-drawattention\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/zfl-lernen.de\/lernmaterial_erstellen_wordpress\/inhalte\/interaktive-grafische-uebersicht-drawattention\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/zfl-lernen.de\/lernmaterial_erstellen_wordpress\/inhalte\/interaktive-grafische-uebersicht-drawattention\/#primaryimage\",\"url\":\"https:\/\/zfl-lernen.de\/wp-content\/uploads\/DrawAttention_Menueleiste-300x143.png\",\"contentUrl\":\"https:\/\/zfl-lernen.de\/wp-content\/uploads\/DrawAttention_Menueleiste-300x143.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/zfl-lernen.de\/lernmaterial_erstellen_wordpress\/inhalte\/interaktive-grafische-uebersicht-drawattention\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\/\/zfl-lernen.de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lernmaterial erstellen mit WordPress\",\"item\":\"https:\/\/zfl-lernen.de\/lernmaterial_erstellen_wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Inhalte\",\"item\":\"https:\/\/zfl-lernen.de\/lernmaterial_erstellen_wordpress\/inhalte\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Interaktive grafische \u00dcbersicht – Draw Attention\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/zfl-lernen.de\/#website\",\"url\":\"https:\/\/zfl-lernen.de\/\",\"name\":\"ZfL Lernen\",\"description\":\"ZfL Offene Bildungsangebote\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/zfl-lernen.de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Interaktive grafische \u00dcbersicht - Draw Attention - ZfL Lernen","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/zfl-lernen.de\/en\/lernmaterial_erstellen_wordpress\/inhalte\/interaktive-grafische-uebersicht-drawattention\/","og_locale":"en_US","og_type":"article","og_title":"Interaktive grafische \u00dcbersicht - Draw Attention - ZfL Lernen","og_url":"https:\/\/zfl-lernen.de\/en\/lernmaterial_erstellen_wordpress\/inhalte\/interaktive-grafische-uebersicht-drawattention\/","og_site_name":"ZfL Lernen","article_publisher":"https:\/\/www.facebook.com\/zflkoeln","article_modified_time":"2024-04-17T07:27:56+00:00","og_image":[{"url":"https:\/\/zfl-lernen.de\/wp-content\/uploads\/DrawAttention_Menueleiste-300x143.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@Lehrer_innen","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/zfl-lernen.de\/lernmaterial_erstellen_wordpress\/inhalte\/interaktive-grafische-uebersicht-drawattention\/","url":"https:\/\/zfl-lernen.de\/lernmaterial_erstellen_wordpress\/inhalte\/interaktive-grafische-uebersicht-drawattention\/","name":"Interaktive grafische \u00dcbersicht - Draw Attention - ZfL Lernen","isPartOf":{"@id":"https:\/\/zfl-lernen.de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/zfl-lernen.de\/lernmaterial_erstellen_wordpress\/inhalte\/interaktive-grafische-uebersicht-drawattention\/#primaryimage"},"image":{"@id":"https:\/\/zfl-lernen.de\/lernmaterial_erstellen_wordpress\/inhalte\/interaktive-grafische-uebersicht-drawattention\/#primaryimage"},"thumbnailUrl":"https:\/\/zfl-lernen.de\/wp-content\/uploads\/DrawAttention_Menueleiste-300x143.png","datePublished":"2023-12-04T13:48:47+00:00","dateModified":"2024-04-17T07:27:56+00:00","breadcrumb":{"@id":"https:\/\/zfl-lernen.de\/lernmaterial_erstellen_wordpress\/inhalte\/interaktive-grafische-uebersicht-drawattention\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/zfl-lernen.de\/lernmaterial_erstellen_wordpress\/inhalte\/interaktive-grafische-uebersicht-drawattention\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/zfl-lernen.de\/lernmaterial_erstellen_wordpress\/inhalte\/interaktive-grafische-uebersicht-drawattention\/#primaryimage","url":"https:\/\/zfl-lernen.de\/wp-content\/uploads\/DrawAttention_Menueleiste-300x143.png","contentUrl":"https:\/\/zfl-lernen.de\/wp-content\/uploads\/DrawAttention_Menueleiste-300x143.png"},{"@type":"BreadcrumbList","@id":"https:\/\/zfl-lernen.de\/lernmaterial_erstellen_wordpress\/inhalte\/interaktive-grafische-uebersicht-drawattention\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/zfl-lernen.de\/"},{"@type":"ListItem","position":2,"name":"Lernmaterial erstellen mit WordPress","item":"https:\/\/zfl-lernen.de\/lernmaterial_erstellen_wordpress\/"},{"@type":"ListItem","position":3,"name":"Inhalte","item":"https:\/\/zfl-lernen.de\/lernmaterial_erstellen_wordpress\/inhalte\/"},{"@type":"ListItem","position":4,"name":"Interaktive grafische \u00dcbersicht – Draw Attention"}]},{"@type":"WebSite","@id":"https:\/\/zfl-lernen.de\/#website","url":"https:\/\/zfl-lernen.de\/","name":"ZfL Lernen","description":"ZfL Offene Bildungsangebote","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/zfl-lernen.de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/zfl-lernen.de\/en\/wp-json\/wp\/v2\/pages\/73559","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zfl-lernen.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zfl-lernen.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zfl-lernen.de\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/zfl-lernen.de\/en\/wp-json\/wp\/v2\/comments?post=73559"}],"version-history":[{"count":9,"href":"https:\/\/zfl-lernen.de\/en\/wp-json\/wp\/v2\/pages\/73559\/revisions"}],"predecessor-version":[{"id":81060,"href":"https:\/\/zfl-lernen.de\/en\/wp-json\/wp\/v2\/pages\/73559\/revisions\/81060"}],"up":[{"embeddable":true,"href":"https:\/\/zfl-lernen.de\/en\/wp-json\/wp\/v2\/pages\/73625"}],"wp:attachment":[{"href":"https:\/\/zfl-lernen.de\/en\/wp-json\/wp\/v2\/media?parent=73559"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zfl-lernen.de\/en\/wp-json\/wp\/v2\/categories?post=73559"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zfl-lernen.de\/en\/wp-json\/wp\/v2\/tags?post=73559"},{"taxonomy":"kooperation","embeddable":true,"href":"https:\/\/zfl-lernen.de\/en\/wp-json\/wp\/v2\/kooperation?post=73559"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}