{"id":3342,"date":"2026-06-11T14:10:27","date_gmt":"2026-06-11T14:10:27","guid":{"rendered":"https:\/\/help.excelerate.app\/?post_type=docs&p=3342"},"modified":"2026-06-12T14:48:24","modified_gmt":"2026-06-12T14:48:24","password":"","slug":"h","status":"publish","type":"docs","link":"https:\/\/help.excelerate.app\/en\/help\/h\/","title":{"rendered":"Highlight"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Application<\/h2>

Use the highlight element to draw attention to key information. Refer to the step-by-step guide to understand how to set up and manage the highlight element.<\/p><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

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

Add Highlight Element<\/h2>

Drag the highlight element into a module.<\/p><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

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

Image Highlight Settings \u2013 Part 1<\/h2>

Look at the hotspots to see what setting options you have for the \u201eImage\u201c type.<\/p><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t
\n \n
\n
\n
\n 1 <\/div>\n
\n
Art Picture<\/div>\n
Click \u201eImage\u201c so your highlight consists of only one image.<\/div>\n <\/div>\n <\/div>\n
\n
\n 2 <\/div>\n
\n
Layout<\/div>\n
Decide whether to use the \u201eClassic\u201c layout or display your image in a mockup.<\/div>\n <\/div>\n <\/div>\n
\n
\n 3 <\/div>\n
\n
Layout settings<\/div>\n
Decide whether your image should be displayed full screen and whether the image corners should be rounded.<\/div>\n <\/div>\n <\/div>\n
\n
\n 4 <\/div>\n
\n
Picture<\/div>\n
Add an image from the media library to your highlight or upload a new one.<\/div>\n <\/div>\n <\/div>\n
\n
\n 5 <\/div>\n
\n
Coverage<\/div>\n
Decide if your image should be covered. If so, you can also choose whether it is covered in light or dark.<\/div>\n <\/div>\n <\/div>\n
\n
\n 6 <\/div>\n
\n
Audio<\/div>\n
Decide if your highlight gets audio that learners can turn on and off, while they discover the highlight element.<\/div>\n <\/div>\n <\/div>\n
\n
\n 7 <\/div>\n
\n
Highlights<\/div>\n
Move, delete, or click on it to edit a highlight. We'll show you which settings are available there in Part 2.<\/div>\n <\/div>\n <\/div>\n
\n
\n 8 <\/div>\n
\n
Add highlight<\/div>\n
Add a new highlight by clicking \u201eAdd Highlight.\u201c.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\t\t <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Highlight Settings \u2013 Part 2<\/h2>

Look at the hotspots to see what options you have for customizing a highlight.<\/p><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t
\n \n
\n
\n
\n 1 <\/div>\n
\n
Highlight Form<\/div>\n
Decide if the starting shape of the highlight should be a rectangle or a circle.<\/div>\n <\/div>\n <\/div>\n
\n
\n 2 <\/div>\n
\n
Set up hotspots<\/div>\n
Check out the Hotspot help page to understand the setup of the Hotspot settings.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\t\t <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"

Anwendung Verwende das Highlight-Element, um die Aufmerksamkeit auf zentrale Informationen zu lenken. Schau dir daf\u00fcr die Schritt f\u00fcr Schritt Anleitung an, um zu verstehen, wie man das Highlight Element einstellt und verwaltet. Highlight Element hinzuf\u00fcgen Ziehe das Highlight Element in einem Modul hinein. Bild Highlight Einstellungen\u00a0 – Teil 1 Schau dir die Hotspots an, um […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[11],"doc_tag":[],"class_list":["post-3342","docs","type-docs","status-publish","hentry","doc_category-inhaltselemente"],"year_month":"2026-08","word_count":268,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Excelerate","author_nicename":"excelerate","author_url":"https:\/\/help.excelerate.app\/en\/author\/excelerate\/"},"doc_category_info":[{"term_name":"Creator - Inhalt - Elemente","term_url":"https:\/\/help.excelerate.app\/en\/docs-category\/inhaltselemente\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/docs\/3342","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/comments?post=3342"}],"version-history":[{"count":37,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/docs\/3342\/revisions"}],"predecessor-version":[{"id":3753,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/docs\/3342\/revisions\/3753"}],"wp:attachment":[{"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/media?parent=3342"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/doc_category?post=3342"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/doc_tag?post=3342"}],"curies":[{"name":"WP","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}