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

ブログの表示

Liferayはブログエントリーを表示する2つの方法を提供します: 表示ページテンプレートブログウィジェット

表示ページテンプレートの使用

表示ページ・テンプレート を使って、ブログ・エントリーをフレンドリーなURLで表示するための再利用可能なダイナミック・デザインを作成できる。 デフォルトでは、すべてのブログ・エントリーに一意のフレンドリーURLが自動的に割り当てられる。 このURLを使って、ブログのエントリーを表示ページで見ることができる。

ブログのフレンドリーURLは表示ページのURLに付加され(つまりdisplay-page-url/blog-friendly-url)、いつでも編集することができます。 変更した場合、LiferayはエントリーのフレンドリーURL履歴に以前のURLを保存します。 この履歴に古いURLが残っている限り、ユーザーは最新版のブログエントリーにアクセスできる。 ブログエントリーを表示するテンプレートの設定方法については、 表示ページによるコンテンツの公開 を参照してください。

ブログエントリーの表示ページを設定したら、コレクションを使ってコンテンツページにそれらをリストすることができます。 詳しくは コレクションとコレクション・ページについて をご覧ください。

フレンドリURLの履歴

古いブログエントリーのURLがフレンドリーURL履歴に表示された場合、同じサイト内の他のエントリーに使用することはできません。 新しいエントリーに使用する前に、まずエントリーのフレンドリーURL履歴から削除しなければならない。

ブログエントリーのフレンドリーURL履歴を管理するには、以下の手順に従ってください:

  1. サイトメニュー を開き、[コンテンツとデータ]を展開し、[ブログ]に進みます。

  2. 目的のエントリーの Actions ボタン( Actions Button )をクリックし、 Edit を選択します。

  3. Configurationセクションを展開し、Friendly URLフィールドの History ボタン( History Button )をクリックします。

    Click the History button for the Friendly URL field.

  4. 復元 ボタン ( 復元ボタン)をクリックして、現在のフレンドリーURLを選択したURLに置き換えます。

  5. 選択したURLを履歴から削除するには、 Forget URL ボタン ( Forget URL Button ) をクリックします。 一度削除されると、そのURLを使ってブログエントリーにアクセスすることはできなくなります。

    Click the Restore or Forget URL buttons.

フレンドリーURL履歴の変更は自動的に保存されます。

ブログ・ウィジェットの使用

Blogsウィジェットをページに追加すると、サイト・メンバーにブログ・インターフェイスが公開されます。 同様に、ウィジェットをユーザの個人サイト(プロフィール)に追加すると、そのユーザ専用のブログが作成されます。 ウィジェットはどちらの場合も同じように機能します。

Blogsウィジェットをページに追加するには、

  1. 新しいページの作成 または コンテンツページの編集を開始 .

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

  3. ウィジェットタブのコラボレーションカテゴリーで、 ブログ ウィジェットをページ上の任意の場所にドラッグします。

ブログウィジェットをページに追加すると、リストを希望どおりに表示するように設定するためのいくつかの表示オプションがあります。

ウィジェットを設定するには、 オプション( オプション・アイコン )をクリックします。 → 設定 .

There are different setup options for the Blogs widget

[Setup]タブ

Enable Ratings: ブログエントリーの 評価システム を有効にする。

コメントを有効にする : ブログのエントリーにコメントを有効にする。

表示数の表示: 各エントリの表示数の表示を有効にします。

ソーシャル ブックマーク : 現在 列に追加したソーシャル メディア プラットフォームでブログ エントリを共有できるようにします。 現在 列と 利用可能 列の間でソーシャル ネットワーキング サイトを移動するには、サイトを選択し、それらの列の間の矢印を使用します。 同様に、「現在」列の下にある上/下矢印を使用して、各ブログ エントリに表示されるサイトの順序を変更します。

表示スタイル: ソーシャル ブックマークの表示方法を定義します。 インライン がデフォルトで、ソーシャル ブックマーク アイコンが 1 列に並んで表示されます。 Menu は共有メニュー内にそれらを非表示にします。

Maximum Items to Display :初期ページに表示するブログエントリーの総数。 最大60個まで選択して一度に表示できます。

表示テンプレート :ブログの表示レイアウトを選択します:

  • 要約 : 各ブログ エントリの要約を表示します。

  • 全コンテンツ : 各ブログ エントリの全コンテンツが表示されます。

  • タイトル : 各ブログエントリーのタイトルのみを表示します。

  • Basic :アブストラクトの縮小版で、テキストは少なく、表紙画像もない。

  • カード : 各ブログのエントリーをカードのような長方形で表示し、カバー画像、タイトル、著者、投稿日、数行のテキストを表示します。

The card display template makes your blog posts look like fun little trading cards.

別のアプリケーション・ディスプレイ・テンプレート(ADT)を選択したり、独自のテンプレートを作成したりするには、 Manage Templates をクリックします。

不適切なコンテンツの報告を有効にする : 不適切なコンテンツとしてフラグを立て、管理者に電子メールを送信できるようにします。

Enable Ratings for Comments : Enable ratings system for blog entry comments.

Show Related Assets: 他のウィジェットからの関連コンテンツを表示できるようにします。

[コミュニケーション]、[Sharing]、および[スコープ]タブ

Communication: ウィジェットがページ上の他のウィジェットに公開するパブリックレンダリングパラメータをリストします。 他のウィジェットは、これらを読み取ってアクションを実行できます。 共有パラメーターごとに、パラメーターを使用してコミュニケーションを許可するかどうかを指定し、パラメーターを設定できる受信パラメーターを選択できます。

共有 :ウィジェットインスタンスを、任意のウェブサイト、Facebook、Netvibes、またはOpenSocialガジェットのウィジェットとして埋め込みます。

スコープ: ウィジェットが表示するブログ インスタンスを指定します: 現在のサイトのブログ (デフォルト)、グローバル ブログ、またはページのブログ。

関連トピック

ブログエントリーの追加

表示ページテンプレートの使用