Template for specific content type

Question

I've read documentation about name suggestions but I don't get it. My goal is to create a specific template used only with a specific content type (Drupal 8).

I've copied page.html.twig to edit the code inside a new file, named page--recette.html.twig (recette is the name of my content type) but this doesn't work.

html--node--recette.html.twig doesn't work neither.

Link : http://ofhjfqaj.preview.infomaniak.website/cms/recette-sans-gluten/tarte-tatin-comme-la-vraie

Answer 1

You can provide node level content type templates with the pattern node--node_type.html.twig.

So, for an article it would be node--article.html.twig.

In your case, it would be node--recette.html.twig. You can also provide view mode level twigs the same way, with node--node_type--view_mode.html.twig files.

Lets say you wanted to customize the teaser display markup:

node--recette--teaser.html.twig

If you enable twig debugging, you can see in your HTML source (comments) which template is being used, and what other template pattern names are available to you:

https://www.drupal.org/docs/8/theming/twig/debugging-twig-templates

Going any further than that, you would need to implement hook_theme_suggestions_alter to get more custom template names based on some sort of logic.