SiteCockpit-Plugin
SiteCockpit-Plugin installieren
Suchen Sie im WordPress-Plugin-Verzeichnis nach „SiteCockpit“.
Laden Sie das Plugin herunter und installieren Sie es anschließend über die Plugin-Verwaltung.
Plugin aktivieren
Nach erfolgreicher Installation aktivieren Sie das Plugin über die Plugin-Übersicht.
Integration Key einfügen
Gehen Sie in den WordPress-Einstellungen zum Bereich „SiteCockpit Key“.
Fügen Sie dort Ihren persönlichen Integration Key ein, den Sie im SiteCockpit-Dashboard finden.
Sollte Ihre Wordpress-Instanz eine zu niedrige PHP-Version haben, um da Plugin installieren zu können, so können Sie ein beliebiges Plugin verwenden, welches die Integration von JavaScript ermöglicht. Bitte prüfen Sie dieses jedoch vor der Nutzung.
Integration via Child-Theme
Wenn Sie ohne Plugin arbeiten möchten, können Sie das SiteCockpit-Script auch direkt über ein Child-Theme einbinden.
Child-Theme vorbereiten
Öffnen Sie in WordPress den Bereich Design → Themes.
Stellen Sie sicher, dass Ihr gewünschtes Haupt-Theme aktiv ist.
Erstellen Sie lokal einen neuen Ordner mit den Dateien:
-
style.css -
functions.php
style.css
Sie können folgenden Code in Ihre style.css einfügen:
/*
Theme Name: Spike Business Child
Template: spike-business
Version: 1.0
Description: Child Theme für Spike Business
Author: Ihr Name
*/
Ihr Theme und Template entsprechen nicht unbedingt dem gezeigten Beispiel! Achten Sie auf eine korrekte Beschriftung!
functions.php
Ergänzen Sie die Datei functions.php mit:
<?php
// Parent-Theme CSS laden
add_action('wp_enqueue_scripts', function() {
wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css');
});
// Globales Script im Footer einfügen
add_action('wp_footer', function() {
//Nachfolgend fügen Sie Ihren Embed-Code aus dem SiteCockpit-Backend ein
echo '<script type="module" src="https://cdn.sitecockpit.com/cdn/app.js" data-easy-vision-key="cxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxx9"></script>';
});
Ersetzen Sie den Key durch Ihren eigenen aus dem SiteCockpit-Dashboard.
Theme hochladen
Packen Sie den Ordner als .zip-Datei.
Laden Sie das Theme über „Design → Theme hinzufügen“ hoch.
Theme aktivieren
Nach der Installation aktivieren Sie Ihr Child-Theme.
Überprüfen Sie in der Theme-Übersicht, ob es korrekt aktiv ist.
