\/wp-content\/themes\/IHR-THEME\/parts\/php\/<\/code> und f\u00fcgen Sie den kopierten Code ein:<\/p>\n\n\n\n\n<!-- Cal inline embed code begins --> \n<div style="width:100%;height:100%;overflow:scroll" \n id="my-cal-inline-secret"><\/div> \n\n<script type="text\/javascript"> \n (function (C, A, L) { \n let p = function (a, ar) { \n a.q.push(ar); \n }; \n let d = C.document; \n C.Cal = C.Cal || function () { \n let cal = C.Cal; \n let ar = arguments; \n if (!cal.loaded) { \n cal.ns = {}; \n cal.q = cal.q || []; \n d.head.appendChild(d.createElement("script")).src = A; \n cal.loaded = true; \n } \n if (ar[0] === L) { \n const api = function () { \n p(api, arguments); \n }; \n const namespace = ar[1]; \n api.q = api.q || []; \n if (typeof namespace === "string") { \n cal.ns[namespace] = cal.ns[namespace] || api; \n p(cal.ns[namespace], ar); \n p(cal, ["initNamespace", namespace]); \n } else { \n p(cal, ar); \n } \n return; \n } \n p(cal, ar); \n }; \n })(window, "https:\/\/app.cal.com\/embed\/embed.js", "init"); \n\n Cal("init", "secret", { origin: "https:\/\/app.cal.com" }); \n\n Cal.ns.secret("inline", { \n elementOrSelector: "#my-cal-inline-secret", \n config: { "layout": "month_view" }, \n calLink: "my-cal-inline\/secret" \n }); \n\n Cal.ns.secret("ui", { \n "hideEventTypeDetails": false, \n "layout": "month_view" \n }); \n<\/script> \n\n<!-- Cal inline embed code ends -->\n<\/code><\/pre>\n\n\n\n\n<\/p>\n\n\n\n
Schritt 3: Shortcode-Funktion in functions.php einf\u00fcgen<\/h2>\n\n\n\n
F\u00fcgen Sie diesen Code in die functions.php<\/code> Ihres Themes ein:<\/p>\n\n\n\n\nfunction cal_shortcode() { \n ob_start(); \n \n $template = get_stylesheet_directory() . '\/parts\/php\/calcom-section.php'; \n \n if (file_exists($template)) { \n \/\/ Inhalte direkt ausgeben ohne Filter \n echo file_get_contents($template); \n } else { \n echo '<p>Die Datei \"calcom-section\" wurde nicht gefunden.<\/p>'; \n } \n \n $output = ob_get_clean(); \n \n \/\/ Zeilenumbr\u00fcche entfernen, die WordPress veranlassen k\u00f6nnten, p-Tags einzuf\u00fcgen \n return str_replace(array(\"\\r\", \"\\n\"), '', $output); \n} \n\nadd_shortcode('cal_com_embed', 'cal_shortcode'); \n <\/code><\/pre>\n\n\n\n<\/p>\n\n\n\n
Erkl\u00e4rung zur Zeilenumbruch-Entfernung<\/h2>\n\n\n\n
Die Zeile return str_replace(array(\"\\r\", \"\\n\"), '', $output);<\/code> ist wichtig, weil:<\/p>\n\n\n\n\n- WordPress Auto-Formatierung<\/strong>: WordPress f\u00fcgt automatisch
<p><\/code>-Tags um Inhalte ein, die es als Abs\u00e4tze interpretiert<\/li>\n\n\n\n- Zeilenumbr\u00fcche als Trigger<\/strong>: Zeilenumbr\u00fcche (
\\r<\/code>, \\n<\/code>) k\u00f6nnen dazu f\u00fchren, dass WordPress denkt, es handele sich um neue Abs\u00e4tze<\/li>\n\n\n\n- JavaScript-Konflikte<\/strong>: Durch unerw\u00fcnschte
<p><\/code>-Tags im JavaScript-Code kann die Ausf\u00fchrung des Kalender-Scripts fehlschlagen<\/li>\n\n\n\n- Validit\u00e4t des HTML<\/strong>: Durch die Entfernung der Zeilenumbr\u00fcche bleibt der HTML-Code kompakt und wird nicht versehentlich von WordPress modifiziert<\/li>\n<\/ol>\n\n\n\n
<\/p>\n\n\n\n
<\/p>\n\n\n\n
Schritt 4: Shortcode verwenden<\/h2>\n\n\n\n
Verwenden Sie den Shortcode cal_com_embed in Ihren Seiten, Beitr\u00e4gen oder im Block-Editor:<\/p>\n\n\n\n
\n- Im Classic Editor: Einfach zwischen eckigen Klammer [ ] cal_com_embed einf\u00fcgen.<\/li>\n\n\n\n
- Im Gutenberg Editor:\n
\n- “Shortcode”-Block hinzuf\u00fcgen <\/li>\n\n\n\n
- zwischen eckigen Klammer [ ]<\/mark> cal_com_embed\u00a0einf\u00fcgen.\u00a0eingeben<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
Einf\u00fchrung Diese Anleitung zeigt, wie Sie den Cal.com Kalender als Shortcode in Ihr WordPress-Theme einbinden. Der Code wird direkt von Cal.com generiert und f\u00fcr optimale Performance angepasst. Schritt 1: Kalender-Code von Cal.com holen Schritt 2: Template-Datei erstellen Erstellen Sie eine Datei namens\u00a0calcom-section.php\u00a0im Verzeichnis\u00a0\/wp-content\/themes\/IHR-THEME\/parts\/php\/ und f\u00fcgen Sie den kopierten Code ein: <!– Cal inline embed code […]<\/p>\n","protected":false},"author":1,"featured_media":2061,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2046","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorised"],"_links":{"self":[{"href":"https:\/\/ghanim-solution.de\/index.php\/wp-json\/wp\/v2\/posts\/2046","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ghanim-solution.de\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ghanim-solution.de\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ghanim-solution.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ghanim-solution.de\/index.php\/wp-json\/wp\/v2\/comments?post=2046"}],"version-history":[{"count":12,"href":"https:\/\/ghanim-solution.de\/index.php\/wp-json\/wp\/v2\/posts\/2046\/revisions"}],"predecessor-version":[{"id":2060,"href":"https:\/\/ghanim-solution.de\/index.php\/wp-json\/wp\/v2\/posts\/2046\/revisions\/2060"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ghanim-solution.de\/index.php\/wp-json\/wp\/v2\/media\/2061"}],"wp:attachment":[{"href":"https:\/\/ghanim-solution.de\/index.php\/wp-json\/wp\/v2\/media?parent=2046"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ghanim-solution.de\/index.php\/wp-json\/wp\/v2\/categories?post=2046"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ghanim-solution.de\/index.php\/wp-json\/wp\/v2\/tags?post=2046"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}