logo

パレット - カラフルに🎨

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

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

Scroll
23/08/2019, by mikhail

Views モジュールを使うと、フィルターを設定して素材を表示するだけでなく、これらのフィルターを動的に変更することもできます。Views モジュールを使って、小さな不動産掲示板を作りましょう。

広告を表示するには、まず announcement コンテンツタイプを作成する必要があります。そのために、Structure - Content types - Add Content type に移動します:

drupal 8 ads

次に、私たちのコンテンツタイプにフィールドを追加する必要があります:部屋数、価格、住所、電話、名前。Announcement コンテンツタイプの Manage fields タブに移動します:

drupal 8 view

部屋数には、List (text) タイプを選択する必要があります:

drupal 8 fields

次に、どんなタイプのアパートがあるかを設定する必要があります:

drupal 8 fields

Price も追加する必要があります。そのために、Number (integer) フィールドタイプを選択します。Price フィールドの Settings で、価格の後に通貨の名前が来るようにプレフィックス(サフィックス)を指定します:

drupal 8 field suffix

住所、電話、名前のフィールドは、Text (plain) タイプで作成できます。

フィールドができたので、Announcement の新しいビューを作成しましょう(Structure - Views — Add view):

drupal 8 views

それでは、Number of rooms フィルターを追加し、exposed filters のためにこのチェックを入れます:

drupal 8 views

これにより、このフィルターを Announcement ページに表示できます:

drupal 8

これで、いずれかのパラメーターを選ぶと、そのタイプのアパートだけになります:

drupal 8

Announcement に他の任意のフィールドを追加し、それらを Exposed filters として表示することもできます。価格も exposed filters に追加しましょう。

drupal 8

Between 演算子を設定すると、ユーザーが自分に合った価格範囲を設定できるようになります。

exposed filters に加えて、ソートも行えます。例えば価格でソートし、ユーザーが価格の降順または昇順のソートを選択できるようにします:

drupal 8

これで、announcement 用のフィルターができました。あとは実際にテーマ作成するだけです。

drupal 8