Luft-Thema

||||\n-|-|-|\n:discourse2: | Zusammenfassung | Air Theme ist ein sauberes & modernes Theme mit einigen Theme-Komponenten, um Ihr Forum zu erweitern!\n| :eyeglasses: | 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[quote]\n\n:discourse2: Da dies ein #offizielles Theme ist, das vom Discourse-Team gepflegt wird, können #Support-Probleme, #Bug-Meldungen, #UX-Vorschläge und Anfragen für #Entwickler-Ratschläge in den entsprechenden Kategorien hier auf Meta gepostet und mit dem entsprechenden Theme-Tag versehen werden. Klicken Sie auf einen der folgenden Links, um einen neuen Beitrag zu erstellen. :+1: \n\n\u003ckbd\u003e [:question:\u0026nbsp;Support](https://meta.discourse.org/new-topic?category_id=6\u0026tags=air-theme "Support bei der Konfiguration und Verwendung des Air Themes anfragen") \u003c/kbd\u003e \u003ckbd\u003e [:bug:\u0026nbsp;Bug](https://meta.discourse.org/new-topic?category_id=1\u0026tags=air-theme "Eine Bug-Meldung bedeutet, dass etwas kaputt ist und die normale/typische Nutzung des Themes verhindert") \u003c/kbd\u003e \u003ckbd\u003e [:eyes:\u0026nbsp;UX](https://meta.discourse.org/new-topic?category_id=9\u0026tags=air-theme "Diskussion über die Benutzeroberfläche des Air Themes und wie Funktionen dargestellt werden (einschließlich Sprache und UI-Elemente)") \u003c/kbd\u003e \u003ckbd\u003e [:artist:\u0026nbsp;Dev](https://meta.discourse.org/new-topic?category_id=7\u0026tags=air-theme "Ratschläge zur Anpassung dieses Themes für Ihre Seite")\u003c/kbd\u003e\n\n[/quote]\n\n\n### Funktionen\n\nHeller Modus\nLight Mode\n\nDunkler Modus\nDark Mode\n\nKategorieseite\nCategories Page\n\nDieses Theme enthält auch ein paar Komponenten, um Ihr Forum zu erweitern.\n- Anklickbare Themen\n- Moderne Kategorie- + Gruppenfelder\n\n\u003e :exclamation: Bitte lesen Sie diese Tipps nach der Installation durch, da ein paar Einstellungen AKTIVIERT WERDEN MÜSSEN, damit dieses Theme korrekt dargestellt wird.\n\n— \n# Tipps\n### Umschalter für helles/dunkles Farbschema\nDark Light Scheme Toggle\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\nimage\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\ncolor schemes\n\n___\n## Willkommensbanner\n\nGehen Sie zur Seite Admin \u003e Willkommensbanner (/admin/config/welcome-banner).\n\n- Wählen Sie im Dropdown-Menü Auf Themes aktiviert… 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\nmodern category + group boxes\n\nDiese Theme-Komponente ermöglicht es dem Foren-Administrator auch, seine 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 Kategorien- + Überschrifteinstellungen ausgewählt sind, werden alle Kategorien wie oben dargestellt, dies ist die Standard-Rendering-Option.\n\n\u003e:discourse2: Bei uns gehostet? Themes können auf unseren Plänen Standard, Business und Enterprise verwendet werden.

137 „Gefällt mir“

That is just amazing Jordan! :heart_eyes: I love it!

17 „Gefällt mir“

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

7 „Gefällt mir“

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

9 „Gefällt mir“

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

13 „Gefällt mir“

Theme looks amazing. Awesome work :heart_eyes:

5 „Gefällt mir“

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. :heart:

8 „Gefällt mir“

Thanks it is nice…

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

8 „Gefällt mir“

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

3 „Gefällt mir“

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;
}
6 „Gefällt mir“

Refreshingly beautiful. Great work @jordan.vidrine!

4 „Gefällt mir“

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

4 „Gefällt mir“

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

3 „Gefällt mir“

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?

2 „Gefällt mir“

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

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

Ich habe Folgendes versucht: :point_down:

  • 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??? :sob:

3 „Gefällt mir“

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?

4 „Gefällt mir“

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?

3 „Gefällt mir“

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:

6 „Gefällt mir“

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.

4 „Gefällt mir“

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;
}
5 „Gefällt mir“