Ghost テーマ

:discourse2: 概要 Ghost はサイバーパンクジャンルにインスパイアされています。
:eyeglasses: プレビュー Discourse テーマクリエイターでプレビュー
:hammer_and_wrench: リポジトリリンク https://github.com/discourse/ghost
:open_book: Discourse テーマに初めてですか? Discourse テーマの使い方に関する初心者向けガイド

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

機能

サイバーパンクジャンルにインスパイアされたこのテーマは、ネオンカラーとインターフェースに施された微妙なグリッチを導入することで、反乱の感覚とディストピア的な都市景観を表現しています。


クレジット

@melhosseiny によって作成され、この活動を支援してくれた @awesomerobot と Discourse チームに感謝します。


出典: Corporations on Behance


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

「いいね!」 63

I like it! :slight_smile:

「いいね!」 3

How do I make it not change my primary logo color?
It’s currently red, when naturally it’s blue.

「いいね!」 2

If you add this css your logo will remain unchanged.

.d-header .logo-big, .d-header #site-logo {
  filter: unset;
}
「いいね!」 6

Hello,

How do I remove the glow from the buttons, and change to color of the topic editor (from blues).

Thank you in advance!

To remove the glow, you can set box-shadow to none for default, primary and danger buttons on hover

.btn.btn-default, .btn.btn-primary, .btn.btn-danger {
  .discourse-no-touch & {
    &:hover, &.btn-hover {
      box-shadow: none;
    }
  }
}

To also remove it from navigation bars (including the main one)

.nav-pills, .admin-controls .nav-pills {
  >li>a:hover, >li.active>a, >li>a.active {
    box-shadow: none;
  }
}

// On mobile only
.nav-pills > li.navigation-toggle {
  box-shadow: none;
}

To change the background color of the topic editor, I suggest you look at the theme’s source code and search for where the $bios sass variable is used. For example, to change the background color of the composer to a red color

#reply-control {
  background: red;
}

If you do that, you probably also want to change the composer popup’s background as well (it pops up when you start typing and doesn’t show up on mobile)

// On desktop only
#composer-popup {
  background: red;
}
「いいね!」 4

Thank you! I’ll give it a try!

Ghost はいくつかのトピックテンプレートを変更し、多くの要素をフレックス化するため、標準的な Discourse トピックテンプレートを前提とする他のプラグインやテーマとは互換性がありません。他のプラグインとの連携の実装は予定されておらず、このテーマの範囲外です。

「いいね!」 11

あるユーザーからこのテーマに関するバグレポートが届きました:

Discourse の設定(設定 > インターフェース)で文字サイズを変更しようとしましたが、反映されません。「大きなフォント」テーマは私のニーズに合わないため、回避策として利用できません。

MacBook 2015
Mojave 10.14
Firefox 63.0.1
Ghost テーマ
スクリーンショット:


フォントを「最大」に設定:

そして…

フォントを「最小」に設定:

ユーザーを代表してこの情報を共有します!

「いいね!」 3

フォントサイズはテーマにハードコードされているため、テキストサイズセレクターで上書きすることはできません。テキストサイズセレクターによって Discourse に追加されるクラスに基づいてフォントサイズを設定するようにテーマを更新するのは、比較的簡単な変更です。フォントを 14px に設定してテストしてみましたが、このサイズでもテーマの見栄えは良好であるように思われます。ただし、確認していない箇所でレイアウトが崩れる可能性もあります。

「いいね!」 6

モバイルでのトピック一覧に表示されるアバターが壊れていた問題を、以下のコミットにより修正するためにテーマを更新しました。

「いいね!」 8

メタ(カテゴリページ、ユーザーメニュー、管理/設定ページ、アラートなど)で気づいていたさまざまな問題を修正するプルリクエストを提出しました :rabbit2:

「いいね!」 11

高度な検索フィルターは、手動で入力しない限り機能しないようです。
ファイル名の先頭にアンダースコアが追加された状態で取得され、403/4 エラーが発生しています。

「いいね!」 3

ご報告ありがとうございます。Ghost が full-page-search テンプレートを再構築したため、元のテンプレートはその後に変更されているようです。@Falco @awesomerobot 元のテンプレートを使用するプルリクエストを送信しました。もはや上書きする必要がなくなったためです。

「いいね!」 6

最高ですね :heart: ~~~~~~~~~~

「いいね!」 2

このテーマはモバイル向けに非常に良く作られており、楽しく使えます!

さらに良くするために貢献してくださった皆様に感謝します!

「いいね!」 2

ユーザーの一人からこんな報告がありました:

カテゴリ説明ボックス内のアンカーが正しく表示されません(説明が記載されているピン留めトピック内では正常に表示されます)。

「いいね!」 1

素晴らしいテーマです!

しかし、私のサイトにインストールすると、「関連」と「おすすめ」のリンクが各投稿の下部で重なってしまいます。スクリーンショットをご覧ください。

このテーマは大好きです!唯一の不満は、画像プレビューコンポーネントがこれに対応していないことです。プレビュー画像がなぜか表示されません。

「いいね!」 1

リンクされたテーマコンポーネントでこれを報告しましたか?

報告されているのを確認しました。

この Theme component が代替として機能するかもしれません