web-dev-qa-db-fra.com

Comment thématiser le teaser dans Drupal 8?

Comme le montre l'image, j'ai les vues d'accroche d'un terme de taxonomie Visite virtuelle . L'accroche me montre le titre du nœud, le résumé du nœud, la date de soumission et une image téléchargée à partir du champ d'image. Ce que j'aimerais réaliser, c'est laisser l'image flotter à gauche du résumé. Y a-t-il un moyen de le faire? enter image description here

theming8taxonomy-terms
4
Yixiao Chen

L'affichage du mode d'affichage d'accroche est contrôlé sur les modes d'affichage du type d'entité donné, dans ce cas, le nœud. Vous pouvez contrôler l'ordre des champs et les formateurs utilisés ici, et d'autres modules comme Display Suite peuvent améliorer les options ici.

Avec cela, vous pouvez également fournir un modèle twig pour modifier le balisage et les classes de ce mode d'affichage affiché pour le nœud. De là, vous pouvez le styliser tout ce que vous voulez une fois que vous avez le balisage et les champs comme vous le souhaitez.

Plus:

4
Kevin

Vous devriez déjà avoir un modèle de suggestions disponibles comme:

<!-- 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
-->

Assurez-vous que settings.yml est défini sur twig.config: { debug: true ... et vous verrez le suggestions dans la source. Vous pouvez définir des suggestions pour n'importe quel crochet comme:

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