Barra lateral com categorias

Personalização Plugin
1

Este plugin exibe as categorias na barra lateral da página em todas as páginas de listas de descoberta (mais recentes, novas, não lidas, mas não na página de tópico único e categorias).

Captura de tela:

screenshot1
screenshot11243×589 42.3 KB

Os blocos podem ser ordenados nas configurações do plugin. Falando nisso, existem essas configurações em Admin > Configurações > Plugins:

  • sidebar enable ativa a exibição da barra lateral
  • sidebar custom content onde você pode inserir conteúdo HTML arbitrário para mostrar na barra lateral

screenshot2
screenshot2752×124 9.29 KB

Repositório: GitHub - evgip/discourse-sidebar-categories: Plugin for Toxu site sidebar. · GitHub

Para instalar o plugin: Install plugins on a self-hosted site

O plugin funciona apenas em desktop, e não há planos de adicioná-lo à visualização móvel.

Nota importante. Apesar da clareza, este exemplo adiciona duplicação de categorias que já existem em outro lugar nesta página. Claro, podemos ocultar alguns elementos de navegação para evitar duplicação, mas isso exigirá ainda mais alterações.

Acho que isso poderia ser um bom exemplo de uso de uma barra lateral. Você pode clonar o plugin e usá-lo conforme suas necessidades (modificando o código para suas tarefas específicas).

29 curtidas
[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 curtidas
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 curtida
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 curtida
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 curtida
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 curtidas
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 curtidas
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 curtidas
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 curtidas
14

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

1 curtida
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 curtidas
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 curtida
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 curtida
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 curtidas
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 curtidas