FKB Pro - Thème social

[Don]

	Aperçu	Theme Creator
	Dépôt	Thème FKB Pro
	Vous l’avez trouvé utile ?	> ./support --coffee
	Guide d’installation	Comment installer un thème ou un composant de thème
	Nouveau aux thèmes Discourse ?	Guide du débutant pour utiliser les thèmes Discourse

FKB Pro est un thème social professionnel, très modifié et détaillé, mais reste convivial.

Ce thème est assez sensible et peut ne pas être bien compatible avec d’autres composants de thème ou des plugins que vous utilisez ! Veuillez le tester avant utilisation. Ceux-ci nécessitent généralement quelques modifications CSS. Si vous rencontrez un problème, veuillez le signaler et je le corrigerai.

---

Mise en page

Sur ordinateur de bureau : Mise en page en trois colonnes.

Prêt pour la barre latérale

---

Sur mobile :

---

Coins arrondis

FKB Pro a des coins très arrondis partout par défaut, mais je sais que tout le monde n’aime pas, j’ai donc ajouté quelques Réglages de thème pour faciliter la personnalisation.

Si vous n’aimez pas les coins arrondis… réglez ces valeurs sur 0.

---

Carte de sujet

Sections principales

1. Titre (un clic mène au dernier message)
2. Extrait (un clic mène au premier message)
3. Image (un clic mène au dernier message)

Autres sections

4. En haut à gauche : Données de l’auteur (avatar, nom, nom d’utilisateur) et la date de création du sujet.
   (un clic ouvre la carte utilisateur)
5. En haut à droite : Badge de catégorie
6. Au centre en bas : Tags
7. En bas à gauche : J’aime et vues du sujet
   (un clic mène au premier message et résume le sujet si disponible)
8. En bas à droite : Avatar du dernier posteur, date et nombre de réponses.
   (un clic sur l’avatar ouvre la carte utilisateur, la date mène au dernier message et le nombre de réponses ouvre la sélection de réponses)

Style des badges

1. point
   

2. barre
   

3. boîte
   

---

Page de catégorie

En raison de la taille limitée au centre, veuillez utiliser les styles de page de catégorie en une colonne. J’ai apporté quelques personnalisations à ceux-ci pour qu’ils s’adaptent mieux à ce thème.

Catégories uniquement, Catégories et derniers sujets, Catégories et sujets populaires

Boîtes de catégories

OU

Vous pouvez utiliser le composant de thème Modern Category + Group Boxes créé par @jordan.vidrine

---

Panneau FKB

Sur ordinateur de bureau : La barre latérale droite.

Pour les visiteurs anonymes, il affiche un message de bienvenue. Ce message est le même que js.signup_cta.value_prop. Le texte d’en-tête Welcome peut être modifié dans la Traduction du thème.

OU

Pour les visiteurs anonymes, il y a une option pour activer une barre latérale personnalisée. Vous pouvez ajouter du contenu personnalisé à la barre latérale, comme une image et une description.

---

Pour les utilisateurs connectés, il contient les informations de l’utilisateur telles que la photo de profil, les statistiques, les badges et utilise également l’image de la carte utilisateur en arrière-plan. Contient également quelques boutons rapides en bas.

---

Schémas de couleurs

Le thème contient deux schémas de couleurs FKB Pro - Clair et FKB Pro - Sombre.

Schémas de couleurs

FKB Pro - Clair

• primaire #242526
• secondaire #ffffff
• tertiaire #147efb
• quaternaire #147efb
• header_background #ffffff
• header_primary #242526
• highlight #147efb
• danger #f8745c
• success #42b72a
• love #fa6c8d

FKB Pro - Sombre

• primaire #ffffff
• secondaire #242526
• tertiaire #147efb
• quaternaire #4267b2
• header_background #242526
• header_primary #ffffff
• highlight #147efb
• danger #f8745c
• success #42b72a
• love #fa6c8d

Il y a aussi quelques schémas de couleurs personnalisés que vous pouvez modifier dans les réglages.

Schémas de couleurs personnalisés

fkb-bg

• clair #f0f2f5
• sombre #18191a

fkb-header-btn

• clair #e1e5eb
• sombre #3a3b3e

fkb-header-btn-hover

• clair #d2d8e1
• sombre rgba(var(--primary-rgb),.1)

fkb-btn

• clair #e1e5eb
• sombre #383838

fkb-btn-hover

• clair #d2d8e1
• sombre rgba(var(--primary-rgb),.1)

---

Plus d’informations sur les dernières mises à jour

FKB Pro - Thème social

Bonjour, J’ai créé une mise à jour plus importante sur ce thème. Je vais la fusionner bientôt. Changements changer la mise en page de flexbox à grid compatibilité de la barre latérale nouveau menu utilisateur remanié (redesign) nettoyer le code refonte du chat contrôles de navigation flottants (notification, bouton créer un sujet) sur mobile barre de navigation version bureau sur mobile refonte des oneboxes et des citations suppression de l’avatar et des statistique…

et ici

FKB Pro - Thème social

Bonjour, J’ai ajouté d’autres mises à jour, corrections, etc. : améliorer la mise en page réactive ajouté la prise en charge des réactions Discourse ajouté une bannière de nouveau sujet collante (flottant depuis le haut) Je vais tester un peu plus et après je pourrai fusionner ces changements. Réactif Bannière de nouveau sujet collante Bureau Mobile

Il y a tellement d’autres personnalisations que je n’ai pas mentionnées.

---

Crédit Un immense merci à @awesomerobot pour avoir créé le thème Fakebook et à @jordan.vidrine pour avoir créé le thème Fakebook Modern.

[Jagster (Jakke Flemming)]

Avec l’iPad, c’est assez… large. Je veux dire, vraiment large

C’est parce qu’il n’y a pas de barre latérale, je suppose. Des idées pourquoi ?

[darkpixlz (Pyx)]

J’adore ! Ma seule suggestion est d’élargir le menu hamburger puis d’ajouter du padding

[Jagster (Jakke Flemming)]

Encore un petit détail :

• mon forum n’utilise pas le plugin solved
• nous n’utilisons pas de badges

Vous savez mieux comment masquer ces deux éléments

Sinon… ce thème semble très prometteur sur les ordinateurs de bureau et les mobiles (les tablettes posent un léger problème)

Au fait — il y a un petit problème de mise en page avec la bannière polyvalente. Elle pousse le contenu en dessous un peu trop vers la gauche.

[Don]

Bonjour,

J’ai poussé un correctif pour la vue tablette. Veuillez mettre à jour le thème.

[Jagster (Jakke Flemming)]

C’était rapide.

Beaucoup mieux, merci. J’ai un nouveau thème par défaut…

[Don]

Merci Oui, je pense que c’est le comportement par défaut. Le premier élément est en focus lorsque vous ouvrez le menu.

[darkpixlz (Pyx)]

Oui, je suggérais juste qu’il y a un peu d’espace entre eux, à part ça, le thème est bien pour combien je déteste Facebook et Meta haha.

[Don]

Merci J’ai poussé un correctif pour cela.

J’ai ajouté deux paramètres de thème.

@Jagster

il y a un petit problème de mise en page avec la bannière polyvalente

Je vais vérifier cela.

[Jagster (Jakke Flemming)]

Je dois être une douleur dans les endroits sensibles

Il y a un problème. Pas pour moi, mais pour mes 5 meilleurs contributeurs, c’est une question de vie ou de mort — bon, c’est peut-être exagéré, mais ils le veulent vraiment.

Paramètres de catégorie :

Normalement, cela affiche quelque chose comme ceci (sur iPad, mais vous comprenez ce que je veux dire)

Votre mise en page se casse si la description ou le nom d’une catégorie est plus long que quelques caractères :

Désactiver afficher la liste des sous-catégories ci-dessus… résout ce problème, bien sûr.

Mais je me dirige vers l’utilisation exclusive de catégories de premier niveau et je m’appuie fortement sur les tags de toute façon (et dans ce cas, votre thème est en fait très adapté à bien des égards) — donc, si corriger cela prend un peu trop de temps et/ou si vous avez quelque chose de plus important à faire, je suis tout à fait d’accord pour que vous travailliez sur cela plus tard.

[Don]

Bonjour, j’ai ajouté un correctif pour Discourse Reactions.
Vous pouvez l’installer en tant que composant de thème.

[Don]

Merci pour le rapport @Jagster. J’ai poussé un correctif pour ce problème. FIX: Topic list category layout by VaperinaDEV · Pull Request #3 · VaperinaDEV/fkb-pro-theme · GitHub

[Don]

@Jagster

Au fait, il y a un petit problème de mise en page avec la bannière polyvalente. Elle pousse le contenu en dessous un peu trop vers la gauche.

Bonjour, j’ai appliqué un correctif pour cela. Merci Veuillez mettre à jour le thème.

Avant

Après

[tmn (Tran Nhat)]

thème très cool. veuillez ajouter plus de publications pour le test.

[Don]

Merci J’ai mis à jour l’OP avec le lien de prévisualisation du créateur de thème, vous pouvez donc maintenant l’essayer sur https://discourse.theme-creator.io/theme/dodesz/fkb-pro aussi.

[png (Portable Network Graphics)]

Thème génial ! Si j’arrive à trouver un moyen d’obtenir un fichu domaine et un serveur de messagerie, j’utiliserai définitivement ce thème.

[Don]

Bonjour,

J’ai ajouté une nouvelle fonctionnalité Vous pouvez maintenant ajouter du contenu personnalisé dans la barre latérale pour les visiteurs.

FEATURE: Custom sidebar content for Visitor

[tmn (Tran Nhat)]

Merci pour la mise à jour de ce thème.

Ce serait formidable si vous développiez ce thème comme un blog (oubliez le thème Facebook )

Suggestion de https://www.newsbreak.com/

[Jagster (Jakke Flemming)]

Je ne suis pas d’accord

Les besoins de Blogish sont différents de ceux qui essaient d’offrir plus de style SoMe à ceux qui pensent que Faceboom/Insta/etc. sont la meilleure expérience utilisateur/interface utilisateur possible.

Il pourrait donc y avoir un thème qui ressemble un peu plus à un blog (quel que soit le sens que cela a maintenant…). Mais tel quel, c’est très bien.

(WordPress est une plateforme de blog bien supérieure à Discourse ; ce sont deux outils totalement différents pour des usages différents…)

[Paracelsus]

Salut, super thème !

L’aperçu du thème sur notre forum n’affiche pas 3 colonnes, seulement une mise en page à une colonne. Je suspecte un problème de CSS, mais j’essaie encore de le comprendre.

2 questions :

• Est-il possible d’avoir des colonnes de largeur fixe à partir d’une largeur d’écran minimale (ou plusieurs, en utilisant par exemple des règles CSS media) en mode bureau ? La largeur flexible me donne un peu mal à la tête sur les très grands moniteurs (24 ou 27’‘) et l’“espace mort” entre les trois colonnes est un peu gênant.
• Le thème est-il compatible avec le composant pour les blocs du côté droit Right Sidebar Blocks - theme-component - Discourse Meta ? Si oui, cela rend la colonne de droite plus utile/riche en fonctionnalités.