by jawaheri

Share

by jawaheri

Share

Kurzfassung

  • Das Designsystem Kühn Geoconsulting GmbH liegt in Fassung 2.1 vor, als eine Offline-HTML-Datei mit Exportpaket.
  • Die lokale WordPress-Seite mit Avada ist die einzige Entwicklungsseite. Sie ist über die Subdomain kgc.ewiga.de erreichbar, solange der Tunnel läuft.
  • Claude arbeitet über WP Agent direkt in dieser Seite. Dieser Beitrag ist der erste Verbindungstest.
  • Offen sind vor allem der neue Sicherungsplan des Servers und mehrere Entscheidungen zum Designsystem.

1. Designsystem Kühn Geoconsulting GmbH 2.1

  • Aus dem Farbsystem wurde das Designsystem Kühn Geoconsulting GmbH. Der Name gilt in allen Dateien und im Projekt.
  • Form: eine HTML-Datei, die ohne Internet funktioniert.
    • Zweisprachig Deutsch und Englisch mit Umschalter.
    • Heller und dunkler Modus mit Umschalter.
    • Einführung (was, warum, wie), danach Abschnitte mit Überschrift, kurzer Erklärung und Kommentarfeld.
  • Abschnitte: Farbkarten, Grund und Regeln, Farbsprache, Piktogramme, Schriften, UI-Elemente nach Avada, Umsetzung in WordPress und Avada, Prüfung.
  • Rückmeldung: Leserinnen und Leser speichern ihre eigene Fassung und senden ihre Kommentare per E-Mail. Der Mailtext ist so umgeschrieben, dass Outlook keine Umlaute zerstört.
  • Aufbau: Die Versionshistorie ist der letzte Abschnitt. Die Fußzeile enthält nur die Dokumentzeile, das Firmenzeichen und die Kontaktdaten in kleiner Schrift.
  • Gestaltungsregeln:
    • Weiche Schatten an jeder Fläche.
    • Farbige Akzentlinien stehen unten an der Fläche, nie links.
    • Keine Emojis, keine Gedankenstriche, keine Pfeile, deutsche Anführungszeichen „…“.
  • Exportpaket: Design-Tokens als JSON, CSS, Markdown, WordPress theme.json, Obsidian-Theme, Piktogramme als SVG, Schriften und Lizenzen.
  • Die Datei ist die Vorlage für alle künftigen HTML-Dateien im Projekt.

2. Arbeitsweise

  • Komplexität verringern, nicht erhöhen. Das gilt für das ganze Projekt.
  • Erst vorschlagen, dann nach ausdrücklicher Freigabe handeln.
  • Ab 5. November 2026 sind alle Prompts für Claude Code und Claude in Chrome englisch. Die Ergebnisse bleiben deutsch und englisch.
  • Aufgabenteilung:
    • Claude im Projekt: Planung, Prüfung, Prompts, Inhalte.
    • Claude Code: Server über SSH und der lokale Rechner.
    • Claude in Chrome: Plesk und IONOS-Oberfläche.
    • Hayder Jawaheri: Freigaben, Passwörter und Sicherheitseinstellungen.

3. Architektur der Zusammenarbeit

  • Eine einzige Umgebung: die lokale Docker-WordPress-Seite mit registriertem Avada, Child-Theme und den zugehörigen Plugins.
  • Ein verschlüsselter Tunnel vom eigenen Rechner über den eigenen Server macht diese Seite unter kgc.ewiga.de erreichbar. Fremddienste für Tunnel sind nicht beteiligt.
  • Verworfen wurden: eine zweite WordPress-Installation auf dem Server und Tunneldienste von Dritten.
  • Später kommt ein neuer Obsidian-Vault als Wissensbasis dazu, mit Web Clipper und flachen Eigenschaften nach dem Feldkatalog.

4. Server

  • Ein eigener Administrationsschlüssel ist für den Server eingerichtet. Root darf sich nur mit Schlüssel anmelden, Passwortanmeldung ist abgeschaltet.
  • Die IONOS-Firewall ließ SSH nicht durch. Die Freigabe hat Hayder Jawaheri selbst eingetragen.
  • Subdomain kgc.ewiga.de:
    • Bei IONOS angelegt. Die automatisch erzeugten Einträge der IONOS-Standardseite sind ersetzt: Der A-Eintrag zeigt auf den eigenen Server, der IPv6-Eintrag ist entfernt.
    • In Plesk als Subdomain angelegt.
    • Zertifikat von Let’s Encrypt, gültig bis 3. Februar 2027, mit automatischer Verlängerung. HTTP wird dauerhaft auf HTTPS umgeleitet.
    • nginx leitet alle Anfragen an den Tunnel weiter und sendet „noindex, nofollow“, damit Suchmaschinen die Seite nicht aufnehmen.
  • Ein eigener Tunnelbenutzer ohne Shell und ohne Passwort darf nur einen einzigen lokalen Port auf dem Server öffnen.
  • An bestehenden Websites, an DNS-Einträgen von ewiga.de und an der Mailkonfiguration wurde nichts geändert.

5. Lokale Entwicklungsseite

  • Wiederherstellungspunkt: Datenbankexport und Kopie der wp-config.php, außerhalb von Git.
  • wp-config.php: Nur wenn die Seite über kgc.ewiga.de aufgerufen wird, gilt diese Adresse. localhost bleibt unverändert. Die Umgebung ist als „local“ gekennzeichnet.
  • Ein kleines Must-Use-Plugin schreibt gespeicherte localhost-Adressen in der Ausgabe auf kgc.ewiga.de um, nur für diese Adresse. Die Datenbank bleibt unverändert.
  • Avada: CSS wird jetzt in der Datenbank statt in Dateien zwischengespeichert, die Caches sind geleert. So greift die Umschreibung auch für Schriften und Symbole.
  • Tunnelskript: startet nur von Hand, verbindet sich nach einem Abbruch selbst neu und wird mit dem Schließen des Fensters beendet.
  • Das Administratorpasswort hat Hayder Jawaheri selbst gesetzt. Es lief durch keine KI.

6. Fehler und Lösungen

  • SSH-Anmeldung scheiterte trotz richtigem Schlüssel. Ursache: Beim Erzeugen unter PowerShell wurde versehentlich eine Passphrase aus zwei Anführungszeichen gesetzt. Die Passphrase ist entfernt, die Schlüssel blieben gleich.
  • Das Tunnelskript beendete sich in einer Administrator-Sitzung sofort. Es nutzt jetzt fest das Windows-OpenSSH, zeigt Fehler an und verbindet sich neu.
  • Claude in Chrome ändert keine Firewall-Regeln. Solche Schritte übernimmt Hayder Jawaheri, Claude in Chrome führt nur zu den Feldern.

7. Befunde am Server, noch offen

  • Sicherungen:
    • Die tägliche Sicherung liegt nur auf dem Server selbst. Die Anmeldung am externen Speicher schlägt fehl.
    • Die Sicherungen belegen rund 90 Prozent des genutzten Speicherplatzes.
    • Geplant: eine neue Vollsicherung, eine geprüfte Kopie auf dem eigenen Rechner, danach das Löschen der alten Sicherungen und ein wöchentlicher Plan mit funktionierendem externem Speicher.
  • Wartung: Ein Neustart, Sicherheitsupdates des Systems, ein Plesk-Update, WordPress-Sicherheitsupdates und zwei ungültige Zertifikate warten auf ein gemeinsames Wartungsfenster nach einer geprüften Sicherung.

8. Offene Entscheidungen

  • Server:
    • Sicherungsplan: Rhythmus, externer Speicher, Aufbewahrung.
    • Passphrase für den Administrationsschlüssel.
    • Termin für das Wartungsfenster.
  • Designsystem:
    • Schriften Barlow und Calibri beziehungsweise Carlito.
    • Belegung der acht Plätze der Avada-Farbpalette.
    • Dunkle Variante der Kontaktfarbe.
    • Abweichende Kontaktdaten zwischen Fußzeile und Impressum der bestehenden Website.
    • Farbanhang für den Rückbau, noch nicht geprüft.
    • Prüfung der Farbsprache für Unternehmen, Leistungen und Kontakt.
  • Lizenzen: Sicherung der Pakete und Lizenzen von Avada, ACF Pro und FileBird Pro.

9. Nächste Schritte

  • Sicherungsplan festlegen und umsetzen.
  • Neuen Obsidian-Vault entwerfen: Eigenschaften je Inhaltstyp, Ordnerstruktur, zwei Web-Clipper-Vorlagen.
  • Entwicklungsseite mit der neuen Struktur aus Dokument 4 aufbauen.
  • Rückmeldungen zur Glossarprüfung nach dem 13. November 2026 in Vault und Entwicklungsseite übernehmen.

Versionshistorie

  • 1.0, 05.11.2026: Erste Fassung, erstellt als erster Beitrag über die WP-Agent-Verbindung.

Dokument: Protokoll Einrichtung der Zusammenarbeit, Fassung 1.0, 05.11.2026, Status: Entwurf. Hayder Jawaheri mit Claude.

STAY IN THE LOOP

Subscribe to our free newsletter.

Don’t have an account yet? Get started with a 12-day free trial

Leave A Comment

Related Posts