-
Cal.com-Kalender im WordPress-Block-Theme per Shortcode einbinden (auf Basis des „Inline-Einbettung“-Codes)
EinfĂĽhrung 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ĂĽr optimale Performance angepasst. Schritt 1: Kalender-Code von Cal.com holen Schritt 2: Template-Datei erstellen Erstellen Sie eine Datei namens calcom-section.php im Verzeichnis /wp-content/themes/IHR-THEME/parts/php/ und fĂĽgen Sie den kopierten Code ein: <!– Cal inline embed code…
-
Cookie-Hinweis mit Auswahlmöglichkeiten in WordPress einbauen (ohne Plugin)
âś… Ziel Ein Cookie-Consent-Banner, bei dem: 1- Verzeichnisstruktur /wp-content/themes/dein-theme/ └── cookie-consent/ ├── cookie-banner.html ├── cookie-banner.css ├── cookie-banner.js 2- Inhalte der Datei: cookie-banner.html <!– OVERLAY Ein halbtransparenter Hintergrund, der den Rest der Seite abdunkelt, wenn das Cookie-Consent-Banner angezeigt wird. Fokus liegt auf dem Banner, Interaktion mit der Seite wird eingeschränkt. –> <div id="cookie-consent-overlay"></div> <!– BANNER Hauptcontainer…
-
Schritt-fĂĽr-Schritt-Anleitung: Kontaktformular per Shortcode
đź”§ 1. Shortcode-Funktion in functions.php registrieren // kontaktformular per shortcode laden function mein_kontaktformular_shortcode() { ob_start(); require get_stylesheet_directory() . ‘/parts/php/kontaktformular.php’; // Pfad anpassen return ob_get_clean(); } add_shortcode(‘kontaktformular’, ‘mein_kontaktformular_shortcode’); 📌 Was das macht: 🎨 2. CSS-Datei einbinden (contact.css) function kontaktformular_styling() { wp_enqueue_style( ‘kontaktformular-style’, get_stylesheet_directory_uri() . ‘/custom-styles/contact.css’ // Pfad zur CSS-Datei ); } add_action(‘wp_enqueue_scripts’, ‘kontaktformular_styling’); 📌 Hinweis: Lege…