Thème Air

||||\n-|-|-|\n:discourse2: | Résumé | Air Theme est un thème épuré et moderne avec quelques composants de thème inclus pour améliorer votre forum !\n| :eyeglasses: | Aperçu | Aperçu sur Discourse Theme Creator\n:hammer_and_wrench: | Lien du dépôt | \u003chttps://github.com/discourse/discourse-air\u003e\n:open_book: |Nouveau sur les thèmes Discourse ? | Guide du débutant pour utiliser les thèmes Discourse\n\n[wrap=theme-install-button repoUrl="https://github.com/discourse/discourse-air\" repoName="Air Theme"]\nInstaller ce thème\n[/wrap]\n\n[quote]\n\n:discourse2: Comme il s’agit d’un thème #officiel maintenu par l’équipe Discourse, les problèmes de Support, les rapports de Bug, les suggestions d’ UX et les demandes de conseils de Dev peuvent être soumis dans les catégories respectives ici sur Meta, et étiquetés avec le tag de thème approprié. Cliquez sur un lien ci-dessous pour en créer un. :+1: \n\n\u003ckbd\u003e [:question:\u0026nbsp;Support](https://meta.discourse.org/new-topic?category_id=6\u0026tags=air-theme "Demander de l’aide pour configurer et utiliser Air Theme") \u003c/kbd\u003e \u003ckbd\u003e [:bug:\u0026nbsp;Bug](https://meta.discourse.org/new-topic?category_id=1\u0026tags=air-theme "Un rapport de bug signifie que quelque chose est cassé, empêchant l’utilisation normale/typique du thème") \u003c/kbd\u003e \u003ckbd\u003e [:eyes:\u0026nbsp;UX](https://meta.discourse.org/new-topic?category_id=9\u0026tags=air-theme "Discussion sur l’interface utilisateur d’Air Theme, et la manière dont les fonctionnalités sont présentées (y compris la langue et les éléments d’interface utilisateur)") \u003c/kbd\u003e \u003ckbd\u003e [:artist:\u0026nbsp;Dev](https://meta.discourse.org/new-topic?category_id=7\u0026tags=air-theme "Conseils sur la façon de personnaliser ce thème pour votre site")\u003c/kbd\u003e\n\n[/quote]\n\n\n### Fonctionnalités\n\nMode Clair\nLight Mode\n\nMode Sombre\nDark Mode\n\nPage des Catégories\nCategories Page\n\nCe thème inclut également quelques composants pour améliorer votre forum. \n- Sujets cliquables\n- Boîtes de Catégories + Groupes Modernes\n\n\u003e :exclamation: Veuillez lire ces conseils lors de l’installation, car certains paramètres DOIVENT ÊTRE ACTIVÉS pour que ce thème s’affiche correctement.\n\n— \n# Conseils\n### Bascule de Schéma Clair/Sombre\nDark Light Scheme Toggle\n\nPour que cela fonctionne correctement, au moins 2 choix de schémas de couleurs doivent être activés dans votre zone https://discourse.jordanvidrine.com/admin/customize/colors. Au moins deux couleurs doivent avoir l’option le schéma de couleurs peut être sélectionné par les utilisateurs activée. \n\nimage\n\nUne fois cela fait, les utilisateurs devraient pouvoir choisir entre deux schémas de couleurs comme préférences clair et sombre dans leur menu d’interface des préférences utilisateur.\n\ncolor schemes\n\n___\n## Bannière de Bienvenue\n\nAllez à la page Admin \u003e Bannière de bienvenue (/admin/config/welcome-banner).\n\n- Dans le menu déroulant Activé sur les thèmes… sélectionnez Air Theme\n- Dans le menu déroulant Emplacement sélectionnez Sous l'en-tête du site\n___\n## Boîtes de Catégories + Groupes Modernes\nCe composant de thème nécessite que vos catégories utilisent le paramètre BOÎTES DE CATÉGORIE AVEC SOUS-CATÉGORIES dans votre zone /admin/site_settings/category/all_results?filter=categories.\n\nmodern category + group boxes\n\nCe composant de thème permet également à l’administrateur du forum d’organiser sa page de catégories avec des titres d’en-tête, et de choisir quelles catégories apparaissent sous chaque en-tête. Pour rester simple, je n’ai autorisé que jusqu’à 5 en-têtes à être utilisés. Si aucun paramètre de catégories + en-tête n’est choisi, toutes les catégories s’afficheront comme ci-dessus, c’est l’option de rendu par défaut.\n\n\u003e:discourse2: Hébergé par nous ? Les thèmes sont disponibles à l’utilisation sur nos plans Standard, Business et Enterprise.

137 « J'aime »

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

17 « J'aime »

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

7 « J'aime »

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

9 « J'aime »

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

13 « J'aime »

Theme looks amazing. Awesome work :heart_eyes:

5 « J'aime »

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 « J'aime »

Thanks it is nice…

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

8 « J'aime »

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 « J'aime »

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 « J'aime »

Refreshingly beautiful. Great work @jordan.vidrine!

4 « J'aime »

Est-il possible de modifier le texte de l’en-tête « Bienvenue sur le forum » ?

4 « J'aime »

Oui, cela peut être modifié dans le composant Discourse Search Banner :+1:

3 « J'aime »

Il y a quelque temps, j’ai signalé un problème d’affichage des catégories en vue mobile (Air Theme - #172). J’ai échangé un peu avec @jordan.vidrine, mais nous n’avons pas réussi à trouver la cause du problème. J’espère que quelqu’un d’autre aura des idées.

Pour les détails
En utilisant une installation propre de Discourse 2.7.11 sur kubernetes avec l’aide d’un helm chart de Bitnami, et la dernière version du thème installée et configurée comme mentionné dans le premier post, nous ne voyons aucune catégorie en vue mobile et le style est incorrect sur la dernière page.

Ce que nous avons essayé
Outre l’utilisation d’une installation propre, nous avons également tenté d’utiliser d’anciennes versions du thème. Le problème est cependant resté, mais nous n’avons pas essayé toutes les versions de manière exhaustive.
Nous avons également comparé le HTML de notre instance avec celui de discourse.jordanvidrine.com , et avons remarqué qu’il est significativement différent.

Intuition
Comme nous ne pouvons pas utiliser une version ‘bêta’, mon intuition me dit qu’il s’agit d’un problème de compatibilité entre le thème ou l’un de ses plugins et Discourse 2.7. J’aimerais savoir si quelqu’un a ce thème qui fonctionne sur la version 2.7, et si oui, avec quelles versions du thème et des plugins pertinents.

Question
Quelqu’un a-t-il réussi à faire fonctionner ce thème avec la version 2.7 et/ou y a-t-il des indices sur ce que nous pourrions faire pour que cela fonctionne ?

2 « J'aime »

Salut. Tout d’abord, merci pour ce super thème :smile:

Je veux changer la police de caractères, comment puis-je le faire.

J’ai essayé ceci :point_down:

  • télécharger ce thème Google Fonts, et changer le paramètre de police dans PARAMÈTRES DU SITE –\u003e Ne fonctionne pas

  • ajouter le code @import{lien vers la police web ~~~ } dans Desktop.css, mobile.css –\u003e Ne fonctionne pas

Quel fichier dois-je modifier pour changer la police ??? :sob:

3 « J'aime »

Je pense que vous devriez pouvoir définir une police personnalisée sans composant ici : admin/site_settings/category/all_results?filter=font

Si vous souhaitez plus de personnalisation, je pense que le composant de thème Google Fonts que vous avez lié fonctionnerait. Cependant, le thème utilise des theme-settings et non un paramètre de site, je crois.

Avez-vous soulevé ce problème dans le sujet de ce composant de police ?

4 « J'aime »

Bonjour à tous, quelqu’un peut-il m’aider à modifier la taille et la « nature fixe » de la couleur d’arrière-plan sur mobile ?

Le CSS pour mobile est transparent de mon côté. Et j’ai juste besoin d’un peu d’aide pour changer l’arrière-plan fixe pour les couleurs d’arrière-plan.

Si je ne me trompe pas, il y a un arrière-plan d’en-tête et un arrière-plan de page, n’est-ce pas ?

3 « J'aime »

Ceci est dû au fait que le thème et ses composants inclus sont assez exigeants quant à la manière dont le site est configuré.

Dans le message original, j’ai partagé que :

6 « J'aime »

Y a-t-il un moyen de faire de l’image l’arrière-plan ? Je préférerais une image aux couleurs. L’utilisation de

body {
    background-image: url("url de l'image ici");
    background-color: #cccccc;
}

fait de la partie supérieure de la couleur l’image, mais pas de la partie inférieure.

4 « J'aime »

Ce que vous avez fait est bien pour ajouter l’image, mais vous voudrez également supprimer le tracé de détourage qui est créé pour donner cet effet de superposition.

html .background-container {
clip-path: unset;
}
5 « J'aime »