テンプレート処理中にエラーが発生しました。 
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@2ad66ae2"; 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> 
フィードバックを送信

デフォルトのウィジェットリファレンス

Liferayには、すぐに使用できるさまざまなウィジェットが用意されているため、ソリューションの構築をすぐに開始できます。 ウィジェットは、コンテントページ、ウィジェットページ、ページテンプレートに配置することができます。 コンテンツページで利用可能なウィジェットを表示するには、ページの編集を開始し、編集サイドバーメニューから フラグメントとウィジェット（！ フラグメントとウィジェット ）を選択し、 ウィジェット タブを選択します。 ウィジェットページで利用可能なウィジェットを表示するには、 追加(add) をクリックします。

ウィジェットは、下記のセクションで構成されています。

ハイライト

このウィジェットは、ページの作成時によく使用されるウィジェットです。

ウィジェット説明
アセットバプリッシャーアセットを表示するように設定できる ［アセットパブリッシャー］ウィジェット を追加します。
ドキュメントとメディアドキュメントとメディアのタイプを表示するように設定できる ［ドキュメントとメディア］ウィジェット を追加します。
メニュー表示サイトのページ階層を表示できる ［メニュー表示］ウィジェット を追加します。
Webコンテンツの表示Webコンテンツの記事を表示するウィジェット ［Webコンテンツ表示］ウィジェット を追加します。

アカウント

アカウントについて詳しく知りたい方は、こちらをご覧ください： アカウント

ウィジェット説明
アカウント管理アカウント情報の管理およびアクセスに使用できる ［アカウント管理］ウィジェット を追加します。

コラボレーション

コラボレーションウィジェットは、他のユーザーとのコラボレーションやコミュニケーションを促進するサイトやコミュニティを構築します。

ウィジェット説明
ブログブログアプリケーションを管理し、アクセスするための ［ブログ］ウィジェット を追加します。
ブログの集約（アグリゲーター）複数のソースからブログエントリーを公開する ［ブログの集約（アグリゲーター）］ウィジェット を追加します。
カレンダーイベントの確認や追加に使用できる［カレンダー］ウィジェットを追加します。
動的データリスト(DDL)表示動的なデータ一覧を表示するウィジェットを追加します。 動的データリストは、Liferay DXP7.3で非推奨になりました。 オブジェクト に置き換えられました。
フォーム特定のフォームを表示するように設定できる ［フォーム］ウィジェット を追加します。
メンバーの招待ユーザーをサイトに招待するために使用できる ［メンバーの招待］ウィジェット を追加します。
掲示板ページに掲示板アプリケーションを追加する ［掲示板］ウィジェット を追加します。
Questions掲示板からのメッセージを質問と回答の形式で表示する ［質問］ウィジェット を追加します。
最近参加したブロガー最新のブログ作成者を表示する ［最近参加したブロガー］ウィジェット を追加します。

コマース

利用可能なコマースウィジェットの一覧は、 ウィジェットリファレンス をご覧ください。

コミュニティ

コミュニティウィジェットは、ページにコメントや評価、フラグを追加します。

ウィジェット説明
マイサイトユーザーが所属し、参加できるサイトを一覧表示する ［マイサイト］ウィジェット を追加します。
ページコメントページにコメントできる［ページコメント］ウィジェットを追加します。
不正の報告ページを報告できる［ページフラグ］ウィジェットを追加します。
ページの評価ページを評価できる［ページ評価］ウィジェットを追加します。

コンテンツ管理

コンテンツ管理ウィジェットは、サイトページ上のコンテンツを作成、管理、表示します。

ウィジェット説明
アセットバプリッシャーアセットを表示する ［アセットパブリッシャー］ウィジェット を追加します。
パンくずリスト現在のページと同じアクセシビリティ・レベルのページやサイトを表示するナビゲーション・システムを提供する、 Breadcrumb ウィジェットを追加します。 非公開ページの場合は非公開ページを、公開ページの場合は公開ページを表示します。
カテゴリフィルターカテゴリを選択してアセットをフィルタリングできる［カテゴリフィルター］ウィジェットを追加します。
ドキュメントとメディアドキュメントやメディアを表示する ［ドキュメントとメディア］ウィジェット を追加します。
一番評価されているアセット一番評価されているアセットを一覧表示する［一番評価されているアセット］ウィジェットを追加します。
ナレッジベースの記事一つの記事のコンテンツを表示する ［ナレッジベースの記事］ウィジェット を追加します。
ナレッジベース・ディスプレイ公開されているナレッジベースの記事を表示する ［ナレッジベース表示］ウィジェット を追加します。
ナレッジベース検索ナレッジベースの記事を検索するために使用できる ［ナレッジベース検索］ウィジェット を追加します。
ナレッジベースのセクション特定のトピック（セクション）に関連する記事を公開できる ［ナレッジベースセクション］ウィジェット を追加します。
メディアギャラリーシンプルなギャラリーのようなスタイルでメディアを表示する ［メディアギャラリー］ウィジェット を追加します。
メニュー表示サイトのページ階層を表示する ［メニュー表示］ウィジェット を追加します。
最もよく見れられているアセット最も閲覧数の多いアセットを表示する［最もよく見られているアセット］ウィジェットを追加します。
入れ子になったアプリケーション入れ子になったアプリケーションを追加して、ウィジェットをネストし、ページ上でのウィジェットの表示方法を設定できるようにします。
関連するアセット現在のページのメインアセットに関連するアセットを表示する［関連するアセット］ウィジェットを追加します。
サイトマップ現在のサイトのサイトマップを表示する ［サイトマップ］ウィジェット を追加します。
サイトディレクトリサイトとサブサイトの階層を表示する［サイトディレクトリ］ウィジェットを追加します。
タグクラウドタグが何回使われたかを表示する［タグクラウド］ウィジェットを追加します。 タグを選択すると、ページ上のアセットをフィルタリングできます。
タグフィルタータグを表示する［タグフィルター］ウィジェットを追加します。 タグを選択すると、ページ上のアセットをフィルタリングできます。
Webコンテンツの表示Webコンテンツの記事を表示するウィジェット ［Webコンテンツ表示］ウィジェット を追加します。

ニュース

ニュースウィジェットは、ユーザーへのメッセージ、RSSフィード、最近作成したコンテンツなどを表示します。

ウィジェット説明
警告アラートウィジェット を追加し、優先度の高い情報を赤い 重要 タグで表示します。
お知らせ赤い 重要 タグなしで情報を表示する お知らせウィジェット を追加します。
最近のコンテンツ最近作成されたアセットを一覧表示する［最近のコンテンツ］ウィジェットを追加します。
RSS パブリッシャーRSSフィードからの投稿を一覧表示する［RSSパブリッシャー］ウィジェットを追加します。

サンプル

サンプルウィジェットを使用して、ウィジェットやそれがページ上でどのように表示されるかを示します。

ウィジェット説明
標準テーマのスタイルガイド標準テーマのスタイルガイドを表示する［標準テーマのスタイルガイド］ウィジェットを追加します。
コマース機械学習の予測アラートAnalytics Cloudの予測を使用して生成された予測を表示する［コマース機械学習予測アラート］ウィジェットを追加します。
ダイアレクトテーマスタイルガイドのサンプルダイアレクトテーマのスタイルガイドを表示する［ダイアレクトテーマスタイルガイドのサンプル］ウィジェットを追加します。
IframeWebページを埋め込んで表示できるiframeを作成する ［iframe］ウィジェット を追加します。

検索

検索ウィジェットは、お客様やユーザーによってカスタマイズ可能な、テーラーメイドの検索エクスペリエンスを提供します。

ウィジェット説明
ブループリントオプションブループリントの検索を適用できる ［ブループリントオプション］ウィジェット を追加します。
カテゴリーファセット検索結果をカテゴリでフィルタリングする ［カテゴリーファセット］ウィジェット を追加します。
カスタムファセット検索結果をどのフィールドでグループ化するかを選択できる ［カスタムファセット］ウィジェット を追加します。
カスタムフィルターカスタムコードをデプロイすることなく、検索エンジンに送信されるクエリを制御できる ［カスタムフィルター］ウィジェット を追加します。
Elasticsearch の監視Elasticsearchを監視できる ［Elasticsearch Monitoring］ウィジェット を追加します。
フォルダファセットアセットフォルダで検索結果をフィルタリングできる ［フォルダファセット］ウィジェット を追加します。
低レベル検索オプション低レベル検索を利用できる ［低レベル検索オプション］ウィジェット を追加します。
期間指定ファセットアセットがいつ作成または変更されたかで検索結果を絞り込める ［編集済みファセット］ウィジェット を追加します。
検索バーユーザーが検索できる［検索バー］ウィジェットを追加します。 デフォルトでは、［検索バー］ウィジェットは、ユーザーをデフォルトの 検索ページ に送ります。
検索インサイトキーボード入力時にバックエンドの検索コードで構築された検索文字列および検索エンジンから返される応答文字列を検査できる ［検索インサイト］ウィジェット を追加します。 テストや開発時にのみ使用することを想定しています。
検索オプションページ上で追加の検索オプションを設定できる［検索オプション］ウィジェットを追加します。
コマース検索結果検索クエリの結果を表示する ［検索結果］ウィジェット を追加します。
類似結果ページで選択されているメインアセットに類似した検索結果を表示する ［類似結果］ウィジェット を追加します。
サイトファセットサイトごとに検索結果を絞り込める ［サイトファセット］ウィジェット を追加します。
ソート検索結果の並び順をコントロールできる［ソート］ウィジェット <0>を追加します。
推奨最初のクエリに対して改善点を提案できる ［推奨］ウィジェット を追加します。
タグ ファセットタグで検索結果を絞り込める ［タグファセット］ウィジェット を追加します。
タイプファセットアセットタイプごとに検索結果を絞り込める ［タイプファセット］ウィジェット を追加します。
ユーザーファセットユーザーごとに検索結果を絞り込める ［ユーザーファセット］ウィジェット を追加します。

ソーシャル

［ソーシャル］ウィジェットは、ユーザーサイト上でソーシャルメディアエクスペリエンスを実現します。

ウィジェット説明
アクティビティサイト上のユーザーアクティビティを追跡できる ［アクティビティ］ウィジェット を追加します。
コンタクトセンター［コンタクトセンター］ウィジェット を追加し、ユーザーが他のユーザーとのつながりを形成したり、フォローしたりすることができるようになります。
メンバサイトメンバーを表示する［メンバー］ウィジェットを追加します。
自分の連絡先つながりを表示する［自分の連絡先］ウィジェットを追加します。 このウィジェットは、プロフィールページにのみ追加することができます。
プロフィール編集ユーザーの写真や紹介を追加し表示できる［プロフィール］ウィジェットを追加します。 プロフィールページにのみ適用可能です。

ツール

［ツール］ウィジェットは、ユーザーのエクスペリエンスをカスタマイズするためのウィジェットを提供します。

ウィジェット説明
Cookie バナー設定どのCookieを許可するか設定できる［Cookieバナー設定］ウィジェットを追加します。
IP Geocoder サンプル国番号とIPアドレスを表示できる［IP Geocoder サンプル］ウィジェットを追加します。
言語選択表示する言語を設定できる［言語選択］ウィジェットを追加します。
検索クエリを調整するための設定を提供する［検索］ウィジェットを追加します。

Wikiノード

［Wiki］ウィジェットは、Wiki・アプリケーションを表示し、Wikiページを表示します。

ウィジェット説明
ページメニューWikiページ、サイトページ、外部Webサイトなど、他のリソースへのリンクを表示する ［ページメニュー］ウィジェット を追加します。
ツリーメニューwikiノードのwikiページとサブページの一覧を表示する ［ツリーメニュー］ウィジェット を追加します。
WikiノードWiki・アプリケーションを表示する ［Wiki］ウィジェット を追加します。
Wiki表示特定のWikiページをハイライト表示する ［Wiki表示］ウィジェット を追加します。

関連トピック

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