Neuer Themenkopf-Button

:discourse2: Zusammenfassung New Topic Header Button fügt eine praktische „Neues Thema"-Schaltfläche in die Kopfzeile aller Seiten hinzu.
:eyeglasses: Vorschau Vorschau im Discourse Theme Creator
:hammer_and_wrench: Repository https://github.com/discourse/discourse-new-topic-button-theme-component
:question: Installationsanleitung So installieren Sie ein Theme oder eine Theme-Komponente
:open_book: Neu bei Discourse Themes? Anfängerleitfaden zur Verwendung von Discourse Themes

Installieren Sie diese Theme-Komponente

Funktionen

Eine einfache Theme-Komponente, um die + Neues Thema-Schaltfläche in die Kopfzeile aufzunehmen. Die Schaltfläche wird auf jeder Seite angezeigt – auch innerhalb von Themen.

Screenshots:

Desktop:

Mobil:

Einstellungen:

Name Beschreibung
new topic button icon Wählen Sie ein Symbol für die Schaltfläche. Sie können beliebige kostenlose FontAwesome-6-Symbolnamen wie music oder star verwenden.
new topic button text Geben Sie den Text ein, den die Schaltfläche verwenden soll. Sie können dieses Feld auch leer lassen, wenn Sie nur ein Symbol verwenden möchten.
new topic button title Geben Sie den Titel ein, den die Schaltfläche verwenden soll. Wenn dies leer gelassen wird, entspricht der Titel dem Text der Schaltfläche.
hide default button Verstecken Sie die standardmäßige „Neues Thema"-Schaltfläche in Themenlisten.
show to anon Zeigen Sie die Schaltfläche für nicht angemeldete Besucher an und leiten Sie sie beim Klicken zur Anmeldung weiter.

:discourse2: Von uns gehostet? Theme-Komponenten können auf unseren Standard-, Business- und Enterprise-Plänen verwendet werden.

57 „Gefällt mir“

Pretty awesome. Now we’re talking!

FYI, we pushed the button yesterday and it was our 2nd biggest day in registrations for the past 30 days. Not sure if it was coincidence or not, but I have a feeling it’s a good way to onboard new users. Will keep an eye on the metrics

(Realizing now it must have been a coincidence, because the button only appears for users who have already logged in. Nonetheless, activity does seem to be higher)

5 „Gefällt mir“

Hi,

Is it possible to change the color of the button, but not change the color of all buttons in the site?

If so, which is the css code for the button only?

thanks!

1 „Gefällt mir“

Use this code, changing the color obviously.

#new-create-topic {
    background-color: red;
}
3 „Gefällt mir“

Hm, how about showing the new topic button for everyone and make it act like the default Reply-to-topic button, i.e. as the user to login/sign up if they’re not logged in?

In fact, this might be something to consider for the default new topic button too, but I guess this feature would be most effective in this theme component…

4 „Gefällt mir“

Inviting every random visitor to create a new topic… will end in tears :sob:

Nothing kills a site quicker than a page full of low-value or gibberish topics.

7 „Gefällt mir“

Well, they can’t create that topic unless they sign up. And encouraging people to sign up is obviously a good thing (and is being done by default via the sign-up button and the reply-to-topic button). So I don’t really see why the new topic button should cause any problems.

6 „Gefällt mir“

Is it possible to hide the button on mobile but show the floating button?

To hide the button on mobile add

.header-buttons #new-create-topic {
    display:none;
}

in your mobile > CSS tab

The floating button you are referring is the one used on the Material Design Theme component? If so you need to copy and paste the part of CSS relative to the floating button (New Topic Fab) from material-design-stock-theme/desktop/desktop.scss at main · discourse/material-design-stock-theme · GitHub to your mobile > CSS tab (deleting the lines that start with @include [...]).

However your requests are going off topic, it’s better if you open another topic.

4 „Gefällt mir“

Thanks, sorry for the offtopicing :slight_smile:

1 „Gefällt mir“

Das ist gut, aber aus meiner Sicht hat es zwei Nachteile.
Erstens ist die Position des Buttons in der oberen Leiste. Wir haben dort bereits andere Elemente, was die Leiste etwas überladen wirkt.
Zweitens erscheint er auf jeder Seite, auch dort, wo es etwas unlogisch ist (z. B. auf meiner Profilseite oder in der Gruppenliste).
Aus meiner Sicht ist der Hauptanwendungsfall, es Benutzern etwas einfacher zu machen, keine themenfremden Antworten zu schreiben, während sie einen Thread ansehen. Der Ort, an dem ich ihn wirklich gebrauchen und nützlich finde, ist beim Ansehen eines Themas/Threads. Idealerweise würde ich gerne, dass er sowohl oben (auf gleicher Höhe mit dem Titel des Themas) als auch unten neben dem blauen Antwort-Button erscheint.
Ein Kompromiss wäre, ihn an der aktuellen Position anzuzeigen, aber nur auf /t/xxx-Seiten.
Ist das möglich?

Ich möchte es auf Mobilgeräten nicht anzeigen. Wie geht das?

Ich möchte es auch für nicht angemeldete Benutzer anzeigen. Beim Klicken auf den Button werden Sie aufgefordert, sich anzumelden.

Oh, schade. Ich weiß nicht, was „falsche Position

1 „Gefällt mir“

Erstellen Sie eine neue Themenkomponente und fügen Sie dies im Reiter „Mobil > CSS

4 „Gefällt mir“

Gute Idee – hast du es gemacht?

Kann mir jemand sagen, welche CSS-Regeln ich verwenden muss, damit dieser „Neues Thema“-Button genauso aussieht und funktioniert wie der farbenfrohe „Antworten“-Button auf meiner Website? (also der Standardzustand sowie die Zustände bei Hover und Klick – aktiv?)

Hier ist eine visuelle Erklärung dessen, was ich erreichen möchte…

seine Klasse auf btn-primary ändern?
(ich bin mir nicht sicher, ob man zwei btn-primary-Elemente auf einer Seite haben kann)
Wenn du eine reine CSS-Lösung möchtest, inspiziere dann das Styling des blauen Primär-Buttons (in allen Zuständen) und repliziere es.

Danke für diese Komponente @Joe.
Sie funktioniert perfekt, mit einer kleinen Ausnahme :slight_smile:
Auf dem Mobilgerät habe ich immer noch zwei Buttons: den neuen und den Standard-Button + Neues Thema.

Ich habe den Standard-Button zum Verschwinden gebracht, indem ich die folgende Stildefinition geändert habe:


Jetzt funktioniert es sowohl auf Desktops als auch auf Mobilgeräten einwandfrei. Es wäre jedoch schön, wenn deine Komponente sich darum kümmern würde. Besonders, da, falls ein Admin deine Komponente aus irgendeinem Grund deaktiviert, kein + Neues Thema-Button mehr sichtbar sein wird.

4 „Gefällt mir“

@Johani Ich habe einen Pull Request mit der oben genannten Änderung erstellt.

Könntest du ihn bitte ansehen?

2 „Gefällt mir“

Vielen Dank für die Komponente! Ich denke, es gibt gute Anwendungsfälle, bei denen die Option, ein neues Thema zu erstellen, immer in der Kopfzeile vorhanden sein sollte. Allerdings habe ich Schwierigkeiten mit einem Detail der Umsetzung und frage mich, wie andere damit umgehen:

Derzeit spiegelt die Komponente die Kategorie wider, in der sich der Benutzer befindet, und öffnet den Editor mit dieser Kategorie vorausgefüllt. Sie berücksichtigt jedoch nicht, ob der Benutzer Schreibzugriff auf diese bestimmte Kategorie hat. Dadurch wird der Editor mit dieser Kategorie vorausgefüllt (obwohl der Benutzer diese Kategorie sonst nicht manuell auswählen könnte), was beim Speichern des Themas zu einem Fehler führt.

Der Standard-Button für neue Themen löst dieses Problem, indem er bei solchen Kategorien deaktiviert ist. Ich finde jedoch, dass es auch nicht sehr intuitiv wäre, dieses Verhalten zu kopieren, da die Idee des Buttons in der Kopfzeile darin besteht, einen globalen Zugriff zum Erstellen neuer Themen zu bieten. Es wäre dann seltsam, wenn er manchmal nicht funktioniert.

Was könnte ein guter allgemeiner Ansatz dafür sein? Oder wie gehen andere, die die Komponente verwenden, damit um? Einfach die Vorausfüllung komplett streichen?

3 „Gefällt mir“