FKB Pro - Thème social

<div data-theme-toc="true"> </div>

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

:warning: 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

  1. Titre (cliquer mène au dernier message)
  2. Extrait (cliquer mène à l’OP)
  3. Image (cliquer mène au dernier message)

Autres sections

  1. 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)
  2. En haut à droite : Badge de catégorie
  3. En bas au centre : Tags
  4. En bas à gauche : Likes et vues du sujet
    (cliquer mène à l’OP et résume le sujet si disponible)
  5. 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

  1. point
    Screenshot 2022-07-28 at 13.20.14

  2. barre
    Screenshot 2022-07-28 at 13.17.04

  3. boîte
    Screenshot 2022-07-28 at 13.18.34


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 :arrow_down_small:

et ici :arrow_down_small:

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


Crédits :heart: 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|

56 « J'aime »

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

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

3 « J'aime »

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

1 « J'aime »

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 :wink:

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.

3 « J'aime »

Bonjour,

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

6 « J'aime »

C’était rapide.

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

1 « J'aime »

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

3 « J'aime »

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.

Merci :slightly_smiling_face: J’ai poussé un correctif pour cela.

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

Je vais vérifier cela.

3 « J'aime »

Je dois être une douleur dans les endroits sensibles :rofl:

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.

3 « J'aime »

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

1 « J'aime »

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

2 « J'aime »

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

Avant

Après

1 « J'aime »

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

1 « J'aime »

Merci :slightly_smiling_face: 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.

2 « J'aime »

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.

2 « J'aime »

Bonjour,

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

3 « J'aime »

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 :sweat_smile:)

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

3 « J'aime »

Je ne suis pas d’accord :wink:

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…)

1 « J'aime »

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