WordPress 简约唯美Diaspora素锦博客主题

Diaspora 《素锦主题》是一款优雅而有实力的wordpress博客主题,大气的首页,简洁干净的内页,图片展示、音乐展示一应俱全,还有Pjax,所谓是好看又能打,它还是免费的。

源码截图

WordPress 简约唯美Diaspora素锦博客主题

网站图标相关

网站需要 3 个 logo 图片,分别是:

  • images/logo.png (124×52) 网站首页 logo
  • images/logo_black.png (124×52) 网站弹出菜单时候的深色 logo
  • images/logo_min.png (48×48) 网站文章详细页面的小 logo

另外 32-144 名字的图片为网站 favicon 以及添加到手机屏幕所需要的小图片

缩略图相关

网站正常显示需要每篇文章都必须设置特色图片。

  • 显示壁纸 gallery 所需要的缩略图是 300x…,需要在 WordPress 后台 媒体选项 将 缩略图大小 设置为 宽度 300 高度 0。(推荐:其他都设置为 0)
  • 首页显示文章缩略图大小是 680×440,有两种模式产生缩略图,一种是用原生 WordPress 提供的裁切图片功能,一种是使用 timthumb.php。

自动引用图片作为特色图片

说明:需要在 images 目录添加一张默认图片 default.jpg

相关设置:

config.php

[wm_green]
/*
当 USE_TIMTHUMB 为 FALSE 时表示不使用 timthumb,当为 TRUE 是表示使用
默认为 FALSE 不使用
*/
 
define ('USE_TIMTHUMB', FALSE);
[/wm_green]

文章音乐

主题支持音乐播放,两种方式添加:

  • 只需要在 WordPress 后台文章编辑页面插入音乐即可,主题会调用音乐播放

注意要去除 autoplay 属性,不然会引起多次播放 bug

文章壁纸 Gallery

只需要在文章编辑后台添加图片即可,注意不需要插入文章内容页面,主题会调用壁纸显示

菜单设置

菜单连接支持不跳转预览,只需要在对应菜单加上一个 class pview,然后这个链接支持快速预览。注意这个只能是本地页面或者文章才可以,外链会跳转过去

其他说明

主题有 4 个页面模板:

  • about 关于模版,不可评论
  • Archive 文章归档模版,不可评论
  • feedback 评论模版,可以评论
  • links 友情链接模版,可以评论

开发说明

主题使用了 5 个 js 插件:

  • jquery.justifiedGallery.js
  • Chocolate.js
  • jquery.qrcode.js
  • jquery.parallax.js
  • Vibrant.js

这些插件都合并在一个文件上:static/plugin.js

修改 css 只需要修改 assets/Diaspora.css

修改 js 只需要修改 assets/Diaspora.js

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。