Webコンテンツの表示ウィジェットの使用
ウェブコンテンツ記事 を作成した後、それを表示する最も簡単な方法は、ウェブコンテンツ表示ウィジェットです。 ウェブコンテンツ記事が表示されると、 ワークフロー を設定して更新を確認・承認しない限り、コンテンツの更新はすぐに表示されます。
Webコンテンツの表示をページに追加する
-
Site Menu(
) に移動し、 Site Builder → Pages に移動します。
-
編集したいページの横にある Actions(
)をクリックし、 Edit を選択する(あるいは、 、新しいコンテンツページを作成する 。)。
-
Add(
) をクリックして、Fragments and Widgetsパネルを開きます。
-
ウィジェットタブの コンテンツ管理 カテゴリーで、 ウェブコンテンツ表示 ウィジェットをページ上の任意の場所にドラッグします。
-
ウィジェットの右上にある Options(
) → Configuration をクリックします。
-
ウェブコンテンツ表示設定]で、[設定]タブの[選択]をクリックします。
-
[Webコンテンツの選択] ダイアログで、追加したいWebコンテンツをクリックします。
フォルダを使用してコンテンツを整理している場合、フォルダをナビゲートすることで、利用可能なすべてのコンテンツを視覚化できます。 フォルダやコンテンツセクションの上にあるパンくずを、ナビゲーションの手助けに使ってください。
tip検索バーを使ってすべてのコンテンツ(*)を検索することができます。 これは、サイト上で利用可能なすべてのフォルダとウェブコンテンツのリストを返します。
-
保存 をクリックし、[Webコンテンツ表示設定]ダイアログを閉じます。
-
コンテンツ・ページを公開したい場合は、 公開 をクリックしてください。
ウェブコンテンツ表示ウィジェットでスコープを使用する
ページにWebコンテンツ表示ウィジェットを追加した後、そのスコープを設定して、ウィジェットで表示可能なコンテンツが見つかるサイトとライブラリを定義することができます。 スコープの詳細については、 ウィジェット・スコープを設定する を参照してください。
-
ウィジェットの右上にある Options(
) → Configuration をクリックします。
-
[ウェブコンテンツ表示設定]で、タブの スコープ をクリックします。
-
Liferay DXP をクリックして Scope メニューを開きます。 ここで、ウィジェットの希望する範囲を選択できます。 [保存]をクリックします。
-
タブの 設定 をクリックします。
-
Select をクリックすると、Select Web Content Menuが開きます。
-
パンくずメニューの サイトとライブラリ をクリックします。
表示可能なコンテンツは、選択されたスコープに従って定義される。
Liferay DXP 7.3以前の場合、Webコンテンツ表示ウィジェットのスコープを選択しても、ウィジェットに表示できるコンテンツには影響しません。
## Webコンテンツの表示設定オプション
ウェブコンテンツを選択すると、ウェブコンテンツ表示ウィジェットで他のオプションを設定できます。
ウィジェットの設定にアクセスするには、ウェブ・コンテンツ表示ウィジェットにカーソルを合わせ、ウィジェットの **オプション**()から、 **設定** を選択します。 設定オプションはSetupタブの下に表示されます。

### テンプレート
| オプション | 説明 |
| :---------------- | :----------------------------------------------------------------- |
| デフォルトのテンプレートを使用する | ウィジェットの表示にデフォルトのテンプレートを使用します。 ここで使用されているデフォルトのテンプレートの名前を見ることができます。 |
| 特定のテンプレートを使用する | 別のテンプレートでウィジェットを表示する場合は、このオプションを選択します。 新しいテンプレートを選択する必要があります。 |
### ユーザーツール
| オプション | 説明 |
| :----------------------- | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 翻訳 | コンテンツの追加翻訳を表示します。 異なる言語に翻訳されたコンテンツをお持ちの場合、このオプションを使用して希望の翻訳を表示します。 |
| 印刷する | 印刷に適したバージョンのコンテンツを含む印刷ダイアログを提供します。 |
| PDF、DOC、ODT、TXTとしてダウンロード | 選択されたウィジェットのコンテンツを任意のフォーマットでダウンロードします。 このオプションは、 [OpenOffice または LibreOffice の統合](#integrating-open-office-or-libre-office-with-the-web-content-display) を設定した後でのみ利用可能です。 |
### メタデータコンテンツ
| オプション | 説明 |
| :----------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 関連するアセット | 関連する他のコンテンツへのリンクを表示する場合に設定します。 関連コンテンツは、コンテンツの Related Assets プロパティで設定します(基本的なウェブコンテンツアセットの例については、以下の画像を参照してください)。 |
| 評価 | ユーザーがさまざまな方法(いいね、スター、親指をたててグーなど)でコンテンツを評価できるクリック可能なオプションを表示します。 この評価オプションを異なるコンテンツの種類に設定するには、 [コンテンツの評価タイプの設定](../../../site-building/site-settings/site-content-configurations/configuring-content-rating-type.md) を参照してください。 |
| 掲示板のディスカッション | ウェブコンテンツ表示ウィジェットのコンテンツにユーザーがコメントを入力できるようにします。 デフォルトでは、ゲストはコメントを残すことはできません。 デフォルトのオプションを変更するには、 [Enabling Comments for Guest](#enabling-comments-for-guests) を参照してください。 |
| コメントの評価 | コメントの評価オプションを表示します。 |

### 閲覧数の増加を確認する
このウェブコンテンツ表示ウィジェットにビューカウンタを追加するには、 **ビューカウント増加** オプションを有効にします。
## Webコンテンツの表示ウィジェットの追加オプション
[セットアップオプション](#web-content-display-setup-options) に加えて、ウェブコンテンツ表示ウィジェットで追加設定を行うことができます。
### ゲストのコメントを有効にする
デフォルトでは、ゲストはWebコンテンツにコメントを残すことはできません。 Webコンテンツの記事にゲストがコメントできるようにするには、次の手順を実行します。
1. [Global Menu](../../../getting-started/navigating-dxp.md) (  ) を開き、 **Control Panel** → **Users** → **Roles** に移動します。
1. **ゲスト** ロールをクリックします。
1. **Define Permissions** 列をクリックします。
1. 左のメニューから、 **Site and Asset Library Administration** → **Content & Data** → **Web Content** を選択します。
1. **ウェブコンテンツの記事** セクションで、 **ディスカッションを追加** をチェックします。
1. [**保存**]をクリックします。
### Webコンテンツの表示ウィジェットからコンテンツを編集する
編集モードのコンテンツページで作業する場合、ウェブコンテンツ表示ウィジェットから公開コンテンツを直接編集できます。
1. ウェブコンテンツ表示ウィジェットをクリックします。
1. 左側のサイドバーパネルで、 **ページコンテンツ**( )をクリックします。
1. 編集したいコンテンツの **アクション**(  ) をクリックし、 **編集** を選択する。

### OpenOfficeまたはLibreOfficeとWebコンテンツの表示の統合
[OpenOffice / LibreOffice integration](../../../content-authoring-and-management/documents-and-media/devops/enabling-openoffice-libreoffice-integration.md) を Liferay ポータルインスタンスで有効にすると、コンテンツのドキュメント変換を有効にすることができます。 この統合により、ユーザーはさまざまなフォーマットでコンテンツをダウンロードできるようになります。 ウェブコンテンツ表示ウィジットのために、 [ユーザーツール](#user-tools) 構成の下で利用可能なフォーマットを選択する必要があります。
## 関連トピック
* [基本的なウェブコンテンツ記事の追加](../../../content-authoring-and-management/web-content/web-content-articles/adding-a-basic-web-content-article.md)
* [ウィジェット・スコープを設定する](../../creating-pages/page-fragments-and-widgets/using-widgets/configuring-widgets/setting-widget-scopes.md)
* [コンテンツページの使用](../../../site-building/creating-pages/using-content-pages.md)
* [表示ページのテンプレートにコンテンツを表示する](../using-display-page-templates.md)
* [資産の表示](../using-the-asset-publisher-widget/displaying-assets-using-the-asset-publisher-widget.md)