Node template
Node templates contain all the content and fields that make up a Content type. Each node has a template associated with it and several ways to name Node templates. The easiest way to determine where the template is coming from and what it is named is to inspect the page:
Based on the Twig comments, we know the exact location of the Twig template and that Drupal is using the base node.html.twig
template. With this information, we can override the template by following these steps:
- Copy the
node.html.twig
template from/core/themes/classy/templates/content/node.html.twig
. - Paste the copy into
/themes/twiggy/templates
. - Rename
node.html.twig
tonode--page--full.html.twig
.
Make sure to clear Drupal's cache and then refresh our page within the browser. Drupal is now using our copy of the template and we can proceed by modifying the markup as needed.
If we open our new node template and review the markup, we can see that there is quite a bit going on. For now, we can simplify the markup...