<div data-theme-toc="true"> </div>
FKB Pro est un thème social très modifié, détaillé et professionnel, mais toujours convivial. ![]()
Ce thème est assez sensible et peut ne pas être bien compatible avec d’autres composants de thème ou plugins que vous utilisez ! Veuillez tester avant utilisation. Ceux-ci nécessitent généralement une modification CSS. Si vous rencontrez un problème, veuillez le signaler et je le corrigerai.
Mise en page
Sur ordinateur : Mise en page à trois colonnes.
Barre latérale prête
Sur mobile :
Coins arrondis
FKB Pro a des coins très arrondis partout par défaut, mais je sais que tout le monde ne l’aime pas, j’ai donc ajouté des paramètres de thème pour faciliter sa personnalisation.
Si vous n’aimez pas les coins arrondis… définissez ces valeurs sur 0.
Carte de sujet
Sections principales
- Titre (cliquer mène au dernier message)
- Extrait (cliquer mène à l’OP)
- Image (cliquer mène au dernier message)
Autres sections
- En haut à gauche : Données de l’auteur (avatar, nom, nom d’utilisateur) et la date de création du sujet.
(cliquer ouvre la carte utilisateur) - En haut à droite : Badge de catégorie
- En bas au centre : Tags
- En bas à gauche : Likes et vues du sujet
(cliquer mène à l’OP et résume le sujet si disponible) - En bas à droite : Avatar du dernier poster, date et nombre de réponses.
(cliquer 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
-
point

-
barre

-
boîte

Page de catégorie
En raison de la taille limitée au centre, veuillez utiliser des styles de page de catégorie à une colonne. J’ai apporté quelques personnalisations pour mieux les adapter à ce thème.
Catégories uniquement, Catégories et derniers sujets, Catégories et meilleurs sujets
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 : La barre latérale droite.
Pour les visiteurs anonymes, un message de bienvenue s’affiche. Ce message est le même que js.signup_cta.value_prop. Le texte d’en-tête Welcome peut être modifié dans les traductions du thème.
OU
Pour les visiteurs anonymes, il existe 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, elle 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. Elle 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
- primary
#242526 - secondary
#ffffff - tertiary
#147efb - quaternary
#147efb - header_background
#ffffff - header_primary
#242526 - highlight
#147efb - danger
#f8745c - success
#42b72a - love
#fa6c8d
FKB Pro - Sombre
- primary
#ffffff - secondary
#242526 - tertiary
#147efb - quaternary
#4267b2 - header_background
#242526 - header_primary
#ffffff - highlight
#147efb - danger
#f8745c - success
#42b72a - love
#fa6c8d
Il existe également quelques schémas de couleurs personnalisés que vous pouvez modifier dans les paramètres.
Schémas de couleurs personnalisés
fkb-bg
- light
#f0f2f5 - dark
#18191a
fkb-header-btn
- light
#e1e5eb - dark
#3a3b3e
fkb-header-btn-hover
- light
#d2d8e1 - dark
rgba(var(--primary-rgb),.1)
fkb-btn
- light
#e1e5eb - dark
#383838
fkb-btn-hover
- light
#d2d8e1 - dark
rgba(var(--primary-rgb),.1)
Plus d’informations sur les dernières mises à jour ![]()
et ici ![]()
Il y a beaucoup d’autres personnalisations que je n’ai pas mentionnées. ![]()
Crédits
Un grand merci à @awesomerobot pour la création du thème Fakebook et à @jordan.vidrine pour la création du thème Fakebook Modern.
|||
|-|-|-|
| : eyeglasses:|Prévisualisation| Theme Creator |
| : hammer_and_wrench:|Dépôt| Thème FKB Pro |
| : question:|Guide d’installation|Comment installer un thème ou un composant de thème|
| : open_book:|Nouveau sur les thèmes Discourse ?| Guide pour débutants sur l’utilisation des thèmes Discourse|





























