web-dev-qa-db-ja.com

Drupal 8でティーザーのテーマを設定する方法は?

写真に示すように、分類用語Virtual Tourのティーザービューがあります。ティーザーには、ノードのタイトル、ノードの概要、送信日、および画像フィールドからアップロードされた画像が表示されます。私が達成したいのは、画像を要約の左側にフロートさせることです。それを行う方法はありますか? enter image description here

4
Yixiao Chen

ティーザービューモードの表示は、特定のエンティティタイプ(この場合はノード)の表示モードで制御されます。ここで使用されるフィールドの順序とフォーマッタを制御でき、Display Suiteなどの他のモジュールでここのオプションを拡張できます。

これにより、twigテンプレートを提供して、ノードに表示されているこのビューモードのマークアップとクラスを変更することもできます。そこから、マークアップを作成したら、必要なすべてのスタイルを設定できますそしてあなたがそれらを望む方法でフィールド。

もっと:

4
Kevin

あなたはすでに次のようなテンプレートの提案を利用できるはずです:

<!-- FILE NAME SUGGESTIONS:
   * node--2--teaser.html.twig
   * node--2.html.twig
   x node--BUNDLE--full.html.twig
   * node--BUNDLE.html.twig
   * node--teaser.html.twig
   * node.html.twig
-->

Settings.ymlがtwig.config: { debug: true ...に設定されていることを確認してください。ソースにsuggestionsが表示されます。次のようなフックの提案を設定できます。

function MODULE_theme_suggestions_node_alter(array &$suggestions, array $variables, $hook) {
 $node = $variables['elements']['#node'];
 $type = $node->bundle();
 $view_mode = $variables['elements']['#view_mode'];

 $suggestions[] = 'node__'.$type;
 $suggestions[] = 'node__'.$type.'__'.$view_mode;
}
4
Dylan