テンプレート処理中にエラーが発生しました。
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では、ドキュメントやその他の種類のメディアファイルを簡単に公開し、紹介することができます。 メディアファイルをアップロードし始めると、サイトでそれらを共有したくなると思います。

使用可能なウィジェットは、ドキュメントとメディアファイル(メディアギャラリードキュメントとメディア 、および アセットパブリッシャー)を強調表示できます。 ユースケースに基づいて適切なウィジェットを選択できます。

ドキュメントとメディアファイルは、Webコンテンツ、ブログ、Wikiページなどの他のアセットに埋め込んで表示できます。

メディアギャラリーウィジェットの使用

このウィジェットは、シンプルなギャラリーに似たスタイルでメディアを公開します。 各ファイルの大きなサムネイルを表示したり、ファイルのダウンロードを提供したり、スライドショー機能があります。 メディアギャラリーを使用する一般的な方法は、メディアを表示するための個別のページを作成し、それに[メディアギャラリー]ウィジェットを追加することです。 ウィジェットには、音声ファイルまたはビデオファイルのみが表示されます。

[メディアギャラリー]ウィジェットを使用するには:

  1. ウィジェットの[コンテンツ管理]カテゴリから、[メディアギャラリー]ウィジェットをページに追加します。

    ウィジェットの[コンテンツ管理]セクションの下にリストされている[メディアギャラリー]ウィジェットを見つけます。

  2. ウィジェットが表示されると、以前にアップロードされたメディアファイルがすでに表示されているはずです。 メディアファイルを追加したい場合は、[ドキュメントとメディア]からアップロードできます。

[メディアギャラリー]ウィジェットには、 オプション(Options icon) → [設定] をクリックして設定できるいくつかのオプションがあります。

設定ウィンドウには、4つの異なるタブがあります。

表示設定: 各ファイルのアクションの表示、表示するメディアタイプの絞り込み、メディアの表示テンプレートの選択を行うことができます。

フォルダのリスト形式: ファイルを表示するルートフォルダとして機能するドキュメントライブラリフォルダを選択します。 このフォルダは、ウィジェットがアクセスできる最上位のフォルダになります。

ウィジェットで、任意のメディアファイルをクリックすると、すべてのファイルのスライドショーが自動的に開始されます。

メディアファイルをクリックすると、スライドショーが開始されます

各ファイルには、 オプション(Options icon)アイコンがあります。

オプションアイコンをクリックすると、さまざまなオプションが表示されます。

  • ダウンロードする
  • 編集する
  • 権限設定
  • 削除

[ドキュメントとメディア]ウィジェットの使用

このウィジェットは、すべてのタイプのファイルを公開する方法を提供します。 [メディアギャラリー]ウィジェットとは異なり、ドキュメントやその他の種類のメディアを公開できます。

  1. [コンテンツ管理]セクションから、 [ドキュメントとメディア] ウィジェットをページに追加します。

    ウィジェットの[コンテンツ管理]セクションの下にリストされている[ドキュメントとメディア]ウィジェットを見つけます。

  2. メディアファイルを追加したい場合は、[ドキュメントとメディア]アプリケーションからアップロードできます。

オプション ボタン(Options button)を使用して、ドキュメントとメディアを設定できます。

設定ウィンドウには、4つの異なるタブがあります。

表示設定: 各ファイルのアクションの表示、検索バーの表示、関連するアセットの表示、1ページあたりのファイルの最大数の設定、さまざまな表示オプションの有効化を行うことができます。

フォルダのリスト形式: ファイルを表示するルートフォルダとして機能するドキュメントライブラリフォルダを選択します。 このフォルダは、ウィジェットがアクセスできる最上位のフォルダになります。

テーブル表示スタイル用のエントリーリスト: ユーザーがテーブルビューを選択したときに表示するファイル情報のタイプを設定します。

評価:評価システムを有効または無効にします。

ドキュメントとメディアの上部にあるツールバーは、次の機能を提供します。

ウィジェットの上部にあるツールバーからさまざまなツールにアクセスします

チェックボックス: すべてのメディアファイルを選択します。

フィルターと並び替え: ドキュメントタイプでファイルを絞り込みます。 さまざまなパラメーターでファイルをソートすることもできます。

[フィルターと並び替え]をクリックして、ファイルを整理およびソートするさまざまな方法を選択します。

リバース: リバース アイコン(Reverse icon)は、ソートの方向を反転します。

検索: キーワードでメディアファイルを検索します。

情報: 情報 アイコン(Click on the information icon to display file info.)は、フォルダ内のメディアファイルに関する詳細を提供します。

表示スタイル: 表示スタイル アイコン(Click on the display style icon to choose your display option.)は、カード、リスト、およびテーブルビューの3つの表示タイプを切り替えます。

カード、リスト、またはテーブルビューから選択して、ファイルを表示します。

ユーザーは、希望の表示タイプを選択できます。

ファイルを選択すると、いくつかのオプションが表示されます。

ファイルのチェックボックスをクリックして、追加のオプションにアクセスします。

クリア: 現在の選択をクリアします。

情報: 情報 アイコン(Information icon)は、ファイルに関する詳細情報を示します。

ダウンロード: ダウンロード アイコン(Download icon)はファイルをダウンロードします。

移動: 移動 アイコン(Move icon)をクリックして、ファイルを別のフォルダに移動します。

タグを編集する Edit Tags アイコン (Edit icon) をクリックすると、ファイルの既存のタグを編集することができます。

削除する: ゴミ箱 アイコン (Trash icon) をクリックすると、ファイルが削除されます。

アクション: アクション アイコン(Actions icon)には、 [チェックイン] および [チェックアウト] などのオプションがあります。 Googleドライブ IntegrationOffice 365 Integration、およびLibreOffice Integrationを参照してください。

[アセットパブリッシャー]ウィジェットの使用

[アセットパブリッシャー]ウィジェットは、基準に基づいてさまざまなアセットとコレクションを公開できます。 このウィジェットを使用して、ドキュメントとメディアライブラリのコンテンツを表示できます。

他のアセットでのドキュメントの使用

ドキュメントやメディアファイルを他の種類のアセットに追加するのは簡単です。

Webコンテンツ

  1. Webコンテンツにドキュメントまたはメディアを追加できるようにするには、最初にドキュメントとメディア用のフィールドを含むストラクチャーを作成します。

  2. Webコンテンツアプリケーションの[ストラクチャー]タブに移動して、新しいストラクチャーを作成します。 [ドキュメントとメディア]フィールドをストラクチャーにドラッグアンドドロップします。

    [ドキュメントとメディア]フィールドをストラクチャーにドラッグアンドドロップします。

  3. [Webコンテンツ]タブで、追加アイコン(Add icon)をクリックして、新規Webコンテンツを作成します。 先ほど作成したストラクチャーをテンプレートとして選択します。

    先ほど作成した新しいストラクチャーを選択します

  4. これで、ドキュメントまたはメディアファイルを選択して、それらをWebコンテンツに追加できるようになりました。

ブログ

  1. ドキュメントとメディアをブログに追加するには、最初にブログアプリケーションに移動します。

  2. 追加アイコン(Add icon)をクリックして、新規ブログを追加します。

  3. [関連アセット]で、 [Select] ボタンをクリックして、ブログ投稿に追加するドキュメントとメディアを選択します。

    [関連するアセット]で、選択ボタンをクリックして、ドキュメントまたはメディアファイルを追加します。

Wiki

  1. Wikiノードに移動します。

  2. [関連アセット]で、 [Select] ボタンをクリックして、Wikiページに追加するドキュメントとメディアを選択します。

    [関連するアセット]で、選択ボタンをクリックして、ドキュメントまたはメディアファイルを追加します。