{"id":25,"date":"2025-10-13T10:36:03","date_gmt":"2025-10-13T08:36:03","guid":{"rendered":"https:\/\/cmsgrass.de\/slider\/?page_id=25"},"modified":"2025-10-21T12:29:46","modified_gmt":"2025-10-21T10:29:46","slug":"teste-slider","status":"publish","type":"page","link":"https:\/\/cmsgrass.de\/slider\/","title":{"rendered":"Einsatz von Slidern"},"content":{"rendered":"\n<h3 class=\"wp-block-heading has-medium-font-size\" id=\"start\"><strong> Was sind Slider und warum werden sie eingesetzt?<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Slider<\/strong> oder&nbsp;Karussell,&nbsp;Slideshow, Content-Slider, sind interaktive Gestaltungselemente auf Websites, die Inhalte in Form von Bild- oder Textfolgen nacheinander anzeigen. Sie kommen besonders h\u00e4ufig auf Startseiten, Landingpages oder Produktseiten zum Einsatz, da sie mehrere Informationen oder visuelle Eindr\u00fccke auf engem Raum b\u00fcndeln k\u00f6nnen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Slider bietet die M\u00f6glichkeit,&nbsp;visuelle Dynamik&nbsp;in eine Website zu bringen und verschiedene Themen, Produkte oder Botschaften&nbsp;abwechslungsreich&nbsp;zu pr\u00e4sentieren. Durch \u00dcberg\u00e4nge, Effekte und Steuerungselemente (wie Pfeile oder Thumbnails) entsteht ein modernes, interaktives Nutzererlebnis. Gerade in der heutigen, schnelllebigen Medienwelt helfen Slider dabei, Aufmerksamkeit zu erzeugen \u2013 besonders bei der ersten Begegnung mit einer Seite.<\/p>\n\n\n\n<p class=\"has-vivid-red-color has-text-color has-link-color wp-elements-84b5b1ef1999ea95cd35db74599ce659 wp-block-paragraph\">Aufgabenbeschreibung: Installiert euch den Smart Slider, Ultimate Slider und die Meta Gallery \u00fcber die Plugins in WordPress. Niemand will daf\u00fcr Geld ausgeben, nutzt nur die Free-Version. Erstellt eine rudiment\u00e4re Seite z.B. \u00fcber das Theme Astra oder ein anderes Theme. Das Theme steht in dieser \u00dcbung nicht im Vordergrund. Integriert dort die drei Slider \u00fcber Short Codes und vergleicht diese. Beantwortet schriftlich folgende Fragen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-vivid-red-color has-text-color has-link-color wp-elements-acf4d6f96e76284c13e8c5279be8f92d\">Welche M\u00f6glichkeiten bieten die drei Slider?<\/li>\n\n\n\n<li class=\"has-vivid-red-color has-text-color has-link-color wp-elements-47d43a8f0b8f54ba80730779b56abff5\">Welche Unterschiede zeigen die drei Slider?<\/li>\n\n\n\n<li class=\"has-vivid-red-color has-text-color has-link-color wp-elements-2fb0ce1f20aa6229171ff00935bfbb30\">Welcher Slider spricht euch am meisten an?<\/li>\n\n\n\n<li class=\"has-vivid-red-color has-text-color has-link-color wp-elements-189aa3fcb3e013f50757052342524a10\">Welche Probleme ergeben sich, wenn man mit Free-Versionen arbeitet?<\/li>\n<\/ul>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" id=\"smart\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-large-font-size wp-block-paragraph\"><strong> Smart Slider 3<\/strong><\/p>\n\n\n\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-vivid-red-color has-text-color has-link-color wp-elements-2950817ba2369a6ca0afdd3ec76c828b wp-block-paragraph\"><strong>Aufgabe: <\/strong>Erstelle einen Smart Slider, der exakt das gleiche Aussehen hat wie dieser oben. Der Slider soll: nicht bis zum Rand laufen (also: boxed), nicht automatisch ablaufen, sondern nur bei Klick auf die Pfeile, die Pfeilart und Position soll wie oben angepasst werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Typische Einsatzbereiche f\u00fcr Slider sind:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Die Pr\u00e4sentation mehrerer Bildergalerien oder Projektbeispiele<\/li>\n\n\n\n<li>Das Bewerben von Angeboten oder Kampagnen<\/li>\n\n\n\n<li>Das Hervorheben von&nbsp;aktuellen Inhalten&nbsp;oder&nbsp;wichtigen Informationen<\/li>\n\n\n\n<li>Das Erz\u00e4hlen von Geschichten in mehreren visuellen Schritten (\u201eStorytelling\u201c)<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Damit Slider gut funktionieren, m\u00fcssen jedoch auch einige Punkte beachtet werden:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Die Inhalte sollten&nbsp;kompakt und verst\u00e4ndlich&nbsp;sein, da Besucher*innen nicht immer alle Slides durchklicken.<\/li>\n\n\n\n<li>Die Slider m\u00fcssen&nbsp;barrierefrei und mobil optimiert&nbsp;sein \u2013 also auch auf Smartphones intuitiv bedienbar.<\/li>\n\n\n\n<li>Die&nbsp;Ladezeiten&nbsp;d\u00fcrfen nicht durch zu gro\u00dfe Bilder oder zu viele Effekte beeintr\u00e4chtigt werden.<\/li>\n\n\n\n<li>Nutzer:innen sollten jederzeit die&nbsp;Kontrolle&nbsp;haben \u2013 z.\u202fB. durch eine manuelle Navigation oder Pause-Funktionen.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Slider sind ein beliebtes und flexibles Gestaltungsmittel im Webdesign, aber sie sollten&nbsp;gezielt&nbsp;eingesetzt werden. Wenn gut umgesetzt, tragen sie zu einer professionellen und modernen Website bei \u2013 sowohl funktional als auch visuell.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" id=\"image\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-large-font-size wp-block-paragraph\"><strong>Ultimate Slider<\/strong><\/p>\n\n\n<script type=\"text\/javascript\">\r\ndocument.addEventListener(\"DOMContentLoaded\", function(event) { \r\n\tjQuery( '#slider-pro-3-76' ).sliderPro({\r\n\t\t\/\/width\r\n\t\t\t\twidth: 1200,\r\n\t\t\t\t\r\n\t\t\/\/height\r\n\t\t\t\theight: 700,\r\n\t\t\t\t\r\n\t\t\/\/auto play\r\n\t\t\t\tautoplay:  true,\r\n\t\tautoplayOnHover: 'none',\r\n\t\t\t\t\t\t\t\tautoplayDelay: 3000,\r\n\t\t\r\n\t\t\r\n\t\tarrows: true,\r\n\t\tbuttons: true,\r\n\t\tsmallSize: 500,\r\n\t\tmediumSize: 1000,\r\n\t\tlargeSize: 3000,\r\n\t\tfade: true,\r\n\t\t\r\n\t\t\/\/thumbnail\r\n\t\tthumbnailArrows: true,\r\n\t\tthumbnailWidth: 50,\r\n\t\tthumbnailHeight: 50,\r\n\t\t\t\t\t\tthumbnailsPosition: 'bottom',\r\n\t\t\t\t\t\tcenterImage: true,\r\n\t\timageScaleMode: 'cover',\r\n\t\tallowScaleUp: true,\r\n\t\t\t\tstartSlide: 0,\r\n\t\tloop: true,\r\n\t\tslideDistance: 5,\r\n\t\tautoplayDirection: 'normal',\r\n\t\ttouchSwipe: true,\r\n\t\tfullScreen: true,\r\n\t});\r\n});\r\n<\/script>\r\n\r\n\t\t<div id=\"slider-pro-3-76\" class=\"slider-pro\">\r\n\t\t\t<!---- slides div start ---->\r\n\t\t\t<div class=\"sp-slides\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"sp-slide\">\r\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-image\" loading=\"lazy\" alt=\"\" src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/plugins\/ultimate-responsive-image-slider\/assets\/css\/images\/blank.gif\" data-src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/IMG_8709.jpg\" \/>\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sp-slide\">\r\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-image\" loading=\"lazy\" alt=\"\" src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/plugins\/ultimate-responsive-image-slider\/assets\/css\/images\/blank.gif\" data-src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/IMG_7877.jpg\" \/>\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sp-slide\">\r\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-image\" loading=\"lazy\" alt=\"\" src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/plugins\/ultimate-responsive-image-slider\/assets\/css\/images\/blank.gif\" data-src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/IMG_7985.jpg\" \/>\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sp-slide\">\r\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-image\" loading=\"lazy\" alt=\"\" src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/plugins\/ultimate-responsive-image-slider\/assets\/css\/images\/blank.gif\" data-src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/IMG_7955.jpg\" \/>\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sp-slide\">\r\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-image\" loading=\"lazy\" alt=\"\" src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/plugins\/ultimate-responsive-image-slider\/assets\/css\/images\/blank.gif\" data-src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/IMG_3028.jpg\" \/>\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sp-slide\">\r\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-image\" loading=\"lazy\" alt=\"\" src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/plugins\/ultimate-responsive-image-slider\/assets\/css\/images\/blank.gif\" data-src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/IMG_2842.jpg\" \/>\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sp-slide\">\r\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-image\" loading=\"lazy\" alt=\"\" src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/plugins\/ultimate-responsive-image-slider\/assets\/css\/images\/blank.gif\" data-src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/IMG_2776.jpg\" \/>\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sp-slide\">\r\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-image\" loading=\"lazy\" alt=\"\" src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/plugins\/ultimate-responsive-image-slider\/assets\/css\/images\/blank.gif\" data-src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/IMG_1153.jpg\" \/>\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sp-slide\">\r\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-image\" loading=\"lazy\" alt=\"\" src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/plugins\/ultimate-responsive-image-slider\/assets\/css\/images\/blank.gif\" data-src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/IMG_1524.jpg\" \/>\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sp-slide\">\r\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-image\" loading=\"lazy\" alt=\"\" src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/plugins\/ultimate-responsive-image-slider\/assets\/css\/images\/blank.gif\" data-src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/FullSizeRender.jpg\" \/>\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sp-slide\">\r\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-image\" loading=\"lazy\" alt=\"\" src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/plugins\/ultimate-responsive-image-slider\/assets\/css\/images\/blank.gif\" data-src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/IMG_1510.jpg\" \/>\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\r\n\t\t\t<!---- slides div end ---->\r\n\t\t\t\t\t\t<!-- slides thumbnails div start -->\r\n\t\t\t<div class=\"sp-thumbnails\">\r\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-thumbnail\" loading=\"lazy\" src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/plugins\/ultimate-responsive-image-slider\/assets\/img\/loading.gif\" data-src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/IMG_8709-300x225.jpg\" alt=\"\"\/>\r\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-thumbnail\" loading=\"lazy\" src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/plugins\/ultimate-responsive-image-slider\/assets\/img\/loading.gif\" data-src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/IMG_7877-300x225.jpg\" alt=\"\"\/>\r\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-thumbnail\" loading=\"lazy\" src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/plugins\/ultimate-responsive-image-slider\/assets\/img\/loading.gif\" data-src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/IMG_7985-300x225.jpg\" alt=\"\"\/>\r\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-thumbnail\" loading=\"lazy\" src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/plugins\/ultimate-responsive-image-slider\/assets\/img\/loading.gif\" data-src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/IMG_7955-300x225.jpg\" alt=\"\"\/>\r\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-thumbnail\" loading=\"lazy\" src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/plugins\/ultimate-responsive-image-slider\/assets\/img\/loading.gif\" data-src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/IMG_3028-300x225.jpg\" alt=\"\"\/>\r\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-thumbnail\" loading=\"lazy\" src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/plugins\/ultimate-responsive-image-slider\/assets\/img\/loading.gif\" data-src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/IMG_2842-300x225.jpg\" alt=\"\"\/>\r\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-thumbnail\" loading=\"lazy\" src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/plugins\/ultimate-responsive-image-slider\/assets\/img\/loading.gif\" data-src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/IMG_2776-300x225.jpg\" alt=\"\"\/>\r\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-thumbnail\" loading=\"lazy\" src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/plugins\/ultimate-responsive-image-slider\/assets\/img\/loading.gif\" data-src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/IMG_1153-300x225.jpg\" alt=\"\"\/>\r\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-thumbnail\" loading=\"lazy\" src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/plugins\/ultimate-responsive-image-slider\/assets\/img\/loading.gif\" data-src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/IMG_1524-300x225.jpg\" alt=\"\"\/>\r\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-thumbnail\" loading=\"lazy\" src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/plugins\/ultimate-responsive-image-slider\/assets\/img\/loading.gif\" data-src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/FullSizeRender-300x225.jpg\" alt=\"\"\/>\r\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"sp-thumbnail\" loading=\"lazy\" src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/plugins\/ultimate-responsive-image-slider\/assets\/img\/loading.gif\" data-src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/IMG_1510-300x225.jpg\" alt=\"\"\/>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!-- slides thumbnails div end -->\r\n\t\t<\/div>\r\n\t\t<style>\r\n\/* Layout 3 *\/\r\n\/* border *\/\r\n#slider-pro-3-76 .sp-selected-thumbnail {\r\n\tborder: 4px solid #000000;\r\n}\r\n\r\n\/* font + color *\/\r\n.title-in  {\r\n\tfont-family: Arial !important;\r\n\tcolor: #FFFFFF !important;\r\n\tbackground-color: #000000 !important;\r\n\topacity: 0.7 !important;\r\n}\r\n.desc-in  {\r\n\tfont-family: Arial !important;\r\n\tcolor: #FFFFFF !important;\r\n\tbackground-color: #00000 !important;\r\n\topacity: 0.7 !important;\r\n}\r\n\r\n\/* bullets color *\/\r\n.sp-button  {\r\n\tborder: 2px solid #000000 !important;\r\n}\r\n.sp-selected-button  {\r\n\tbackground-color: #000000 !important;\r\n}\r\n\r\n\/* pointer color - bottom *\/\r\n.sp-selected-thumbnail::before {\r\n\tborder-bottom: 5px solid #000000 !important;\r\n}\r\n.sp-selected-thumbnail::after {\r\n\tborder-bottom: 13px solid #000000 !important;\r\n}\r\n\r\n\/* pointer color - top *\/\r\n\r\n\/* full screen icon *\/\r\n.sp-full-screen-button::before {\r\n    color: #FFFFFF !important;\r\n}\r\n\r\n\/* hover navigation icon color *\/\r\n.sp-next-arrow::after, .sp-next-arrow::before {\r\n\tbackground-color: #FFFFFF !important;\r\n}\r\n.sp-previous-arrow::after, .sp-previous-arrow::before {\r\n\tbackground-color: #FFFFFF !important;\r\n}\r\n\r\n#slider-pro-3-76 .title-in {\r\n\tcolor: #FFFFFF !important;\r\n\tfont-weight: bolder;\r\n\ttext-align: center;\r\n}\r\n\r\n#slider-pro-3-76 .title-in-bg {\r\n\tbackground: rgba(255, 255, 255, 0.7); !important;\r\n\twhite-space: unset !important;\r\n\ttransform: initial !important;\r\n\t-webkit-transform: initial !important;\r\n\tfont-size: 14px !important;\r\n}\r\n\r\n#slider-pro-3-76 .desc-in {\r\n\tcolor: #FFFFFF !important;\r\n\ttext-align: center;\r\n}\r\n#slider-pro-3-76 .desc-in-bg {\r\n\tbackground: rgba(#00000, 0.7) !important;\r\n\twhite-space: unset !important;\r\n\ttransform: initial !important;\r\n\t-webkit-transform: initial !important;\r\n\tfont-size: 13px !important;\r\n}\r\n\r\n@media (max-width: 640px) {\r\n\t#slider-pro-3-76 .hide-small-screen {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n@media (max-width: 860px) {\r\n\t#slider-pro-3-76 .sp-layer {\r\n\t\tfont-size: 18px;\r\n\t}\r\n\t\r\n\t#slider-pro-3-76 .hide-medium-screen {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n.slides-not-found {\r\n\tbackground-color: #a92929;\r\n\tborder-radius: 5px;\r\n\tcolor: #fff;\r\n\tfont-family: initial;\r\n\ttext-align: center;\r\n\tpadding:12px;\r\n}\r\n\/* Custom CSS *\/\r\n<\/style>\r\n\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-vivid-red-color has-text-color has-link-color wp-elements-7a5166d987d1810f832c6b3e76c606b4 wp-block-paragraph\"><strong>Aufgabe: <\/strong>Erstelle einen UltimateSlider, der exakt das gleiche Aussehen hat wie dieser oben. Der Slider soll: nicht bis zum Rand laufen (1200px), automatisch ablaufen, Thumbnails zeigen, Punkte zeigen, die Pfeilart und Position soll ebenfalls wie oben angepasst werden.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-ast-global-color-3-color has-text-color has-link-color has-large-font-size wp-elements-381d177ee4e98c916c4970d6e3100d4f\" id=\"meta\">Meta Gallery<\/h2>\n\n\n\t\t<div class=\"msacwl-carousel-wrap msacwl-row-clearfix \" data-conf=\"{&quot;slide_to_show&quot;:2,&quot;slide_to_scroll&quot;:1,&quot;autoplay&quot;:&quot;true&quot;,&quot;autoplay_speed&quot;:3000,&quot;speed&quot;:300,&quot;arrows&quot;:&quot;true&quot;,&quot;dots&quot;:&quot;true&quot;,&quot;lazyload&quot;:&quot;&quot;}\">\r\n\t\t\t<div id=\"msacwl-carousel-1\" class=\"msacwl-carousel msacwl-common-slider msacwl-slider-popup\">\r\n\t\t\t\t\t\t\t\t<div class=\"msacwl-carousel-slide msacwl-slide\" data-item-index=\"1\" >\r\n\r\n\t\t\t\t\t<a class=\"msacwl-img-link\" href=\"javascript:void(0);\" data-mfp-src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/IMG_8709.jpg\">\r\n\t\t\t\t\t\t<img decoding=\"async\" class=\"msacwl-img\" src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/IMG_8709.jpg\"  data-title=\"\" alt=\"\" \/>\r\n\t\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"msacwl-gallery-caption\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"image_title\"><\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"msacwl-carousel-slide msacwl-slide\" data-item-index=\"2\" >\r\n\r\n\t\t\t\t\t<a class=\"msacwl-img-link\" href=\"javascript:void(0);\" data-mfp-src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/IMG_7985.jpg\">\r\n\t\t\t\t\t\t<img decoding=\"async\" class=\"msacwl-img\" src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/IMG_7985.jpg\"  data-title=\"\" alt=\"\" \/>\r\n\t\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"msacwl-gallery-caption\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"image_title\"><\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"msacwl-carousel-slide msacwl-slide\" data-item-index=\"3\" >\r\n\r\n\t\t\t\t\t<a class=\"msacwl-img-link\" href=\"javascript:void(0);\" data-mfp-src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/IMG_7955.jpg\">\r\n\t\t\t\t\t\t<img decoding=\"async\" class=\"msacwl-img\" src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/IMG_7955.jpg\"  data-title=\"\" alt=\"\" \/>\r\n\t\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"msacwl-gallery-caption\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"image_title\"><\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"msacwl-carousel-slide msacwl-slide\" data-item-index=\"4\" >\r\n\r\n\t\t\t\t\t<a class=\"msacwl-img-link\" href=\"javascript:void(0);\" data-mfp-src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/IMG_7877.jpg\">\r\n\t\t\t\t\t\t<img decoding=\"async\" class=\"msacwl-img\" src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/IMG_7877.jpg\"  data-title=\"\" alt=\"\" \/>\r\n\t\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"msacwl-gallery-caption\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"image_title\"><\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"msacwl-carousel-slide msacwl-slide\" data-item-index=\"5\" >\r\n\r\n\t\t\t\t\t<a class=\"msacwl-img-link\" href=\"javascript:void(0);\" data-mfp-src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/IMG_3028.jpg\">\r\n\t\t\t\t\t\t<img decoding=\"async\" class=\"msacwl-img\" src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/IMG_3028.jpg\"  data-title=\"\" alt=\"\" \/>\r\n\t\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"msacwl-gallery-caption\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"image_title\"><\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"msacwl-carousel-slide msacwl-slide\" data-item-index=\"6\" >\r\n\r\n\t\t\t\t\t<a class=\"msacwl-img-link\" href=\"javascript:void(0);\" data-mfp-src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/IMG_2842.jpg\">\r\n\t\t\t\t\t\t<img decoding=\"async\" class=\"msacwl-img\" src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/IMG_2842.jpg\"  data-title=\"\" alt=\"\" \/>\r\n\t\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"msacwl-gallery-caption\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"image_title\"><\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"msacwl-carousel-slide msacwl-slide\" data-item-index=\"7\" >\r\n\r\n\t\t\t\t\t<a class=\"msacwl-img-link\" href=\"javascript:void(0);\" data-mfp-src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/IMG_2776.jpg\">\r\n\t\t\t\t\t\t<img decoding=\"async\" class=\"msacwl-img\" src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/IMG_2776.jpg\"  data-title=\"\" alt=\"\" \/>\r\n\t\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"msacwl-gallery-caption\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"image_title\"><\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"msacwl-carousel-slide msacwl-slide\" data-item-index=\"8\" >\r\n\r\n\t\t\t\t\t<a class=\"msacwl-img-link\" href=\"javascript:void(0);\" data-mfp-src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/IMG_1524.jpg\">\r\n\t\t\t\t\t\t<img decoding=\"async\" class=\"msacwl-img\" src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/IMG_1524.jpg\"  data-title=\"\" alt=\"\" \/>\r\n\t\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"msacwl-gallery-caption\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"image_title\"><\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"msacwl-carousel-slide msacwl-slide\" data-item-index=\"9\" >\r\n\r\n\t\t\t\t\t<a class=\"msacwl-img-link\" href=\"javascript:void(0);\" data-mfp-src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/IMG_1510.jpg\">\r\n\t\t\t\t\t\t<img decoding=\"async\" class=\"msacwl-img\" src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/IMG_1510.jpg\"  data-title=\"\" alt=\"\" \/>\r\n\t\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"msacwl-gallery-caption\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"image_title\"><\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"msacwl-carousel-slide msacwl-slide\" data-item-index=\"10\" >\r\n\r\n\t\t\t\t\t<a class=\"msacwl-img-link\" href=\"javascript:void(0);\" data-mfp-src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/IMG_1153.jpg\">\r\n\t\t\t\t\t\t<img decoding=\"async\" class=\"msacwl-img\" src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/IMG_1153.jpg\"  data-title=\"\" alt=\"\" \/>\r\n\t\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"msacwl-gallery-caption\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"image_title\"><\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"msacwl-carousel-slide msacwl-slide\" data-item-index=\"11\" >\r\n\r\n\t\t\t\t\t<a class=\"msacwl-img-link\" href=\"javascript:void(0);\" data-mfp-src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/FullSizeRender.jpg\">\r\n\t\t\t\t\t\t<img decoding=\"async\" class=\"msacwl-img\" src=\"https:\/\/cmsgrass.de\/slider\/wp-content\/uploads\/2025\/10\/FullSizeRender.jpg\"  data-title=\"\" alt=\"\" \/>\r\n\t\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"msacwl-gallery-caption\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"image_title\"><\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-vivid-red-color has-text-color has-link-color wp-elements-6db0b55890cbd9ea8fe8b59cb22da6c5 wp-block-paragraph\"><strong>Aufgabe: <\/strong>Erstellt eine Meta Gallery! Hier habt ihr alle M\u00f6glichkeiten, lass eurer Kreativit\u00e4t freien Lauf. Gr\u00f6\u00dfe, Bildwechsel, Zeitdauer, Pfeile, Thumbnails? Entscheidet ihr!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Was sind Slider und warum werden sie eingesetzt? Slider oder&nbsp;Karussell,&nbsp;Slideshow, Content-Slider, sind interaktive Gestaltungselemente auf Websites, die Inhalte in Form [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"disabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-25","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cmsgrass.de\/slider\/wp-json\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cmsgrass.de\/slider\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cmsgrass.de\/slider\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cmsgrass.de\/slider\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cmsgrass.de\/slider\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":10,"href":"https:\/\/cmsgrass.de\/slider\/wp-json\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":327,"href":"https:\/\/cmsgrass.de\/slider\/wp-json\/wp\/v2\/pages\/25\/revisions\/327"}],"wp:attachment":[{"href":"https:\/\/cmsgrass.de\/slider\/wp-json\/wp\/v2\/media?parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}