timber / starter-theme
用于构建Timber主题的入门主题
2.0.0
2023-11-29 19:30 UTC
Requires
- timber/timber: 2.x-dev
Requires (Dev)
- automattic/wordbless: ^0.4.2
- yoast/wp-test-utils: ^1.0
This package is auto-updated.
Last update: 2024-09-21 18:03:37 UTC
README
Timber的"_s":一个简单易用的主题,您可以从中构建。此主题的主要目的是提供一个文件结构,而不是标记或样式的框架。按照您的喜好配置您的SASS文件、脚本和任务运行器!
安装主题
请按照如何使用入门主题安装Timber的指南进行操作。
然后,
- 将主题文件夹重命名为适合您网站的名称。您可以保留名称
timber-starter-theme
,但入门主题的目的是让它变得个性化! - 在WordPress仪表板中外观 → 主题下激活该主题。
- 开始操作!并阅读文档。
《StarterSite》类
在functions.php
中,我们调用new StarterSite();
。`StarterSite`类位于`src`文件夹中。您可以将此类更新以添加到您主题的功能。这种方法只是您如何实现它的一个示例。
`src`文件夹是放置扩展Timber功能的类的正确位置。
小贴士:您可以使用Composer的自动加载功能来自动加载请求PHP类,而不是在functions.php
中逐个要求。
还有什么吗?
assets/
是您保存前端脚本、样式或图像的位置。换句话说,您的Sass文件、JS文件、字体和SVG将位于此处。views/
包含您所有的Twig模板。这些基本上与响应WordPress模板层级的PHP文件一一对应。在每个PHP模板的末尾,您会注意到一个Timber::render()
函数,其第一个参数是用于该数据(或`$context`)的Twig文件。仅供参考。tests/
...基本上不用担心(或删除)它,除非您了解它是做什么的,并希望使用它。
其他资源
- Timber的Twig快捷表
- Timber和Twig重新点燃了我对WordPress的热爱 on CSS-Tricks
- 一个真实的Timber主题.