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

原创 kaixinit  2020-02-01 18:08  阅读 689 次

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

欢迎来到 MDx 的世界。

MDx 1.9.7 现已发布。本次更新修复了一些错误并改进了样式。

更新日志:

新增了 “朴素”文章列表样式对“固定宽高比”特色图像显示的支持
修复了 “现代”页脚样式下调用一言 API 错误的问题
修复了 部分情况下 AJAX 评论不工作的问题
修复了 在关闭夜间模式的情况下页面出现 js 错误的问题 (#73)
修复了 部分情况下首页菜单按钮错位的问题
改进了 Lazyload 的样式及性能
改进了 部分 Gutenberg 编辑器区块的样式
改进了 部分文字的字重

本次更新主要增强了 Lazyload 功能。自 MDx 发布起,Lazyload 功能就几乎没有进一步更新过。这么“古老的” Lazyload 的确有一些问题,比如过于依赖 jQuery 导致性能不高;加载样式过于粗糙等等。因此在去除主题对 jQuery 的依赖的过程中,我花了整整一天重写了 MDx 的 Lazyload 功能。从 1.9.7 版本起,MDx 已经开始使用更加现代、性能更好的 lazysizes 库。

High performance and SEO friendly lazy loader for images (responsive and normal), iframes and more, that detects any visibility changes triggered through user interaction, CSS or JavaScript without configuration.

https://img.flyhigher.top/mdx-2020-new.jpg?imageView2/1/w/2200/h/1298/interlace/1/q/90#

★ 12.7k

更换了 Lazyload 库后,我又对其进行了 MDx 的适配。完成适配后,整体动画会变得更加精致,页面也不再会因为图片比例变化导致反复跳动了。

https://mdxblog.img.flyhigher.top/wp-content/uploads/2020/01/f3.gif?imageView2/1/w/1500/h/832/interlace/1/q/90#

新的加载样式

不过这里要说明的是,“文章内 Lazyload 图片宽高比固定”这个特性依赖于插入图片时 img 标签中的 width 和 height 属性。经典编辑器在插入图片时会包含这两个属性,因此 MDx 可以提前计算图片宽高比;但 Gutenberg 编辑器并不会包含这两个属性,MDx 无法提前计算宽高比,因此使用 Gutenberg 编辑器插入的图片仍会导致页面跳动。这个问题目前暂时无解,但 Gutenberg 编辑器的 GitHub 中有人正在推动还原这一更改,因此未来 Gutenberg 编辑器可能也能支持固定宽高比这一特性。

此外,MDx 1.9.7 更新也包含了对一些已知错误的修正,包括在关闭夜间模式后无法加载 Lazyload 图片、部分情况下首页菜单按钮错位、“现代”页脚样式中一言 API 错误的问题。

Enjoy MDx!

English Version & English Docs are being translated.

目前 MDx 最新版本 v1.9.6。
请从 这里 下载 MDx 的最新版本。

MDx QQ 交流群687577787,欢迎来水~

Feature 特性

  • 完全的 Material Design 风格,每一个像素都赏心悦目,还可切换到 Material Design 2 风格
  • 3 种首页样式,5 种文章列表样式,3 种页脚样式 & 3 种文章页样式随意切换,未来还可能增加更多
  • 19 种主题颜色 & 16 种强调色随心搭配,还有夜间模式
  • 不仅有黑暗主题,更有专为 OLED 屏幕优化过的黑暗主题可选
  • SEO 友好,支持 Facebook / Twitter 结构化卡片分享
  • 丰富的设置选项
  • 一键生成分享图片,分享文章更美观
  • 内置文章目录功能
  • 内置 7 种短代码,与主题样式完美契合
  • 独家功能 实时搜索,搜索栏会随用户输入实时反馈搜索结果
  • 独家功能 不仅可以生成当前页面二维码,方便地转移到其他设备上阅读,还可以在转移时同步阅读进度
  • 多语言支持(简体中文、土耳其语、英语)
  • 完全响应式
  • 自带简单的 ImgBox
  • 支持小工具

Demo 演示

此博客即使用了 MDx 主题。要了解 MDx 对于文章内容的展示情况,请查看 这个页面 。

注意,本站不仅是一个演示站点,还是我个人折腾及进行一些新技术试验的站点,有的时候本站效果会和公开版本的主题有一些差异甚至出现 Bug。因此在部分情况下本站效果并不能完全代表主题效果,如有不确定的情况可以自行下载主题并试用,或者访问 MDx Blog 查看未经特殊优化的 MDx 显示效果。

Render 渲染

https://img.flyhigher.top/wp-content/uploads/2017/11/det.jpg?imageView2/2/w/2100/interlace/1/q/90#

Docs 文档

MDx 文档
English Docs are being translated.

Download 下载

You can download MDx here.

你可以前往 此处 下载MDx。

Github

 GitHub
yrccondor/mdx
MDx - Material Design WordPress Theme https://mdx.flyhigher.top★ 421

当然,求Star!

License 许可证

Open sourced under the GPL v3.0 license.

根据 GPL V3.0 许可证开源。

About 关于

感谢你对于 MDx 的兴趣。无论如何,我都诚挚地邀请你试试这款主题。MDx 是免费发布的,你不需要为此付出任何费用。但是,你必须保留底部的“Theme: MDx By AxtonYao”标识。

然而,需要注意的是,这款主题才公开发布不久,尽管我已经做了详尽的测试,但它可能仍有问题。请不要担心,遇到主题问题请联系我,一旦确认我会尽快修复。

我仅仅只是一名在校高中生,开发了 MDx 主题之后已经没有精力与时间开发新的主题,因此在接下来较长的一段时间内,我会持续地维护并更新 MDx 主题。

很抱歉的是,由于这是我第一次尝试完成如此庞大的项目,我很没有经验地使用了一些错误的开发方法——比如,变量命名,或者 CSS 选择器 的命名,都没有统一的标准。在接下来的更新中,我会不断地优化代码。

备注:评论中请填写正确邮箱,审核通过后,48小时内开心电脑网站长会及时将本模板发送给您!加入本站官方QQ群:13253410,体验更多wordpress免费模板

本文地址:http://www.kaixinit.com/wordpress/theme/4082.html
版权声明:本文为原创文章,版权归 kaixinit 所有,欢迎分享本文,转载请保留出处!

发表评论


表情