このトピックでは、Theme CLI と Theme Creator サイトを使用して、テーマを開発し、変更をライブの Discourse サイトでプレビューする方法を説明します。
-
まだ行っていない場合は、こちらから Meta でアカウントにサインアップしてください。
-
こちらの手順に従って Theme CLI をインストールします。
-
Theme Creator で新しいテーマを作成するには、次の手順を実行します。
- https://discourse.theme-creator.io/my/themes にアクセスします。
- インストールをクリックし、「新規作成」オプションを選択します。
- テーマに一意の名前を付けます（カラー スキームは今のところ無視して構いません）。
-
詳細設定をクリックし、次に ローカルで編集をクリックし、API キーを取得をクリックします。
生成された API キーをコピーします。
-
コマンドラインに戻り、
discourse_theme download example-folderと入力します。ここで、example-folder はテーマがローカルに保存される場所です。プロンプトに従ってください。-
ルート URLとして
https://discourse.theme-creator.ioを入力します。 -
プロンプトが表示されたら、前の手順で取得したAPI キーを入力します。
-
プロンプトに従い、手順 4 で作成したテーマを選択します。
-
テーマの監視を開始するか尋ねられたら、はいと入力します。
-
-
これで、ローカルのテーマフォルダーが変更を監視するようになり、変更は自動的に Theme Creator にアップロードされます。Theme Creator のテーマ設定で プレビューをクリックすると、テーマのプレビューを開くことができます。
-
変更の監視を停止するには、コマンドラインウィンドウで ctrl + c を押します。変更の監視を再度開始するには、
discourse_theme watch example-themeと入力します。
これで、編集して変更をライブで確認できるローカルのテーマ ディレクトリができました！
テーマの構造や実行できることについての詳細については、Developing Discourse Themes & Theme Components を確認してください。
このドキュメントはバージョン管理されています - 変更の提案はgithubで行ってください。
← START DOCS ASSET MAP
[
{
“local_path”: “/assets/theme-creator-1.png”,
“local_sha1”: “dbdcf5d5d2d2fc49338a763910331f0c88c7e553”,
“remote_short_url”: “upload://g3bKOFrBSQMsTRs1grErKhPO3Nd.png”
},
{
“local_path”: “/assets/theme-creator-2.png”,
“local_sha1”: “14bfd001fa87742777715f8b394e95a0e6ea4dcc”,
“remote_short_url”: “upload://mikbDMP3hiqUWyFTrgqYIeKTXTn.png”
},
{
“local_path”: “/assets/theme-creator-3.png”,
“local_sha1”: “22f12be193aefde97922c5bf60a6b3dccc8a635b”,
“remote_short_url”: “upload://okM7pOJux3wqzsmESvGI2QikjOr.png”
}
]
END DOCS ASSET MAP →