upstatement / timber-starter-theme
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
- 2.x-dev
- 2.0.0
- 1.x-dev
- 1.2
- 1.1
- 1.0
- dev-chore-introduce-code-styles
- dev-chore-add-pr-template
- dev-feat-static-to-assets
- dev-feat-update-template-basis
- dev-chore-update-license-readme-style
- dev-update-composer-file
- dev-delete-sidebar
- dev-update-template-php-files
- dev-150-simplify-headerfooter-usage
- dev-master
This package is not auto-updated.
Last update: 2024-05-14 15:16:21 UTC
README
Timber的"_s":一个简单到死的主题,你可以从中构建。这个主题的主要目的是提供文件结构,而不是标记或样式的框架。按照你的喜好配置你的SASS文件、脚本和任务运行器!
安装主题
遵循关于如何使用启动主题安装Timber的指南 如何使用启动主题安装Timber。
然后,
- 将主题文件夹重命名为适合你网站的名称。你可以保留名称
timber-starter-theme
,但启动主题的目的是让你拥有自己的主题! - 在WordPress仪表板中的 外观 → 主题 下激活该主题。
- 开始操作!并阅读 文档。
StarterSite类
在 functions.php 中,我们调用 new StarterSite();
。StarterSite类位于 src 文件夹中。你可以更新这个类以向你的主题添加功能。这种方法只是如何实现的一个例子。
src 文件夹是放置你的类的好地方,这些类可以 扩展Timber的功能。
小贴士:你可以利用Composer的 自动加载功能,在需要时自动加载你的PHP类,而不是在 functions.php 中逐个要求。
还有什么吗?
static/
是你可以存放静态前端脚本、样式或图像的地方。换句话说,你的Sass文件、JS文件、字体和SVG将在这里。views/
包含所有你的Twig模板。这些基本上与响应WordPress模板层级的PHP文件一一对应。在每个PHP模板的末尾,你会发现一个Timber::render()
函数,其第一个参数是使用该数据(或$context
)的Twig文件。仅供参考。tests/
...基本上不用担心(或删除)这个,除非你知道它是什么并且想要它。
其他资源
- 这个分支 的启动主题包含一些带有ACF和稍有不同的设置的示例代码。
- Timber for Twig速查表
- Timber和Twig重新点燃了我对WordPress的热爱 在CSS-Tricks上
- 真实的Timber主题.
- Timber视频教程 和 一组不完整的屏幕录制,用于从头开始构建Timber主题。