テンプレート処理中にエラーが発生しました。
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> 

Content Page Editor UI Reference

liferay 7.4 U37+/GA37+用。

コンテントページエディタを使用して、コンテントページ内の要素を 追加し 設定することができます。 コンテンツ・ページ・エディターを開くには、コンテンツ・ページに移動し、 編集(! 編集アイコン )をクリックします。 編集ツールバーとサイドバーが表示され、コンテントページを作成するためのツールやコンポーネントが表示されます。

Click the Edit button to access the editing toolbar and sidebar.

編集ツールバー

コンテントページのツールバーには、独自のユーザーエクスペリエンスの構築、ローカライズされた翻訳の設定、編集モードの切り替えなどのためのツールが用意されています。

Click the Edit button to access the editing toolbar.

エクスペリエンス

[Experience]ドロップダウンメニューを使用して、現在のページのコピーを作成し、特定のオーディエンス向けにカスタマイズできます。 詳細は、 コンテントページのパーソナライゼーション を参照してください。

翻訳

言語フラグをクリックして、翻訳ドロップダウンメニューにアクセスします。 ここでは、ページの有効言語のステータスを表示したり、言語を切り替えて翻訳を直接表示および編集したりできます。 詳細は、 サイト言語の設定 を参照してください。

コンテンツページのパーソナライゼーションに experiences を使用している場合、サイトで使用可能な言語を使用してエクスペリエンスを設定できます。 詳しくは、 Managing Experience Localization を参照してください。

デバイスディスプレイ

デバイスアイコンをクリックして、Liferayのレスポンシブレイアウトエディタにアクセスします。 ここでは、さまざまな画面サイズに対応したページを設定することができます。 利用可能な表示オプションには、デスクトップ ( Desktop )、タブレット ( Tablet )、横向き電話 ( ! 横向き電話 )、縦向き電話( 縦向き電話)。 タブレットやスマホのレイアウト編集中は、リサイズハンドルバーを使って画面サイズを手動で調整することができます。 詳しくは、 レスポンシブレイアウトの構築 をご覧ください。

note

フラグメントとウィジェットページデザインオプション パネルは、デスクトップレイアウトでのみ利用可能です。

編集履歴

履歴( 履歴ボタン)をクリックすると、現在の編集セッション中に行われた変更が表示されます。 この履歴は、変更の予約や復元に使用することができます。 また、「元に戻す」・「やり直し」コマンドボタンをクリックすることもできます。

Revert your changes using the Undo, Redo, and History buttons.

編集モードセレクター

コンテントページのサイドバーで利用できる編集オプションは、選択した編集モードによって異なります。

編集モード説明利用可能なオプション
ページデザインページとページの内容を更新する権限がある場合に、ページをデザインすることができます。
コンテンツ編集ページの更新権限がある場合は、コンテンツの編集が可能ですが、ページの内容は編集できません。

Choose between Page Design or Content Editing editing modes.

サイドバーを切り替える

サイドバーの切り替え( サイドバーの切り替え)をクリックすると、編集中のサイドバーが非表示になり、ページがプレビューされます。 アプリケーションバーの アクション( アクションボタン)をクリックし、 新しいタブでプレビュー を選択すると、新しいタブで現在のページの経験と言語を表示します。

ページテンプレートに変換

アプリケーションバーの Actions(アクションボタン)をクリックし、 Convert to Page Template(ページテンプレート)を選択すると、現在のページデザインに基づいて 、ページテンプレート

公開

デフォルトでは、公開すると変更がすぐに公開されます。 ただし、 ワークフロープロセス がレビューおよび発行プロセスを指示するように構成されている場合は、[発行]をクリックすると、定義した手順が開始されます。

編集サイドバー

選択した編集モードに応じて、編集サイドバーでこれらのパネルにアクセスすることができます。

The editing sidebar includes these panels.

フラグメントとウィジェット

フラグメントとウィジェット・パネル( フラグメントとウィジェット・アイコン )では、既成のページ要素とカスタム・ページ要素の両方にアクセスできます。

フラグメント :フラグメントは、拡張可能で再利用可能なドラッグ&ドロップ可能な要素で、コンテンツページの主要な構成要素として機能します。 例としては、レイアウト要素、ビデオ、テキストオーバーレイ付きのバナー画像などがあります。 すぐに使えるフラグメントについては、 フラグメントの使用 を、独自のフラグメントを作成する方法については フラグメントの開発 を参照してください。

ウィジェット :ウィジェットとは、 アプリケーション のことで、ページに動的な機能を追加するものです。 例としては、ブログ、掲示板、カレンダーなどがあります。 詳細は、 コンテントページでのウィジェットの使用 を参照してください。

tip

Liferay 7.4 U37/GA37から、順序ボタン(順序ボタン)をクリックして、フラグメントとウィジェットのセットを並べ替えます。 スターボタン(! スターボタン )をクリックすると、フラグメントやウィジェットをお気に入り要素に追加することができます。

ブラウザ

ブラウザーパネル ( Browser ) を使用して、ページ内のすべての要素を表示、整理、管理します。 要素は階層で表示されます。 Liferay 7.4 U37/GA37+では、ブラウザパネルで要素をドラッグ&ドロップして再編成したり、要素をダブルクリックして名前を変更したりすることができます。 要素を選択すると、その設定が設定サイドパネルに表示されます。 フラグメントのサブエレメントを選択すると、その他の設定にアクセスできます。 詳しくは、 フラグメントの設定 を参照してください。

note

コンテントページを編集する場合、ヘッダーとフッターの要素はブラウザパネルに含まれません。 これらの要素を編集できるのは、 マスターページテンプレート だけです。

ページデザインオプション

ページデザインオプションパネル(ページデザインオプション)を開いて、ページの マスターページテンプレート または スタイルブック を変更します。 オプション(オプションボタン)をクリックして、 フロントエンドクライアント拡張機能 を含む、追加のページデザインオプションにアクセスします。

ページコンテンツ

ページ・コンテンツ・パネル( ページ・コンテンツ)では、ページに直接追加されたコンテンツを閲覧・編集することができます。 これには、インラインテキスト、画像、ウェブコンテンツの記事などを含めることができます。 コンテンツを表示しながら、コンテンツアイテムの検索やタイプ別にフィルタリングが可能です。 ページに コレクションが含まれている場合 、そのアイテムを表示したり、新しいアイテムを追加したりすることができます。 詳細については、 コンテントページのコンテンツの管理 を参照してください。

note

コレクション以外に、マップされたコンテンツは[ページコンテンツ]パネルに表示されません。 パネルには、ページに直接追加されたコンテンツのみが含まれます。

掲示板のディスカッション

コメントパネル( Comments )では、フラグメントやウィジェットにコメントし、ページの投稿者と協力することができます。 また、公開されているコメントの閲覧、編集、削除、返信も可能です。 メンション が有効になっている場合は、コメントの一部としてページ更新権限を持つユーザーにタグを付けることができます。 コメントを追加するには、[コメント]パネルを開き、目的のページ要素を選択します。

ブラウザ

liferay 7.3用。

選択パネル (Selection) では、すべてのページ要素の階層的なアウトラインを表示したり、それらの要素を選択、設定、削除したりすることができます。 同様に、デザインモード中にページ上の任意の要素をクリックすると、選択パネルが開き、選択されたページ要素が階層内でハイライトされます。 要素が選択されると、その要素に一般、スタイル、リンクオプションがあれば、それにアクセスできます。 詳しくは、 フラグメントの設定 を参照してください。

Selection shows you a hierarchy of your page and contents.

note

ページのヘッダーとフッターは、 マスターページテンプレート でのみ変更できるため、選択パネルの階層には表示されません。

コンテンツ

liferay 7.3用。

コンテンツ・パネル (Contents) では、ページ上のすべてのウェブコンテンツを表示、編集、管理できます。 ウィジェットに表示されるコンテンツやコンテンツフィールドにマッピングされたコンテンツがあります。 詳細については、 コンテントページのコンテンツの管理 を参照してください。

関連トピック

コンテンツページの使用

コンテンツ・ページへの要素の追加

フラグメントの使用