Skip to main content

Erstelle ein Theme mit einem KI-Programmierassistenten

Ein KI-Programmierassistent wie Claude Code oder GitHub Copilot kann ein Theme anhand einer Beschreibung Ihrer Wünsche erstellen oder ändern. Sie müssen ihm nicht erst die Regeln von Paligo erklären. Paligo Base enthält eine Datei namens AGENTS.md mit Anweisungen für Programmierassistenten. Darin wird Folgendes beschrieben:

  • die Dateien, die ein Theme benötigt, und wie man sie zusammenstellt

  • die Regeln, die ein Theme befolgen muss, um mit Paligo zu funktionieren, wie z. B. die Beibehaltung der Klassennamen paligo.head, paligo.foot und des Suchfelds

  • die Teile von Twig, die in Vorlagen verwendet werden können

  • die Informationen und Komponenten, die Paligo einer Vorlage hinzufügt

  • So deklarieren Sie Theme-Optionen

  • So überprüfen Sie das Ergebnis

Programmierassistenten lesen die Datei AGENTS.md, wenn sie die Arbeit in einem Ordner aufnehmen. Claude Code liest stattdessen die Datei CLAUDE.md, und die Datei CLAUDE.md in Paligo Base weist ihn an, AGENTS.md zu lesen.

So erstellen Sie ein Theme mit einem KI-Programmierassistenten:

  1. Laden Sie Paligo Base herunter, wie unter Ein Design herunterladen beschrieben, und entpacken Sie die Datei.

  2. Öffnen Sie den Theme-Ordner in Visual Studio Code und starten Sie die Vorschau unter Paligo Theme Studio, wie unter Ein Theme im Paligo Theme Studio in der Vorschau anzeigen beschrieben.

  3. Starten Sie Ihren Programmierassistenten im Theme-Ordner.

  4. Beschreiben Sie das gewünschte Thema. Zum Beispiel:

    Passen Sie die Farben und Schriftarten an unsere Website an, fügen Sie unser Logo in das Portal-Banner ein und fügen Sie in der Fußzeile Links zu unseren Support-Seiten hinzu.

    Die Vorschau wird jedes Mal aktualisiert, wenn der Assistent eine Datei speichert, sodass Sie die Änderungen verfolgen können.

  5. Überprüfen Sie das Ergebnis in der Vorschau: auf einer Topic-Seite, der Portalseite und der Suchseite sowie im hellen und dunklen Modus. Bitten Sie den Assistenten, alles zu ändern, was nicht stimmt.

  6. Wenn das Theme fertig ist, laden Sie es wie unter Ein benutzerdefiniertes Design hochladen beschrieben in ein Layout hoch oder übertragen Sie es wie unter Ein Thema in ein Layout einbinden beschrieben aus dem Theme Studio.

    Wenn Paligo ein Problem mit dem Theme meldet, leiten Sie die Fehlermeldungen an den Assistenten weiter, damit dieser sie beheben kann. Was diese Fehlermeldungen bedeuten, erfahren Sie unter Meldungen zur Themenvalidierung.

Tipp

Ein Assistent, der einen Webbrowser steuern kann, kann sich auch die Vorschau selbst ansehen. Öffnen Sie die Vorschau in einem Browser, wie unter Vorschau in einem Browser öffnen beschrieben, und der Assistent kann die Seite lesen, Links folgen und überprüfen, wie sie aussieht.

Anmerkung

Behalten Sie die Dateien AGENTS.md und CLAUDE.md in Ihrem Theme, wenn Sie mit einem Programmierassistenten weiter daran arbeiten. Paligo veröffentlicht diese Dateien nicht.