You are here

page.html.twig in Zircon Profile 8.0

Seven's theme implementation to display a single Drupal page.

The doctype, html, head, and body tags are not in this template. Instead they can be found in the html.html.twig template normally located in the core/modules/system directory.

Available variables:

General utility variables:

  • base_path: The base URL path of the Drupal installation. Will usually be "/" unless you have installed Drupal in a sub-directory.
  • is_front: A flag indicating if the current page is the front page.
  • logged_in: A flag indicating if the user is registered and signed in.
  • is_admin: A flag indicating if the user has permission to access administration pages.

Site identity:

  • front_page: The URL of the front page. Use this instead of base_path when linking to the front page. This includes the language domain or prefix.
  • logo: The url of the logo image, as defined in theme settings.
  • site_name: The name of the site. This is empty when displaying the site name has been disabled in the theme settings.
  • site_slogan: The slogan of the site. This is empty when displaying the site slogan has been disabled in theme settings.

Page content (in order of occurrence in the default page.html.twig):

  • node: Fully loaded node, if there is an automatically-loaded node associated with the page and the node ID is the second argument in the page's path (e.g. node/12345 and node/12345/revisions, but not comment/reply/12345).

Regions:

  • page.header: Items for the header region.
  • page.pre_content: Items for the pre-content region.
  • page.breadcrumb: Items for the breadcrumb region.
  • page.highlighted: Items for the highlighted region.
  • page.help: Dynamic help text, mostly for admin pages.
  • page.content: The main content of the current page.

See also

template_preprocess_page()

seven_preprocess_page()

html.html.twig

File

core/themes/seven/templates/page.html.twig
View source
  1. {#
  2. /**
  3. * @file
  4. * Seven's theme implementation to display a single Drupal page.
  5. *
  6. * The doctype, html, head, and body tags are not in this template. Instead
  7. * they can be found in the html.html.twig template normally located in the
  8. * core/modules/system directory.
  9. *
  10. * Available variables:
  11. *
  12. * General utility variables:
  13. * - base_path: The base URL path of the Drupal installation. Will usually be
  14. * "/" unless you have installed Drupal in a sub-directory.
  15. * - is_front: A flag indicating if the current page is the front page.
  16. * - logged_in: A flag indicating if the user is registered and signed in.
  17. * - is_admin: A flag indicating if the user has permission to access
  18. * administration pages.
  19. *
  20. * Site identity:
  21. * - front_page: The URL of the front page. Use this instead of base_path when
  22. * linking to the front page. This includes the language domain or prefix.
  23. * - logo: The url of the logo image, as defined in theme settings.
  24. * - site_name: The name of the site. This is empty when displaying the site
  25. * name has been disabled in the theme settings.
  26. * - site_slogan: The slogan of the site. This is empty when displaying the site
  27. * slogan has been disabled in theme settings.
  28. *
  29. * Page content (in order of occurrence in the default page.html.twig):
  30. * - node: Fully loaded node, if there is an automatically-loaded node
  31. * associated with the page and the node ID is the second argument in the
  32. * page's path (e.g. node/12345 and node/12345/revisions, but not
  33. * comment/reply/12345).
  34. *
  35. * Regions:
  36. * - page.header: Items for the header region.
  37. * - page.pre_content: Items for the pre-content region.
  38. * - page.breadcrumb: Items for the breadcrumb region.
  39. * - page.highlighted: Items for the highlighted region.
  40. * - page.help: Dynamic help text, mostly for admin pages.
  41. * - page.content: The main content of the current page.
  42. *
  43. * @see template_preprocess_page()
  44. * @see seven_preprocess_page()
  45. * @see html.html.twig
  46. */
  47. #}
  48. <header class="content-header clearfix">
  49. <div class="layout-container">
  50. {{ page.header }}
  51. </div>
  52. </header>
  53. <div class="layout-container">
  54. {{ page.pre_content }}
  55. {{ page.breadcrumb }}
  56. <main class="page-content clearfix" role="main">
  57. <div class="visually-hidden"><a id="main-content" tabindex="-1"></a></div>
  58. {{ page.highlighted }}
  59. {% if page.help %}
  60. <div class="help">
  61. {{ page.help }}
  62. </div>
  63. {% endif %}
  64. {{ page.content }}
  65. </main>
  66. </div>