基本テーマの変更

基本テーマの変更

ご覧のページは、お客様の利便性のために一部機械翻訳されています。また、ドキュメントは頻繁に更新が加えられており、翻訳は未完成の部分が含まれることをご了承ください。最新情報は都度公開されておりますため、必ず英語版をご参照ください。翻訳に問題がある場合は、こちらまでご連絡ください。

• 基本テーマの変更
  • 関連トピック

テーマが ビルドになると、 gulp extend タスクを使用して、テーマのベーステーマを変更できます。

注： Gulpは、生成されたテーマのローカル依存関係として含まれているため、|インストールする必要はありません。 |を実行してアクセスできます。 node_modules \ .bin \ gulp 後に、生成されたテーマのGulpタスクが続きます|ルートフォルダ。

基本テーマを変更するには、次の手順に従います。

1. テーマのルートフォルダーに移動し、 gulp extend を実行し、オプション1を選択して、テーマが拡張するベーステーマを変更します。

   

2. 拡張する基本テーマを選択します。 デフォルトでは、 Liferay Theme Generator 作成されたテーマは、 スタイルのテーマ基づいています。 スタイル付きまたはスタイルなしのベーステーマ、グローバルにインストールされたテーマ、npmレジストリで公開されたテーマを拡張するか、パッケージURLを指定できます。 選択するオプションの番号を入力します。

   注： パッケージのURLを取得するには、|を実行します。 npm show package-name dist.tarball。

   

   注： クラシックテーマは、既存のベーステーマの実装です|したがって、拡張することは意図されていません。 Liferayのクラシックテーマの拡張|強くお勧めしません。

3. テーマの package.json は、更新されたベーステーマ構成が含まれています。

   {
     ...
       "liferayTheme": {
           "baseTheme": "styled",
           "screenshot": "",
           "rubySass": false,
           "templateLanguage": "ftl",
           "version": "7.1"
       },
     ...
   }
   

いつ ビルドあなたのテーマのファイル または デプロイそれ、あなたのテーマが更新され、ベーステーマのファイルを継承します。

関連トピック

テーマのアプリサーバーの構成

テーマの展開

テーマの拡張機能リスト