web-dev-qa-db-ja.com

ビューのカスタムテンプレートを作成するにはどうすればよいですか?

「ホテル」というコンテンツタイプを作成しました。ビューモジュールが提供するビューオプション以外の方法でビューに表示したい。そのためにカスタムテンプレートを作成する必要がありますが、その方法がわかりません。命名規則とテンプレートファイルを保存する場所。私を助けてください。

6
Rahul

そのビューのカスタムテンプレートを作成するには、ファイルを作成し、そのテンプレートに次のような名前を付けます。 views-view-fields--viewname--page/block.html.twig 次に、HTML構造を作成し、それに応じてフィールドを印刷し、ファイルを保存して、キャッシュをフラッシュすることを忘れないでください。

フィールドを印刷するには...タイトルと画像フィールドを印刷する場合は、次のようにします。 {{fields.title.content}}{{fields.machine_name_of_image_field.content}} それでおしまい。

注意: フィールドのマシン名を取得するには、コンテンツタイプに移動してフィールドを管理すると、それらのフィールドのマシン名が見つかります。また、管理パネルのビューにフィールドを追加しておらず、テンプレートファイルに追加していない場合、フィールドは反映されません。

6
Sachin

以下は、Drupal 8.で許可されているビューテンプレートの提案です。

  • views-view--foobar--page.html.twig
  • views-view--page.html.twig
  • views-view--foobar.html.twig
  • views-view.html.twig
  • views-view-unformatted--foobar--page.html.twig
  • views-view-unformatted--page.html.twig
  • views-view-unformatted--foobar.html.twig
  • views-view-unformatted.html.twig
  • views-view-fields--foobar--page.html.twig
  • views-view-fields--page.html.twig
  • views-view-fields--foobar.html.twig
  • views-view-fields.html.twig

詳細は Views template files を参照してください。

7
ARUN

Services.ymlファイルを作成します(サンプルファイルは、sites/defaultにあります)

そのファイルで、debug:true(サンプルファイルではfalseに設定)を設定します。

ファイルを保存してキャッシュをクリアします。

ビューに移動してコードを調べると、使用できるすべてのテーマ提案が表示されます(ビュー3でテーマ情報が行ったのと同様)

4
user2447487