Pinboard, ein einfaches UI-Theme

:dizzy: Zusammenfassung Pinboard ist ein Theme mit einer einfachen Benutzeroberfläche. Es passt gut zu einer flachen Taxonomie, wie einer einfachen Liste von Kategorien oder Tags.
:hammer_and_wrench: Repository GitHub - nolosb/discourse-theme-pinboard
:open_book: Neu bei Discourse Themes? Anfängerleitfaden zur Verwendung von Discourse Themes

Dieses Theme installieren

:woman_factory_worker:t5: Einrichtung nach der Installation

Das Theme installiert einige zusätzliche Komponenten. Einige davon erfordern Anpassungen in ihren Einstellungen, um das Aussehen des Themes zu optimieren:

  • Dunkel/Hell-Umschalter

    • Damit der Umschalter funktioniert, sollten Sie das helle Farbschema in den Theme-Einstellungen festlegen. Und wählen Sie das dunkle Farbschema in den allgemeinen Einstellungen (default dark mode color scheme id).
    • Sie können wählen, ob das Umschalt-Symbol in der Kopfzeile angezeigt werden soll. Standardmäßig wird es in der Fußzeile der Seitenleiste angezeigt.
  • Abgerundet

    • Eine Stilkomponente zum Abrunden von Layout-Elementen. Auf meiner Vorschau-Website ist der Standardradius auf 10px und der Button-Radius auf 4px eingestellt.
  • Panels

    • Eine weitere Stilkomponente, um Listencontainer als Panels darzustellen. Das Theme hat einen Schattenstil für die Panels definiert, den Sie mit dieser Variable --shadow aktivieren können:

    image

:art: Theme-Funktionen

Verwendung mit Kategorien oder nur mit Tags

Sie können Tags oder Kategorien aus der Benutzeroberfläche ausblenden und nur eine davon verwenden.

Benutzerdefinierte Homepage

Sie können ein benutzerdefiniertes Homepage-Layout erstellen, ähnlich dem auf den Vorschauen.

  • Wählen Sie die Option custom homepage in den Theme-Einstellungen

  • Wählen Sie Ihre Homepage in Ihren Admin-Einstellungen. Hier ist sie z. B. auf die Top-Route eingestellt:

  • Installieren Sie diese Hilfskomponente, um eine dedizierte Homepage-Klasse hinzuzufügen. Legen Sie Ihre Homepage in den Komponenten-Einstellungen fest:

    image

  • Wählen Sie in der installierten Panels-Komponente die Option, Panels in den hervorgehobenen Listen anzuzeigen:
    image

  • Installieren Sie die Featured Lists Komponente und setzen Sie deren Outlet-Position auf discovery-list-container-top.

35 „Gefällt mir“

Das ist ein sehr schönes Thema, ich liebe die Einfachheit!

12 „Gefällt mir“

Gute Arbeit, Bruder.. :heart_eyes:

6 „Gefällt mir“

Wow! Das hat eine tolle Ästhetik.

6 „Gefällt mir“

Das Theme sieht fantastisch aus! Minimal auf eine gute Art. Mir gefällt, was du mit der Seitenleiste gemacht hast.

Gute Arbeit @manuel :+1:

7 „Gefällt mir“

@manuel

Bitte hilf mir, welche Einstellung fehlt hier. Die Homepage zeigt bei mir einen äußeren Wrapper mit Themen darunter. Anstatt jedes Pinboard.

Danke.

2 „Gefällt mir“

Sieht nach einem produktiven Thema mit großer Einfachheit aus, das Ihnen dank seiner Benutzeroberfläche viel Zeit sparen kann.

3 „Gefällt mir“

Haben Sie die Option wie oben beschrieben überprüft?

3 „Gefällt mir“

Ja. Ich habe diese Option ausgewählt.

3 „Gefällt mir“

Sie müssen auch Top-Themen als Ihre Homepage festlegen. Ihre Homepage ist auf die Kategorienliste gesetzt. Das liegt daran, dass diese Theme-Einstellung nur die Pinboard-Listen anzeigt und den Inhalt darunter ausblendet. Das funktioniert nur auf der Top-Route. Wir können Top-Themen bei Bedarf durch eine Pinboard-Liste von Top-Themen ersetzen. Wir benötigen normalerweise die Kategorienliste oder die neuesten Themen, damit das Forum funktioniert.

Sie legen die Top-Seite als Ihre Homepage fest, indem Sie sie zum ersten Element der Top-Menüliste in Ihren Admin-Einstellungen machen:

3 „Gefällt mir“

@manuel Danke.
Das hat genau gefehlt. Jetzt ist es in Ordnung.

3 „Gefällt mir“

Soll dieses Theme das obere Menü (Neueste, Top usw.) ausblenden? Gibt es eine Möglichkeit, es zurückzubringen?

1 „Gefällt mir“

Ja, diese Elemente sind ausgeblendet. Ich habe eine klare Meinung dazu bei diesem Thema, da „Neueste/Neu/Ungelesen“ bereits in der Seitenleiste verfügbar sind und „Top“ für die Startseite verwendet wird.

Wenn Sie das Thema verwenden möchten und diese Elemente in der Navigationsleiste haben möchten, müssen Sie die Stildeklarationen des Themas manuell überschreiben.

1 „Gefällt mir“

Ich sehe “Neueste/Neu/Ungelesen” nicht in der Seitenleiste, weder auf meiner Instanz des Themes, noch auf der Testseite, noch auf den Screenshots in diesem Beitrag. Können Sie mir weiterhelfen?

2 „Gefällt mir“

Neueste heißt standardmäßig Alles in der Seitenleiste. Auf meinen Screenshots heißt es Alle.

Aber ja, es stimmt, dass Ungelesen und Neu jetzt nicht mehr in der Seitenleiste angezeigt werden. Ich dachte, sie würden dort angezeigt, genau wie zuvor im Hamburger-Dropdown. Vielleicht erinnere ich mich falsch oder es wurde geändert. Es gibt immer noch ständige Aktualisierungen der Seitenleiste.

Die kontextbezogenen Informationen über neue Inhalte in der Seitenleiste sind Benachrichtigungspunkte, die allen Menüpunkten folgen, die neue Inhalte für den angemeldeten Benutzer enthalten:

2 „Gefällt mir“

Großer Fan dieses Themas.

Aus irgendeinem Grund erscheint die Komponente für das Dunkel-/Hell-Umschalt-Thema nicht in der Kopfzeile.

2 „Gefällt mir“

Danke :sunny:

Es wird mir auch nicht im Standard-Theme angezeigt, also hängt es wahrscheinlich mit der Komponente zusammen.

Tatsächlich, siehe hier: Dark/Light Mode Toggle - #88 by RGJ Derzeit wird der Schalter nur angezeigt, wenn ein Benutzer die automatische Farbmodusumschaltung aktiviert hat.

1 „Gefällt mir“

@manuel wirklich, wirklich gut gemacht. Ist die Schriftgröße absichtlich so groß (groß meiner Meinung nach)?

Screenshot ist von einem 15-Zoll-Laptop – Es scheint aus dem Verhältnis zu sein?

Haben Sie eine Tab-Lösung in Betracht gezogen, anstatt die Kategorien in Kästen im Listenformat anzuzeigen – d. h. „Feedback“ wäre ein Tab neben „Willkommen bei Pinboard“?

:warning: Ich habe gerade einen Refactor dieses Themes hochgeladen. Es gibt nur geringfügige Änderungen an der Benutzeroberfläche, aber der Theme-Code ist neu organisiert und enthält einige neue Komponenten.

Wenn Sie das Theme zuvor installiert haben, müssen Sie Komponenten und alle Stildeklarationen, die Sie darauf angewendet haben, neu anpassen. Falls Sie dies im Moment nicht tun möchten, können Sie das Theme auch von seinem v1-Branch ziehen und beim bisherigen Setup bleiben:

Zur Referenz hier sind die Details nach der Installation für v1:

Theme-Funktionen

  • Verwendung mit Kategorien oder nur mit Tags
    Sie können Tags oder Kategorien aus der Benutzeroberfläche ausblenden und nur eine davon verwenden.

  • Benutzerdefinierte Landingpage
    Sie können eine benutzerdefinierte Landingpage erstellen, ähnlich der auf den Vorschauen.

    • Installieren Sie die Versatile Showcase Komponente und setzen Sie deren Outlet-Position auf discovery-list-container-top
    • Setzen Sie Ihre Homepage auf die top Route
    • Wählen Sie die Option custom top page im Theme

Komponenten-Funktionen

Das Theme installiert automatisch einige zusätzliche Komponenten:

  • Dunkel/Hell-Umschalter
    Setzen Sie das helle Farbschema in den Theme-Einstellungen. Wählen Sie das dunkle Farbschema in den allgemeinen Einstellungen.

  • Header-Suche

  • Klickbare Themen

  • Tag-Stile
    Zum Auswählen von Farb-Stilen für Tags.

4 „Gefällt mir“

Tolles Theme, super sauber!

Ich frage mich nur, ob dieses Theme am besten für Desktops oder Mobilgeräte geeignet ist.

1 „Gefällt mir“