カテゴリ付きサイドバー

カスタマイズ プラグイン
1

このプラグインは、最新の投稿、新着投稿、未読投稿などのディスカバリ一覧ページ（単一のトピックページやカテゴリーページを除く）のページサイドバーにカテゴリを表示します。

スクリーンショット：

screenshot1
screenshot11243×589 42.3 KB

ブロックはプラグイン設定で順序を変更できます。说到这个，Admin > Settings > Plugins の下に以下の設定があります：

  • sidebar enable：サイドバーの表示を有効にします
  • sidebar custom content：サイドバーに表示する任意の HTML コンテンツを入力できます

screenshot2
screenshot2752×124 9.29 KB

リポジトリ：GitHub - evgip/discourse-sidebar-categories: Plugin for Toxu site sidebar. · GitHub

プラグインのインストール方法：Install plugins on a self-hosted site

このプラグインはデスクトップのみ対応しており、モバイルビューへの追加は予定されていません。

重要な注意点。 明確ではあるものの、この例ではすでにページ上に存在するカテゴリが重複して表示されることになります。もちろん、重複を避けるために一部のナビゲーション要素を非表示にすることもできますが、それにはさらに多くの変更が必要になります。

これはサイドバーの活用例として良い事例だと思います。このプラグインをクローンして、ご自身のニーズに合わせて（コードを特定のタスクに合わせて変更して）ご利用ください。

「いいね！」 29
[PAID] Adaptation on sidebar categories plugin
Showing categories statically above most recent posts
How difficult would it be to make the Discourse UI more like Flarum?
2

The plugin is awesome i been looking for something like this but can you please tell me how i can reduce the space between the Categories and the posts list ?
see the picture below
image

Update: also its showing on mobile breaking tye page

3

I don’t have the plugin installed, but here are the css lines to edit to adapt the space between the sidebar and the topic list:

.sidebar {
    width: 220px;
}

.container.list-container.has-sidebar {
    width: calc(100% - 221px);
}

You can reduce the size of the sidebar, example:

.sidebar {
    width: 150px;
}

.container.list-container.has-sidebar {
    width: calc(100% - 151px);
}
「いいね！」 3
4

Do you have any idea about the sidebar beeaking the mobile view ?
See the picture below

Screenshot_2019-01-19-23-47-36-1
Screenshot_2019-01-19-23-47-36-1.png1440×2000 240 KB

「いいね！」 1
5

The css on this plugin is for desktop and mobile. The simpliest solution IMO would be to hide the sidebar completly on mobile.

I think this css on mobile theme should work, but I didn’t try it:

.sidebar {
    display: none;
}

.container.list-container.has-sidebar {
    width: 100%;
}
「いいね！」 1
6

The plugin was not intended to work on the mobile version. This is a bug in the plugin (css) and it will be fixed soon. As a temporary solution, you can do as written @Steven. Thank You.

「いいね！」 1
7

Thanks for this plugin. It’s excellent and helped me de-emphasise categories in the topic listing which I wanted to do.

image
image.png1416×907 117 KB

「いいね！」 8
8

I can set always show the sidebar on all topics? It’s very beautiful for the user to quickly change other categories.

9

The number of categories in the sidebar is the same as in the menu in the header of the site.

1

It is determined by the site settings:

header dropdown category count

Switching off and on through setting

sidebar enable
「いいね！」 3
10

I want it always show in the left bar when users read the topics, so they can easy to change to anothe categories quickly if they want.

How can I do this?

11

This requires some work, and I do not think that within the framework of this plugin. And that’s why. The fact is that the central page and the page of categories we can easily compress (to find free space) for the sidebar.

1
1.jpg1246×773 69.1 KB

Everything changes when we are on the topic page, where in fact we already see 2 columns.

2
2.jpg1154×704 77.6 KB

We can find a place for the left column here, but this will have to reduce the width of the topic itself and the right column, which will require large changes. There are a lot of small parts.

In general, for this it is better to do a separate plugin.

「いいね！」 3
12

today I’ve updated to the new version of discourse, and then install 2 plugins: the “sidebar with categories” and the “topic list preview”. After that, my site running very slowly. I don’t know why.

13

Try experimenting: turn off one of the above plugins in turn. Perhaps you will find out why this happens looking at the statistics (on the left side of the screen).

「いいね！」 3
14

Tks so much. The Topic list preview is the reason. I disabled it and then the site is OK.

「いいね！」 1
15

Can I ask something?
I don’t know what is name of this area and how can I add something as Sidebar Category or Google Adsense in this area?

Can you help me?

ads1
ads1.png1051×510 40.7 KB

「いいね！」 2
16

The fastest way is to make changes to the plugin:

Unfortunately, I don’t know him well.

Perhaps you should write to the category: Marketplace

「いいね！」 1
17

Thank you Evgeny. I’ve already install that plugin and running. But I want to add the Ads script in that area, or add the short-sidebar-category in it, so the user can easy to change the new category if he wants.

「いいね！」 1
18

How can I activate the Sidebar With Categories on the single topic page?

19

Unfortunately, this is not possible with this plugin. You need to write a new plugin that will make changes to the existing file:

https://github.com/discourse/discourse/blob/master/app/assets/javascripts/discourse/templates/topic.hbs#L81

By overriding it. Because I do not see existing ones in it:

plugin-outlet

in the right place for you.

Redefining this file is a thankless task because it will be necessary to constantly monitor changes in the official version.

I do not redefine this file.

Perhaps you should write to the category: Marketplace
I think that someone has a more elegant solution.

「いいね！」 5
20

Do you mean that there are too many blanks on the left?
In my forum, I try to modified like this：

image
image1732×1438 356 KB

「いいね！」 2