Forums
html.html.twig / html--front.html.twig
{{ page_top }} {{ page }} {{ page_bottom }}
page.html.twig / page--front.html.twig 一般是改这个
{{ page.header }} {{ page.primary_menu }} {{ page.secondary_menu }} {{ page.breadcrumb }} {{ page.highlighted }}
所以,上面两个是负责整体结构、Region的,只有block等才输出实际内容
region.html.twig / region--header.html.twig 里面只有一个{{ content }}
block.html.twig / block--system-branding-block.html.twig
block.html.twig内容 {{ label }} {{ content }} 显示网站logo等
region.html.twig / region--main-navigation.html.twig
block.html.twig / block--system-menu-block.html.twig
显示导航菜单的标题,但是标题默认是隐藏的
menu.html.twig / menu--main.html.twig
负责显示main navigation的内容
至此,header部分结束
下面部分用container包住
block.html.twig / block--page-title-block.html.twig
内容是 {{ label }} {{ content }} 目前来看是显示标题page_title。
block.html.twig / block--system-main-block.html.twig 显示页面主要内容
templates/form/container.html.twig 显示页面主要内容
templates/views/views-view.html.twig 显示页面主要内容
templates/navigation/pager.html.twig 首页尾页效果
一、html模板
html.html.twig 为默认的HTML模板文件 定义head 之间内容 body空框架
二、page模板
page.html.twig 所有页面
page--front.html.twig 定义首页HTML模板文件
page--node.html.twig 所有节点
page--node--1.html.twig 定义节点为1的
三、block模板
如果有一个区块,位于help区域,id为2:
block.html.twig 所有区块
block--help.html.twig HELP区域内的区块
block--block.html.twig ID为2的区块、
block--block.2.html.twig
四node模板
node模板除了可以根据路径来确定命名规则外,还可以根据节点类型来确定命名,例如node/3这个文章为article类型:
node--article.html.twig article类型的节点
node--3.html.twig 定义节点为3
drupal默认只有page和node可以直观的通过路径来确定模板名
五、region模板
region.html.twig
region--help.html.twig
模板的就近原则:当前主题若有合适的模板,就选择当前主题的模板;反之,就选择基主题的模板。
排版有问题