Manchmal möchten Sie ein Discourse-Theme anpassen, stellen aber fest, dass kein Abschnitt „Benutzerdefinierter Code“ mit einer Schaltfläche „Code bearbeiten“ verfügbar ist. Dies geschieht häufig bei Remote-Themes (Themes, die aus einer externen Quelle installiert wurden) und den vorinstallierten Themes (Horizon & Foundation). So können Sie Ihre Anpassungen trotzdem hinzufügen:
Die Einschränkung verstehen
Bei vorinstallierten Themes sehen Sie ein Banner mit der Meldung
Dieses Theme ist vorinstalliert und kann nicht gelöscht oder angepasst werden
Bei Remote-Themes sehen Sie typischerweise eine Meldung wie:
Wenn Sie dieses Theme bearbeiten möchten, müssen Sie eine Änderung im Repository einreichen
Bei Discourse gehostet? Dann sehen Sie möglicherweise: „Die Bearbeitung von Remote-Themes ist in Discourse deaktiviert. Bitte kontaktieren Sie uns, wenn Sie Hilfe beim Übertragen von angepassten Remote-Themes in ein lokales Theme benötigen.“
Bei Discourse gehostet? Dann sehen Sie möglicherweise: „Die Bearbeitung von Remote-Themes ist in Discourse deaktiviert. Bitte Optionen zur Anpassung
- Änderungen im Haupt-Repository einreichen: Wenn Ihre Änderungen anderen nützen könnten, ziehen Sie in Erwägung, sie den ursprünglichen Erstellern des Themes vorzuschlagen. Dies erfordert Kenntnisse in Git und GitHub.
- Eine Kopie (Fork) des Repositorys erstellen: Erstellen Sie Ihre eigene Version des Code-Repositorys des Themes, fügen Sie Ihre Anpassungen hinzu und verwenden Sie Ihre kopierte Version. Diese Methode erfordert technisches Wissen und bedeutet, dass Sie Updates selbst pflegen müssen.
- Eine benutzerdefinierte Komponente erstellen: Diese Methode ermöglicht es Ihnen, Anpassungen hinzuzufügen, ohne das ursprüngliche Theme zu ändern. Dies ist der empfohlene Ansatz für die meisten Administratoren und wird in dieser Anleitung im Mittelpunkt stehen.
Eine benutzerdefinierte Komponente erstellen
Folgen Sie diesen Schritten, um eine benutzerdefinierte Komponente für Ihre Theme-Anpassungen zu erstellen:
-
Gehen Sie zum Admin-Panel Ihrer Seite und navigieren Sie zu
/admin/config/customize/components -
Klicken Sie oben rechts auf die Schaltfläche „Installieren“
-
Wählen Sie „+ Neu erstellen“, geben Sie einen Namen für Ihre Komponente ein (z. B. „Meine benutzerdefinierte Komponente“), wählen Sie „Komponente“ als Typ und klicken Sie auf „Erstellen“
-
Sie werden automatisch zu der von Ihnen erstellten neuen Komponente weitergeleitet.
-
Fügen Sie die Komponente zu dem Theme hinzu, das Sie anpassen möchten
Vergessen Sie nicht, durch Klicken auf das grüne Häkchen zu speichern -
Klicken Sie auf „Code bearbeiten“
-
Fügen Sie Ihre Anpassungen in den entsprechenden Abschnitten (CSS,
<head>, usw.) hinzu
-
Klicken Sie auf „Speichern“, um Ihre Änderungen zu übernehmen
Wichtige Hinweise
- Ihre Anpassungen werden zusätzlich zum bestehenden Theme angewendet.
- Wenn das Basis-Theme aktualisiert wird, wendet Ihre benutzerdefinierte Komponente weiterhin ihre Änderungen an, was manchmal zu unerwarteten Ergebnissen führen kann.
- Testen Sie Ihre Anpassungen nach Theme-Updates immer gründlich.
Indem Sie diese Schritte befolgen, können Sie benutzerdefiniertes CSS, HTML oder andere Modifikationen zu Ihrem Discourse-Theme hinzufügen, ohne die Remote-Theme-Dateien direkt zu bearbeiten. Diese Methode eignet sich für die meisten Administratoren, die kleine Anpassungen am Erscheinungsbild oder an der Funktionalität ihrer Seite vornehmen möchten.