Cenplex Website

Leitfaden zur Pflege deiner Website

Übersicht

Hier findest du Stichpunkte und Anleitungen zu verschiedenen Funktionen des Control Panels zur Verwaltung deiner Website.


Login Backend/ Panel

Einloggen in das Panel deiner Website

DEINEWEBSITE.CH/panel

Benutzerverwaltung

Benutzer- und Passwortverwaltung

Benutzerverwaltung

Schriftarten

Schriftarten anpassen

Schriftarten können im Hauptbereich → Reiter "STYLINGS" → Typography angepasst werden.

Beachte bitte: Das Ändern von Schriftarten kann das Erscheinungsbild der Website wesentlich verändern, daher solltest du vor einer Änderung immer sicherstellen, dass du die Schriftart zurücksetzen kannst, falls die neue Darstellung dem Gesamtbild der Website nicht ganz gerecht wird.

Sprachen

Manuelle Übersetzung von Texten

Aktivierte Sprachen deiner Website findest du im seitlichen Menü unter "Sprachen".

Sobald deine Website zwei- oder mehrsprachig ist, kannst du jede Seite in allen Sprachen bearbeiten. Oben rechts befindet sich ein Select-Menü, das es dir erlaubt, die Sprache auszuwählen und zu erkennen, in welcher Sprachversion du dich gerade befindest. Sobald du die Sprache wechselst, bearbeitest du die entsprechende Seitenversion.

Sprachwahl anzeigen

Du kannst dem Besucher deiner Website erlauben, die Sprache der Website zu ändern. Ein entsprechender Button erscheint dann oben im Header. Die Aktivierung erfolgt im Hauptfenster im Reiter "Header".

Language Selection

Reihenfolgen

Du kannst die Position von sichtbaren Seiten, von Blöcken und Layouts ändern, indem du sie am Sechs-Punkte-Symbol ziehst und per Drag and Drop an eine neue Position verschiebst.

Duplizieren

Die Option zum Duplizieren einer Seite findest du unter "Mehr", angezeigt durch drei Punkte •••.
Für einen Block ebenfalls unter Mehr ••• (erscheint, wenn sich der Cursor über dem Block befindet),
für ein Layout im Dropdown-Menü.

Ausblenden

Elemente verbergen oder anzeigen

Das Verbergen und Veröffentlichen einer Seite erfolgt über ihren Status (Draft, Unlisted und Listed), auch als farbiger Kreis angegeben.

Um einen Block-Inhalt zu verbergen klicke im Inhalt auf Mehr ••• (erscheint wenn sich der Cursor über dem Block befindet). Für Layouts findest du die "Visibility"-Option unter Einstellungen.

Bilder

Ersetzen eines Bildes

Um ein bereits eingefügtes Bild zu ersetzen, suchst du das Bild im SETTINGS-Reiter der Seite oder MEDIEN-Reiter der Startseite. Du findest die Möglichkeit, das Bild zu ersetzen, in den Optionen ••• für das Bild. Nachdem du das neue Bild hochgeladen hast, wird das Bild automatisch überall dort ersetzt, wo es verwendet wurde.

Bild und Text nebeneinander platzieren

  • Navigiere von der Startseite zum entsprechenden Abschnitt oder zur gewünschten Seite.
  • Klicke unter Blocks auf das Pluszeichen
  • Wähle z. B ein Layout mit 2 Feldern im gewünschten Verhältnis. (50-50)
  • In einem dieser Blöcke wählst du als Inhalt "Text", im anderen Blick "Bild" aus
  • Nun kannst du ein Bild aus bereits vorhandenen Bilder auswählen oder ein neues Bild hochladen

Videos

Das Hinzufügen eines Videos erfolgt hauptsächlich durch die Auswahl des Videoblocks.

Videos hochladen

Bitte beachten Sie beim Hochladen von Videos direkt im Website-Panel die folgenden Hinweise:

  • Zulässige Dateiformate: MP4, OGG, WEBM.
  • Maximale Dateigröße: 100 MB.
  • Stellen Sie sicher, dass Ihre Videos diese Anforderungen erfüllen, um eine optimale Nutzererfahrung zu gewährleisten.

Warnung: Video-Dateien können die Ladegeschwindigkeit der Website für Besucher verlangsamen.

Empfehlung: Videos einbetten statt hochladen

Es ist oft sinnvoller, Videos von externen Plattformen wie YouTube oder Vimeo einzubetten, anstatt sie direkt hochzuladen.

Vorteile des Einbettens:

  • Schnellere Ladezeiten: Eingebettete Videos belasten die Website nicht und verbessern die Performance.
  • Speicherplatz sparen: Ihre Webseite bleibt effizient und leichter zu verwalten.
  • Breitere Reichweite: Eingebettete Videos können auf den Plattformen leichter geteilt und gefunden werden.
  • Durch das Einbetten stellen Sie sicher, dass Ihre Inhalte für Besucher schnell und reibungslos zugänglich sind.

Videos einbetten

Mit dem Layoutblock "Markdown" können Sie Videos einfach einbetten, indem Sie die Einbettungs- (Embed-)Code des gewünschten Videoplattformen verwenden. So funktioniert es:

  1. Embed-Code abrufen
  • Gehen Sie auf die Seite des Videos auf der Plattform (z. B. YouTube oder Vimeo).
  • Suchen Sie nach der Option "Teilen" oder "Einbetten".
  • Kopieren Sie den bereitgestellten Embed-Code.
  1. Layoutblock "Markdown" hinzufügen

  2. Fügen Sie den kopierten Embed-Code direkt in den Markdown-Editor ein.
    Beispiel für einen YouTube-Embed-Code:
    <iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allowfullscreen></iframe>

  3. Speichern Sie Ihre Änderungen und überprüfen Sie die Vorschau der Seite, um sicherzustellen, dass das Video korrekt angezeigt wird.

Hinweis: Stellen Sie sicher, dass die Breite und Höhe des Videos (im Code angegeben) zu Ihrem Layout passen. Passen Sie diese Werte bei Bedarf an.

Hintergrund

Hintergrundfarbe

Für einen Hero (Titelbild-Bereich), ein Layout und die meisten Blocks kannst du den Hintergrund ändern. Du findest diese Option unten in den Einstellungen des Elements. Du kannst dort verschiedene Optionen wählen. Wenn du einen dunklen Hintergrund wählst, kannst du die Schriftfarbe des Elements mit einem Schalter auf hell stellen, um eine gute Lesbarkeit zu garantieren.

Beachte: Nachdem du den Hintergrund ausgewählt hast, musst du zweimal auf OK am unteren Ende der Einstellungsspalte drücken, um die Auswahl des Hintergrunds zu bestätigen.

Partnerlogos

Partnerlogos mit Link zur entsprechenden Website hinzufügen

Wenn du in das Panel eingeloggt bist, kannst du Partnerlogos im Reiter "Footer" hinzufügen.

Partnerlogos hinzufügen

Unter "Select logos" kannst du das Logobild hinzufügen, hier anhand des Beispiels "Sportfisio". Wenn du nun auf den Dateinamen des Logos klickst, erscheint folgendes Fenster:

Partnerlogos hinzufügen

Hier kannst du die URL zur Website deines Partners eingeben, auf die das Logo verlinken soll. Wenn du fertig bist, gehe zurück zur Registerkarte "Footer" und vergiss nicht, auf Speichern zu drücken.

Kirby CMS aktualisieren

Kirby empfiehlt regelmässige Updates, insbesondere wenn Sicherheitslücken entdeckt und behoben wurden. Sicherheitsrisiken können entstehen, wenn Hacker neue Wege finden, in geschützte Umgebungen einzudringen. Du kannst dich für den Newsletter auf getkirby.com anmelden, um über neue Versionen informiert zu bleiben.

Voraussetzung:

  • Du hast Zugriff auf deine Website-Dateien, z. B. per FTP/SFTP oder dein Hosting-Panel (Plesk, DrirectAdmin oder CPanel)
  • Du hast ein Backup erstellt (wichtig!)

Der Status der Kirby-Version wird im Systemmenü des Kirby-Panels angezeigt.

Schritt 1: Backup erstellen

Bevor du irgendetwas änderst:
Dateien sichern: Lade alle Website-Dateien auf deinen Computer herunter (z. B. per FTP).
Datenbank sichern: Falls deine Kirby-Installation eine Datenbank verwendet (z. B. mit Plugins), sichere auch diese.

Schritt 2: Neue Kirby-Version herunterladen

Gehe auf https://getkirby.com
Lade die neueste Kirby-Version herunter (ZIP-Datei)

Schritt 3: Nur die Kirby Ordner ersetzen

Entpacke das ZIP-Archiv auf deinem Hosting-Account und ersetze damit die Kirby-Ordner
Lösche keine anderen Inhalte!
Behalte unbedingt folgende Verzeichnisse/Dateien:
/content/
/site/ (besonders config.php und deine Templates)

Ersetze auf dem Server nur diese Kirby-Systemdateien:
/kirby/
/panel/
index.php (falls nötig, prüfe Unterschied)

Tipp: Nur überschreiben, nichts aus deiner site/ oder content/-Struktur löschen!

Schritt 4: Funktion testen

Rufe deine Website im Browser auf
Logge dich ins Panel ein (/panel)
Überprüfe ob der richtige Version angezeigt wird unter System
Teste wichtige Funktionen:
Inhalte bearbeiten
Navigation
Layout / Darstellung

Fertig! Dein Kirby CMS ist jetzt aktualisiert – und du bist vor bekannten Sicherheitslücken geschützt.