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

テーマ作成のガイド(https://meta.discourse.org/t/developer-s-guide-to-discourse-themes/93648)に従っているのですが、テンプレートを変更するには(例えば一覧からアバターを削除するなど)、Discourse コア内の.hbrファイルを変更する必要があると書かれています。

アバターを削除するために、あなたはこれを行いましたか?このテーマの仕組みや使い方が少しわかりません。

例えば、Minima テーマで、各ユーザーのプロフィールページの見た目を変更するにはどうすればよいでしょうか?

もし話題がずれていたら申し訳ありません。

「いいね!」 3

何を変更したいかによります。コンテンツを削除したりスタイルを変更したい場合は、追加の CSS で対応できる可能性が高いです。情報を追加したりレイアウトを大幅に変更したい場合は、テンプレートファイルを編集する必要があります。

Minima テーマでは、トピック一覧のテンプレートを編集して、アバターの位置を調整したり削除したりしました。その例はこちらで確認できます:https://github.com/discourse/minima/blob/master/desktop/header.html

Minima テーマを使用しつつさらにカスタマイズを加えたい場合は、Minima をインストールし、新しいテーマコンポーネントを作成してカスタマイズを追加することをお勧めします。これにより、Minima のアップデートを受け取りつつも、変更が上書きされることを気にする必要がなくなります。

「いいね!」 3

@awesomerobot ありがとうございます。試してみます。

同じトピックに関する追加の質問です。Discourse が更新され、ソフトウェアの更新が必要になった場合(セルフホストしていることを想定)、テーマのカスタマイズされたテンプレートに問題が生じるでしょうか?それとも依存関係はないのでしょうか?

過去にこのような経験はありますか?

「いいね!」 1

minima テーマを使用している場合、ダイレクトメッセージをアーカイブできません(チェックボックスが消えています)。

「いいね!」 3

その機能を追加するテーマの更新を行いました。ご報告ありがとうございます!

「いいね!」 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