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 改变一个变量
  • 使用转义忽略上面你定义的第二个变量

本书共39小节。


评论 (0)