# Discourse Bars :bières: 🍸 (un framework de barre latérale)

**URL:** https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216
**Category:** Theme component
**Created:** [Mars 6, 2024, 4:17 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216 "2024-03-06T16:17:30Z")
**Posts on this page:** 20
**Page:** 3

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [Mai 13, 2024, 5:55 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216/41 "2024-05-13T05:55:01Z")

</div>

J’adore ! ❤ merci beaucoup @Arkshine c’est extrêmement utile. Fusionné !

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [Mai 13, 2024, 10:03 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216/42 "2024-05-13T10:03:29Z")

</div>

Dans d’autres nouvelles, la carte User Locations du plugin Locations est maintenant compatible avec Bars.

 ![image](https://global.discourse-cdn.com/meta/original/4X/a/7/b/a7bcbc6bf1419effb73180f8755f9719ec777e69.png)

C’est le meilleur endroit en haut, comme ceci :

 ![image](https://global.discourse-cdn.com/meta/original/4X/8/f/4/8f471b9785119bbcee840ccc9048b442d4eea289.png)

Mais vous devez définir la hauteur dans le CSS du thème vous-même, comme ceci :

```plaintext
.component-widget {
    .locations-map {
        height: 400px;
        button.map-expand {
            display: none;
        }
    }
}

```

Problème connu : l’expansion nécessite un travail ou est masquée, d’où le CSS ci-dessus.

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [Mai 30, 2024, 1:47 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216/43 "2024-05-30T13:47:23Z")

</div>

J’ai ajouté la prise en charge de [la fonctionnalité 3.3.x des pages d’accueil personnalisées](https://github.com/discourse/discourse/pull/26291), vous pouvez donc spécifier les widgets que vous souhaitez voir apparaître sur la page d’accueil :

> <https://github.com/merefield/discourse-tc-bars/commit/b091e9e2fbdd202549af7bead13982302fe56461>

Vous pouvez donc maintenant organiser une page d’accueil comme ceci :

 ![image](https://global.discourse-cdn.com/meta/original/4X/0/a/5/0a5e30a885461c251073dea9536a0bdf3697840c.png)

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [Juin 8, 2024, 8:31 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216/44 "2024-06-08T08:31:28Z")

</div>

Voyez ce changement : j’ai dû supprimer le modificateur pour qu’il soit facultatif, sinon toutes les installations de Bars sont obligées d’avoir une page d’accueil, même si elles n’en veulent pas.

Ajoutez le modificateur à la place au thème parent ou à un autre TC lorsque vous en avez besoin.

Le reste de la logique reste inchangé.

> <https://github.com/merefield/discourse-tc-bars/commit/b1ce67f319f94dadac0ae076fde87fa6cf0cdc54>

---

<div class="post-metadata">

### Author: ![ufukayyildiz](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ufukayyildiz/32/217157_2.png) [@ufukayyildiz](https://meta.discourse.org/u/ufukayyildiz)
#### Post date: [Juillet 7, 2024, 10:31 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216/45 "2024-07-07T10:31:42Z")

</div>

> [@merefield](#):
>
> Consultez [Discourse Bars 🍻 🍸 (un framework de barre latérale)](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216) qui prend en charge le routage de sujet et la fixité

Merci.  
J’ai essayé, mais bien que j’aie supprimé les blocs par défaut, ils étaient toujours là.

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [Juillet 7, 2024, 10:37 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216/46 "2024-07-07T10:37:58Z")

</div>

Vous devez confirmer les modifications à deux endroits, une fois dans la boîte de dialogue et une fois par le nom du paramètre. C’est une particularité des paramètres du thème principal de Discourse, pas de Bars.

---

<div class="post-metadata">

### Author: ![ufukayyildiz](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ufukayyildiz/32/217157_2.png) [@ufukayyildiz](https://meta.discourse.org/u/ufukayyildiz)
#### Post date: [Juillet 7, 2024, 11:39 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216/47 "2024-07-07T11:39:50Z")

</div>

corrigé. cela fonctionne-t-il avec le code AdSense ?

car les publicités ne se chargent pas mais elles se chargent avec les blocs de droite.

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [Juillet 7, 2024, 11:43 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216/48 "2024-07-07T11:43:13Z")

</div>

Je ne vois aucune raison pour laquelle pas. Faites-moi savoir ce que vous trouvez.

---

<div class="post-metadata">

### Author: ![ufukayyildiz](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ufukayyildiz/32/217157_2.png) [@ufukayyildiz](https://meta.discourse.org/u/ufukayyildiz)
#### Post date: [Juillet 7, 2024, 11:49 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216/49 "2024-07-07T11:49:21Z")

</div>

![Screenshot 2024-07-07 at 14.48.55](https://global.discourse-cdn.com/meta/original/4X/3/2/6/3266bba6728cb450cb09848560575640d102fc20.png)

le bloc est là mais vide.

 ![Screenshot 2024-07-07 at 14.52.01](https://global.discourse-cdn.com/meta/original/4X/a/c/6/ac650773d54a362bddc103c5b3f49b828461d14c.png)

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [Juillet 7, 2024, 12:09 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216/50 "2024-07-07T12:09:23Z")

</div>

Vous devrez approfondir la raison ou engager quelqu’un pour vous aider.

---

<div class="post-metadata">

### Author: ![ufukayyildiz](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ufukayyildiz/32/217157_2.png) [@ufukayyildiz](https://meta.discourse.org/u/ufukayyildiz)
#### Post date: [Juillet 8, 2024, 12:14 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216/51 "2024-07-08T12:14:31Z")

</div>

Un merci spécial à @merefield. Il m’a aidé et a résolu le problème.

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [Août 12, 2024, 4:20 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216/52 "2024-08-12T16:20:53Z")

</div>

J’ai légèrement modifié la disposition et les icônes des boutons de la barre latérale :

> <https://github.com/merefield/discourse-tc-bars/commit/a65170b68133ad35d09d2910e3344f5dd119d791>

 ![image](https://global.discourse-cdn.com/meta/original/4X/f/1/6/f1614c05335ed2738683a0d276c53f572de826b4.jpeg)

 ![image](https://global.discourse-cdn.com/meta/original/4X/2/e/f/2ef57d955413ecf935c1b6acf32e72fd65093e9a.png)

Je pense que la fonction de réduction/expansion a beaucoup plus de sens maintenant 😅

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [Octobre 8, 2024, 9:38 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216/53 "2024-10-08T21:38:55Z")

</div>

Un effet négatif de l’utilisation de ce TC était que le contrôle Docked Topic Progress ne se développait plus lorsqu’on cliquait dessus.

Ceci est maintenant corrigé :

> <https://github.com/merefield/discourse-tc-bars/commit/1b3455d44bc93585573ed06d88c9d90400b17263>

---

<div class="post-metadata">

### Author: ![Monikas](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/monikas/32/375316_2.png) [@Monikas](https://meta.discourse.org/u/Monikas)
#### Post date: [Janvier 26, 2025, 8:31 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216/54 "2025-01-26T08:31:26Z")

</div>

![La imagen muestra una captura de pantalla de un foro o plataforma de redes sociales china con varias publicaciones y artículos relacionados con la realidad virtual, los videojuegos, la animación y el contenido ASMR, así como una barra lateral con opciones adicionales y una flecha dibujada en la parte superior. (由 AI 生成标#题)](https://global.discourse-cdn.com/meta/original/4X/b/0/c/b0c8be2305aa82efb6f497927ded266d339412d3.jpeg)

# Je me demande comment je vais l’intégrer.

J’utilise :

> [@FKB Pro - Social theme](https://meta.discourse.org/t/fkb-pro-social-theme/234323/384):
>
> Dear, I got this message in this theme as shown in the picture

> [@Right Sidebar Blocks](https://meta.discourse.org/t/right-sidebar-blocks/231067):
>
> discourse2Summary Right Sidebar Blocks shows a sidebar to the right of topic lists with a configurable list of blocks.eyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/right-sidebar-blocks)hammer_and_wrenchRepository Link [https://github.com/discourse/discourse-right-sidebar-blocks](https://github.com/discourse/discourse-right-sidebar-blocks)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component Features The component includes a few blocks you can display in the sidebar: popular-tags …

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [Janvier 26, 2025, 8:35 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216/55 "2025-01-26T08:35:54Z")

</div>

Bars! n’est pas destiné à fonctionner avec RSB, il le remplace.

Je n’ai aucune idée si votre thème est modulaire. Bars est destiné à fonctionner de manière modulaire.

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [Février 17, 2025, 12:48 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216/56 "2025-02-17T12:48:05Z")

</div>

Correction rapide pour résoudre le problème de la persistance de la navigation par sujet sur le bureau

> <https://github.com/merefield/discourse-tc-bars/commit/dc3e4c0a8b3b7f2a42dabc57f2245be74d20f121>

> <https://github.com/merefield/discourse-tc-bars/commit/a6e00f6397b384c4e34e05c39d0b101caeac9b9d>

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [Juin 9, 2025, 7:19 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216/57 "2025-06-09T07:19:49Z")

</div>

Pour célébrer le lancement de [Tag Intersection Navigator](https://meta.discourse.org/t/tag-intersection-navigator/368815), j’ai ajouté la prise en charge de la route dans [Bars!](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216) afin que vous puissiez désormais ajouter des barres latérales sur votre page d’intersection de balises (qui pourrait être votre page d’accueil).

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [Janvier 13, 2026, 3:31 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216/58 "2026-01-13T15:31:32Z")

</div>

@xu2 cela fonctionne sur la page Sujet si cela vous intéresse …

---

<div class="post-metadata">

### Author: ![qi\_lu](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/qi_lu/32/536755_2.png) [@qi\_lu](https://meta.discourse.org/u/qi_lu)
#### Post date: [Février 22, 2026, 2:00 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216/60 "2026-02-22T14:00:44Z")

</div>

@merefield Bonjour l’auteur, j’essaie d’utiliser ce composant, mais je ne parviens pas du tout à modifier le contenu.

J’utilise la version 2026.2.0-latest ([d9e6d03140](https://github.com/discourse/discourse/commits/d9e6d031401cab3b797411079c63ded337982276)) de Discourse.

Même si j’essaie de changer la lettre A en AA, cela n’est pas possible, je ne vois absolument aucun effet du changement.

```plaintext
<div class='bars-big-letter'>AA</div>

```

Auparavant, j’ai essayé d’utiliser `right-sidebar-blocks` et j’ai réussi à tester l’effet, je pense donc que je comprends comment fonctionnent les `bars`.

Je suis donc un peu perplexe quant à la raison pour laquelle les `bars` ne fonctionnent pas.

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [Février 22, 2026, 2:10 UTC](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216/61 "2026-02-22T14:10:06Z")

</div>

Je crois que l’éditeur d’objets vous demande d’appuyer sur enregistrer et de confirmer l’engagement.

[Previous page](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216.md?page=2)

[Next page](https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216.md?page=4)