{"id":7530,"date":"2026-03-19T12:46:14","date_gmt":"2026-03-19T11:46:14","guid":{"rendered":"https:\/\/churchtools.academy\/?post_type=docs&#038;p=7530"},"modified":"2026-03-19T12:47:07","modified_gmt":"2026-03-19T11:47:07","password":"","slug":"wie-blende-ich-ressourcen-in-einem-eingebetteten-kalender-aus","status":"publish","type":"docs","link":"https:\/\/churchtools.academy\/de\/help\/churchtools-module\/kalender-einbetten\/wie-blende-ich-ressourcen-in-einem-eingebetteten-kalender-aus\/","title":{"rendered":"Wie blende ich Ressourcen in einem eingebetteten Kalender aus?"},"content":{"rendered":"\n<p>Die Kalender in ChurchTools sind sehr hilfreich, um verschiedenste Bereiche innerhalb der Gemeinde zu organisieren und Termine im Blick zu behalten. Noch besser ist es nat\u00fcrlich, wenn die Kalender auch auf der eigenen Gemeindewebsite eingebunden sind und dort alle relevanten Informationen anzeigen.<\/p>\n\n\n\n<p>Es kommt allerdings vor, dass bestimmte Termininformationen zwar in ChurchTools angezeigt, aber nicht auf der Website sichtbar sein sollen. In diesem Tutorial zeigen wir dir am Beispiel der Ressourcen, wie du mit einem CSS-Befehl Termininformationen im eingebetteten Kalender ausblenden kannst.<\/p>\n\n\n\n<aside class=\"wp-block-group ct-box ct-box-blue has-background is-vertical is-layout-flex wp-container-core-group-is-layout-002f1c27 wp-block-group-is-layout-flex\" style=\"border-radius:8px;border-left-color:#22c55e;border-left-width:0.5rem;background-color:#dcfce7;margin-top:var(--wp--preset--spacing--60);margin-bottom:var(--wp--preset--spacing--60)\">\n<p style=\"margin-top:0.5rem;margin-right:0.5rem;margin-bottom:0rem;margin-left:0.5rem\"><strong><strong>Was ist CSS?<\/strong><\/strong><\/p>\n\n\n\n<p style=\"margin-top:0rem;margin-right:0.5rem;margin-bottom:0.5rem;margin-left:0.5rem\"><a href=\"https:\/\/de.wikipedia.org\/wiki\/Cascading_Style_Sheets\">CSS steht f\u00fcr Cascading Style Sheets<\/a> und ist eine Kernsprache des Internets. Diese Stylesheet-Sprache f\u00fcr elektronische Dokumente wird genutzt, um mittels Befehlen das Aussehen einer Website anpassen zu k\u00f6nnen.<\/p>\n<\/aside>\n\n\n\n<h2 class=\"wp-block-heading\">System-Einstellungen f\u00fcr das Kalendermodul \u00f6ffnen<\/h2>\n\n\n\n<p>Du kannst deinen einzubettenden Kalender mit CSS-Klassen anpassen. Diese hinterlegst du vorab in den System-Einstellungen deines ChurchTools.<br>\u00d6ffne dazu die <em>System-Einstellungen<\/em> (1) und (2) und navigiere zum <em>Modul<\/em> (3) <em>Kalender<\/em> (4). Unter <em>Kalender einbetten<\/em> (5) tr\u00e4gst du CSS-Befehle ein.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-12.10.00.png\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1274\" height=\"718\" src=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-12.10.00.png\" alt=\"Screenshot CSS-Befehl unter Kalender einbetten in den System-Einstellungen eintragen\" class=\"wp-image-54561\" srcset=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-12.10.00.png 1274w, https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-12.10.00-300x169.png 300w, https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-12.10.00-1024x577.png 1024w, https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-12.10.00-768x433.png 768w, https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-12.10.00-360x203.png 360w\" sizes=\"(max-width: 1274px) 100vw, 1274px\" \/><\/a><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">CSS-Befehl eintragen<\/h2>\n\n\n\n<p>Um die im Termin hinterlegten Ressourcen auszublenden, tr\u00e4gst du folgenden CSS-Befehl im daf\u00fcr vorgesehenen Feld (6) ein: <code>.event-resources { display:none }<\/code> . Anschlie\u00dfend speicherst du deine \u00c4nderungen (7).<\/p>\n\n\n\n<aside class=\"wp-block-group ct-box ct-box-blue has-background is-vertical is-layout-flex wp-container-core-group-is-layout-002f1c27 wp-block-group-is-layout-flex\" style=\"border-radius:8px;border-left-color:#22c55e;border-left-width:0.5rem;background-color:#dcfce7;margin-top:var(--wp--preset--spacing--60);margin-bottom:var(--wp--preset--spacing--60)\">\n<p style=\"margin-top:0.5rem;margin-right:0.5rem;margin-bottom:0rem;margin-left:0.5rem\"><strong>Tipp<\/strong><\/p>\n\n\n\n<p style=\"margin-top:0rem;margin-right:0.5rem;margin-bottom:0.5rem;margin-left:0.5rem\">Du kannst deinen eingebetten Kalender nach diesem Muster noch weiter anpassen. Wir haben dir zur Erleichterung eine \u00dcbersicht weiterer <a href=\"https:\/\/churchtools.academy\/help\/churchtools\/kalender-einbetten\/17-kalender-einbetten-css-klassen\/\" data-type=\"docs\" data-id=\"7527\">CSS-Klassen<\/a> zusammengestellt.<\/p>\n<\/aside>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-12.16.08.png\"><img decoding=\"async\" width=\"614\" height=\"390\" src=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-12.16.08.png\" alt=\"Screenshot CSS-Befehl eintragen\" class=\"wp-image-54562\" srcset=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-12.16.08.png 614w, https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-12.16.08-300x191.png 300w, https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-12.16.08-360x229.png 360w\" sizes=\"(max-width: 614px) 100vw, 614px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">CSS-Befehl pr\u00fcfen<\/h2>\n\n\n\n<p>Navigiere nun zum <em>Kalendermodul<\/em> (8) und \u00f6ffne im Kontextmen\u00fc des Moduls den Punkt <em>Kalender einbetten<\/em> (9 und 10). Dort kannst du die Anwendung des CSS-Befehls in der Vorschau pr\u00fcfen. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-12.18.34.png\"><img decoding=\"async\" width=\"1278\" height=\"315\" src=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-12.18.34.png\" alt=\"Screenshot Kalender einbetten aufrufen\" class=\"wp-image-54563\" srcset=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-12.18.34.png 1278w, https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-12.18.34-300x74.png 300w, https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-12.18.34-1024x252.png 1024w, https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-12.18.34-768x189.png 768w, https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-12.18.34-360x89.png 360w\" sizes=\"(max-width: 1278px) 100vw, 1278px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Verschiedene Kalender unterschiedlich anpassen<\/h2>\n\n\n\n<p>Je nachdem, wie deine Website strukturiert ist, m\u00f6chtest du eventuell, dass nicht bei jedem eingebetteten Kalender die Ressourcen ausgeblendet werden, sondern z. B. nur beim Kalender, den du auf der Startseite deiner Website anzeigen l\u00e4sst.<br>Auch das kannst du mit ChurchTools umsetzen, indem du eine eigene CSS-Klasse vergibst.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Eigene CSS-Klassen vergeben<\/h3>\n\n\n\n<p>Gehe dazu zur\u00fcck in die <em>System-Einstellungen des Kalendermoduls<\/em>, setze vor den CSS-Befehl, der die Ressourcen ausblendet, eine <em>eigene CSS-Klasse, z. B. <code>.startseite<\/code><\/em> und speichere deine \u00c4nderung. Wichtig dabei ist, dass zwischen deiner CSS-Klasse und dem nachstehenden Befehl ein Leerzeichen steht.<\/p>\n\n\n\n<p>Der CSS-Befehl wird jetzt nur dann angewandt, wenn die entsprechende CSS-Klasse vor dem Einbetten eingetragen wird.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-12.37.45.png\"><img loading=\"lazy\" decoding=\"async\" width=\"618\" height=\"396\" src=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-12.37.45.png\" alt=\"Screenshot Leerzeichen zwischen CSS-Klasse und nachfolgendem Befehl\" class=\"wp-image-54564\" srcset=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-12.37.45.png 618w, https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-12.37.45-300x192.png 300w, https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-12.37.45-360x231.png 360w\" sizes=\"(max-width: 618px) 100vw, 618px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">CSS-Klasse eintragen<\/h3>\n\n\n\n<p>Wechsle wieder ins Kalendermodul und rufe das Dialogfenster auf, um den Kalender einzubetten. Damit der CSS-Befehl f\u00fcr das Ausblenden der Ressourcen angewendet wird, musst du hier deine vorher vergebene CSS-Klasse unter <em>Darstellung > Erweiterte Einstellungen > CSS-Klasse<\/em> eintragen.<\/p>\n\n\n\n<p>Du hast f\u00fcr diesen eingebetteten Kalender nun eine eigene CSS-Klasse vergeben, die auch im Link zum Einbetten sichtbar ist. So kannst du individuell einstellen, welche CSS-Befehle bei welchen Kalendern auf deiner Website Anwendung finden.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-12.41.25.png\"><img loading=\"lazy\" decoding=\"async\" width=\"324\" height=\"465\" src=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-12.41.25.png\" alt=\"Screenshot CSS-Klasse f\u00fcr den einzubettenden Kalender eintragen\" class=\"wp-image-54565\" srcset=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-12.41.25.png 324w, https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-12.41.25-209x300.png 209w\" sizes=\"(max-width: 324px) 100vw, 324px\" \/><\/a><\/figure>\n\n\n\n<aside class=\"wp-block-group ct-artikel-zum-weiterlesen has-background is-layout-constrained wp-container-core-group-is-layout-89fd719a wp-block-group-is-layout-constrained\" style=\"border-radius:8px;background-color:#f9fafb;margin-top:24px;margin-bottom:24px;padding-top:32px;padding-right:24px;padding-bottom:32px;padding-left:24px\">\n<h2 class=\"wp-block-heading has-medium-font-size\">Artikel zum Weiterlesen<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/churchtools.academy\/de\/help\/churchtools-module\/kalender-einbetten\/wie-bette-ich-kalender-in-einer-webseite-ein\/\" data-type=\"link\" data-id=\"https:\/\/churchtools.academy\/de\/help\/churchtools-module\/kalender-einbetten\/wie-bette-ich-kalender-in-einer-webseite-ein\/\">Wie bette ich Kalender in einer Webseite ein?<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/churchtools.academy\/de\/help\/churchtools-module\/kalender-einbetten\/wie-konnen-eingebettete-kalender-mit-css-angepasst-werden\/\">Wie k\u00f6nnen eingebettete Kalender mit CSS angepasst werden?<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/churchtools.academy\/de\/help\/churchtools-module\/kalender-einbetten\/17-kalender-einbetten-css-klassen\/\">Kalender einbetten: CSS Klassen<\/a><\/li>\n<\/ul>\n<\/aside>\n","protected":false},"excerpt":{"rendered":"<p>Die Kalender in ChurchTools sind sehr hilfreich, um verschiedenste Bereiche innerhalb der Gemeinde zu organisieren und Termine im Blick zu behalten. Noch besser ist es nat\u00fcrlich, wenn die Kalender auch auf der eigenen Gemeindewebsite eingebunden sind und dort alle relevanten Informationen anzeigen. Es kommt allerdings vor, dass bestimmte Termininformationen zwar in ChurchTools angezeigt, aber nicht [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"doc_category":[278],"doc_tag":[],"knowledge_base":[172],"class_list":["post-7530","docs","type-docs","status-publish","hentry","doc_category-kalender-einbetten","knowledge_base-churchtools-module"],"pp_statuses_selecting_workflow":false,"pp_workflow_action":"current","pp_status_selection":"publish","acf":[],"year_month":"2026-04","word_count":395,"total_views":"2729","reactions":{"happy":"1","normal":"0","sad":"0"},"author_info":{"name":"Victoria Weidemann","author_nicename":"vweidemann","author_url":"https:\/\/churchtools.academy\/de\/author\/vweidemann\/"},"doc_category_info":[{"term_name":"Kalender einbetten","term_url":"https:\/\/churchtools.academy\/de\/help\/churchtools-module\/kalender-einbetten\/"}],"doc_tag_info":[],"knowledge_base_info":[{"term_name":"Module","term_url":"https:\/\/churchtools.academy\/de\/help\/churchtools-module\/","term_slug":"churchtools-module"}],"knowledge_base_slug":["churchtools-module"],"_links":{"self":[{"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/docs\/7530","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/comments?post=7530"}],"version-history":[{"count":9,"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/docs\/7530\/revisions"}],"predecessor-version":[{"id":54567,"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/docs\/7530\/revisions\/54567"}],"wp:attachment":[{"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/media?parent=7530"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/doc_category?post=7530"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/doc_tag?post=7530"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/knowledge_base?post=7530"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}