Wenn ich den Code einfüge, erscheint das Widget auf der Hauptseite der Website. Wie kann ich es so einrichten, dass es in einer der Website-Kategorien/-Seiten angezeigt wird und nicht auf der Hauptseite?
Hallo, könnten Sie bitte einen Screenshot oder eine Bildschirmaufnahme des Problems senden?
Danke!
Wenn ich den Code in den Head einfüge, erscheint er oben auf der Hauptseite. Der Body lässt ihn unten auf der Hauptseite erscheinen. Wie kann ich das Widget auf einer anderen Seite anzeigen lassen, die nicht die Hauptseite ist? Danke
Hallo @Issa_George. Ich empfehle, das Tutorial hier durchzuarbeiten, um sich mit den Konzepten und Techniken vertraut zu machen, die für die Theme-Entwicklung erforderlich sind. Es behandelt, wie Inhalte an verschiedenen Stellen der Benutzeroberfläche gerendert werden:
Und die Themenentwicklung wird mit dem discourse_theme CLI deutlich einfacher für dich.
Wie David sagte, sollten Sie diesem Tutorial folgen, um zu lernen, wie Sie eine Komponente erstellen, die an verschiedenen Stellen gerendert werden kann, insbesondere an Plugin-Outlets, die über die Website verteilt sind, um Stellen bereitzustellen, an denen Sie die Komponente rendern können.
Sie können den Code im Tab „JS“ platzieren und ihn mit api.renderInOutlet() und einem \u003ctemplate\u003e-Tag kombinieren.
Hallo Nate, ich habe immer noch Schwierigkeiten damit. Ich möchte den HTML-Widget-Code nur in einen Kategorieabschnitt statt auf die Hauptseite einfügen. Ich habe die Anleitung gelesen, aber es ist mir nicht klar, was ich verwenden soll. Ich habe die CLI installiert und der Code, den ich eingefügt habe, bewirkt nichts auf meiner Website. Ich bin dann auf die Website des Theme-Erstellers gegangen und mein Code wird in der Vorschau nicht angezeigt. Der Beispielcode aus der Anleitung funktioniert und ich kann die Farbänderungen sehen, wenn ich den Code einfüge.
Hallo, könnten Sie bitte den aktuellen Code teilen, den Sie verwenden? Danke!
Sie sollten einen Plugin-Outlet und eine Glimmer-Komponente verwenden. Sehen Sie sich die aktuellen Anleitungen zur Theme-Entwicklung an.
Oder, platzieren Sie das Skript-Tag im \u003chead\u003e-Tab und das andere Code-Snippet im JS-Tab (und importieren Sie die Helfer dort).
Danke. Ich habe es zum Laufen gebracht.
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
