Minima テーマ

:discourse2: 概要 Minima - このテーマの目標は、UI を最小限に抑え、テキストに焦点を当てることです。
:eyeglasses: プレビュー Discourse テーマクリエイターでプレビュー
:hammer_and_wrench: リポジトリリンク https://github.com/discourse/minima
:open_book: Discourse テーマは初めて? Discourse テーマの利用に関する初心者向けガイド

このテーマをインストール

特徴

テキストを大きくし、ほぼすべての冗長な要素(および私が定期的に使用しないもの)を削除しました。例えば、「推奨トピック」は「推奨トピック」であることは明白なので、ヘッダーを削除しました。トピックリストでの一括選択はこれまでわずか 2 回しか使用したことがないため、これも削除しました。トピックリストの閲覧数?削除しました。ハンバーガーメニュー内のカテゴリ?削除しました。

お分かりいただけると思います。これがテーマです。

さらにミニマルにするためには、カテゴリページのレイアウトとして「カテゴリのみ」を使用することをお勧めします。


:discourse2: 当方でホストされていますか? テーマは、Standard、Business、Enterprise プランで利用可能です。

「いいね!」 39

Glorious serifs! I love it.

The desktop :hamburger: menu listing all the other themes seems odd to me, though.

「いいね!」 5

I’m LOVING this theme, especially the topic list, amazing work :heart:


A couple of tiny issues in PM’s, a missing icon:

and I feel like the small size of the assigned text makes it hard to read, because the text has been made larger for just about everything else (Header, Suggested messages etc.)

Screenshot%20from%202019-02-08%2013-14-13

「いいね!」 11

I love it, although losing the theme switcher from the nav on mobile did cause a brief moment of panic!

「いいね!」 4

One of my users is reporting the Minima theme (which I love very much) does not show the “Dismiss” button when there are unread messages. He verified that Dismiss wasn’t just disappearing because there were no unreads - he said he switched to Minima and back from another theme while showing unreads and the button did not show up.

Is there a setting I might be missing on this, or anything else I should check? Thanks!

I managed to finally reproduce it:

Screenshots

Default board theme

Minima

「いいね!」 5

I’ve added the dismiss button back, you’ll just need to update the theme.

「いいね!」 10

Thanks so much! I will check it out!

「いいね!」 1

Where can I find the Minima Dark theme?

「いいね!」 1

Mínima Dark is a copy of Minima but using the color scheme from Material Dark.

「いいね!」 7

Hi, wondering if it’s possible to show the name in the topic list instead of username, when the option Prioritizing full name vs username in the UX is active.

「いいね!」 2

It would be wonderful if we could separate the list of categories as per the white lines I added to demonstrate

「いいね!」 2

I am following the guide on creating Themes (Developer’s guide to Discourse Themes) and it says that to change the templates (like removing the avatars in the listing), you need to touch the .hbr files in Discourse core.

Did you have to do this to remove the avatars? I am a bit confused as to how this theme works and how to use it.

As an example, in the Minima theme, how would I change the look and feel of the Profile page of each user?

Sorry if this is off-topic.

「いいね!」 3

It depends on what you’d like to change. If you want to remove or restyle content, it’s likely you can do it with some additional CSS. If you’d like to add information or change the layout dramatically, then you’d need to edit template files.

In the Minima theme, I did edit the template for the topic list to reposition/remove some avatars. You can see that here: https://github.com/discourse/minima/blob/master/desktop/header.html

If you’d like to use the Minima theme and add additional customizations, I’d recommend installing Minima and adding your customizations to it by creating a new theme component. This way you can still get updates to Minima without worrying about your changes being overridden.

「いいね!」 3

Thanks, @awesomerobot - I will give this a try.

I have a follow-up on the same topic. When Discourse is updated and I need to update the software (assuming I am self-hosting), will this cause problems with themes where the templates have been modified? Or are they not dependent?

Have you experienced anything like this in the past?

「いいね!」 1

Using minima theme I can not archive direct messages (checkbox have disappeared).

「いいね!」 3

I’ve just made an update to the theme that adds that functionality back in. Thanks for reporting it!

「いいね!」 5

テーマのベースとして Minima を使用しているのですが、一つだけ頭を悩ませていることがあります。このコードはどこから来ているのでしょうか?

<div class="byline">
    <a href="" data-user-card="joffreyjaffeux"><img alt="" width="20" height="20" src="https://sjc5.discourse-cdn.com/themecreator/user_avatar/theme-creator.discourse.org/joffreyjaffeux/40/2250_2.png" class="avatar" title="joffreyjaffeux" aria-label="joffreyjaffeux">joffreyjaffeux</a>
  </div>

Light テーマに切り替えると消えてしまいます。Minima には HTML を操作する可能性のある JavaScript は含まれていません。本当に困惑しています!

「いいね!」 2

これはトピックのタイトルの上部にあるアバターだと思います

「いいね!」 2

はい、それは理解しました。アバターを検査して引用したコードを見つけました。混乱しているのは、そのコードがどこから来ているのかということです。Minima には存在する一方、Light テーマ(CSS に隠されているだけでなく)には存在しません。HTML を生成しているのは何でしょうか?

「いいね!」 1

ああ、なるほど、今よりよくわかりました。

これはヘッダーファイルから来ています:https://github.com/discourse/minima/blob/master/desktop/header.html

トピックリストのテンプレートを上書きしています。

元のテンプレート:https://github.com/discourse/discourse/blob/master/app/assets/javascripts/discourse/app/templates/list/topic-list-item.hbr

「いいね!」 5