MDx——一个高中生开发的Material Design风格 WordPress 主题

Material Design,是谷歌推出了全新的设计语言。谷歌表示,这种设计语言旨在为手机、平板电脑、台式机和”其他平台”提供更一致、更广泛的”外观和感觉”。

具体参看Material Design 中文版

V2EX用户@ AxtonYao ,凭借自己的前端学习和爱好,开发了这款Material Design风格 WordPress 主题,作为一个高中同学,还是很了不起的。值得称赞。

MDx主题项目地址: https://github.com/yrccondor/mdx

MDx,一款轻快、优雅且强大的 Material Design 风格 WordPress 主题。

Demo 演示

无垠

Download 下载

你可以前往 这里 下载 MDx。

使用文档说明

在开始之前在开始使用 MDx 之前,你需要了解一些信息:

  • MDx 对于浏览器的兼容情况:IE 10+ 以及绝大部分现代浏览器
  • MDx 的发布方式为免费发布且公开源代码,使用 GPL V3.0 许可证
  • MDx 目前仍在不断完善中,会在一段时间内持续更新
  • MDx 仅在 WordPress 4.8 下进行过测试,但理论上支持 WordPress 4.2 及更新版本,若出现问题请向我反馈

个性化

当主题被激活后,你的后台菜单中将会出现 MDx设置 选项,你可以在此对你的主题进行个性化设置。注意:在第一次启用主题之前预览主题可能会导致显示不正确。请先启用主题再查看显示效果。

关于 ImgBox

MDx 内置了 ImgBox功能,即访客可以通过点击文章内的图片来放大显示图片。此功能只会作用于包裹在链接中的图片。您可以选择在设置中关闭此功能。

关于 实时搜索

当 实时搜索 功能开启时,访客在进行搜索时页面会随访客的输入实时反馈搜索结果。

此功能依赖于 WordPress REST API。此 API 默认开启,请确保你没有将其关闭。对于 WordPress 4.4 以下版本的用户,可以安装官方插件 WordPress REST API (Version 2) 来开启此API。

修改页脚内容

MDx 在后台设置中提供了页脚内容编辑设置,但 HTML 内容会被转义。若要插入HTML 内容,请修改 主题根目录/footer.php 文件。

关于 页面模板

MDx 拥有一个普通页面样式和两种页面模板,分别是:

  1. links 友情链接模板。此模板会调取后台设置中的“链接”
  2. postlike 使用此模板可使页面的样式与文章页类似

你可以在创建页面时对每一个页面分别设定不同的模板。

关于 MDUI 框架

MDx 内置了 MDUI 框架的 0.3.0 版本。此框架位于 主题根目录/mdui/ 下。

如果你希望借此进行其他开发,请注意:

  • 内置版本中的 CSS 文件已被改动过,请从 MDUI 官方下载 MDUI 框架并自行替换
  • 内置版本中的 fonts 文件夹已被移除,如果需要请自行从 MDUI 官方下载并添加

关于 jQuery

MDx 内置了 jQuery 3.2.1 版本。此文件位于 主题根目录/js/ 下。

在v1.2及更早的版本中,MDx 内置了jQuery 2.1.4 版本。