New Template System in LS3.x/ja - Revision history

Bravehorse at 03:35, 26 June 2022

2022-06-26T03:35:24Z

← Older revision		Revision as of 05:35, 26 June 2022
Line 187:		Line 187:
	<div class="simplebox">[[File:help.png]] アンケートグループは、別のグループの子になることができます。この場合、親から継承します。</div>		<div class="simplebox">[[File:help.png]] アンケートグループは、別のグループの子になることができます。この場合、親から継承します。</div>

	~~<div class="mw-translate-fuzzy">~~
	====アンケートレベル====		====アンケートレベル====
	アンケートを編集するときは、左のバーメニューに“テンプレートオプション”という新しいエントリーが表示されます。現在のアンケート用に選択されたテンプレートのオプションページに移動します。アンケートグループと同じ継承システムがありますが、この場合の継承は、アンケートが属するアンケートグループから設定値が継承されることを意味します。		アンケートを編集するときは、左のバーメニューに“テーマオプション”という新しいエントリーが表示されます。現在のアンケート用に選択されたテーマのオプションページに移動します。アンケートグループと同じ継承システムがありますが、この場合の継承は、アンケートが属するアンケートグループから設定値が継承されることを意味します。
	[[File:Options survey.png\|thumb\|800px\|center\|''~~アンケートレベルでのテンプレートオプション~~'']]		[[File:Options survey.png\|thumb\|800px\|center\|''アンケートレベルでのテーマオプション'']]
	~~</div>~~

	==ユースケースの例==		==ユースケースの例==

Bravehorse at 03:35, 26 June 2022

2022-06-26T03:35:12Z

← Older revision		Revision as of 05:35, 26 June 2022
Line 122:		Line 122:
	* 現在のテンプレートを拡張したものがどのテンプレートかをわかるようにする（もしあれば）		* 現在のテンプレートを拡張したものがどのテンプレートかをわかるようにする（もしあれば）

	~~<div class="mw-translate-fuzzy">~~		==テーマオプション==
	==~~テンプレートオプション~~==		LS3のもう一つの目新しい点は、テーマのオプションページです。後で説明するように、テーマ作成者は独自のオプションや独自の管理オプションページを作成することもできます。ここでは、コアテーマのオプションページの仕組みを簡単に見ていきます。グローバルレベルでテーマオプションにアクセスするには、テーマリストの“テーマオプション”をクリックします。
	LS3のもう一つの目新しい点は、テンプレートのオプションページです。後で説明するように、テンプレート作成者は独自のオプションや独自の管理オプションページを作成することもできます。ここでは、コアテンプレートのオプションページの仕組みを簡単に見ていきます。グローバルレベルでテンプレートオプションにアクセスするには、テンプレートリストの“テーマオプション”をクリックします。
	===詳細オプション===		===詳細オプション===
	~~</div>~~

Bravehorse at 03:34, 26 June 2022

2022-06-26T03:34:51Z

← Older revision		Revision as of 05:34, 26 June 2022
Line 51:		Line 51:
	====ユーザーインターフェイスの新規性====		====ユーザーインターフェイスの新規性====

	~~<div class="mw-translate-fuzzy">~~		LimeSurveyのMonochromeテーマを拡張するには、Templateリストに移動して、Monochromeテーマの“テーマエディター”ボタンをクリックします。次に、“拡張”をクリックして、新しい名前が“extends_monochrome”となっていることを確認します。
	LimeSurveyのMonochromeテンプレートを拡張するには、Templateリストに移動して、Monochromeテンプレートの“テンプレートエディター”ボタンをクリックします。次に、“拡張”をクリックして、新しい名前が“extends_monochrome”となっていることを確認します。
	~~</div>~~

	ファイル/ftpクライアントを使用してアップロードディレクトリに移動すると、新しいディレクトリ'''upload/templates/extends_monochrome'''が作成されていることがわかります。これにはXMLファイルとディレクトリが含まれていますが、ほとんどのディレクトリは空です。ビューもCSSもJSもありません。しかし、このテンプレートはアンケートから正常なテンプレートとして選択することができ、monochromeテンプレートとまったく同じように見えます。		ファイル/ftpクライアントを使用してアップロードディレクトリに移動すると、新しいディレクトリ'''upload/templates/extends_monochrome'''が作成されていることがわかります。これにはXMLファイルとディレクトリが含まれていますが、ほとんどのディレクトリは空です。ビューもCSSもJSもありません。しかし、このテンプレートはアンケートから正常なテンプレートとして選択することができ、monochromeテンプレートとまったく同じように見えます。

Bravehorse at 03:34, 26 June 2022

2022-06-26T03:34:41Z

← Older revision		Revision as of 05:34, 26 June 2022
Line 36:		Line 36:
	** テンプレートオプション：テンプレートオプションのグローバル設定を行います。		** テンプレートオプション：テンプレートオプションのグローバル設定を行います。

	~~<div class="mw-translate-fuzzy">~~		==テーマエディター==
	==~~テンプレートエディター~~==		<div class="simplebox">[[File:help.png]] このドキュメントは、以前のバージョンのLSでテーマエディタを使用する方法をすでに知っていることを前提としています。</div>
	<div class="simplebox">[[File:help.png]] ~~このドキュメントは、以前のバージョンのLSでテンプレートエディタを使用する方法をすでに知っていることを前提としています。~~</div>
	<br>		<br>
	テンプレートエディターは元のものにできるだけ近づけて維持されています。コアテンプレートを開いても編集できません。“コピー”ボタンではなく、“拡張ボタン”があります。		テーマエディターは元のものにできるだけ近づけて維持されています。コアテーマを開いても編集できません。“コピー”ボタンではなく、“拡張ボタン”があります。
	<br>		<br>
	[[File:Extends default.png\|center\|baseline\|border\|''~~テンプレートを~~'''拡張'''する'']]		[[File:Extends default.png\|center\|baseline\|border\|''テーマを'''拡張'''する'']]
	~~</div>~~

	====テンプレート継承の考え方について====		====テンプレート継承の考え方について====

Bravehorse at 03:34, 26 June 2022

2022-06-26T03:34:01Z

← Older revision		Revision as of 05:34, 26 June 2022
Line 4:		Line 4:
	=はじめに=		=はじめに=

	~~<div class=~~"~~mw-translate-fuzzy~~">		注意：以前のバージョンのLimeSurveyでは、アンケートの見た目や、色、フォント、レイアウト、（一部の）動作の観点でアンケートがどのように表示されるかを定義するファイルを"テンプレート"と呼んでいました。新たな検討により、これは"テーマ"と呼ぶこととし、テンプレートはアンケート例のために予約されています。
	~~このページでは、以下の方法について学習します。~~
	~~</div>~~

	このページでは、以下の方法について学習します。		このページでは、以下の方法について学習します。

Bravehorse: Created page with "このページでは、以下の方法について学習します。"

2022-06-26T03:27:49Z

Created page with "このページでは、以下の方法について学習します。"

← Older revision		Revision as of 05:27, 26 June 2022
Line 8:		Line 8:
	</div>		</div>

	~~On this page you'll learn how to:~~		このページでは、以下の方法について学習します。

	* LimeSurvey 3.0の新しいテーマシステムの使用		* LimeSurvey 3.0の新しいテーマシステムの使用

FuzzyBot: Updating to match new version of source page

2022-06-24T13:39:36Z

Updating to match new version of source page

← Older revision		Revision as of 15:39, 24 June 2022
Line 4:		Line 4:
	=はじめに=		=はじめに=

			<div class="mw-translate-fuzzy">
	このページでは、以下の方法について学習します。		このページでは、以下の方法について学習します。
			</div>

			On this page you'll learn how to:

	* LimeSurvey 3.0の新しいテーマシステムの使用		* LimeSurvey 3.0の新しいテーマシステムの使用
Line 34:		Line 38:
	** テンプレートオプション：テンプレートオプションのグローバル設定を行います。		** テンプレートオプション：テンプレートオプションのグローバル設定を行います。

			<div class="mw-translate-fuzzy">
	==テンプレートエディター==		==テンプレートエディター==
	<div class="simplebox">[[File:help.png]] このドキュメントは、以前のバージョンのLSでテンプレートエディタを使用する方法をすでに知っていることを前提としています。</div>		<div class="simplebox">[[File:help.png]] このドキュメントは、以前のバージョンのLSでテンプレートエディタを使用する方法をすでに知っていることを前提としています。</div>
Line 40:		Line 45:
	<br>		<br>
	[[File:Extends default.png\|center\|baseline\|border\|''テンプレートを'''拡張'''する'']]		[[File:Extends default.png\|center\|baseline\|border\|''テンプレートを'''拡張'''する'']]
			</div>

	====テンプレート継承の考え方について====		====テンプレート継承の考え方について====
Line 49:		Line 55:
	====ユーザーインターフェイスの新規性====		====ユーザーインターフェイスの新規性====

			<div class="mw-translate-fuzzy">
	LimeSurveyのMonochromeテンプレートを拡張するには、Templateリストに移動して、Monochromeテンプレートの“テンプレートエディター”ボタンをクリックします。次に、“拡張”をクリックして、新しい名前が“extends_monochrome”となっていることを確認します。		LimeSurveyのMonochromeテンプレートを拡張するには、Templateリストに移動して、Monochromeテンプレートの“テンプレートエディター”ボタンをクリックします。次に、“拡張”をクリックして、新しい名前が“extends_monochrome”となっていることを確認します。
			</div>

	ファイル/ftpクライアントを使用してアップロードディレクトリに移動すると、新しいディレクトリ'''upload/templates/extends_monochrome'''が作成されていることがわかります。これにはXMLファイルとディレクトリが含まれていますが、ほとんどのディレクトリは空です。ビューもCSSもJSもありません。しかし、このテンプレートはアンケートから正常なテンプレートとして選択することができ、monochromeテンプレートとまったく同じように見えます。		ファイル/ftpクライアントを使用してアップロードディレクトリに移動すると、新しいディレクトリ'''upload/templates/extends_monochrome'''が作成されていることがわかります。これにはXMLファイルとディレクトリが含まれていますが、ほとんどのディレクトリは空です。ビューもCSSもJSもありません。しかし、このテンプレートはアンケートから正常なテンプレートとして選択することができ、monochromeテンプレートとまったく同じように見えます。
Line 120:		Line 128:
	* 現在のテンプレートを拡張したものがどのテンプレートかをわかるようにする（もしあれば）		* 現在のテンプレートを拡張したものがどのテンプレートかをわかるようにする（もしあれば）

			<div class="mw-translate-fuzzy">
	==テンプレートオプション==		==テンプレートオプション==
	LS3のもう一つの目新しい点は、テンプレートのオプションページです。後で説明するように、テンプレート作成者は独自のオプションや独自の管理オプションページを作成することもできます。ここでは、コアテンプレートのオプションページの仕組みを簡単に見ていきます。グローバルレベルでテンプレートオプションにアクセスするには、テンプレートリストの“テーマオプション”をクリックします。		LS3のもう一つの目新しい点は、テンプレートのオプションページです。後で説明するように、テンプレート作成者は独自のオプションや独自の管理オプションページを作成することもできます。ここでは、コアテンプレートのオプションページの仕組みを簡単に見ていきます。グローバルレベルでテンプレートオプションにアクセスするには、テンプレートリストの“テーマオプション”をクリックします。
	===詳細オプション===		===詳細オプション===
			</div>


Line 185:		Line 195:
	<div class="simplebox">[[File:help.png]] アンケートグループは、別のグループの子になることができます。この場合、親から継承します。</div>		<div class="simplebox">[[File:help.png]] アンケートグループは、別のグループの子になることができます。この場合、親から継承します。</div>

			<div class="mw-translate-fuzzy">
	====アンケートレベル====		====アンケートレベル====
	アンケートを編集するときは、左のバーメニューに“テンプレートオプション”という新しいエントリーが表示されます。現在のアンケート用に選択されたテンプレートのオプションページに移動します。アンケートグループと同じ継承システムがありますが、この場合の継承は、アンケートが属するアンケートグループから設定値が継承されることを意味します。		アンケートを編集するときは、左のバーメニューに“テンプレートオプション”という新しいエントリーが表示されます。現在のアンケート用に選択されたテンプレートのオプションページに移動します。アンケートグループと同じ継承システムがありますが、この場合の継承は、アンケートが属するアンケートグループから設定値が継承されることを意味します。
	[[File:Options survey.png\|thumb\|800px\|center\|''アンケートレベルでのテンプレートオプション'']]		[[File:Options survey.png\|thumb\|800px\|center\|''アンケートレベルでのテンプレートオプション'']]
			</div>

	==ユースケースの例==		==ユースケースの例==

Bravehorse at 00:21, 19 February 2022

2022-02-19T00:21:44Z

← Older revision		Revision as of 02:21, 19 February 2022
Line 766:		Line 766:


	~~<div class="mw-translate-fuzzy">~~
	removeタグで使用する正確な名前を見つけるもう1つの方法は、アセットマネージャーをオンにすることです（デバッグモードをオフにするか、configで'use_asset_manager'=>trueとします）。使用するパスは、tmpディレクトリー内のランダムディレクトリーの直後のパスになります。例えば、awesome-bootstrap-checkbox.cssは以下のようになります。		removeタグで使用する正確な名前を見つけるもう1つの方法は、アセットマネージャーをオンにすることです（デバッグモードをオフにするか、configで'use_asset_manager'=>trueとします）。使用するパスは、tmpディレクトリー内のランダムディレクトリーの直後のパスになります。例えば、awesome-bootstrap-checkbox.cssは以下のようになります。
	<syntaxhighlight lang="html~~" enclose="div~~">		<syntaxhighlight lang="html">
	<link rel="stylesheet" type="text/css" href="/tmp/assets/cbc4e3cb/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css" />		<link rel="stylesheet" type="text/css" href="/tmp/assets/cbc4e3cb/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css" />
	</syntaxhighlight>		</syntaxhighlight>
	~~</div>~~

	削除すべきでないファイルは以下のとおりです。		削除すべきでないファイルは以下のとおりです。

Bravehorse at 00:20, 19 February 2022

2022-02-19T00:20:42Z

← Older revision		Revision as of 02:20, 19 February 2022
Line 759:		Line 759:
	https://github.com/LimeSurvey/LimeSurvey/blob/2398dda3b425da1a37d4611cd7963d39ac739987/application/config/packages.php#L54-L56		https://github.com/LimeSurvey/LimeSurvey/blob/2398dda3b425da1a37d4611cd7963d39ac739987/application/config/packages.php#L54-L56

	~~<div class="mw-translate-fuzzy">~~		<syntaxhighlight lang="php">
	<syntaxhighlight lang="php~~" enclose="div~~">
	'css'=> array(		'css'=> array(
	'awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css',		'awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css',
	),		),
	</syntaxhighlight>		</syntaxhighlight>
	~~</div>~~

Bravehorse at 00:20, 19 February 2022

2022-02-19T00:20:37Z

← Older revision		Revision as of 02:20, 19 February 2022
Line 752:		Line 752:
	removeキーワードは3.14以降で利用可能です。これを使えば、どんなコアパッケージでも、どんなパッケージからでもどんなcss/jsファイルでも削除することができます。次の例では、Material Premium ThemeでAwseome Bootstrap Checkboxのファイルを削除するために使用されています。		removeキーワードは3.14以降で利用可能です。これを使えば、どんなコアパッケージでも、どんなパッケージからでもどんなcss/jsファイルでも削除することができます。次の例では、Material Premium ThemeでAwseome Bootstrap Checkboxのファイルを削除するために使用されています。

	~~<div class="mw-translate-fuzzy">~~		<syntaxhighlight lang="xml">
	<syntaxhighlight lang="xml~~" enclose="div~~">
	<remove>awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css</remove>		<remove>awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css</remove>
	</syntaxhighlight>		</syntaxhighlight>
	~~</div>~~

	パッケージのファイルとまったく同じ構文を使用する必要があります（例: フォルダーパスなしで"awesome-bootstrap-checkbox.css"を単独で使用すると、うまく機能しません）。/application/config/packages.phpとconfig/third_party.phpにコアパッケージとその中にあるファイルの完全なリストがあります。例えば、awesome-bootstrap-checkbox.cssについては、以下のようになっています。		パッケージのファイルとまったく同じ構文を使用する必要があります（例: フォルダーパスなしで"awesome-bootstrap-checkbox.css"を単独で使用すると、うまく機能しません）。/application/config/packages.phpとconfig/third_party.phpにコアパッケージとその中にあるファイルの完全なリストがあります。例えば、awesome-bootstrap-checkbox.cssについては、以下のようになっています。