Luft-Thema

[Discourse]

||||\n-|-|-|\n:discourse2: | Zusammenfassung | Air Theme ist ein sauberes & modernes Theme mit einigen Theme-Komponenten, um Ihr Forum zu erweitern!\n| | Vorschau | Vorschau im Discourse Theme Creator\n:hammer_and_wrench: | Repository-Link | \u003chttps://github.com/discourse/discourse-air\u003e\n:open_book: |Neu bei Discourse Themes? | Anfänger-Leitfaden zur Verwendung von Discourse Themes\n\n[wrap=theme-install-button repoUrl="https://github.com/discourse/discourse-air\" repoName="Air Theme"]\nDieses Theme installieren\n[/wrap]\n\n### Funktionen\n\nHeller Modus\n

\n\nDunkler Modus\n

\n\nKategorieseite\n

\n\nDieses Theme enthält auch einige Komponenten, um Ihr Forum zu erweitern.\n- Anklickbare Themen\n- Moderne Kategorie- + Gruppenfelder\n\n\u003e Bitte lesen Sie diese Tipps nach der Installation durch, da einige Einstellungen AKTIVIERT WERDEN MÜSSEN, damit dieses Theme korrekt dargestellt wird.\n\n—\n# Tipps\n### Umschalter für dunkles/helles Farbschema\n

\n\nDamit dies richtig funktioniert, müssen mindestens 2 Farbschema-Optionen in Ihrem Bereich https://discourse.jordanvidrine.com/admin/customize/colors aktiviert sein. Mindestens zwei Farben müssen die Einstellung Farbschema kann von Benutzern ausgewählt werden aktiviert haben.\n\n

\n\nSobald dies geschehen ist, sollten Benutzer in der Lage sein, zwischen zwei Farbschemata als ihre hellen und dunklen Präferenzen in ihrem Benutzereinstellungs-Interface-Menü zu wählen.\n\n

\n\n___\n## Willkommensbanner\n\nGehen Sie zur Seite Admin \u003e Willkommensbanner (/admin/config/welcome-banner).\n\n- Wählen Sie im Dropdown-Menü Aktiviert für Themes… Air Theme\n- Wählen Sie im Dropdown-Menü Position Unterhalb der Seitenkopfzeile\n___\n## Moderne Kategorie- + Gruppenfelder\nDiese Theme-Komponente erfordert, dass Ihre Kategorien die Einstellung KATEGORIEBOXEN MIT UNTERKATEGORIEN in Ihrem Bereich /admin/site_settings/category/all_results?filter=categories verwenden.\n\n

\n\nDiese Theme-Komponente ermöglicht es dem Forum-Administrator auch, die Kategorieseite mit Titelüberschriften zu organisieren und auszuwählen, welche Kategorien unter jeder Überschrift angezeigt werden sollen. Um es einfach zu halten, habe ich nur die Verwendung von bis zu 5 Überschriften erlaubt. Wenn keine Kategorie- + Überschrifteinstellungen ausgewählt sind, werden alle Kategorien wie oben dargestellt, dies ist die Standarddarstellungsoption.\n\n\u003e:discourse2: Bei uns gehostet? Themes können auf unseren Standard-, Business- und Enterprise-Plänen verwendet werden.

[Don]

That is just amazing Jordan! I love it!

[th21]

It will be helpful if the welcome message can be hide when left locale field empty

[oshyan (Oshyan Greene)]

Oh wow, this looks really nice! Thank you for the share.

[itsbhanusharma (Bhanu Sharma)]

This theme gives discourse the modern look it deserves. Very well done @jordan.vidrine

[Ahmed_Gagan]

Theme looks amazing. Awesome work

[thegurjyot (Gurjyot Singh)]

This theme looks so amazing. Hope we can get this category page design as a separate component as well. It is looking way better this way.

[frold]

Thanks it is nice…

First time I install a new theme. I really like this one!!

Studmed.dk

[Jeremie_Leroy]

Hi @jordan-vidrine regarding the # of views column, what kind of code shall i add in the component to override that column being hidden ?

[jordan.vidrine]

I believe this should work:

.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)]

Refreshingly beautiful. Great work @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;
}