{"id":7535,"date":"2024-05-17T11:55:21","date_gmt":"2024-05-17T09:55:21","guid":{"rendered":"https:\/\/leogeracademy.hestia.wpspace.me\/?post_type=docs&#038;p=7535"},"modified":"2024-12-10T17:06:57","modified_gmt":"2024-12-10T16:06:57","password":"","slug":"17-wie-bette-ich-den-kalender-in-einer-webseite-ein","status":"publish","type":"docs","link":"https:\/\/staging.churchtools.academy\/de\/help\/churchtools-module\/kalender-einbetten\/17-wie-bette-ich-den-kalender-in-einer-webseite-ein\/","title":{"rendered":"Wie bette ich Kalender in einer Webseite ein?"},"content":{"rendered":"\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:#ef4444;border-left-width:0.5rem;background-color:#fee2e2;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>Achtung<\/strong><\/p>\n\n\n\n<p style=\"margin-top:0rem;margin-right:0.5rem;margin-bottom:0.5rem;margin-left:0.5rem\">Diese Anleitung ist <em><strong>nicht f\u00fcr ChurchTools-Website<\/strong><\/em> Kunden, hier werden die Informationen automatisch synchronisiert.<\/p>\n<\/aside>\n\n\n\n<h2 class=\"wp-block-heading\">1. <em>Kalender einbetten<\/em>-Dialogfenster \u00f6ffnen<\/h2>\n\n\n\n<p>Klicke auf das <em>&#8230;-Men\u00fc<\/em> und hier auf <em>Kalender einbetten<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img fetchpriority=\"high\" decoding=\"async\" width=\"456\" height=\"268\" src=\"https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-78.png\" alt=\"\" class=\"wp-image-8177\" srcset=\"https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-78.png 456w, https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-78-300x176.png 300w, https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-78-360x212.png 360w\" sizes=\"(max-width: 456px) 100vw, 456px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">2. Kalender ausw\u00e4hlen<\/h2>\n\n\n\n<p>W\u00e4hle alle Kalender aus, die du auf deiner Website anzeigen m\u00f6chtest.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"340\" height=\"494\" src=\"https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-79.png\" alt=\"\" class=\"wp-image-8179\" srcset=\"https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-79.png 340w, https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-79-206x300.png 206w\" sizes=\"(max-width: 340px) 100vw, 340px\" \/><\/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:#3e70ce;border-left-width:0.5rem;background-color:#f3f5f7;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>Hinweis<\/strong><\/p>\n\n\n\n<p style=\"margin-top:0rem;margin-right:0.5rem;margin-bottom:0.5rem;margin-left:0.5rem\">Es ergibt nur Sinn, Kalender auf einer Website einzubinden, welche \u00f6ffentlich (ohne ChurchTools Login) sichtbar sind. Das sind alle <em><strong><a href=\"https:\/\/staging.churchtools.academy\/help\/churchtools\/einstieg\/17-welche-unterschiedlichen-kalender-gibt-es\/\" data-type=\"docs\" data-id=\"7533\">Kalender<\/a><\/strong><\/em>, auf die der <em><strong><a href=\"https:\/\/staging.churchtools.academy\/help\/rechteverwaltung\/rechteverwaltung-verstehen\/28-was-ist-der-offentliche-benutzer\/\" data-type=\"docs\" data-id=\"7582\">\u00f6ffentliche Benutzer<\/a><\/strong><\/em> Zugriff hat.<\/p>\n<\/aside>\n\n\n\n<h2 class=\"wp-block-heading\">3. Darstellung einstellen<\/h2>\n\n\n\n<p>Du kannst das Aussehen und die anzuzeigenden Kalenderinformationen direkt im Einstellungsdialogfeld auf ChurchTools oder mittels <a href=\"https:\/\/staging.churchtools.academy\/help\/churchtools-module\/kalender-einbetten\/17-kalender-einbetten-url-parameter\/\" type=\"docs\" id=\"7528\">URL Parametern<\/a> und <a href=\"https:\/\/staging.churchtools.academy\/help\/churchtools-module\/kalender-einbetten\/17-kalender-einbetten-css-klassen\/\" type=\"docs\" id=\"7527\">CSS Klassen<\/a> modifizieren.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"340\" height=\"597\" src=\"https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-80.png\" alt=\"\" class=\"wp-image-8181\" srcset=\"https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-80.png 340w, https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-80-171x300.png 171w, https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-80-292x512.png 292w\" sizes=\"(max-width: 340px) 100vw, 340px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">4. Kalender einbetten<\/h2>\n\n\n\n<p>Als letztes kopierst du den iFrame-Code und f\u00fcgst diesen auf deiner Website ein.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"340\" height=\"310\" src=\"https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-81.png\" alt=\"\" class=\"wp-image-8183\" srcset=\"https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-81.png 340w, https:\/\/staging.churchtools.academy\/wp-content\/uploads\/2024\/05\/image-81-300x274.png 300w\" sizes=\"(max-width: 340px) 100vw, 340px\" \/><\/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:#3e70ce;border-left-width:0.5rem;background-color:#f3f5f7;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>Hinweis<\/strong><\/p>\n\n\n\n<p style=\"margin-top:0rem;margin-right:0.5rem;margin-bottom:0.5rem;margin-left:0.5rem\">iFrames haben grunds\u00e4tzlich eine feste Gr\u00f6\u00dfe, die sich nicht automatisch an den Inhalt anpasst. Um eine automatische Gr\u00f6\u00dfenanpassung des iFrames an den Inhalt zu erm\u00f6glichen, verwendet ChurchTools eine <em><strong>iFrame Resizer<\/strong><\/em> Bibliothek. Damit der Resizer funktioniert, muss aber auch in der Website, in der das iFrame geladen werden soll, die Bibliothek eingebaut werden. Die Bibliothek und Hintergr\u00fcnde zum Einbau in einer Website findest du <a href=\"https:\/\/github.com\/davidjbradshaw\/iframe-resizer\">hier<\/a>.<\/p>\n<\/aside>\n","protected":false},"excerpt":{"rendered":"<p>1. Kalender einbetten-Dialogfenster \u00f6ffnen Klicke auf das &#8230;-Men\u00fc und hier auf Kalender einbetten. 2. Kalender ausw\u00e4hlen W\u00e4hle alle Kalender aus, die du auf deiner Website anzeigen m\u00f6chtest. 3. Darstellung einstellen Du kannst das Aussehen und die anzuzeigenden Kalenderinformationen direkt im Einstellungsdialogfeld auf ChurchTools oder mittels URL Parametern und CSS Klassen modifizieren. 4. Kalender einbetten Als [&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-7535","docs","type-docs","status-publish","hentry","doc_category-kalender-einbetten","knowledge_base-churchtools-module"],"acf":[],"year_month":"2026-05","word_count":67,"total_views":"1440","reactions":{"happy":"0","normal":"0","sad":"1"},"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\/7535","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=7535"}],"version-history":[{"count":7,"href":"https:\/\/staging.churchtools.academy\/de\/wp-json\/wp\/v2\/docs\/7535\/revisions"}],"predecessor-version":[{"id":25419,"href":"https:\/\/staging.churchtools.academy\/de\/wp-json\/wp\/v2\/docs\/7535\/revisions\/25419"}],"wp:attachment":[{"href":"https:\/\/staging.churchtools.academy\/de\/wp-json\/wp\/v2\/media?parent=7535"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/staging.churchtools.academy\/de\/wp-json\/wp\/v2\/doc_category?post=7535"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/staging.churchtools.academy\/de\/wp-json\/wp\/v2\/doc_tag?post=7535"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/staging.churchtools.academy\/de\/wp-json\/wp\/v2\/knowledge_base?post=7535"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}