【重磅】单栏响应式wordpress主题Simple V2.0正式发布[7.31更新]

主题简介

继4月8日发布基于bootstrap的单栏响应式wordpress主题simple V1.0版本后,陆陆续续接收到了一些bug的反馈和对主题的建议,于是我和Loobo主题笔记一起修复并不断完善主题,并在今日推出Simple的V2.0版本,本版本的更新日志如下:

Screenshot

  • 1:由于V1.0中SVG菜单兼容性太差,导致了许多BUG,因此V2.0将使用基于Jquery的菜单,兼容IE9及以上版本,更符合用户使用习惯
  • 2:修复了不在后台设置banner时LOGO和标题会错位的bug
  • 3:更换了时间和分类的小图标,使之更具语义化,但均基于Font-awesome,在此感谢开源的IT World
  • 4:全站增加了返回顶部按钮,并能智能隐藏,美化了’阅读更多’和’返回顶部’按钮,基于Materia Design的设计理念
  • 5:优化了footer的部分设置,例如QQ群的设置,并完善了copyright版权信息,请保留底部版权信息(移动端已设置为隐藏),以表示对作者基本的理解和尊重,谢谢。
  • 6:上版本评论需要使用多说插件,本版本已修复,可以使用wordpress原生评论,但评论框没有进行美化,后续我会在博客更新wordpress原生评论框的美化CSS,敬请期待!
  • 7:文章页新增下载预览按钮,仅当发布文章时选择了开启下载才显示,这个小功能对于文章经常有demo或者下载演示的站长非常有用
  • 8:保留了对wordpress后台登陆界面的美化,并进一步优化了移动端后台登陆界面的适配
  • 9:优化了文章页的显示样式,点击评论数可直达评论框
  • 10:优化了全站代码,删除不必要的css和js,尽量使用压缩版的文件,以提高网站加载速度
  • 11:更换了LOGO的CSS3动画
  • 12:给缩略图添加了alt和title属性,默认为文章标题,使之对搜索引擎更友好
  • 13:优化了整站的移动端体验
  • 14:更多精彩请细细体验…有任何问题可以小窗私聊我(不用加好友)。

使用教程

由于上个版本有些没说清楚,导致有些朋友使用主题时有困惑,这篇文章将从新开始教你熟悉使用simple主题

一、下载安装

主题压缩包后,有两种安装方式,第一种,解压后利用FTP传到你的服务器里,目录应该是/wp-content/themes/,第二种,在wordpress后台安装,外观-主题-添加-上传主题,然后选择simple的压缩包,之后启用即可

二、菜单设置

菜单的设置功能和V1.0 相同,不会的朋友请移步 simple主题菜单设置

三、基本设置

我们主张个性,因此建议banner-logo-favicon不要和别人相同,建议先上传到wordpress的媒体库,再复制地址就能直接使用了。进入后台-主题设置,图片请填写绝对路径,例如www.vinceok.com/wp-content/uploads/2016/03/banner1.jpg,在QQ群设置处,如果你有加群的需要,就按提示设置群号[显示的东西]-群名称[鼠标移入时的title]-加群链接[点击的链接,加群链接如何获取请自行百度],当然,这部分也不一定非得显示QQ群,你可以放置你需要的东西,例如网站啊之类

四、下载设置

文章页勾选启用下载后,填入下载地址和演示地址,文章页就能显示那块下载区域,如果只有下载没有演示或者只有演示没有下载,链接可以设置为javascript:void(0);,这个的意思就是阻止默认的a链接跳转行为。

五、文章编辑

有朋友问我文章内的一些特殊按钮和样式怎么来的,这里我解释一下,由于博客基于bootstrap,因此你可以在你的文章内直接引用,具体如何使用我这里就不多说,请参考bootstrap官网,传送门

使用帮助

针对评论插件‘多说’,这里多说两句,上版本有些朋友可能安装了多说后就能直接使用了,包括评论数之类的能直接显示,那是因为我本人之前使用多说,有些代码我没有删除直接放进主题包了,这是一个bug!因此我这后台现在都能收到别人在你们博客下的一些评论。针对想要继续使用多说的朋友,请按多说官网的设置自己设置一遍,其实就两个东西,一个是评论数,一个是多说的主要的js,下面我给出相关代码,或者你们比对上版本直接copy

//评论数,放在需要的位置,simple主题在single的secTitle 那个div下
<span class="ds-thread-count" data-thread-key="文章在原站点中的id或其他唯一标识"></span>
//主要的js,二级域名[安装多说插件的时候设置的一个东东]换成你的
<!-- 多说js加载开始,一个页面只需要加载一次 -->
<script type="text/javascript">
var duoshuoQuery = {short_name:"您的二级域名"};
(function() {
    var ds = document.createElement('script');
    ds.type = 'text/javascript';ds.async = true;
    ds.src = 'http://static.duoshuo.com/embed.js';
    ds.charset = 'UTF-8';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ds);
})();
</script>
<!-- 多说js加载结束,一个页面只需要加载一次 -->		

结束语

有任何问题可以在网站最下面小窗私聊我(不用加好友),但前提是你认真看了这篇教程,我相信稍微有点脑子的看完都会知道怎么设置。完全不看文章的勿扰,删除了footer版权的勿扰,谢谢合作。

共有 143 条评论

  1. 角落

    你这个多说的主题是自己做的吗

    1. Vince

      是本人原创制作,可以分享,百度云http://pan.baidu.com/s/1hsNghuO

  2. 浩哥⚜洁诺斯✨ི超越团队创始人࿐

    很不错啊

  3. 成精的宅货

    里面的页面不能显示呢 是我的问题嘛 http://www.lxinyu.cn/message-board

    1. Vince

      是你的问题,把文章删了重发一次就行了

      1. 成精的宅货

        是那个页面 不是文章的内容页 在后台左边 评论上面那个页面,我删了还是不可以,这个留言之类的只能用一篇文章来代替是吧?

      2. Vince

      3. 成精的宅货

        是那个页面 不是文章的内容页 在后台左边 评论上面那个页面,我删了还是不可以,这个留言之类的只能用一篇文章来代替是吧?

  4. 太法师

    博主,你有没有发现你在百度上的主题有_verifyactivate_widget这段代码?已成功把我的主题全部感染。希望博主认真审视。

    1. Vince

      主题自身是没有添加任何杂乱无关代码的,下载请在我的百度云,不要随意下载别处的,因为别的可能会修改

    2. sevenlee

      对比下被感染的 代码内容 一般是第二个 php 开始,全部删除即可。

  5. boom

    你好~安装使用了你制作的主题,觉得很好!前来赞一个!顺便想问问,怎样添加页面背景图片呢?就是相当于你博客背景一格一格的样式效果。

    1. Vince

      你把我的背景下载过去传到你服务器,然后在css里修改就行了,前提是你懂我说的这些…

  6. 黃小輝

    现在用楼主的模板,但是发现很多文章的音乐插件都用不了了,请问楼主如果用到音乐,是如何操作的?

  7. 66

    zhichi

  8. coderstory

    和Crayon Syntax Highlighter插件不兼容。。。。错乱了

    1. Vince

      哪里错乱,带图私聊Q我

    2. Vince

      哪里错乱,带图私聊Q我

    3. 三大

      我也遇到这个问题了,只要在主题的footer.jsp中

    4. Line

      我也遇到了同样的问题,请问解决了吗?

    5. Vince

      如果是代码高亮无效的话,可能是因为我定义了文章页的css样式,你可以试着注释这部分代码

  9. anonymous

    我设置后菜单显示不出来啊,添加了也没用,下面是我的地址,你可以看看,点击右上角的按钮,下面弹出的为空白:hhxpages.applinzi.com还有就是我的友情链接添加了,是有,但是文字不显示,只显示了一个框,点击跳转的也不对

    1. anonymous

      友情链接我重新下载一次覆盖后可以显示了,但是菜单还是不可以显示

      1. anonymous

        还有就是后台的主题设置里面的在线用户报错了,不能正常显示,报错代码如下:Warning: touch() [function.touch]: Unable to create file count.txt because Permission denied in wp-content/themes/simple/inc/simple.php on line 24Warning: file_get_contents(count.txt) [function.file-get-contents]: failed to open stream: No such file or directory in wp-content/themes/simple/inc/simple.php on line 26Warning: fopen(count.txt) [function.fopen]: failed to open stream: Permission denied in wp-content/themes/simple/inc/simple.php on line 37Warning: flock() expects parameter 1 to be resource, boolean given in wp-content/themes/simple/inc/simple.php on line 38Warning: fputs() expects parameter 1 to be resource, boolean given in wp-content/themes/simple/inc/simple.php on line 39Warning: flock() expects parameter 1 to be resource, boolean given in wp-content/themes/simple/inc/simple.php on line 40Warning: fclose() expects parameter 1 to be resource, boolean given in wp-content/themes/simple/inc/simple.php on line 411

      2. Vince

        换一种安装方式,菜单的话请仔细看教程

  10. 天天

    人人

  11. Bc

    你好,我在个人的blog上用了您的主题,感觉很棒。目前遇到一些问题,想请问如何解决。问题:在登录界面没有多说的社交账号登录的选项,本来可以用社交账号登录WordPress的,现在不知何怎么才能弄出来。我的网址是mrbian.cn。望解答,谢谢。

    1. Vince

      微博回复过你了,登录界面的社交登录被我用css隐藏了,你可以查看那块div的class然后再custom_login.css里搜索修改就好了

      1. Bc

        好哒,谢谢啦

  12. 凉夏

    不错,支持

  13. 权丶先森

    支持

  14. 主题笔记

    前来支持[嘻嘻][嘻嘻][嘻嘻][嘻嘻]

  15. 轻梦

    虽然没有在用这个主题,但是还是要顶

Top