{"id":10674,"date":"2023-05-16T14:43:50","date_gmt":"2023-05-16T12:43:50","guid":{"rendered":"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/?page_id=10674"},"modified":"2026-02-27T15:07:37","modified_gmt":"2026-02-27T14:07:37","slug":"courseware-abschnitte","status":"publish","type":"page","link":"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/courseware-abschnitte\/","title":{"rendered":"Gestaltungselement Abschnitt"},"content":{"rendered":"\n<div class=\"et_pb_section_0 et_pb_section et_section_regular et_block_section\"><div class=\"et_pb_row_0 et_pb_row et_pb_row_1-4_3-4 et_block_row et_block_row_1-4_3-4\"><div class=\"et_pb_column_0 et_pb_column et_pb_column_1_4 et_block_column et_pb_css_mix_blend_mode_passthrough\"><div class=\"et_pb_module et_pb_button_module_wrapper et_pb_button_0_wrapper\"><a class=\"et_pb_button_0 et_pb_button et_pb_bg_layout_light et_animated et_pb_module et_block_module taste\" href=\"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/basis-courseware\/\">Startseite Courseware Hilfe<\/a><\/div><div class=\"et_pb_module et_pb_button_module_wrapper et_pb_button_1_wrapper\"><a class=\"et_pb_button_1 et_pb_button et_pb_bg_layout_light et_animated et_pb_module et_block_module taste\" href=\"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/courseware-fuer-eilige\">Courseware f\u00fcr Eilige<\/a><\/div><div class=\"et_pb_module et_pb_button_module_wrapper et_pb_button_2_wrapper\"><a class=\"et_pb_button_2 et_pb_button et_pb_bg_layout_light et_animated et_pb_module et_block_module taste\" href=\"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/courseware-aktivieren\/\">Lernmaterial anlegen \/ hinzuf\u00fcgen<\/a><\/div><div class=\"et_pb_module et_pb_button_module_wrapper et_pb_button_3_wrapper\"><a class=\"et_pb_button_3 et_pb_button et_pb_bg_layout_light et_animated et_pb_module et_block_module taste\" href=\"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/lernmaterialien-teilen\/\">Lernmaterialien teilen<\/a><\/div><div class=\"et_pb_module et_pb_button_module_wrapper et_pb_button_4_wrapper\"><a class=\"et_pb_button_4 et_pb_button et_pb_bg_layout_light et_animated et_pb_module et_block_module taste\" href=\"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/courseware-bedienung\">Men\u00fc- und Navigationsfunktionen<\/a><\/div><div class=\"et_pb_module et_pb_button_module_wrapper et_pb_button_5_wrapper\"><a class=\"et_pb_button_5 et_pb_button et_pb_bg_layout_light et_animated et_pb_module et_block_module taste\" href=\"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/gestaltungselement-seite\/\">Gestaltungselement Seite<\/a><\/div><div class=\"et_pb_module et_pb_button_module_wrapper et_pb_button_6_wrapper\"><a class=\"et_pb_button_6 et_pb_button et_pb_bg_layout_light et_animated et_pb_module et_block_module taste\" href=\"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/courseware-abschnitte\/\">Gestaltungselement Abschnitt<\/a><\/div><div class=\"et_pb_module et_pb_button_module_wrapper et_pb_button_7_wrapper\"><a class=\"et_pb_button_7 et_pb_button et_pb_bg_layout_light et_animated et_pb_module et_block_module taste\" href=\"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/courseware-bloecke\/\">Gestaltungselement Block<\/a><\/div><div class=\"et_pb_module et_pb_button_module_wrapper et_pb_button_8_wrapper\"><a class=\"et_pb_button_8 et_pb_button et_pb_bg_layout_light et_animated et_pb_module et_block_module taste\" href=\"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/aufgaben-in-courseware\/\">Aufgaben gestalten in Courseware<\/a><\/div><\/div><div class=\"et_pb_column_1 et_pb_column et_pb_column_3_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\"><div class=\"et_pb_post_title_0 et_pb_post_title et_pb_bg_layout_light et_pb_text_align_center et_pb_module et_block_module\"><div class=\"et_pb_title_container\"><h1 class=\"entry-title\">Gestaltungselement Abschnitt<\/h1><\/div><\/div><div class=\"et_pb_text_0 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\" id=\"cw_abschnitt_accordion\"><div class=\"et_pb_text_inner\"><h4><strong><span style=\"color: #2e4a7c\">Abschnitte - Rahmen f\u00fcr den Inhalt<\/span><\/strong><\/h4>\n<p>Abschnitte dienen der Strukturierung der Seite. Um Inhalte auf eine Seite einf\u00fcgen zu k\u00f6nnen, ben\u00f6tigt man <strong>mindestens einen Abschnitt<\/strong>. Die Anzahl der Abschnitte auf einer Seite ist technisch nicht beschr\u00e4nkt. Sie haben die Auswahl zwischen drei Typen von Abschnitten: <a href=\"#cw_abschnitt_accordion\"><strong><span style=\"color: #2e4a7c\">Accordion<\/span><\/strong><\/a>, <a href=\"#cw_abschnitt_liste\"><strong><span style=\"color: #2e4a7c\">Liste<\/span><\/strong><\/a> und <a href=\"#cw_abschnitt_tabs\"><strong><span style=\"color: #2e4a7c\">Tabs<\/span><\/strong><\/a>. Diese werden weiter unten auf dieser Seite beschrieben.<\/p>\n<p>Im Folgenden wird beschrieben, wie Sie<\/p>\n<ul>\n<li><strong><a style=\"color: #2e4a7c\" href=\"#cw_abschnitt_hinzufuegen\">Abschnitte hinzuf\u00fcgen<\/a><\/strong><\/li>\n<li><strong><a style=\"color: #2e4a7c\" href=\"#cw_abschnitt_spaltenspanne\">verschiedene Spaltenbreiten<\/a><\/strong> f\u00fcr Abschnitte nutzen k\u00f6nnen<\/li>\n<li><strong><a style=\"color: #2e4a7c\" href=\"#cw_abschnitt_bearbeiten\">Abschnitte bearbeiten, ver\u00e4ndern, merken oder l\u00f6schen<\/a><\/strong><\/li>\n<li>sich <strong><a style=\"color: #2e4a7c\" href=\"#cw_abschnitt_merken\">Abschnitte merken<\/a><\/strong> und als Template wiederverwenden k\u00f6nnen<\/li>\n<li><strong><a style=\"color: #2e4a7c\" href=\"#cw_abschnitt_verschieben\">Abschnitte verschieben<\/a><\/strong><\/li>\n<li>die verschiedenen <strong><a style=\"color: #2e4a7c\" href=\"#cw_abschnitt_gestalten\">Abschnittstypen gestalten<\/a><\/strong><\/li>\n<\/ul>\n<\/div><\/div><div class=\"et_pb_text_1 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\" id=\"cw_abschnitt_accordion\"><div class=\"et_pb_text_inner\"><h4><strong><a id=\"cw_abschnitt_hinzufuegen\"><\/a><span style=\"color: #2e4a7c\">Abschnitte hinzuf\u00fcgen<\/span><\/strong><\/h4>\n<p>Sie f\u00fcgen einen Abschnitt ein, indem Sie die <strong>\u201eWerkzeugleiste\" (6) <\/strong>\u00f6ffnen.\u00a0<\/p>\n<\/div><\/div><div class=\"et_pb_image_0 et_pb_image et_pb_module et_block_module\"><span class=\"et_pb_image_wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/files\/Ueberblick_Courseware.png\" width=\"891\" height=\"359\" srcset=\"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/files\/Ueberblick_Courseware.png 891w, https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/files\/Ueberblick_Courseware-480x193.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 891px, 100vw\" class=\"wp-image-12825\" title=\"Bild: Eine Courseware besteht aus Seiten, Abschnitten und Bl\u00f6cken, die einzeln bearbeitet werden k\u00f6nnen.\" alt=\"Bild: Eine Courseware besteht aus Seiten, Abschnitten und Bl\u00f6cken, die einzeln bearbeitet werden k\u00f6nnen.\" \/><\/span><\/div><div class=\"et_pb_text_2 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\" id=\"cw_abschnitt_accordion\"><div class=\"et_pb_text_inner\"><p>Gehen Sie dann auf den Reiter <strong>\u201eAbschnitte\" (9)<\/strong>.<\/p>\n<\/div><\/div><div class=\"et_pb_image_1 et_pb_image et_pb_module et_block_module\"><span class=\"et_pb_image_wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/files\/01_abschnitte_einfuegen-1.png\" width=\"484\" height=\"522\" srcset=\"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/files\/01_abschnitte_einfuegen-1.png 484w, https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/files\/01_abschnitte_einfuegen-1-480x518.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 484px, 100vw\" class=\"wp-image-13077\" title=\"Bild: Abschnitte einf\u00fcgen\" alt=\"Bild: Abschnitte einf\u00fcgen\" \/><\/span><\/div><div class=\"et_pb_text_3 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\" id=\"cw_abschnitt_accordion\"><div class=\"et_pb_text_inner\"><p>Sie k\u00f6nnen die drei unterschiedlichen Abschnitte in den verschiedenen Spaltenbreiten darstellen. Abschnitte in andere Abschnitte einzuf\u00fcgen ist dagegen nicht m\u00f6glich.<\/p>\n<\/div><\/div><div class=\"et_pb_text_4 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\" id=\"cw_abschnitt_accordion\"><div class=\"et_pb_text_inner\"><p>&nbsp;<\/p>\n<h4><strong><a id=\"cw_abschnitt_spaltenspanne\"><\/a><span style=\"color: #2e4a7c\">Verschiedene Spaltenspannen<\/span><\/strong><\/h4>\n<p>Neben den verschiedenen Typen von Abschnitten gibt es auch noch <strong>unterschiedliche Spaltenspannen<\/strong>, in denen diese Typen auf eine Seite eingef\u00fcgt werden k\u00f6nnen.<\/p>\n<p class=\"vspace\"><strong>Standard<\/strong><br \/>In dieser Spaltenspanne nutzt der Abschnitt die volle Breite einer Seite, um Inhalte darzustellen.<\/p>\n<p class=\"vspace\"><strong>Halbe Breite<\/strong><br \/>Mit dieser Spaltenspanne nutzt der Abschnitt nur die halbe Breite. Es lassen sich somit zwei Abschnitte nebeneinander positionieren. Sollte der Bildschirm zu schmal sein, werden die Abschnitte untereinander dargestellt. Sie k\u00f6nnen beliebige Abschnitts-Typen miteinander kombinieren und nebeneinanderstellen.<\/p>\n<p class=\"vspace\"><strong>Halbe Breite (zentriert)<\/strong><br \/>Diese Spaltenspanne ist genauso breit wie Halbe Breite, jedoch wird der Abschnitt mittig im Inhaltsbereich positioniert.<\/p>\n<\/div><\/div><div class=\"et_pb_image_2 et_pb_image et_pb_module et_block_module\"><span class=\"et_pb_image_wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/files\/verschiedene_spaltenbreiten-1.png\" width=\"931\" height=\"293\" srcset=\"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/files\/verschiedene_spaltenbreiten-1.png 931w, https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/files\/verschiedene_spaltenbreiten-1-480x151.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 931px, 100vw\" class=\"wp-image-13098\" title=\"Bild: Beispiele f\u00fcr verschiedene Spaltenbreiten\" alt=\"Bild: Beispiele f\u00fcr verschiedene Spaltenbreiten\" \/><\/span><\/div><div class=\"et_pb_text_5 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\" id=\"cw_abschnitt_accordion\"><div class=\"et_pb_text_inner\"><h4><strong><span style=\"color: #2e4a7c\">Abschnitte bearbeiten, ver\u00e4ndern, merken oder l\u00f6schen<\/span><\/strong><\/h4>\n<p>Sie k\u00f6nnen Abschnitte \u00fcber das <strong>Aktionsmen\u00fc eines Abschnittes (4b)<\/strong> bearbeiten.<\/p>\n<p>\u00dcber das Aktionsmen\u00fc haben Sie folgende M\u00f6glichkeiten<\/p>\n<ul>\n<li><strong>Abschnitt bearbeiten<\/strong> (Tabs und Accordion)<img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-13064 size-full\" src=\"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/files\/abschnitte_aendern.png\" alt=\"Bild: Auswahlm\u00f6glichkeiten im Aktionsmen\u00fc f\u00fcr Abschntte\" width=\"175\" height=\"134\" \/><\/li>\n<li><strong>Abschnitt ver\u00e4ndern<\/strong>, hier k\u00f6nnen Sie einen anderen Abschnitts-Typen w\u00e4hlen oder die Spaltenbreite ver\u00e4ndern. Die Inhalte werden ins erste Fach eines Accordions oder Tabs platziert.<\/li>\n<li><strong>Abschnitt merken<\/strong>, Sie finden den Abschnitt in der Merkliste wieder.<\/li>\n<li><strong>Abschnitt l\u00f6schen<\/strong>, dieser Vorgang ist unwiderruflich<\/li>\n<\/ul>\n<\/div><\/div><div class=\"et_pb_text_6 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\" id=\"cw_abschnitt_accordion\"><div class=\"et_pb_text_inner\"><h4><strong><a id=\"cw_abschnitt_merken\"><\/a><span style=\"color: #2e4a7c\">Abschnitte merken<\/span><\/strong><\/h4>\n<p>Abschnitte merken ist eine M\u00f6glichkeit, einen Abschnitt mit allen darin enthaltenen Bl\u00f6cken an anderer Stelle neu zu platzieren. Diese Funktion hilft Ihnen, Abschnitte und Bl\u00f6cke zu kopieren, als Vorlagen oder Templates zu verwenden.<\/p>\n<p>Das Vorgehen ist sehr simpel. Wie oben beschrieben, k\u00f6nnen Sie einen Abschnitt in die Merkliste einf\u00fcgen. Gehen Sie zu der Stelle im Lernmaterial, wo der Abschnitt neu eingef\u00fcgt werden soll. \u00dcber die <strong>Werkzeugleiste (6)<\/strong> gelangen Sie zur <strong>Merkliste (11)<\/strong>. Dort finden Sie unterhalb der gemerkten Bl\u00f6cke auch Ihre gemerkten Abschnitte. Sie haben von allen Veranstaltungen und dem Arbeitsplatz aus Zugriff auf alle Elemente auf der Merkliste.<\/p>\n<p>Jeder Abschnitt und Block in der Merkliste besitzt ein eigenes Aktionsmen\u00fc. Dar\u00fcber k\u00f6nnen Sie<\/p>\n<ul>\n<li>einen gemerkten <strong>Abschnitt umbenennen<\/strong> und eine Beschreibung hinzuf\u00fcgen. Dies empfiehlt sich, um den \u00dcberblick zu behalten.<\/li>\n<li>den <strong>aktuellen Stand einf\u00fcgen<\/strong>, sollten Sie den Abschnitt oder Block ver\u00e4ndert haben.<\/li>\n<li>den <strong>Abschnitt<\/strong>\u00a0aus der Merkliste<strong> l\u00f6schen<\/strong>.<\/li>\n<\/ul>\n<\/div><\/div><div class=\"et_pb_image_3 et_pb_image et_pb_module et_block_module\"><span class=\"et_pb_image_wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/files\/merkliste_aufrufen.png\" width=\"549\" height=\"357\" srcset=\"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/files\/merkliste_aufrufen.png 549w, https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/files\/merkliste_aufrufen-480x312.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 549px, 100vw\" class=\"wp-image-13285\" title=\"Bild: Merkliste \u00f6ffnen\" alt=\"Bild: Merkliste \u00f6ffnen\" \/><\/span><\/div><div class=\"et_pb_text_7 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\" id=\"cw_abschnitt_accordion\"><\/div><div class=\"et_pb_text_8 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\" id=\"cw_abschnitt_accordion\"><div class=\"et_pb_text_inner\"><p>Dort k\u00f6nnen Sie auch den letzten Stand aktualisieren (\u201eAktuellen Stand einf\u00fcgen\") oder wenn Sie diesen Abschnitt als Template nicht mehr ben\u00f6tigen, auch l\u00f6schen.<\/p>\n<h4><strong><a id=\"cw_abschnitte_verschieben\"><\/a><span style=\"color: #2e4a7c\">Abschnitte verschieben<\/span><\/strong><\/h4>\n<p>Abschnitte k\u00f6nnen im Bearbeitungsmodus leicht via \"Drag and Drop\" \u00fcber den <strong>\u201eZiehgriff\u201c <\/strong>oder<strong> \u201eDrag handle\u201c <\/strong>oben links im Rahmen des Abschnittes angefasst und verschoben werden. Nutzen Sie die M\u00f6glichkeit, die Abschnitte und Bl\u00f6cke einzuklappen, damit behalten Sie die \u00dcbersicht.<\/p>\n<\/div><\/div><div class=\"et_pb_image_4 et_pb_image et_pb_module et_block_module\"><span class=\"et_pb_image_wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/files\/drag_n_drop_abschnitte.png\" width=\"604\" height=\"226\" srcset=\"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/files\/drag_n_drop_abschnitte.png 604w, https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/files\/drag_n_drop_abschnitte-480x180.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 604px, 100vw\" class=\"wp-image-13273\" title=\"Bild: Abschnitte verschieben.\" alt=\"Bild: Abschnitte verschieben.\" \/><\/span><\/div><div class=\"et_pb_text_9 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\" id=\"cw_abschnitt_accordion\"><div class=\"et_pb_text_inner\"><p>Bei Abschnitten halber Breite wird der obere Abschnitt zur linken Spalte, der untere Abschnitt zur rechten Spalte. Durch Verschieben erreichen Sie eine andere Anordnung der Spalten.<\/p>\n<\/div><\/div><\/div><\/div><div class=\"et_pb_row_1 et_pb_row et_pb_row_1-4_3-4 et_block_row et_block_row_1-4_3-4\"><div class=\"et_pb_column_2 et_pb_column et_pb_column_1_4 et_block_column et_pb_column_empty et_pb_css_mix_blend_mode_passthrough\"><\/div><div class=\"et_pb_column_3 et_pb_column et_pb_column_3_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\"><div class=\"et_pb_text_10 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\" id=\"cw_abschnitt_accordion\"><div class=\"et_pb_text_inner\"><h4><strong><a id=\"cw_abschnitt_gestalten\"><\/a><span style=\"color: #2e4a7c\">Abschnitte gestalten<\/span><\/strong><\/h4>\n<p>Ihnen stehen drei verschiedene Typen von Abschnitten zur Verf\u00fcgung. Die unterschiedlichen Typen erm\u00f6glichen es Ihnen, die Inhalte passend zu strukturieren. Sie k\u00f6nnen in jeden Abschnitt beliebig viele Bl\u00f6cke einbauen.<\/p>\n<\/div><\/div><div class=\"et_pb_text_11 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\"><div class=\"et_pb_text_inner\" data-et-mv-hidden-tablet=\"true\"><h5 style=\"color: #2e4a7c\"><a id=\"cw_abschnitt_accordion\"><\/a><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-10964 alignleft\" src=\"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/files\/2023_04_06_01_Abschnitte_Accordion.png\" alt=\"\" width=\"15\" height=\"15\" \/><strong>Abschnitt Accordion<\/strong><\/h5>\n<\/div><\/div><div class=\"et_pb_text_12 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\" id=\"cw_abschnitt_accordion\"><div class=\"et_pb_text_inner\"><p>Mit dem Abschnitt Accordion k\u00f6nnen Sie Inhalte vertikal strukturieren. Seiten k\u00f6nnen so \u00fcbersichtlich und kurz gehalten werden. Im Gegensatz zu dem Abschnittstyp \u201eTab\", der unten beschrieben wird, k\u00f6nnen die Inhalte, die f\u00fcr die Nutzer:innen relevant sind, gleichzeitig betrachtet werden. Diese Strukturierung ist deswegen interessant, wenn Sie verschiedene, vergleichbare Beispiele unterbringen m\u00f6chten. Um einen \u201eAccordion-Abschnitt\" zu gestalten, gehen Sie folgenderma\u00dfen vor:<\/p>\n<\/div><\/div><div class=\"et_pb_image_5 et_pb_image et_pb_module et_block_module\"><span class=\"et_pb_image_wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/files\/2023_04_05_01_Accordion_A.png\" width=\"976\" height=\"391\" srcset=\"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/files\/2023_04_05_01_Accordion_A.png 976w, https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/files\/2023_04_05_01_Accordion_A-480x192.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 976px, 100vw\" class=\"wp-image-10997\" title=\"Bild: Bearbeitung eines Abschnittes Accordion\" alt=\"Bild: Bearbeitung eines Abschnittes Accordion\" \/><\/span><\/div><div class=\"et_pb_text_13 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\" id=\"cw_abschnitt_accordion\"><div class=\"et_pb_text_inner\"><ol>\n<li>F\u00fcgen Sie den Abschnitt, wie oben beschrieben, ein.<\/li>\n<li><strong>Gehen Sie auf das \u201eDrei-Punkte-Men\u00fc\" des Abschnitts und w\u00e4hlen Sie \u201eAbschnitt bearbeiten\".<\/strong><\/li>\n<li>Es \u00f6ffnet sich ein Fenster, in dem Sie <strong>mindestens ein Fach anlegen m\u00fcssen, indem Sie einen Titel eingeben.<\/strong><\/li>\n<li>Optional w\u00e4hlen Sie ein passendes Icon.<\/li>\n<li>Mit \u201e+ Fach hinzuf\u00fcgen\" sind beliebig viele weitere F\u00e4cher m\u00f6glich.<\/li>\n<li>Mit \u201eFach l\u00f6schen\" k\u00f6nnen Sie F\u00e4cher auch wieder entfernen.<\/li>\n<li>Vergessen Sie nicht zu speichern!<\/li>\n<\/ol>\n<p><strong>ACHTUNG:<\/strong> Sie k\u00f6nnen aktuell die F\u00e4cher nicht im Nachhinein in ihrer Reihenfolge ver\u00e4ndern. Sie sollten sich somit die Reihenfolge im Vorfeld \u00fcberlegen.<\/p>\n<p>Nun k\u00f6nnen Sie in jedem Fach beliebig viele und beliebige Bl\u00f6cke einbauen. Die Bl\u00f6cke mit ihren Inhalten werden sichtbar, wenn Sie das entsprechende Fach aufklappen.<\/p>\n<p>&nbsp;<\/p>\n<\/div><\/div><div class=\"et_pb_image_6 et_pb_image et_pb_module et_block_module\"><span class=\"et_pb_image_wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/files\/2023_04_05_01_Accordion_B.png\" width=\"1254\" height=\"438\" srcset=\"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/files\/2023_04_05_01_Accordion_B.png 1254w, https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/files\/2023_04_05_01_Accordion_B-980x342.png 980w, https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/files\/2023_04_05_01_Accordion_B-480x168.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1254px, 100vw\" class=\"wp-image-10998\" title=\"Bild: Darstellung eines Abschnittes Accordion\" alt=\"Bild: Darstellung eines Abschnittes Accordion\" \/><\/span><\/div><div class=\"et_pb_text_14 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\"><div class=\"et_pb_text_inner\" data-et-mv-hidden-tablet=\"true\"><h5 style=\"color: #2e4a7c\"><a id=\"cw_abschnitt_liste\"><\/a><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-10965 alignleft\" src=\"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/files\/2023_04_06_01_Abschnitte_Liste.png\" alt=\"Listen-Symbol\" width=\"15\" height=\"15\" \/><strong>Abschnitt Liste<\/strong><\/h5>\n<\/div><\/div><div class=\"et_pb_text_15 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\" id=\"cw_abschnitt_accordion\"><div class=\"et_pb_text_inner\"><p>Listen sind die einfachsten und essentiellsten Abschnitte. F\u00fcgen Sie den Abschnitt Liste, wie oben beschrieben, der Seite hinzu.<\/p>\n<p>Alle Bl\u00f6cke werden untereinander angeordnet. Sie k\u00f6nnen beliebig viele Bl\u00f6cke in eine Liste einf\u00fcgen.<\/p>\n<\/div><\/div><div class=\"et_pb_text_16 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\"><div class=\"et_pb_text_inner\" data-et-mv-hidden-tablet=\"true\"><h5 style=\"color: #2e4a7c\"><a id=\"cw_abschnitt_tabs\"><\/a><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-10966 alignleft\" src=\"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/files\/2023_04_06_01_Abschnitte_Tabs.png\" alt=\"\" width=\"15\" height=\"15\" \/><strong>Abschnitt Tabs<\/strong><\/h5>\n<\/div><\/div><div class=\"et_pb_text_17 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\" id=\"cw_abschnitt_accordion\"><div class=\"et_pb_text_inner\"><p>Mit Tabs lassen sich Inhalte sehr gut horizontal strukturieren, die zu einem gr\u00f6\u00dferen Oberthema geh\u00f6ren. Die Nutzer:innen m\u00fcssen die Seite nicht verlassen und k\u00f6nnen sich dennoch durch mehrere Unterthemen durchklicken.<\/p>\n<p><strong>Vorteil:<\/strong> Mit Tabs k\u00f6nnen Sie eine thematische Leserichtung von links nach rechts vorgeben und damit Inhalte strukturieren.<\/p>\n<p><strong>Nachteil:<\/strong> Tabs tauchen nicht im Inhaltsverzeichnis auf. Die Suche springt nicht zu dem Tab, wo sich das Suchwort befindet, sondern zeigt nur die Seite mit dem ersten Tab an.<\/p>\n<p>Um einen \u201eTab-Abschnitt\" zu gestalten, gehen Sie folgenderma\u00dfen vor:<\/p>\n<\/div><\/div><div class=\"et_pb_image_7 et_pb_image et_pb_module et_block_module\"><span class=\"et_pb_image_wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/files\/2023_04_05_01_Tabs_B.png\" width=\"574\" height=\"567\" srcset=\"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/files\/2023_04_05_01_Tabs_B.png 574w, https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/files\/2023_04_05_01_Tabs_B-480x474.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 574px, 100vw\" class=\"wp-image-11000\" title=\"Bild: Darstellung eines Abschnittes Accordion\" alt=\"Bild: Beispiel f\u00fcr den Abschnitt Tabs\" \/><\/span><\/div><div class=\"et_pb_text_18 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\" id=\"cw_abschnitt_accordion\"><div class=\"et_pb_text_inner\"><ol>\n<li><strong>F\u00fcgen Sie den Abschnitt Tab, wie oben beschrieben, ein. <\/strong><\/li>\n<li><strong>Gehen Sie auf das \u201eDrei-Punkte-Men\u00fc\" des Abschnittes und w\u00e4hlen Sie \u201eAbschnitt bearbeiten\".<\/strong><\/li>\n<li>Es \u00f6ffnet sich ein Fenster, wo Sie <strong>mindestens einen Tab anlegen m\u00fcssen, indem Sie einen Titel eingeben.<\/strong><\/li>\n<li>Optional w\u00e4hlen Sie ein passendes Icon.<\/li>\n<li>Mit \u201e+ Tab hinzuf\u00fcgen\" sind weitere Reiter m\u00f6glich, allerdings sollte man im Hinblick auf die \u00dcbersichtlichkeit nicht zu viele Tabs anlegen.<\/li>\n<li>Mit \u201eTab l\u00f6schen\" k\u00f6nnen Sie Tabs auch wieder entfernen.<\/li>\n<li><strong>Vergessen Sie nicht zu speichern!<\/strong><\/li>\n<\/ol>\n<p><strong>ACHTUNG:<\/strong> Sie k\u00f6nnen aktuell im Nachhinein die Reihenfolge der Tabs nicht ver\u00e4ndern. Sie m\u00fcssen sich somit die Reihenfolge im Vorfeld \u00fcberlegen, zum Beispiel in der Abbildung die chronologische Reihenfolge der Herrscher:innen in der Tudor-Dynastie.<\/p>\n<p>Nun k\u00f6nnen Sie unter jedem Tab beliebig viele und beliebige Bl\u00f6cke einbauen, die sichtbar werden, wenn Sie den entsprechenden Tab ausw\u00e4hlen. Hier ein Beispiel mit dem Abschnitt Tabs, in dem Textbl\u00f6cke eingebaut wurden:<\/p>\n<\/div><\/div><div class=\"et_pb_image_8 et_pb_image et_pb_module et_block_module\"><span class=\"et_pb_image_wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/files\/2023_04_05_01_Tabs_A.png\" width=\"1012\" height=\"206\" srcset=\"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/files\/2023_04_05_01_Tabs_A.png 1012w, https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/files\/2023_04_05_01_Tabs_A-980x199.png 980w, https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/files\/2023_04_05_01_Tabs_A-480x98.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1012px, 100vw\" class=\"wp-image-10999\" title=\"Bild: Darstellung des Beispieles f\u00fcr den Abschnitt Tabs\" alt=\"Bild: Darstellung des Beispieles f\u00fcr den Abschnitt Tabs\" \/><\/span><\/div><\/div><\/div><div class=\"et_pb_row_2 et_pb_row et_pb_row_1-4_3-4 et_block_row et_block_row_1-4_3-4\"><div class=\"et_pb_column_4 et_pb_column et_pb_column_1_4 et_block_column et_pb_column_empty et_pb_css_mix_blend_mode_passthrough\"><\/div><div class=\"et_pb_column_5 et_pb_column et_pb_column_3_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\"><div class=\"et_pb_divider_0 et_pb_divider et_pb_space et_pb_divider_position_top et_pb_module\"><div class=\"et_pb_divider_internal\"><\/div><\/div><div class=\"et_pb_text_19 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module et_pb_text_align_justified\"><div class=\"et_pb_text_inner\"><p style=\"text-align: left\">Bei weiteren Fragen, Anregungen und\/oder Unterst\u00fctzungsbedarf wenden Sie sich bitte an den Stud.IP-Support:<\/p>\n<p style=\"text-align: left\"><a class=\"link-intern\" href=\"&#x6d;&#x61;&#105;l&#x74;&#x6f;&#x3a;&#105;n&#x66;&#x6f;&#x40;&#101;l&#x65;&#x61;&#x72;&#110;i&#x6e;&#x67;&#x2e;&#117;n&#x69;&#x2d;&#x62;&#114;e&#x6d;&#x65;&#x6e;&#46;d&#x65;\">&#105;&#x6e;f&#x6f;&#x40;&#101;&#x6c;e&#97;&#x72;&#110;&#x69;n&#103;&#x2e;u&#x6e;i&#45;&#x62;r&#x65;&#x6d;&#101;&#x6e;&#46;&#100;&#x65;<\/a><\/p>\n<\/div><\/div><div class=\"et_pb_text_20 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module et_pb_text_align_justified\"><div class=\"et_pb_text_inner\"><p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/files\/xiplvtl2.png\" width=\"153\" height=\"45\" alt=\"\" class=\"wp-image-12580 alignnone size-full\" srcset=\"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/files\/xiplvtl2.png 153w, https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/files\/xiplvtl2-150x45.png 150w\" sizes=\"(max-width: 153px) 100vw, 153px\" \/><\/p>\n<\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":14540,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"class_list":["post-10674","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/wp-json\/wp\/v2\/pages\/10674","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/wp-json\/wp\/v2\/users\/14540"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/wp-json\/wp\/v2\/comments?post=10674"}],"version-history":[{"count":15,"href":"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/wp-json\/wp\/v2\/pages\/10674\/revisions"}],"predecessor-version":[{"id":14335,"href":"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/wp-json\/wp\/v2\/pages\/10674\/revisions\/14335"}],"wp:attachment":[{"href":"https:\/\/blogs.uni-bremen.de\/hilfestudipbremen\/wp-json\/wp\/v2\/media?parent=10674"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}