一般来说，网站每个页面的头部（header区域）、底部（footer区域）是一样的。当然，也有部分是不同的。那么，对于相同的部分，Drupal8.7.6是如何模块化管理的呢？
下面，白龙通过一个案例，为大家分享drupal的模块化管理技巧，如下图片，该页面头部有两部分组成，一是LOGO区域，二是menu区域；而网站的底部，宏观上说，也是有两部分组成，即top、bottom，而每个部分又由各不同的区块组成。
分析完毕，接下来，在page--front.html.twig模板中找到页面头部对应的代码，剪切并粘贴到新建的header.html.twig中，同时，在page--front.html.twig中被剪切的位置放置{%include'@whitelong/header.html.twig'%}。
同理，在在page--front.html.twig模板中找到页面底部对应的代码，剪切并粘贴到新建的footer.html.twig中，同时，在page--front.html.twig中被剪切的位置放置{%include'@whitelong/footer.html.twig'%}。
清空所有缓存之后，刷新前端页，发现page--front.html.twig模板被成功分割。然后，其它任务页面，如果头部、底部与网站首页的头部、底部一样，就可以分别使用include模板引入，达到一处修改，全站生效的效果，非常便捷、省心。