 |
概要 | Custom Code を使用すると、サイト上で共有されたソースコードのフォントと色をカスタマイズできます。 |
 |
プレビュー | Discourse Theme Creator でプレビュー |
 |
リポジトリリンク | https://github.com/discourse/discourse-custom-code |
 |
Discourse テーマは初めてですか？ | Discourse テーマの使い方の初心者ガイド |
このテーマコンポーネントをインストール
機能
一般的に、コード記述に使用されるフォントは monospace フォントファミリーの一部です。最もよく知られているフォントは以下の通りです：
（ただし、これは最も多様なフォントの実験を妨げるものではありません！）
フォントを変更するには https://fonts.google.com にアクセスしてください
-
使用したいフォントを選択
-
カスタマイズ
-
EMBED を選択し、フォントファミリーに関連する文字列 (1) をコピーして、テーマ設定の
Fontに貼り付けます
-
CSS に関連する文字列 (2) をコピーして、テーマ設定の
font-familyに貼り付けます（文字列の末尾に;を追加しないでください）。
他の設定はすべて明確であるはずです。
このコンポーネントの設定は、ライトテーマとダークテーマに分割されています。両方を使用する場合は、コンポーネントを両方のテーマに追加することを忘れないでください。
設定
| 名前 | 説明 |
|---|---|
| font | Google Font から新しいフォントを選択します。選択したフォントによっては、Sarabun:300,400,500 のようにさらにカスタマイズできます。設定されていない場合は、デフォルトのフォントが適用されます。 |
| font size | 使用するフォントのサイズを指定します。設定されていない場合は、デフォルトのフォントが適用されます。 |
| font family | 使用するフォントを指定します。設定されていない場合は、デフォルトのフォントが適用されます。 |
| border radius | コードの境界線半径を選択します。デフォルト値は 0px です。 |
| hljs light | ライトテーマ。テキストの色を選択します。 |
| code light | ライトテーマ。コードの色を選択します。 |
| code background light | ライトテーマ。コードの背景色を選択します。 |
| comment light | ライトテーマ。コメントと doctag の色を選択します。 |
| title light | ライトテーマ。タイトル、名前、メタデータの色を選択します。 |
| string light | ライトテーマ。文字列の色を選択します。 |
| number light | ライトテーマ。数字の色を選択します。 |
| keyword light | ライトテーマ。キーワード、subst、request、status の色を選択します。 |
| class title light | ライトテーマ。クラス要素内のタイトル色を選択します。 |
| tag light | ライトテーマ。タグの色を選択します。 |
| attribute light | ライトテーマ。属性の色を選択します。 |
| symbol light | ライトテーマ。記号の色を選択します。 |
| hljs dark | ダークテーマ。テキストの色を選択します。 |
| code dark | ダークテーマ。コードの色を選択します。 |
| code background dark | ダークテーマ。コードの背景色を選択します。 |
| comment dark | ダークテーマ。コメントの色を選択します。 |
| title dark | ダークテーマ。タイトル、名前、メタデータの色を選択します。 |
| string dark | ダークテーマ。文字列の色を選択します。 |
| number dark | ダークテーマ。数字の色を選択します。 |
| keyword dark | ダークテーマ。キーワード、subst、request、status の色を選択します。 |
| class title dark | ダークテーマ。クラス要素内のタイトル色を選択します。 |
| tag dark | ダークテーマ。タグの色を選択します。 |
| attribute dark | ダークテーマ。属性の色を選択します。 |
| symbol dark | ダークテーマ。記号の色を選択します。 |
当方でホストされていますか？ テーマコンポーネントは、Standard、Business、Enterprise プランで利用可能です。