Liferay Dev Studioを使ったテーマの作成

Liferay Dev Studioでは、Liferayテーマプロジェクトを作成および設定することができます。テーマは、スタンドアロンまたはLiferay Workspaceで作成できます。 GradleまたはMavenベースのテーマを作成することもできます。Dev Studioでのテーマ作成は、以下の手順で行います。

  1. Dev Studioで、[ファイル][新規] → *[Liferay Module Project]*に移動します。

  2. New Liferay Module Projectウィザードで、プロジェクトに名前を付け、プロジェクトテンプレートは*[theme]を選択します。GradleまたはMaven*を選択して、テーマのビルドタイプも選択します。

    図1:テーマプロジェクトテンプレートを使用して、Dev StudioでLiferayテーマを作成します。

  3. *[完了]*を選択します。

これで、Dev Studioのテーマプロジェクトが作成されました。このチュートリアルでは、デプロイする方法を説明しています。

Dev StudioインスタンスでLiferay Workspaceを設定した場合、デフォルトではワークスペースのwarsフォルダからテーマが使用できます。Dev Studioでワークスペースを設定していない場合は、Dev StudioのProject Explorerのルートから使用できます。

Dev Studioで作成されたテーマは、WAR形式のレイアウトに従っていることに注意してください。ウィザードがテーマのことを新しいモジュールプロジェクトと呼ぶので紛らわしいですが、これはWARです。

Dev Studioで作成したテーマを変更するには、変更するファイルのフォルダ構造をミラーリングし、それらをテーマのwebappフォルダにコピーします。

**重要:**Dev Studioの内部では、テーマプロジェクトテンプレートを使用しています。 Dev Studioによって作成されたWAR形式のテーマは、Gradle/Mavenベースです。これは 、Liferay JS Theme Toolkitを使用するLiferay Theme Generatorで作成されたテーマとは異なります。 これら2つの開発方法を混同しないでください。WorkspaceとDev Studioでこれらの2つの方法がどのように使用されるかの詳細については、Managing Themes in Liferay Workspaceのチュートリアルを参照してください。

Liferay Theme Generatorを使用したLiferayテーマの作成に興味がある場合は、専用のチュートリアルを参照してください。Liferayテーマの一般情報については、専用のチュートリアルセクションであるThemes and Layout Templatesを参照してください。

« Liferay Dev Studioでモジュールを作成するLiferay Dev Studioを使用したプロジェクトのデプロイ »
この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています