sage README

The project's README from github.com/roots/sage. As one markdown file: README.md.

Sage

Packagist Installs Build Status Follow Roots Sponsor Roots

Sage

Advanced hybrid WordPress starter theme with Laravel Blade and Tailwind CSS

Sage brings proper PHP templating and modern JavaScript tooling to WordPress themes. Write organized, component-based code using Laravel Blade, enjoy instant builds and CSS hot-reloading with Vite, and leverage Laravel's robust feature set through Acorn.

Read the docs to get started

Support us

Roots is an independent open source org, supported only by developers like you. Your sponsorship funds WP Packages and the entire Roots ecosystem, and keeps them independent. Support us by purchasing Radicle or sponsoring us on GitHub — sponsors get access to our private Discord.

Sponsors

Carrot WordPress.com Itineris Kinsta 40Q

Community

Keep track of development and community news.

sage (roots/sage)

Searching Database…

13.3K ·GitHub
这是什么?Sage 是一个高级 WordPress 起始主题(starter theme),把 Laravel Blade 模板和 Tailwind CSS 结合在一起,并内置了区块编辑器支持。
它是一个可以直接启用的成品主题,还是用来开发自己主题的底层框架?它是面向开发者的起点:你在它之上构建自己网站的主题,用组件化的 Blade 模板来写页面、用 Tailwind 来做样式,而不是去改别人现成的设计。
我怎么上手使用它?README 会指引你到 Roots 文档查看安装方法;日常开发通过 Vite 进行——npm run dev 用于即时构建并支持 CSS 热更新,npm run build 用于生成生产环境资源。
用它开发需要安装哪些东西?运行 Vite 构建需要 Node.js(这个包要求 ^20.19.0 或 >=22.12.0),另外还需要一个在服务器端运行 PHP 的 WordPress 站点——主题本身就是标准的 PHP。
使用 Sage 需要懂 Laravel 吗?你要用 Laravel 的 Blade 语法来写模板,Sage 还通过 Acorn 集成获得了 Laravel 的功能,所以了解 Blade 基础会有帮助——但它仍然是一个 WordPress 主题,不是 Laravel 应用。
如果我是 WordPress 开发新手,会不会觉得太难?它默认你会写 Blade 模板并运行 Node 构建步骤,所以是面向开发者的;如果你只想安装一个现成的外观,用经典主题会更简单。
Acorn 是什么?Acorn 是把 Laravel 引入 WordPress 的集成层,Sage 正是通过它在主题内部使用 Laravel 的工具和功能。
它支持 WordPress 区块编辑器吗?支持,区块编辑器支持是内置的,开箱即可把 Blade 模板和 Tailwind 样式与 WordPress 区块结合使用。
它是免费的吗?开发靠什么维持?它采用 MIT 许可证,完全免费。Roots 是一个独立的组织,资金完全来自开发者——通过购买 Radicle 和 GitHub 赞助(赞助还能解锁一个私密的 Discord)——这个项目从 2011 年延续至今,拥有 13,000+ stars。
Creator
roots
Size
10.1 MB
Stars
13.3K
Age
15y
Commits · 90 Days