FKB Pro - Thème social

Vous pouvez utiliser CSS avec le ratio d’aspect
Exemple de code : How To - Aspect Ratio / Height Equal to Width
Vous pouvez consulter mon site https://businesslab.vn avec un ratio de 16:10

Comment puis-je configurer cela dans Discourse ? Où et dans quel CSS dois-je le définir ?


De plus, il y a ce problème mineur lors de la configuration de Google Ads :

Je suppose que la carte de profil de la barre latérale devrait être en dessous de la publicité, pas juste dessus.

Merci !

1 « J'aime »

Bonjour @codergautam,

J’ai fusionné une correction pour le plugin Discourse Ad - Google Adsense. Veuillez mettre à jour le thème. :slightly_smiling_face:

Vous pouvez modifier la hauteur de l’image :arrow_down_small:
Vous devez créer un nouveau composant pour cela. :slightly_smiling_face:

  1. Allez sur /admin/customize/themes/
    Personnaliser → Thèmes

  2. Cliquez sur l’onglet Composants puis sur le bouton Installer

  3. Dans la fenêtre contextuelle, cliquez sur le bouton Créer un nouveau et tapez le nom du nouveau composant.

  4. Cliquez sur le bouton Créer.

  5. Le composant est créé. Sélectionnez maintenant le thème FKB Pro pour l’activer.

  6. Cliquez sur le bouton Modifier le CSS/HTML.

  7. Cliquez sur l’onglet Commun et collez le code ci-dessous dans la section CSS.

Si vous souhaitez définir la hauteur de l’image séparément sur ordinateur et mobile, utilisez ces onglets au lieu de Commun. Commun signifie que ce code sera actif sur ordinateur et mobile également.

.topic-list {
  .main-link {
    .link-middle-line {
      .topic-image {
        height: 280px; // Par défaut 300px
      }
    }
  }
}

Si vous souhaitez masquer l’image, utilisez ceci :arrow_down_small:

.topic-list {
  .main-link {
    .link-middle-line {
      .topic-image {
        display: none;
      }
    }
  }
}
3 « J'aime »

Espoir de corriger les incompatibilités avec d’autres composants du thème

Comment arrondir les boutons et autres éléments ? Je voulais juste faire ça dans mon thème actuel.

1 « J'aime »

Salut @danielabc,

Il existe certains Theme component pour arrondir les choses. :slightly_smiling_face:


Bonjour @xiaokong23357, pouvez-vous clarifier de quel Theme component vous parlez ?

2 « J'aime »
2 « J'aime »

@Don Comment puis-je introduire la balise méta HTML de liaison dans un thème FBK ?

J’espère que cela sera résolu

1 « J'aime »

@Don Je veux dire, je ne sais pas si le thème peut charger ces choses



Recommandation de format de mise en page : Optimisé, simple, compact et large

2 « J'aime »

Bonjour, désolé pour le retard… Oui, je pense qu’il est possible de remplacer le panneau de droite par défaut par des Blocs de barre latérale droite. Je vais vérifier cela. :slightly_smiling_face:

3 « J'aime »

Une autre chose, @Don
Mon forum utilise votre thème, maintenant mon forum est sur le point d’être ajouté au moteur de recherche Microsoft Bing, mais il a maintenant besoin de la détection de balises méta HTML pour le forum, comment puis-je intégrer cette balise méta HTML dans le thème
C’est très nécessaire maintenant, et je suis très reconnaissant de pouvoir le résoudre

1 « J'aime »

Créez un nouveau composant de thème dans l’administration comme celui que j’ai présenté ci-dessus. FKB Pro - Social theme - #88 by Don vous pouvez changer le nom du composant comme vous voulez mais ne collez pas le CSS que j’ai collé dans l’onglet CSS. Copiez et collez la balise HTML Meta tag de Bing dans l’onglet HEAD du composant que vous avez créé et enregistrez-le. :slightly_smiling_face:

2 « J'aime »

Comme ça ?


Ensuite, je configure le HTML personnalisé et j’ai besoin d’activer le thème avant le captcha ?

1 « J'aime »

Non, d’après ce que je vois, il s’agit d’un thème. Vous devez créer un composant. Quel est l’autre onglet ou vous pouvez le convertir en composant avec le bouton convertir qui se trouve en bas de la page. Suivez simplement les instructions que je montre ci-dessus. :slightly_smiling_face:

2 « J'aime »

Merci beaucoup, problème résolu !
@Don

3 « J'aime »

J’ai fusionné une mise à jour pour ajouter : Compatibility with Right Sidebar Blocks theme component by VaperinaDEV · Pull Request #18 · VaperinaDEV/fkb-pro-theme · GitHub

Elle contient un réglage : right sidebar blocks enabled. Elle ajoutera un certain support pour le composant de thème Right Sidebar Blocks et remplacera la barre latérale droite par défaut (panneau fkb) par celui-ci.

4 « J'aime »

J’ai l’idée que la barre latérale pourrait être réalisée par vous dans ce style et fusionnée dans un fichier de thème, et les personnes qui en ont besoin pourraient activer la fonctionnalité correspondante dans les paramètres du thème @Don


2 « J'aime »

Bonjour,

Oui, je pense que c’est possible en modifiant le style si vous entendez par là que le titre est séparé du contenu et il semble que cette barre latérale ne soit pas fixe.

Essayez quelque chose comme ceci. :slightly_smiling_face:

Créez un nouveau composant de thème comme celui-ci FKB Pro - Social theme - #88 by Don ou ajoutez-le à un composant existant.

Bureau / CSS

.full-width .tc-right-sidebar {
  position: relative;
  top: unset;
  padding: 0;
  background: none;
  box-shadow: none;
  overflow-y: unset;
  .rs-component {
    h3 {
      border-bottom: none;
      padding-bottom: 0;
    }
    > div {
      background: var(--secondary);
      padding: 1em;
      border-radius: var(--d-default-border-radius);
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    }
  }
}
2 « J'aime »

Pour information : les deux /login et /signup en tant que liens donnent un cercle qui tourne, n’ouvrant pas la fenêtre modale. iPad sur la dernière version de tout.

1 « J'aime »

Salut Jakke :slightly_smiling_face: Je viens de vérifier ceci sur ton site et les modales s’affichent correctement pour moi sur /login et /signup.

1 « J'aime »