Zen

Zen是一个现代,功能强大的HTML5起始主题,具有基于组件的CSS和响应式,移动优先的网格设计。如果要构建自己的符合标准的主题,那么从Zen开始,比从Bartik或Stark开始要容易得多。这个主题提供了出色的在线文档,并在其JavaScript,PHP,HTML,CSS和Sass中提供了大量有用的代码注释。

Zen现在提供了现代的前端开发实践!

HTML5 RTL移动优先组件时尚指南任务执行器
7.x-6.x 点点点点点点
7.x-5.x 点点点

文献资料

禅宗主题得到了很好的记录。项目中的每个源文件都充斥着最佳实践技巧和特定于Drupal的注释。该项目还有一本广泛的在线指南,网址为:

7.x-6.x功能一览:

特征细节
HTML5

HTML5从上到下; Zen的所有模板都具有lean语义HTML5标记。并且,借助Fences模块,Zen终于驯服了field.tpl标记梦night,并使选择正确的HTML5元素变得轻而易举!

响应式设计

Zen的默认布局是带有流体网格系统的移动优先响应式布局。布局可以是1列,3列或5列的网格(取决于媒体查询),但是一个Sass变量允许您更改列数以适合您的需求。

基于组件的CSS

Zen的所有CSS现在都被构建为可重用的组件。每个可重复的设计元素都有其自己的组件。 CSS类名称遵循Drupal 8的BEM命名约定。

KSS样式指南

Zen现在包括一个基于KSS的生活风格指南。 KSS读取Sass文件中的注释,并自动生成样式指南,以显示实际CSS在Drupal网站上的工作方式。

libSass

Zen不再使用速度较慢的Ruby Sass / Compass工具集来构建CSS。 Zen团队开发了一个Gulp.js任务运行程序,该任务运行程序使用zippy libSass和编译速度。

Gulp.js

为了使您更轻松地完成前端开发人员需要做的所有事情,Zen现在提供了Gulp任务运行器。在开发过程中,只需输入gulp watch ,它将监视并编译您的Sass,使您的Sass和JavaScript皮棉,以免出现编码和语法错误,构建样式指南,并启动BrowserSync,以便您可以一次对多种设备进行测试。

禅宗网格

包括革命性的Sass插件Zen Grids !这组混合插件使开发人员可以轻松地构建复杂的响应式网格布局,而不会为每个媒体查询带来复杂的CSS或复杂类的负担。

标准化CSS

包括Normalize CSS-一种更好的“重置”方法。 (并且JohnAlbin维护了Drupal的Normalize官方端口。)

文献资料

极有据可查的PHP,CSS和Sass源文件。您将找到有关Web开发的最佳实践技巧,以及特定于Drupal的代码注释。

可交换的布局

Zen拥有一个单独的布局CSS / Sass文件,可以轻松交换布局。因此,无论您是喜欢Zen Grids,Singularity,Gridset App还是其他工具,都可以轻松地将默认布局替换为首选布局。

突击支援

我们提供了Drush的补丁,以便Zen可以拥有自己的drush命令来创建子主题。如果您足够怪异,只需键入: drush help zen

RTL语言支持

内置的RTL语言支持,包括一个Sass变量,该变量包含或删除所有RTL特定的CSS,包括RTL布局!

辅助功能

Zen率先开发了Drupal 7核心中的导航“跳过链接”。 Zen现在包含了对ARIA角色和Sass mixins的完全补充,以实现element-invisible (隐藏但可访问)的样式。

Zen也是制作D7 Accessibility Pledge的第一个主题之一。我们站在它后面!

#D7AX /#DAX-我保证将使该主题尽可能地易于访问。如果发现任何缺陷,请提交问题。如果可以,请帮助我修复它们。

贡献者

禅宗主题系统由John Albin Wilkins维护。

有许多贡献者使Zen成为更好的主题开发框架。通过单击本页上突出显示的“ Zen的维护者”框下的“查看所有提交者”链接,可以找到其全部100多个名称。他们摇滚!

请在问题队列中贡献您的想法。由于社区的投入,Zen继续变得更好。 :-)

项目信息

名称:Zen (zen)
类型:主题
安装量:超过 61,492 个站点正在使用(查看统计

下载地址