{"id":7530,"date":"2024-05-02T14:12:28","date_gmt":"2024-05-02T12:12:28","guid":{"rendered":"https:\/\/leogeracademy.hestia.wpspace.me\/?post_type=docs&#038;p=7530"},"modified":"2024-12-10T17:06:42","modified_gmt":"2024-12-10T16:06:42","password":"","slug":"17-ressourcen-im-eingebetteten-kalender-ausblenden","status":"publish","type":"docs","link":"https:\/\/staging.churchtools.academy\/de\/help\/churchtools-module\/kalender-einbetten\/17-ressourcen-im-eingebetteten-kalender-ausblenden\/","title":{"rendered":"Ressourcen im eingebetteten Kalender ausblenden"},"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 Termininformationen im eingebetteten Kalender ausblenden kannst.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">System-Einstellungen \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><strong>System-Einstellungen<\/strong><\/em> (1) und (2) und navigiere zum <em><strong>Modul<\/strong><\/em> (3) <em><strong>Kalender<\/strong><\/em> (4).<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img fetchpriority=\"high\" decoding=\"async\" width=\"640\" height=\"213\" src=\"https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-56.png\" alt=\"\" class=\"wp-image-8099\" srcset=\"https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-56.png 640w, https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-56-300x100.png 300w, https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-56-360x120.png 360w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/figure>\n\n\n\n<p> &nbsp;<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><strong>Was ist CSS?<\/strong><br><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<\/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 (5) ein: <code>.event-resources { display:none }<\/code> . Anschlie\u00dfend speicherst du deine \u00c4nderungen (6).<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"640\" height=\"459\" src=\"https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-57.png\" alt=\"\" class=\"wp-image-8101\" srcset=\"https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-57.png 640w, https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-57-300x215.png 300w, https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-57-360x258.png 360w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/figure>\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:\/\/staging.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<h2 class=\"wp-block-heading\">CSS-Befehl pr\u00fcfen<\/h2>\n\n\n\n<p>Navigiere nun zum <em><strong>Kalendermodul<\/strong><\/em> (7) und \u00f6ffne das <em><strong>Dialogfenster<\/strong><\/em> (8) um den Kalender einzubetten.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"640\" height=\"318\" src=\"https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-59.png\" alt=\"\" class=\"wp-image-8105\" srcset=\"https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-59.png 640w, https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-59-300x149.png 300w, https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-59-360x179.png 360w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Der in den System-Einstellungen hinterlegte CSS-Befehl, um die Ressourcen auszublenden, wird automatisch angewandt.<\/p>\n\n\n\n<p>Das kannst du auch schon in der Vorschau sehen:<\/p>\n\n\n\n<p><strong>Eingeblendet<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-290.png\"><img loading=\"lazy\" decoding=\"async\" width=\"940\" height=\"179\" src=\"https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-290.png\" alt=\"\" class=\"wp-image-17692\" srcset=\"https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-290.png 940w, https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-290-300x57.png 300w, https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-290-768x146.png 768w, https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-290-360x69.png 360w\" sizes=\"(max-width: 940px) 100vw, 940px\" \/><\/a><\/figure>\n\n\n\n<p><strong>Ausgeblendet<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-291.png\"><img loading=\"lazy\" decoding=\"async\" width=\"940\" height=\"149\" src=\"https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-291.png\" alt=\"\" class=\"wp-image-17694\" srcset=\"https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-291.png 940w, https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-291-300x48.png 300w, https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-291-768x122.png 768w, https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-291-360x57.png 360w\" sizes=\"(max-width: 940px) 100vw, 940px\" \/><\/a><\/figure>\n\n\n\n<p>Weitere Einstellungsm\u00f6glichkeiten, die du in diesem Dialogfenster treffen kannst, erkl\u00e4ren wir dir in dieser <a href=\"https:\/\/staging.churchtools.academy\/help\/churchtools-module\/kalender-einbetten\/17-wie-bette-ich-den-kalender-in-einer-webseite-ein\/\" type=\"docs\" id=\"7535\">Anleitung<\/a>. Darin erf\u00e4hrst du auch, wie du den Kalender anschlie\u00dfend auf deine Website bringst.<\/p>\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><strong>System-Einstellungen des Kalendermoduls<\/strong><\/em> (s. o.), setze vor den CSS-Befehl, welcher die Ressourcen ausblendet, eine <em><strong>eigene CSS-Klasse, z.B. <code>.startseite<\/code><\/strong><\/em> (1) und speichere deine \u00c4nderung. <strong>Zwischen deiner CSS-Klasse und dem nachstehenden Befehl muss ein Leerzeichen stehen.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"553\" src=\"https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-58.png\" alt=\"\" class=\"wp-image-8103\" srcset=\"https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-58.png 540w, https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-58-293x300.png 293w, https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-58-360x369.png 360w\" sizes=\"(max-width: 540px) 100vw, 540px\" \/><\/figure>\n\n\n\n<p><\/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<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 (s.o.). Damit der CSS-Befehl f\u00fcr das Ausblenden der Ressourcen angewendet wird, musst du hier deine vorher vergebene CSS-Klasse unter <em><strong>Darstellung &gt; Erweiterte Einstellungen &gt; CSS-Klasse<\/strong><\/em> (2) 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 (3).<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"340\" height=\"733\" src=\"https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-60.png\" alt=\"\" class=\"wp-image-8107\" srcset=\"https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-60.png 340w, https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-60-139x300.png 139w, https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-60-237x512.png 237w\" sizes=\"(max-width: 340px) 100vw, 340px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Auf diese Art und Weise kannst du individuell einstellen, welche CSS-Befehle bei welchen Kalendern auf deiner Website Anwendung finden.<\/p>\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":6,"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"],"acf":[],"year_month":"2026-05","word_count":440,"total_views":"840","reactions":{"happy":"1","normal":"0","sad":"0"},"author_info":{"name":"Jasper Stehmeier","author_nicename":"jstehmeier","author_url":"https:\/\/staging.churchtools.academy\/de\/author\/jstehmeier\/"},"doc_category_info":[{"term_name":"Kalender einbetten","term_url":"https:\/\/staging.churchtools.academy\/de\/help\/churchtools-module\/kalender-einbetten\/"}],"doc_tag_info":[],"knowledge_base_info":[{"term_name":"Module","term_url":"https:\/\/staging.churchtools.academy\/de\/help\/churchtools-module\/","term_slug":"churchtools-module"}],"knowledge_base_slug":["churchtools-module"],"_links":{"self":[{"href":"https:\/\/staging.churchtools.academy\/de\/wp-json\/wp\/v2\/docs\/7530","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.churchtools.academy\/de\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/staging.churchtools.academy\/de\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/staging.churchtools.academy\/de\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.churchtools.academy\/de\/wp-json\/wp\/v2\/comments?post=7530"}],"version-history":[{"count":5,"href":"https:\/\/staging.churchtools.academy\/de\/wp-json\/wp\/v2\/docs\/7530\/revisions"}],"predecessor-version":[{"id":25415,"href":"https:\/\/staging.churchtools.academy\/de\/wp-json\/wp\/v2\/docs\/7530\/revisions\/25415"}],"wp:attachment":[{"href":"https:\/\/staging.churchtools.academy\/de\/wp-json\/wp\/v2\/media?parent=7530"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/staging.churchtools.academy\/de\/wp-json\/wp\/v2\/doc_category?post=7530"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/staging.churchtools.academy\/de\/wp-json\/wp\/v2\/doc_tag?post=7530"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/staging.churchtools.academy\/de\/wp-json\/wp\/v2\/knowledge_base?post=7530"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}