このトピックでは、Theme CLI と Theme Creator サイトを使用して、テーマを開発し、変更内容をライブの Discourse サイトでプレビューする方法を説明します。
-
まだ行っていない場合は、こちらから Meta のアカウントにサインアップしてください。
-
こちらの手順に従って、Theme CLI をインストールします。
-
Theme Creator で新しいテーマを作成するには、次の手順を実行します。
- https://discourse.theme-creator.io/my/themes にアクセスします。
- インストール をクリックし、「新規作成 (Create New)」オプションを選択します。
- テーマに一意の名前を付けます（色設定は今は無視して構いません）。
-
高度な設定 (advanced) をクリックし、次に ローカルで編集 (edit locally) をクリックし、API キーを取得 (retrieve API key) をクリックします。
生成された API キーをコピーします。
-
コマンドラインに戻り、
discourse_theme download example-folderと入力します。ここで、example-folder はテーマがローカルに保存される場所です。プロンプトに従ってください。-
Discourse サイトのルート URL として
https://discourse.theme-creator.ioを入力します。 -
プロンプトが表示されたら、前の手順で取得したAPI キーを入力します。
-
プロンプトに従って進み、手順 4 で作成したテーマを選択します。
-
テーマの監視を開始するかどうか尋ねられたら、「はい (yes)」と入力します。
-
-
これで、ローカルのテーマフォルダーが監視され、変更が Theme Creator に自動的にアップロードされます。Theme Creator でテーマの設定にある プレビュー (preview) をクリックすると、テーマのプレビューを開くことができます。
-
変更の監視を停止するには、コマンドラインウィンドウで 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 →