logo

パレット - カラフルに🎨

Palette — ビジュアルページビルダー、デザインの専門知識は不要です。

ライブデモ パレットをダウンロード

Scroll

1.9 Views:Drupal のニュースフィード

05/08/2019, by mikhail

Views モジュールは最も人気のあるモジュールの 1 つです。ニュース、記事、コメント、タクソノミー用語など、任意のデータを、ブロック、ページ、RSS フィード、CSV ファイル、XML ファイル、その他多くの形式で表示できます。そしてついに、Drupal 8 では Views がコアに!今ではインストールする必要がなく、Views は標準インストールに含まれています。

Views を有効にして、データの表示を始めましょう。

コンテンツタイプ News を作成します。

Drupal 8 news

これで、サイトにニュースを作成できます。

コンテンツタイプ News に画像を追加します。そのために、Manage Fields タブに移動します。すでに Articles で使われている既存の field_image フィールドを使えます。

Add field

Views で出力するものがあるように、いくつかニュースを作成しましょう:

menu

これで、最初の View を作成できます。Menu - Structure — Views に移動します:

menu

Views ページで、新しいビューを作成します:

views creation

それでは、新しいビューを作成するフォームを順に入力しましょう。まず、ビューの名前を書きます。ビューのマシン名も指定できます。ビューの名前 News を書き、何を表示するか――コンテンツタイプ News を選びます。また、表示するために Newest first のままにしておきます:

Views adding

次に、Create a page を選び、チェックを入れます。次に、新しい News ページのタイトルを入力します。次に、ニュースページのアドレスを入力します。私は news と書きました。標準的な方法で Unformatted list(div タグを使用)を出力し、ティーザー(ノードの簡単な内容、前のレッスンで話しました)で出力します。

ニュースが多く、10 件を超える場合は、ページナビゲーターが必要です。デフォルトでは 1 ページに 10 件表示する価値があり、残りのニュースはナビゲーターのリンクをたどって見られます。ですから、ナビゲーターの設定は Use a pager のままにしておきます。

view using pager

次に、私たちの新しいニュースページへのリンクをどのメニューに表示するかを選べます。私は main navigation を選びました。これはサイトのヘッダーのメインメニューです。そして News リンクの名前を入力します。保存します。

views save

その後、さらなるビュー編集のためのページが表示されます。ここではもう何も編集せず、外に出て私たちのニュースページを見てみましょう。

news

最新のニュース 3 件とニュースページへのリンクを持つニュースブロックを作りましょう。別のビューを作成します。News block と名付け、ニュースの出力を選びます。

views block

今回はページではなく、ブロックを表示します。unformatted list、fields、ニュース 3 件で出力します。次に、私たちのビューを保存します。ブロックでは pager は使いません。これで、私たちのビューの編集を続けられます。

Views fields

ここには多くの設定があります:Title、Format、Fields、filter criteria、Sort criteria、Block settings、Header、Footer、no results behavior、Pager、その他の詳細設定。続くレッスンで、各項目を詳しく分析します。とりあえず、ニュースの見出しより上に、公開日用のフィールドをもう 1 つ追加しましょう。

views add fields

次に、目的のフィールド、すなわち Authored on を見つける必要があります。そのために、フィールド検索に Authored on と書き、フィールドを表示するためにチェックを入れます。その後、変更を保存します。

authored on

次に、日付形式を設定する必要があります。私はラベルの出力のチェックも外しました:

drupal views remove the label

公開日は、コンテンツが作成された日付ではありません。作成日は別途表示できます。

公開日は、コンテンツが「published」のチェック付きで保存された時刻です。