Pinboard, un thème d'interface simple

:dizzy: Résumé Pinboard est un thème avec une interface utilisateur simple. Il s’accorde bien avec une taxonomie plate, comme une simple liste de catégories ou de tags.
:hammer_and_wrench: Dépôt GitHub - nolosb/discourse-theme-pinboard
:open_book: Nouveau aux thèmes Discourse ? Guide pour débutants sur l’utilisation des thèmes Discourse

Installer ce thème

:woman_factory_worker:t5: Configuration post-installation

Le thème installe quelques composants supplémentaires. Certains nécessitent des ajustements dans leurs paramètres pour peaufiner l’apparence du thème :

  • Basculement Sombre/Clair

    • Pour que le basculement fonctionne, vous devez définir le schéma de couleurs clair dans les paramètres du thème. Et choisir le schéma de couleurs sombre dans les paramètres généraux (default dark mode color scheme id).
    • Vous pouvez choisir d’afficher l’icône de basculement dans l’en-tête. Par défaut, elle s’affiche dans le pied de page de la barre latérale.
  • Arrondi

    • Un composant de style pour arrondir les éléments de mise en page. Sur mon site de prévisualisation, le rayon par défaut est défini sur 10px et le rayon des boutons sur 4px.
  • Panneaux

    • Un autre composant de style pour rendre les conteneurs de liste sous forme de panneaux. Le thème a un style d’ombre défini pour les panneaux, vous pouvez l’activer en utilisant cette variable --shadow :

    image

:art: Fonctionnalités du thème

Utiliser avec des catégories ou uniquement avec des tags

Vous pouvez masquer les tags ou les catégories de l’interface et n’utiliser que l’un des deux.

Page d’accueil personnalisée

Vous pouvez créer une mise en page de page d’accueil personnalisée similaire à celle des aperçus.

  • Choisissez l’option custom homepage dans les paramètres du thème

  • Choisissez votre page d’accueil dans vos paramètres d’administration. Par exemple, ici, elle est définie sur la route principale :

  • Installez ce composant d’aide pour ajouter une classe de page d’accueil dédiée. Définissez votre page d’accueil dans les paramètres du composant :

    image

  • Sur le composant Panels installé, choisissez de rendre les panneaux dans les listes mises en avant :
    image

  • Installez le composant Featured Lists et définissez sa position de sortie sur discovery-list-container-top

35 « J'aime »

C’est un très beau thème, j’adore la simplicité !

12 « J'aime »

Beau travail mon frère.. :heart_eyes:

6 « J'aime »

Wow ! Cela a une belle esthétique.

6 « J'aime »

Le thème est génial ! Minimaliste dans le bon sens du terme. J’adore ce que vous avez fait avec la barre latérale.

Excellent travail @manuel :+1:

7 « J'aime »

@manuel
Veuillez m’aider à savoir quel paramètre il me manque ici. La page d’accueil affiche un wrapper externe pour moi avec des sujets ci-dessous. Au lieu de chaque tableau d’épingles.
Merci.

2 « J'aime »

Semble être un thème productif d’une grande simplicité qui peut facilement vous faire gagner beaucoup de temps grâce à son interface utilisateur.

3 « J'aime »

Avez-vous vérifié l’option comme décrit ci-dessus ?

3 « J'aime »

Oui. J’ai sélectionné cette option.

3 « J'aime »

Vous devez également définir les sujets principaux comme page d’accueil. Votre page d’accueil est définie sur la liste des catégories. C’est parce que ce paramètre de thème n’affiche que les listes de tableaux d’épingles et masque le contenu en dessous. Cela ne fonctionne que sur la route principale. Nous pouvons remplacer les sujets principaux par une liste de tableaux d’épingles des sujets principaux si nécessaire. Nous avons généralement besoin de la liste des catégories ou des derniers sujets pour que le forum fonctionne.

Vous définissez la page principale comme page d’accueil en en faisant le premier élément de la liste du menu principal dans vos paramètres d’administration :

3 « J'aime »

@manuel Merci.
Il manquait exactement ça. C’est bon maintenant.

3 « J'aime »

Ce thème est-il censé masquer le menu supérieur (Derniers, Top, etc.) ? Existe-t-il un moyen de le faire revenir ?

1 « J'aime »

Oui, ces éléments sont masqués. J’ai un avis tranché à ce sujet sur ce thème car Derniers/Nouveaux/Non lus sont déjà disponibles dans la barre latérale et Top est utilisé pour la page d’accueil.

Si vous souhaitez utiliser le thème et avoir ces éléments dans la barre de navigation, vous devrez remplacer manuellement les déclarations de style du thème.

1 « J'aime »

Je ne vois pas “Latest/New/Unread” dans la barre latérale, que ce soit sur mon instance du thème, sur le site de test ou sur les captures d’écran de ce post. Pouvez-vous m’indiquer la bonne direction ?

2 « J'aime »

Latest s’appelle Everything dans la barre latérale par défaut. Sur mes captures d’écran, elle est nommée All.

Mais oui, il est vrai que Unread et New ne s’affichent plus dans la barre latérale. Je pensais qu’ils s’affichaient là, tout comme ils le faisaient auparavant dans le menu déroulant du hamburger. Peut-être que je me souviens mal ou que cela a été modifié. Il y a toujours des mises à jour constantes de la barre latérale.

Les informations contextuelles sur le nouveau contenu dans la barre latérale sont des points de notification qui suivent tous les éléments du menu contenant du nouveau contenu pour l’utilisateur connecté :

2 « J'aime »

Grand fan de ce thème.

Pour une raison quelconque, le composant de thème de basculement Sombre/Clair n’apparaît pas dans l’en-tête.

2 « J'aime »

Merci :sunny:

Il ne s’affiche pas non plus pour moi avec le thème par défaut, donc c’est probablement lié au composant.

En fait, regardez ici : Dark/Light Mode Toggle - #88 by RGJ Pour l’instant, le commutateur ne s’affiche que lorsqu’un utilisateur a activé la commutation automatique du mode couleur.

1 « J'aime »

@manuel vraiment, très bien fait. La taille de la police est-elle délibérément aussi grande (grande selon moi) ?

La capture d’écran provient d’un ordinateur portable de 15 pouces - Cela semble disproportionné ?

Avez-vous envisagé une solution à onglets au lieu d’afficher les catégories dans des boîtes sous forme de liste - c’est-à-dire que « feedback » serait un onglet à côté de « Welcome to Pinboard » ?

:warning: Je viens de pousser un refactoring de ce thème. Il n’y a que des changements subtils dans l’interface utilisateur, mais le code du thème est réorganisé et comprend quelques nouveaux composants.

Si vous avez installé le thème auparavant, vous devrez réajuster les composants et toutes les déclarations de style que vous avez faites par-dessus. Si vous ne souhaitez pas le faire tout de suite, vous pouvez également récupérer le thème de sa branche v1 et rester avec la configuration précédente :

Pour référence, voici les détails post-installation pour la v1 :

Fonctionnalités du thème

  • Utilisation avec des catégories ou des tags uniquement
    Vous pouvez masquer les tags ou les catégories de l’interface et n’en utiliser qu’un seul.

  • Page d’accueil personnalisée
    Vous pouvez créer une page d’accueil personnalisée similaire à celle des aperçus.

    • Installez le composant Versatile Showcase et définissez sa position de sortie sur discovery-list-container-top
    • Définissez votre page d’accueil sur la route top
    • Choisissez l’option custom top page dans le thème

Fonctionnalités des composants

Le thème installe automatiquement quelques composants supplémentaires :

  • Basculement Sombre/Clair
    Définissez le schéma de couleurs clair dans les paramètres du thème. Choisissez le schéma de couleurs sombre dans les paramètres généraux.

  • Recherche dans l’en-tête

  • Sujets cliquables

  • Styles de tags
    Pour choisir les styles de couleurs des tags.

4 « J'aime »

Thème génial, super épuré !

Je me demande juste si ce thème convient mieux pour un ordinateur de bureau ou un mobile.

1 « J'aime »