Wikifizierte Beitragskomponente

[nathank (Nathan Kershaw)]

Einfache Beschreibung

Diese Theme-Komponente ermöglicht es Ihnen, Wiki-Beiträge (und Beiträge von “Gemeinsame Bearbeitungen”) offensichtlicher zu gestalten.

Wikis und Gemeinsame Bearbeitungen sind ein leistungsstarkes Feature von Discourse, aber viele Benutzer sind mit dem Konzept nicht vertraut und finden die Benutzeroberfläche etwas zu dezent. Diese Komponente macht es kristallklar und fasst den Inhalt von Change the style of a wiki post zusammen.

Screenshots

Detaillierte Beschreibung

Die Installation dieser Komponente ermöglicht es Ihnen, die Hintergrundfarbe von Wiki-Beiträgen zu steuern und einen Textsymbol neben dem Symbol für Verlauf/Bearbeitung in der oberen rechten Ecke des Beitrags hinzuzufügen.

Es ist ein Fork von discourse-wikified-post-background-color von @pacharanero, enthält Elemente von Change the style of a wiki post und verwendet Code, der von Personal Message Bubbles von @Rhidian wiederverwendet wurde.

Einstellungen

Hintergrundfarbe für Wiki-Beiträge

Die Hintergrundfarbe von Wiki-Beiträgen kann nach Belieben festgelegt werden. Standardmäßig ist sie auf ‘highlight’ gesetzt, aber Sie können eine der folgenden Optionen verwenden:

1. Es funktioniert am besten, wenn eine Schema-Farbe gewählt wird (z. B. primary, secondary, tertiary usw.), da diese auf den automatischen Dunkelmodus reagieren.
2. Eine in CSS bekannte Farbbezeichnung (z. B. blue, red, yellow, black usw.)
3. Ein HTML-Farbcodes (z. B. #effbfb usw.)

Hintergrundfarbe für Gemeinsame Bearbeitungen

Sie können eine der gleichen Farboptionen für Beiträge von “Gemeinsame Bearbeitungen” wählen (siehe das Plugin für Gemeinsame Bearbeitungen).

Hinzugefügter Text für Wikis

Dies fügt den kleinen grünen Text (standardmäßig Wiki Post) in der oberen rechten Ecke des Beitrags hinzu:

Dies ist dynamisch und ändert die Farbe zusammen mit dem Verlaufssymbol, wenn kürzlich eine Bearbeitung stattgefunden hat (dies ist eine unbeabsichtigte erfreuliche Sache):

Wenn Sie dort keinen Text wünschen, löschen Sie den Text in der Einstellung und speichern Sie diese.

Hinzugefügter Text für Gemeinsame Bearbeitungen

Der Text, der angezeigt wird, wenn es sich um einen Beitrag von “Gemeinsame Bearbeitungen” handelt. Dieser hat die Farbe Danger aus Ihrer Palette.

Roadmap

1. Themen automatisch mit dem Tag ‘wiki’ versehen

Bitte machen Sie Vorschläge als Antworten auf diesen Beitrag.

	Repository	GitHub - nathan-nz/discourse-wikified-posts: This allows you to make Wiki posts more obvious. · GitHub
	Installationsanleitung	So installieren Sie ein Theme oder eine Theme-Komponente
	Neu bei Discourse Themes?	Anfängerleitfaden zur Verwendung von Discourse Themes

Dieses Theme-Komponente installieren

[pacharanero (Marcus Baw)]

Tolle Sache @nathank
Ich werde das alte Repo für die Hintergrundfarbe von wikifizierten Beiträgen archivieren und stattdessen deine neue Version verwenden, die noch viel mehr bietet.

[Zup]

Bekommt sonst noch jemand diesen Fehler?

Fehler: Undefinierte Variable: "$Shared-edits-hide". in Zeile 42 von common.scss >> @if ($Shared_edits_hide == "Yes"){ -----^

[nathank (Nathan Kershaw)]

Ich kann das nicht reproduzieren und sehe keine offensichtlichen Probleme im Code. Können Sie uns weitere Informationen geben?

[Zup]

Das liegt daran, dass ich Shared edits hide auf Nein gesetzt hatte. Der Fehler trat in den TC-Einstellungen auf. Der Fehler ist verschwunden, nachdem ich ihn auf Ja gesetzt hatte.

[nathank (Nathan Kershaw)]

@Zup

Das liegt daran, dass ich „Gemeinsame Bearbeitungen ausblenden“ auf Nein gesetzt hatte.

Ich verstehe es weder mit Nein noch mit Ja in der neuesten Discourse Beta. Bist du auf einer alten Discourse-Version? Ich habe überhaupt keine Versionskontrolle darin vorgenommen, tut mir leid.

[Zup]

Entschuldigung, mein Fehler – war etwas veraltet, ja. Habe vergessen, nach dem letzten Update erneut zu testen, bis Sie es erwähnt haben. Danke.

[nathank (Nathan Kershaw)]

Habe die Komponente gerade aktualisiert, um sie besser für Shared Edits-Beiträge zu berücksichtigen.

Dies beinhaltet die Anpassung für die Shared Edits-Änderungen hier:

@Johani

Ich habe ein paar Änderungen vorgenommen.
DEV: improve interaction between wiki and shared-edit posts by hnb-ku · Pull Request #31 · discourse/discourse-shared-edits · GitHub

[nathank (Nathan Kershaw)]

Ein kleiner Eingriff in die Standard-Hintergrundfarben wurde vorgenommen, da @-Erwähnungen nicht gut sichtbar waren.

Die Hintergrundfarbe für „Shared Edits“ ist jetzt standardmäßig auf tertiary-very-low gesetzt.

Colour very low

[volanar]

Eine exzellente Komponente. Sie verbessert die Sichtbarkeit jedoch nur auf der Themenseite. Ist es möglich, sie so zu modifizieren, dass das Wiki-Symbol auf der Kategorieseite, der Liste der Themen „neueste“, „ungelesen“ usw. angezeigt wird?

[nathank (Nathan Kershaw)]

Guter Vorschlag, und ich bin sicher, dass es möglich ist (PR willkommen!).

Ich löse das, indem ich Beiträge einfach mit #wiki in meinen Instanzen tagge. Es ist natürlich semi-manuell – Sie können die Wiki-Beiträge / Themen über die erweiterte Suche identifizieren. Es hat den zusätzlichen Vorteil, dass sie über die Navigation in der Seitenleiste leicht auffindbar sind.

Ich dachte, es wäre schön, automatische Tags für Wiki-Beiträge als Teil dieser Komponente zu haben (oder wie Sie vorschlagen), aber es hat mir bisher nicht genug Probleme bereitet, um die Zeit zu investieren, dies auszuprobieren, fürchte ich.

[Canapin (Coin-coin le Canapin)]

@volanar

Ist es möglich, es so zu modifizieren, dass das Wiki-Symbol auf der Kategorieseite, der Liste der Themen „neueste“, „ungelesen“ usw. angezeigt wird?

Ich habe dies 2021 hier gefragt: Add an icon in front of wikis in the topic list?

Die Antwort war:

@Johani

Wiki ist eine Eigenschaft auf Post-Ebene, nicht auf Topic-Ebene. Daher wird es nicht zum Modell des Topic-Listen-Elements hinzugefügt. Sie können ein Tag verwenden oder eine Feature-Anfrage für Discourse erstellen, um diese Klasse hinzuzufügen.

Die Feature request:

Add a specific class for wikis (when first post) at the topic list level

Following the suggestion from @Johani here: To which Johani replied: Unfortunately, wiki is a post-level, not a topic-level property. So, It’s not added to the topic list item model. You can use a tag or create a feature request for Discourse to add that class. I suppose the vast majority of wikis are first posts, but I understand the post level issue. However, having the possibility of emphasizing wikis on the topic list would be a neat addition and may incite people to visit them and m…

[thoka (Thomas Kalka)]

Ich suche nach Ratschlägen, wie ich die Hintergrundfarben an den (automatischen) Dunkelmodus anpassen kann.

Die derzeit von mir gewählten hellen, leuchtenden Farben für Hintergründe machen die Beiträge im Dunkelmodus unlesbar.

Könnte es möglich sein, die Farbpalette zu erweitern und einige Farb-Berechnungen durchzuführen, um Hintergrundfarben für Wikis und Pads zu definieren?

[thoka (Thomas Kalka)]

Sie könnten Tags verwenden, um “Wiki”-Themen zu markieren.
Tags können, wenn ich mich recht erinnere, mit CSS gestylt werden.
Sie würden den zusätzlichen Vorteil einer Auflistungs-/Detailansicht dafür erhalten.

Zusätzlich könnte mit einem Plugin automatisch ein Wiki-Tag zu Themen hinzugefügt werden, die Wikis enthalten.

[nathank (Nathan Kershaw)]

Dies ist der Grund, warum ich eine Scheme-Farbe empfehle:

@nathank

Es funktioniert am besten, wenn eine Scheme-Farbe gewählt wird (d. h. primär, sekundär, tertiär usw.), da diese automatisch auf den Dunkelmodus reagieren.

Wenn Sie von Ihren Farben abweichen möchten, müssen Sie einen cleveren Weg finden, um mit dem Dunkelmodus umzugehen.

Eine nette Funktion wäre, auch die Angabe einer Farbe für den Dunkelmodus zu ermöglichen. Ich werde mir das ansehen, wenn ich etwas Freizeit habe.

[thoka (Thomas Kalka)]

@nathank

Es funktioniert am besten, wenn eine Scheme-Farbe gewählt wird (d. h. primär, sekundär, tertiär usw.), da diese auf den automatischen Dunkelmodus reagieren.

Sicher. Aber diese Farben sind zu dominant für einen Hintergrund.
Deshalb habe ich von etwas wie 10% Scheme-Farbe gemischt mit 90% Hintergrund geträumt. Ich nehme an, SASS (oder etwas Ähnliches) ist im Frontend nicht verfügbar.
Aber würde etwas CSS-Magie wie diese funktionieren?

Update: rgba(0, 255, 0, 0.1) funktioniert im Dunkel- und Hellmodus ziemlich gut.

[Canapin (Coin-coin le Canapin)]

@thoka

Ich nehme an, SASS (oder etwas Ähnliches) ist im Frontend nicht verfügbar.
Aber würde irgendeine CSS-Magie wie diese funktionieren?

SASS-Funktionen sind im Abschnitt „Theme anpassen“ verfügbar, sie werden kompiliert, wenn Sie Ihre Änderungen speichern. Sie können SASS-Funktionen jedoch nicht für Theme- oder CSS-Variablen verwenden.
Wenn Sie eine SASS-Funktion für eine Farbe aus Ihrem Farbschema verwenden möchten, müssen Sie die entsprechende SASS-Variable verwenden.

Funktioniert

body {
    background: darken($secondary, 10%);
}

Funktioniert nicht

body {
    background: darken($my_theme_variable, 10%);
}

Funktioniert nicht

body {
    background: darken(var(--secondary), 10%);
}

Und auf dem Papier denke ich, dass das, was Ihr Link beschreibt, funktionieren sollte.

[nathank (Nathan Kershaw)]

@Canapin

SASS-Funktionen sind im Abschnitt “Theme anpassen” verfügbar, sie werden kompiliert, wenn Sie Ihre Änderungen speichern.

Vielleicht ist das einen Versuch wert. Hier ist eine Anleitung (zu meiner eigenen Referenz) zur Verwendung der SASS-Funktion mix():

Manipulate Color with Ease | Sass and Compass for Designers