写真に示すように、分類用語Virtual Tourのティーザービューがあります。ティーザーには、ノードのタイトル、ノードの概要、送信日、および画像フィールドからアップロードされた画像が表示されます。私が達成したいのは、画像を要約の左側にフロートさせることです。それを行う方法はありますか?
ティーザービューモードの表示は、特定のエンティティタイプ(この場合はノード)の表示モードで制御されます。ここで使用されるフィールドの順序とフォーマッタを制御でき、Display Suiteなどの他のモジュールでここのオプションを拡張できます。
これにより、twigテンプレートを提供して、ノードに表示されているこのビューモードのマークアップとクラスを変更することもできます。そこから、マークアップを作成したら、必要なすべてのスタイルを設定できますそしてあなたがそれらを望む方法でフィールド。
もっと:
あなたはすでに次のようなテンプレートの提案を利用できるはずです:
<!-- 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;
}