Giter VIP home page Giter VIP logo

diaspora's Introduction

Diaspora

A WordPress theme

Preview

截图

https://github.com/LoeiFy/Diaspora/tree/master/shots


现在有移植版本

px

相关说明

网站图标相关

网站需要 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:#10

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

相关设置:

config.php

/*
当 USE_TIMTHUMB 为 FALSE 时表示不使用 timthumb,当为 TRUE 是表示使用
默认为 FALSE 不使用
*/

define ('USE_TIMTHUMB', FALSE);

如果 timthumb 出错,可以尝试在 timthumb 目录添加 what 目录,并 chmod o+w -R timthumb 目录

文章音乐

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

  • 只需要在 WordPress 后台文章编辑页面插入音乐即可,主题会调用音乐播放
  • 使用短代码,在文章编辑源代码使用 [audio loop="ture" src="http://m1.music.126.net/Q2wx7EaeuS_bnqlEJ85u0Q==/2881819977150355.mp3"] 即可

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

捐赠

如果你觉得这个主题不错,欢迎微信捐赠作者

qr

License

MIT

Related

Diaspora by Robert de Boron

diaspora's People

Contributors

15281029 avatar codelingobot avatar fechin avatar gopalraha avatar honjun avatar loeify avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

diaspora's Issues

图片居中问题....

我在弄图片的时候出现文字居中图片左偏的问题....
希望找到解决办法》。。
qq 20170217195057

已解决,请关闭issue

首先感谢分享这么优秀的主题,其次声明自己是个小白,并不能确认是否是这个主题里有恶意代码。

只是装了这个主题后,web访问没有任何问题,手机访问经常是一个小圆点一闪一闪,看到v2ex的帖子有同学也有同样的问题,我最初也认为是我的空间加载慢,但是后来我用charles连上iphone监听一下网络请求,发现有大量cnzz的广告。已贴图
这个发个issues并非恶意,我也不相信这个主题会有任何主观添加广告代码,

我查了一下,可能有几种情况:
1.其他插件有恶意代码,因为我在换主题的时候安装了一些其他插件来做作缩略略和特色图像
2.运营商的dns劫持,可能性比较小, 因为上其他网页没注意到有弹窗
3.主机空机本身就有问题,但是这个空间已经用了两年,之前也未发现问题

现在采取以下方案:
1.删除所有空间的文件,下载新的wordpress重装
2.把所有图片类和css类的文件重新恢复上去
3.安装本主题
4.测试,如果没有出现问题就可以基本排除是本主题的问题

稍后更新。

问题解决了,但是还是没找原因。 重装一次好像好了。 再次感谢
2016-07-21 8 37 02

设置子菜单为dropdown样式

LoeiFy大大,您好:
我非常喜欢您的Diaspora主题,并感谢您共享主题代码。
作为一个菜鸟,现在使用这个主题过程中遇到两个问题,麻烦予以解答:
一个是如何把菜单改成dropdown样式?
另一个是顶部logo图片如果比较长应该如何添加?我尝试修改了一下css,图片还是会被强制缩放。
谢谢

大哥您好

无意间看见这么漂亮的主题,请问我可以使用在我自己的博客程序上(保留版权)吗?请问是否有静态html的页面?多谢~

有关主题设置的一些疑问

在外观选项卡点击自定义进行设置的时候当前页面会由于主页的某些问题不断刷新,请问这个怎么解决?

Comment

change comment and share.
http://tohumtopraksu.com

<div` class="comment link" data-id="<?php the_ID(); `?>">Comment</div>
under
disqus comment code and share
disqus appears after the page is refreshed

关于多说的问题

最近发现多说竟然要关闭了,而这个主题主要就是用的多说.....请问有别的办法可以增加评论系统吗,,,
qq 20170325202604

手机查看无法评论

不知道这个算不算bug,在pc端使用评论没有问题,手机页面查看的话,点击留言是空白什么都没有

文章中不能贴代码?

也使用了网上说的很多关于代码的插件,可在这个主题之下贴代码就是不能高亮。在其他主题下可以,是css设置问题吗?

关于自定义的一些问题

我不能使用这个主题的自定义,点击自定义会跳转到网站的首页,左侧没有自定义设置的侧边栏,我的wp版本是4.7.2,能否告知您的网站使用的什么版本wp

能指导下怎么替换音乐吗谢谢

音乐的添加有点麻烦 需要每次添加简码!我查了代码这个播放器的代码不分看起来不是是否明白,!能指导下怎么替换音乐吗谢谢

作者您好=w=

  在 GitHub 上看到开源别提有多开心了!想问下您这款主题基于什么协议呢?我能够二次修改(保留您的版权)然后发布到网上吗?
  再次感谢您的精心设计!

希望建立QQ群 大家可以交流不会的问题

Loeify大大

我们是不是可以建个QQ群

因为这个主题确实对于我这种新手来说 没有直观的设置 要一点一点弄 有点难度

所以 建个QQ群 不会的问题在群里交流

还不会特别打扰到你

顶部图片问题

自己找了好多次,怎么也没办法调好这个图片的问题.图片在手机上只会按比例显示而不是放大:p
360 20170316210228808

使用过程中出现的BUG以及建议

BUG

单独的页面无法显示全文。点击标题后仍然会回到原来的界面;
首页第一个文章标题长时会稍微超出三角形框区。

建议

返回顶部效果能平滑一点;
右上角二维码生成图标是微信,容易造成误解;
建议分享途径再多一些,比如人人网、QQ空间、推特和FB等;
弄一个每周推荐,盘点出每周点赞最多的文章。

一些建议和见解

  • 由于头部没有<?php wp_head(); ?>导致某些插件无法使用。
  • 加入之后为了防止登陆后加载admin_bar,出现头部空白。需要在function.php内加入
add_action('get_header', 'remove_admin_login_header');
function remove_admin_login_header(){
     remove_action('wp_head','_admin_bar_bump_cb'); 
}

去除admin_bar。

  • related.php这个文件里面的图片函数似乎写的不对,导致图片无法加载。
    首页的图片显示似乎可以哦
    59行,<?php echo $thumbnail[0]; ?>这个函数替换成<?php echo $cover[0] ?>
    <?php 

    if (has_post_thumbnail()) {
        $cover = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full');
    } else {

        $attachments = get_posts(array(
            'post_type' => 'attachment',
            'post_mime_type'=>'image',
            'posts_per_page' => 0,
            'post_parent' => $post->ID,
            'order'=>'ASC'
        ));

        if ($attachments) {
            $cover = wp_get_attachment_image_src( $attachments[0]->ID, false );
        } else {
            $cover[0] = get_template_directory_uri() .'/images/default.jpg';
            $cover[1] = 0;
            $cover[2] = 0;
        }

    }
    ?>

图片显示正常

求问页面配置问题

首页右上角的下拉菜单,内容如何配置?
刚接触Wordpress,不是很懂,是要在模板中直接写吗?
多谢。

关于文章页增加背景的小问题

首先很感谢您能分享这个主题,我想在文章页加上背景图,让文章看起来不那么单调。
预期效果图大致是这样的:http://www.qinings.com/000.jpg

我直接在header.php里用
<style>
body{background: #272B2B url(/images/bg.jpg) no-repeat fixed center center;background-size: cover;}
</style>
可这样的话只在主页显示背景图,文章页却不显示,我希望这个背景图只在文章页显示,主页不显示。

如果可以,希望您能指点一下我改如何修改,谢谢

请教~

为什么我设置了特色图片首页大图还是显示不了呢,有时候页面底部还会多出一张大图出来,
请问这是为什么呢?谢谢~

关于跳转画面的问题

你好
我想问一下
现在下载的这个主题
在点击菜单栏的文章归档 友情链接 等链接时的跳转动画怎么调整成isujin.com 现在的 进度条形式
而不是主题里面默认的 圆点形式
14年的老读者了 很喜欢这个网站 谢谢了

额,出了个问题。。。

yinxinwang.top/:1 Access to Image at 'http://52.197.228.14/wp-content/uploads/2016/11/saber.jpg' from origin 'http://yinxinwang.top' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://yinxinwang.top' is therefore not allowed access.
Diaspora.js:666 Github https://github.com/LoeiFy/Diaspora
plugin.js:25 The deviceorientation event is deprecated on insecure origins, and support will be removed in the future. You should consider switching your application to a secure origin, such as HTTPS. See https://goo.gl/rStTGz for more details.
h.enable @ plugin.js:25
plugin.js:77 Uncaught DOMException: Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The HTMLImageElement provided is in the 'broken' state.
at new b (http://52.197.228.14/wp-content/themes/Diaspora-master/static/plugin.js:77:205)
at new b (http://52.197.228.14/wp-content/themes/Diaspora-master/static/plugin.js:68:76)
at HTMLImageElement. (http://52.197.228.14/wp-content/themes/Diaspora-master/assets/Diaspora.js:298:27)
at HTMLImageElement.dispatch (http://52.197.228.14/wp-content/themes/Diaspora-master/static/jquery.min.js:3:4663)
at HTMLImageElement.i (http://52.197.228.14/wp-content/themes/Diaspora-master/static/jquery.min.js:3:628)
at Object.trigger (http://52.197.228.14/wp-content/themes/Diaspora-master/static/jquery.min.js:3:3348)
at HTMLImageElement. (http://52.197.228.14/wp-content/themes/Diaspora-master/static/jquery.min.js:3:10834)
at Function.each (http://52.197.228.14/wp-content/themes/Diaspora-master/static/jquery.min.js:2:11819)
at init.each (http://52.197.228.14/wp-content/themes/Diaspora-master/static/jquery.min.js:2:8381)
at init.trigger (http://52.197.228.14/wp-content/themes/Diaspora-master/static/jquery.min.js:3:10810)

源码出错

上传后报错,求解决方案,和新源码,提示php文件错误,index.html这个文件,

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.