前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >WordPress素锦-超级美的小众博客自适应主题

WordPress素锦-超级美的小众博客自适应主题

作者头像
AlexTao
修改2023-05-16 15:16:14
2.3K0
修改2023-05-16 15:16:14
举报
文章被收录于专栏:钻芒博客

演示地址: http://i.zuanmang.net/sujin/

Diaspora

http://i.zuanmang.net/sujin/

WordPress素锦-超级美的小众博客自适应主题

截图

现在有移植版本

Ghost:https://github.com/PeterCxy/ghost-diaspora

Hexo:https://github.com/Fechin/hexo-theme-diaspora

微信小程序: https://github.com/LoeiFy/Softtyms

Ghost: https://github.com/MoeLoli/Diaspora-Ghost

Typecho: https://github.com/MoeLoli/Diaspora-Typecho

hugo: https://github.com/honjun/hugo-theme-diaspora

相关说明

网站图标相关

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

/images/logo.png  (124x52) 网站首页 logo

/images/logo_black.png  (124x52) 网站弹出菜单时候的深色 logo

/images/logo_min.png  (48x48) 网站文章详细页面的小 logo

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

缩略图相关

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

显示壁纸 gallery 所需要的缩略图是 300x...,需要在 WordPress 后台 媒体选项 将 缩略图大小 设置为 宽度 300 高度 0。(推荐:其他都设置为 0)

首页显示文章缩略图大小是 680x440,有两种模式产生缩略图,一种是用原生 WordPress 提供的裁切图片功能,一种是使用 timthumb.php。

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

issue:https://github.com/LoeiFy/Diaspora/issues/10

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

相关设置:

config.php

代码语言:javascript
复制
<?php
define ('USE_TIMTHUMB', false);
define ('LOGO_FONT', false);
?>
/* 当 USE_TIMTHUMB 为 FALSE 时表示不使用 timthumb,当为 TRUE 是表示使用 默认为 FALSE 不使用 */
文章音乐

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

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

使用短代码,在文章编辑源代码使用 

音频播放器

00:00

00:00

使用上/下箭头键来增高或降低音量。

 即可

***注意要去除 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

版本修复

  • 修复了原版首页文章描述溢出
  • 修复了原版只能用ftp上传主题目录的问题
  • 现可直接WordPress后台上传安装
  • 本次修复由钻芒博客完成。7.29/19
  • 素锦主题版权源自原作者 isujin.com

主题下载 请移步原文。

本文系转载,如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文系转载,如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 演示地址: http://i.zuanmang.net/sujin/
  • Diaspora
    • 截图
      • 相关说明
        • 网站图标相关
        • 开发说明
        • 版本修复
        • 主题下载 请移步原文。
    相关产品与服务
    云开发 CloudBase
    云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档