> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# ニュースリスト

> YiDAのニュースリストコンポーネントで画像・テキスト素材を表示する方法を解説します。機能エントリからコンポーネントスタイルの切り替え、タイトルバーの調整、コンテンツ設定まで、ポータルに動的・静的データソースを設定する手順を紹介します。

## 1. 概要

画像・テキスト素材をアップロードし、ニュースリストとして表示できます。

## **2. 機能エントリ**

［任意のアプリを選択］ — ［ポータルを編集］ — ［ニュースリストコンポーネント］

## **3. 設定手順**

以下のコンポーネント属性を設定して、コンポーネントの表示や動作を調整します。ポータルにニュースリストを追加した後、次の操作が可能です。

### 3.1 コンポーネントスタイルの切り替え

「外観スタイルの切り替え」ボタンをクリックし、必要に応じてコンポーネントスタイルを変更します。現在、2種類の表示スタイルに対応しています。

### 3.2 タイトルバーの調整

「タイトルを表示」の有無、「タイトル名」の変更、「ヘルプお知らせ」の設定、「その他を表示」オプションの有効化を制御できます。有効化した場合は、「その他を表示」のリダイレクトURLを設定する必要があります。

### 3.3 コンテンツ設定

ニュースリストのデータソースを設定します。動的データソースと静的データソースの2種類に対応しています。

<table>
  <tr>
    <td rowSpan={9}>動的データソース</td>
    <td><ul><li>コンテンツソース：特定のアプリ配下のフォームを選択します。</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>画像：関連付けたソースフォーム内のフィールド（例：ニュース画像）にマッピングします。</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>メインタイトル：関連付けたソースフォーム内のフィールド（例：メインタイトル）にマッピングします。</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>サブタイトル：関連付けたソースフォーム内のフィールド（例：サブタイトル）にマッピングします。</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>著者：関連付けたソースフォーム内のフィールド（例：著者名）にマッピングします。</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>日付：関連付けたソースフォーム内のフィールド（例：日付）にマッピングします。</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>リンク：関連付けたソースフォーム内のフィールド（例：リンク）にマッピングします。</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>フィルタ：フォームを選択した後、そのフォームのデータフィルタを設定します。</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>件数：「件数」を設定し、リアルタイムに表示するニュース項目の最大数を指定します。全リストを表示するには「その他」をクリックします。</li></ul></td>
  </tr>

  <tr>
    <td rowSpan={6}>静的データソース</td>
    <td><ul><li>画像：カスタム画像をアップロードします。</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>メインタイトル：カスタムのメインタイトルを入力します。</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>サブタイトル：カスタムのサブタイトルを入力します。</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>著者：カスタムの著者名を入力します。</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>日付：カスタムの日付を入力します。</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>リンク：カスタムのリンクタイプを設定します。内部ページまたは外部リンクを開けます。</li></ul></td>
  </tr>
</table>