Luft-Theme

[Discourse]

| |
| -|-|-|
| | Zusammenfassung | Air Theme ist ein sauberes und modernes Theme mit einigen integrierten Theme-Komponenten, um dein Forum zu verbessern!
| | Vorschau | Vorschau im Discourse Theme Creator
| | Repository-Link | https://github.com/discourse/discourse-air
| |Neu bei Discourse Themes? | Anfängerleitfaden zur Verwendung von Discourse Themes

Dieses Theme installieren

Funktionen

Heller Modus

Dunkler Modus

Kategorien-Seite

Dieses Theme enthält zudem einige Komponenten zur Verbesserung deines Forums.

• Klickbare Themen
• Moderne Kategorien- und Gruppenboxen

Bitte lies diese Tipps bei der Installation durch, da einige Einstellungen AKTIVIERT SEIN MÜSSEN, damit das Theme korrekt dargestellt wird.

---

Tipps

Umschalten zwischen dunklem und hellem Farbschema

Damit dies ordnungsgemäß funktioniert, müssen mindestens zwei Farbschema-Optionen im Bereich https://discourse.jordanvidrine.com/admin/customize/colors aktiviert sein. Bei mindestens zwei Farben muss die Option „Farbschema kann von Benutzern ausgewählt werden“ aktiviert sein.

Sobald dies erledigt ist, können Benutzer zwischen zwei Farbschemata als ihre helle und dunkle Präferenz im Benutzerpräferenzmenü auswählen.

---

Willkommensbanner

Gehe zur Seite Admin > Willkommensbanner (/admin/config/welcome-banner).

• Wähle im Dropdown-Menü Aktiviert für Themes… Air Theme aus.
• Wähle im Dropdown-Menü Standort Unter der Kopfzeile der Website aus.

---

Moderne Kategorien- und Gruppenboxen

Diese Theme-Komponente erfordert, dass deine Kategorien die Einstellung KATEGORIENBOXEN MIT UNTERKATEGORIEN im Bereich /admin/site_settings/category/all_results?filter=categories verwenden.

Diese Theme-Komponente ermöglicht es dem Forum-Admin zudem, die Kategorien-Seite mit Überschriften zu organisieren und festzulegen, welche Kategorien unter jeder Überschrift angezeigt werden. Um die Sache einfach zu halten, habe ich die Verwendung von maximal 5 Überschriften erlaubt. Wenn keine Kategorien- und Überschrifteneinstellungen ausgewählt sind, werden alle Kategorien wie oben dargestellt angezeigt. Dies ist die Standarddarstellung.

Von uns gehostet? Themes können in unseren Standard-, Business- und Enterprise-Plänen verwendet werden.

[Don]

Das ist einfach großartig, Jordan! Ich liebe es!

[th21]

Es wäre hilfreich, wenn die Willkommensnachricht ausgeblendet werden kann, wenn das Feld für die lokale Sprache leer gelassen wird

[oshyan (Oshyan Greene)]

Wow, das sieht wirklich toll aus! Danke für den Beitrag.

[itsbhanusharma (Bhanu Sharma)]

Dieses Theme verleiht Discourse das moderne Aussehen, das es verdient. Sehr gut gemacht, @jordan.vidrine.

[Ahmed_Gagan]

Das Theme sieht fantastisch aus. Tolle Arbeit

[thegurjyot (Gurjyot Singh)]

Dieses Theme sieht einfach fantastisch aus. Hoffentlich können wir auch dieses Kategorien-Page-Design als separate Komponente erhalten. So sieht es wirklich viel besser aus.

[frold]

Danke, das ist schön…

Das erste Mal, dass ich ein neues Theme installiere. Ich mag dieses wirklich!!

Studmed.dk

[Jeremie_Leroy]

Hallo @jordan-vidrine, bezüglich der Spalte mit der Anzahl der Aufrufe: Welchen Code muss ich in die Komponente einfügen, um zu verhindern, dass diese Spalte ausgeblendet wird?

[jordan.vidrine]

Ich glaube, das sollte funktionieren:

.full-width .contents .topic-list thead th.posts {
width: 10%;
}

.full-width .contents .topic-list thead th.activity {
width: 10%;
order: 4;
}

th.num.views {
width: 10%;
order: 3;
display: block;
}

.full-width .contents .topic-list tbody tr:not(.topic-list-item-separator) td.posts {
width: 10%;
order: 2;
}

.topic-list .views {
width: 10%;
order: 3;
}

.full-width .contents .topic-list tbody tr:not(.topic-list-item-separator) td.age {
width: 10%;
order: 4;
}

[ggurbet (Gökhan Gurbetoğlu)]

Erfrischend schön. Tolle Arbeit, @jordan.vidrine!

[ShubhayanS (shubhayan saha)]

Gibt es eine Möglichkeit, den Header-Text „Willkommen im Forum“ zu ändern?

[jordan.vidrine]

Ja, das kann im Discourse Search Banner-Komponenten-Bereich bearbeitet werden

[Jerdeman (Jeroen)]

Vor einiger Zeit habe ich ein Problem gepostet, bei dem ich die Kategorien in der mobilen Ansicht nicht sehen konnte (Air Theme - #172). Ich habe ein wenig mit @jordan.vidrine geschrieben, aber wir konnten die Ursache des Problems nicht ermitteln. Hoffentlich hat jemand anderes ein paar Ideen.

Für die Details
Wir verwenden eine saubere Installation von Discourse 2.7.11 unter Kubernetes mit Hilfe eines Helm-Charts von Bitnami und der neuesten Version des Themas, das wie im Eröffnungsposting erwähnt installiert und konfiguriert wurde. Wir sehen keine Kategorien in der mobilen Ansicht und das Styling auf der neuesten Seite ist fehlerhaft.

Was wir versucht haben
Neben der Verwendung einer sauberen Installation haben wir auch versucht, ältere Versionen des Themas zu verwenden. Das Problem blieb jedoch bestehen, aber wir haben nicht alle Versionen erschöpfend ausprobiert.
Wir haben auch das HTML auf unserer Instanz mit dem von discourse.jordanvidrine.com verglichen und festgestellt, dass es sich erheblich unterscheidet.

Bauchgefühl
Da wir keine ‘Beta’-Version verwenden können, sagt mir mein Bauchgefühl, dass dies ein Kompatibilitätsproblem zwischen dem Thema oder einem seiner Plugins und Discourse 2.7 ist. Ich würde gerne wissen, ob jemand dieses Thema unter 2.7 zum Laufen gebracht hat und wenn ja, mit welchen Versionen des Themas und der relevanten Plugins.

Frage
Hat jemand dieses Thema mit 2.7 zum Laufen gebracht und/oder gibt es Hinweise darauf, was wir tun könnten, um dies zum Laufen zu bringen?

[Hyeonji_Kim]

Hallo. Zuerst einmal vielen Dank für dieses großartige Theme

Ich möchte die Schriftfamilie ändern. Wie kann ich das tun?

Ich habe Folgendes versucht:

• Dieses Theme heruntergeladen: Google Fonts und die Schriftarteinstellung unter WEBSITEINSTELLUNGEN geändert –\u003e Funktioniert nicht

• Den Code @import{web font link ~~~ } in Desktop.css, mobile.css hinzugefügt –\u003e Funktioniert nicht

Welche Datei sollte ich ändern, um die Schriftart zu modifizieren???

[jordan.vidrine]

Ich glaube, Sie sollten hier ohne eine Komponente eine benutzerdefinierte Schriftart einstellen können: admin/site_settings/category/all_results?filter=font

Wenn Sie mehr Anpassungsmöglichkeiten wünschen, glaube ich, dass die von Ihnen verlinkte Google Fonts Theme-Komponente funktionieren würde. Allerdings verwendet das Theme theme-settings und keine Site-Einstellung, glaube ich.

Haben Sie dieses Problem im Thema für diese Schriftartkomponente angesprochen?

[hequaye (Henry Herbert)]

Hallo zusammen, kann mir jemand helfen, die Größe und die “feste Beschaffenheit” der Hintergrundfarbe auf Mobilgeräten zu ändern?

Das CSS für Mobilgeräte ist auf meiner Seite transparent. Und ich brauche nur ein wenig Anleitung, um den festen Hintergrund für die Hintergrundfarben zu ändern.

Wenn ich mich nicht irre, gibt es einen Header-Hintergrund und einen Seiten-Hintergrund, richtig?

[jordan.vidrine]

Das liegt daran, dass das Theme und seine enthaltenen Komponenten recht wählerisch sind, wie die Website eingerichtet ist.

In der OP habe ich geteilt, dass:

@jordan-vidrine

Moderne Kategorie + Gruppenfelder

Diese Theme-Komponente erfordert, dass Ihre Kategorien die Einstellung KATEGORIEFELDER MIT UNTERKATEGORIEN in Ihrem Bereich /admin/site_settings/category/all_results?filter=categories verwenden.

Diese Theme-Komponente ermöglicht es dem Forenadministrator auch, seine Kategorieseite mit Überschriften zu organisieren und auszuwählen, welche Kategorien unter jeder Überschrift erscheinen. Um die Dinge einfach zu halten, habe ich nur bis zu 5 Überschriften zugelassen. Wenn keine Kategorien + Überschrifteneinstellungen ausgewählt sind, werden alle Kategorien wie oben gerendert, dies ist die Standard-Rendering-Option.

[Nerd_Alert]

Gibt es eine Möglichkeit, den Hintergrund zu einem Bild zu machen? Ich hätte lieber ein Bild als Farben. Die Verwendung von

body {
    background-image: url("image url here");
    background-color: #cccccc;
}

macht den oberen Teil der Farbgebung zum Bild, aber nicht den unteren Teil.

[jordan.vidrine]

Was Sie getan haben, ist in Ordnung, um das Bild hinzuzufügen, aber Sie möchten auch den Clipping-Pfad entfernen, der erstellt wird, um diesen Überlagerungseffekt zu erzielen.

html .background-container {
clip-path: unset;
}