Benötige Hilfe mit Theme-Komponenten auf Github

[Heliosurge (Dan DeMontmorency)]

Es tut mir leid, ich bin noch ein absoluter Anfänger.

Ich arbeite daran, eine Theme-Komponente zu erstellen.
Ich habe das Skelett der Theme-Komponente importiert.

Ich habe ein JavaScript erstellt und die Datei hinzugefügt zu

Javascript\Discourse\Initializers\Discourse_foo.js

Nach meinem Verständnis muss diese Datei vom Skript-Tag im Header aufgerufen werden?

<script src="discours_foo.js"></script>

Wenn ich mir andere Theme-Komponenten ansehe, habe ich nicht gesehen, dass sie eine Datei namens header.css haben? Ich rufe die von ihnen verwendeten JS-Skripte auf.

Jede Anleitung zur Verbesserung meines Verständnisses wird sehr geschätzt.

Vielen Dank

[pfaffman (Jay Pfaffman)]

Dies ist mein Anfängerverständnis, das für Ihr noch anfängerhafteres Verständnis hilfreich sein könnte, aber wahrscheinlich technisch inkorrekt ist aus der Sicht von jemandem, der sich damit tatsächlich auskennt.

@Heliosurge

Soweit ich weiß, muss diese Datei vom Skript-Tag im Header aufgerufen werden?

Ich glaube nicht. Ich denke, es funktioniert einfach, da es sich in diesem Initialisierungsverzeichnis befindet. Soweit ich mich erinnere, enthält das Skelett einen Initialisierer mit einem console.log, damit Sie sehen können, dass er ausgeführt wird.

(Ich glaube) Sie müssen sie nur in einem Skript ausführen, wenn Sie sie in einer altmodischen, im UX-Thema-Komponenten-Bereich erstellten Komponente hinzufügen und nicht auf die moderne Art und Weise, bei der die Dateien an der richtigen Stelle abgelegt werden.

[Heliosurge (Dan DeMontmorency)]

Okay, das klingt sinnvoll.

Eines derer, die ich mir angesehen habe, war Ihr Hide Staff.

Wenn Sie also kein CSS benötigen, müssen Sie nur Ihre JScript-Datei im Verzeichnis „Initializers“ einfügen und die Details in about.json ausfüllen?

Und die Komponente sollte ohne weitere Maßnahmen funktionieren? (Vorausgesetzt, das Skript ist gut)

[pfaffman (Jay Pfaffman)]

@Heliosurge

Wenn Sie also kein CSS benötigen, müssen Sie nur Ihre JScript-Datei im Verzeichnis „Initializers“ einfügen und die Details in der about.json ausfüllen?

Ich denke, das stimmt. Wenn Sie kein CSS hinzufügen möchten, benötigen Sie keine CSS-Datei. (Scheint eine sichere Tautologie zu sein.)

[Heliosurge (Dan DeMontmorency)]

Es macht immer Spaß, neue Dinge/Verfahren zu lernen.

[Lilly (Lillian Louis)]

Diese Themen sollten helfen

Theme Developer Quick Reference Guide

As themes grow more powerful, there’s more to remember about how they work. We have loads of detailed documentation under #howto / #themes, but if you just need something to jog your memory, this guide may help. General Resources Beginner’s guide Designer’s guide Developer’s guide Theme Creator Theme CLI Theme Directory Component Directory Theme Modifiers Themeable site…

Structure of themes and theme components

Discourse supports native themes that can be sourced from a .tar.gz archive or from a remote git repository including private repositories. [56] An example theme is at: GitHub - discourse/discourse-simple-theme: Sam's simple discourse theme [32] The git repository will be checked for updates (once a day), or by using the Check for Updates button. When changes are detected the Check for Updates button will change to the Update to Latest. [image] To create a theme you need to follow a spec…

Split up theme Javascript into multiple files

Complex theme javascript can be split into multiple files, to keep things nicely organised. To use this functionality, simply add files to the /javascripts folder in your theme directory. These files can not be edited from the Discourse UI, so you must use the Theme CLI or source the theme from git. Javascript files are treated exactly the same as they are in core/plugins, so you should follow the same file/folder structure. Theme files are loaded after core/plugins, so if the filenames match,…

Split up theme SCSS into multiple files

Themes and theme components are becoming steadily more powerful, and developers are getting more and more ambitious. To make things easier for developers, themes can now split their SCSS into multiple files. When creating a new theme with the theme CLI, or sharing a theme on github, simply create a new folder called scss. Fill it with your .scss files, following any folder structure, and all the files will be available for you to import in the common / desktop / mobile SCSS sections of your t…

[Heliosurge (Dan DeMontmorency)]

Vielen Dank, Lilly. Ich schaue mir das an. Sie helfen uns wie immer sehr, sehr geschätzt.