Drupal 8 模块开发 9.6 ： 实验室

原文地址：
https://docs.acquia.com/articles/drupal-8-theme-lab  
 

总结

Drupal 这些年改了很多，在很多情况下它支持新旧系统。虽然 Drupal 8 主题部分改进了很多，但并没有像其他部分那样改的很彻底。所以同时关注新的和一贯的方式很重要，不要只关注新的替代方案。  

完整步骤

1. 创建新模块 theme_example
2. 拷贝代码到 theme_example.info.yml
3. 拷贝代码到 theme_example.routing.yml
4. 拷贝代码到 src/Controller/ThemeExampleController.php
5. 创建插件 src/Element/MyElement.php
6. 拷贝代码到 theme_example.module
7. 创建 Twig 模板 templates/my-element.html.twig
8. 创建 theme_example.libraries.yml 和追加 sample_library
9. 拷贝代码到 theme_example/css/example.css
10. 更新控制器 src/Controller/ThemeExampleController.php
11. 拷贝代码到 theme_example/js/example.js
12. 查看例子页面 /examples/theme-example/simple
13. 激活 Twig debugging
14. 激活 Devel 和 Kint 模块
15. 研究产生页面中的调试信息
16. 在 Twig 模板中增加 kint() 调试函数

额外练习

• 在 Twig 模板中增加 HTML 和 Css 改善页面外观
• 增加其他 三个变量，注入到模板，在模板中使用他们
• 至少用一个 filter 和一个 function 改变一个变量
• 使用转义忽略上面你定义的第二个变量