テンプレート処理中にエラーが発生しました。 
Java method "com.liferay.portal.json.JSONFactoryImpl.createJSONObject(String)" threw an exception when invoked on com.liferay.portal.json.JSONFactoryImpl object "com.liferay.portal.json.JSONFactoryImpl@51577ebb"; see cause exception in the Java stack trace.

----
FTL stack trace ("~" means nesting-related):
	- Failed at: navigationJSONObject = jsonFactoryUti...  [in template "17855804202317#32484267#LEARN-ARTICLE-NAV" at line 4, column 9]
----
1<#assign 
2	groupFriendlyURL = themeDisplay.getScopeGroup().getFriendlyURL() 
3	groupPathFriendlyURLPublic = themeDisplay.getPathFriendlyURLPublic() + groupFriendlyURL 
4	navigationJSONObject = jsonFactoryUtil.createJSONObject(navigation.getData()) 
5	navigationMenuItems = 
6		{ 
7			"Analytics Cloud": { 
8				"image": "/documents/d${groupFriendlyURL}/analytics_c-svg", 
9				"title": "Analytics Cloud", 
10				"url": "analytics-cloud" 
11			}, 
12			"Commerce": { 
13				"image": "/documents/d${groupFriendlyURL}/commerce_product-svg", 
14				"title": "Commerce", 
15				"url": "commerce" 
16			}, 
17			"DXP": { 
18				"image": "/documents/d${groupFriendlyURL}/dxp_p-svg", 
19				"title": "DXP / Portal", 
20				"url": "dxp" 
21			}, 
22			"Liferay Cloud": { 
23				"image": "/documents/d${groupFriendlyURL}/dxp_c-svg", 
24				"title": "Liferay Cloud", 
25				"url": "liferay-cloud" 
26			}, 
27			"Reference": { 
28				"image": "/documents/d${groupFriendlyURL}/reference-svg", 
29				"title": "Reference", 
30				"url": "reference" 
31			} 
32		} 
33 
34	breadcrumbJSONArray = navigationJSONObject.getJSONArray("breadcrumb") 
35	childrenJSONArray = navigationJSONObject.getJSONArray("children") 
36	parentJSONObject = navigationJSONObject.getJSONObject("parent") 
37	productJSONObject = breadcrumbJSONArray.getJSONObject(breadcrumbJSONArray.length()-1)!navigationJSONObject.getJSONObject("self") 
38	siblingsJSONArray = navigationJSONObject.getJSONArray("siblings") 
39/> 
40 
41<div class="learn-article-nav"> 
42	<#if productJSONObject?has_content && productJSONObject.getString("title")?has_content && navigationMenuItems[productJSONObject.getString("title")]?has_content && navigationMenuItems[productJSONObject.getString("title")].title?has_content> 
43		<div 
44			class="dropdown learn-article-nav-root learn-dropdown" 
45		> 
46			<div class="learn-article-nav-item"> 
47				<div class="d-flex"> 
48					<div class="learn-article-nav-image"> 
49						<img 
50							class="lexicon-icon lexicon-icon-caret-bottom product-icon" 
51							role="presentation" 
52							src='${navigationMenuItems[productJSONObject.getString("title")].image}' 
53							viewBox="0 0 512 512" 
54						/> 
55					</div> 
56 
57					<span class="learn-article-nav-text">${navigationMenuItems[productJSONObject.getString("title")].title}</span> 
58				</div> 
59 
60				<div id="dropdown-icon"> 
61					<svg 
62						class="lexicon-icon lexicon-icon-caret-bottom" 
63						role="presentation" 
64						viewBox="0 0 512 512" 
65					> 
66						<use xlink:href="/o/admin-theme/images/clay/icons.svg#caret-bottom"></use> 
67					</svg> 
68				</div> 
69			</div> 
70 
71			<ul class="dropdown-menu learn-dropdown-menu"> 
72				<#list navigationMenuItems as key, value> 
73					<li> 
74						<a 
75							class="dropdown-item learn-article-nav-item" 
76							href="/w/${navigationMenuItems[key].url}/index" 
77							tabindex="4" 
78						> 
79							<span class="d-flex"> 
80								<span class="learn-article-nav-image"> 
81									<img 
82										class="lexicon-icon lexicon-icon-caret-bottom product-icon mt-0 mr-2" 
83										role="presentation" 
84										src="${value.image}"height: 25px; margin-left: 5px; max-width: none; width: 25px; 
85										viewBox="0 0 512 512" 
86									/> 
87								</span> 
88								<span class="learn-article-nav-text">${value.title}</span> 
89							</span> 
90 
91							<#if navigationMenuItems[productJSONObject.getString("title")].url == value.url> 
92								<span> 
93									<@clay["icon"] symbol="check" /> 
94								</span> 
95							</#if> 
96						</a> 
97					</li> 
98				</#list> 
99			</ul> 
100		</div> 
101	</#if> 
102 
103	<div class="learn-article-nav-content"> 
104		<#if parentJSONObject?has_content && parentJSONObject.getString("url")?has_content> 
105			<div class="learn-article-nav-item learn-article-nav-parent liferay-nav-item p-2"> 
106				<div class="mr-2"> 
107					<a 
108						href='${parentJSONObject.getString("url")}' 
109					> 
110						<svg 
111							class="lexicon-icon lexicon-icon-angle-left" 
112							role="presentation" 
113							viewBox="0 0 512 512" 
114						> 
115							<use xlink:href="/o/admin-theme/images/clay/icons.svg#angle-left"></use> 
116						</svg> 
117					</a> 
118				</div> 
119 
120				<span>${parentJSONObject.getString("title")}</span> 
121			</div> 
122		</#if> 
123 
124		<#if childrenJSONArray.length() gt 0> 
125			<ul class="m-0 p-2"> 
126				<#list 0..childrenJSONArray.length()-1 as i> 
127					<li class="learn-article-nav-item"> 
128						<a 
129							class='liferay-nav-item ${(navigationJSONObject.getJSONObject("self").url == childrenJSONArray.getJSONObject(i).url)?then("selected", "")}' 
130							href="${childrenJSONArray.getJSONObject(i).url}" 
131						> 
132							<span>${childrenJSONArray.getJSONObject(i).getString("title")}</span> 
133						</a> 
134					</li> 
135				</#list> 
136			</ul> 
137		<#elseif siblingsJSONArray.length() gt 0> 
138			<ul class="m-0 p-2"> 
139				<#list 0..siblingsJSONArray.length()-1 as i> 
140					<li class="learn-article-nav-item"> 
141						<a 
142							class='liferay-nav-item ${(navigationJSONObject.getJSONObject("self").url == siblingsJSONArray.getJSONObject(i).url)?then("selected", "")}' 
143							href="${siblingsJSONArray.getJSONObject(i).url}" 
144						> 
145							<span>${siblingsJSONArray.getJSONObject(i).getString("title")}</span> 
146						</a> 
147					</li> 
148				</#list> 
149			</ul> 
150		</#if> 
151	</div> 
152</div> 
フィードバックを送信

アセットパブリッシャーウィジェットでのアセットの選択

アセット・パブリッシャー・ウィジェットは、特定の基準に基づいて動的にアセットを選択するか、手動で表示するアセットを正確に指定するように構成できます。 コレクション からアセットを表示することもできます。

note

Liferay 7.2 以下では、コレクションは コンテンツセット と呼ばれます。

  1. 新規ページの作成 または 既存ページの編集

  2. Add( Add widget icon ) をクリックして、Fragments and Widgetsパネルを開きます。

  3. ウィジェット]タブの[コンテンツ表示]カテゴリで、[アセット・パブリッシャー]ウィジェットをページの任意の場所にドラッグします。

  4. Asset Publisherウィジェットの右上にある Actions( Actions icon. ) をクリックします。

    Click Actions to access the Asset Publisher configuration options.

  5. Configuration*を選択し、Configurationダイアログを表示します。

    Asset Selection（資産選択）で、資産のフィルタリング方法を選択します。 これらのオプションの説明については、 データ選択方法オプション を参照してください。

    The configuration window has different Asset Selection options under the Setup tab.

  6. オプションとして、 Dynamic および Manual Asset Selection オプションが選択されている場合、 Create collection from this configuration をクリックして新しいコレクションを作成できます。 これは新しい コレクション として設定を保存する。

  7. アセットを選択し、ウィジェットを設定したら、 Save をクリックします。

データ選択方法オプション

Asset Publisher ダイアログの Asset Selection セクションでは、さまざまなオプションを使用してアセットを選択できます：

コレクション

以前に保存したコレクションまたはコレクションプロバイダから選択するには、このオプションを選択します。 コレクションについて詳しくは、 コレクションとコレクション・ページについて をお読みください。

  1. Select Collection で、 Select をクリックします。

  2. Collections または Collections Providers*タブを選択します。

  3. 既存のコレクションまたはコレクションプロバイダーのいずれかを選択します。

  4. ［保存］をクリックします。

Click Select and choose from your saved collections.

note

開発者は、コレクションプロバイダーを使用して、より高度な基準を持つ特定のコレクションを作成することができます。 詳細については、 Infoフレームワーク 開発者ドキュメントの Creating an Information List Provider に関する情報をお読みください。

動的

動的アセット選択を使用すると、さまざまな基準に基づいてアセットをアセット・パブリッシャ・ウィジェットに自動的に含めることができます。

  1. ソースセクションで、アセットタイプドロップダウンメニューを使用してアセットを選択します。 特定のアセットタイプを選択するか、 Select More Than One で異なるタイプから選択します。

  2. Scope（範囲）セクションで、個々のサイトまたは他のサイトのアセットを表示するかどうかを選択します。

  3. Filter]セクションで、Asset Publisherウィジェットのアセットのルールを定義します。 カテゴリ 、 タグ 、またはキーワードに基づいてルールを定義することができます。

  4. カスタムユーザ属性を定義している場合は、それを含める。

  5. [Ordering] セクションで、Asset Publisher ウィジェットのアセットの表示順序を選択します。

Define the options for the dynamic asset collection, including Source, Scope, Filter, Custom User Attribute, and Ordering.

手動

ここでは、パラメータを設定し、手動で特定の資産をフィルタリングすることができます：

  1. Scope（範囲）セクションで、個々のサイトまたは他のサイトのアセットを表示するかどうかを選択します。

  2. ［アセットエントリー］セクションで、［選択］ボタンを使用して特定のタイプのアセットをフィルタリングします。

  3. 選択するアセットのタイプについて、含めるアセットにチェックを入れます。

  4. 追加 をクリックする。

Here is an example of filtering for basic web content and manually selecting items

note

あなたの選択に基づいて新しいコレクションが作成されます。

関連トピック

Capability:
Sites
Resource Type:
Official Documentation
Feature:
Widgets
Deployment Approach:
Liferay PaaS
Liferay SaaS
Liferay Self-Hosted