【重磅】单栏响应式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

      搜索后续会加入,我的主题没有用户中心,你要加登录的话可以自己加

  2. 纯洁

    这主题好简洁,挺不错的

  3. 奇虎分享网

    过来看看你的博客,希望每天都更新一些文章。

  4. 孤单

    为什么我启用了主题后,网站就崩溃了

  5. Drench

    您好,我今天安装了您的主题,但是评论区的间距特别小,和您的博客不一样,请问这是怎么回事呢

  6. 單棲★情緒

    博主,你的当前分页加上蓝色背景能不能分享下啊

    1. Vince

      分页是bootstrap自带的,我美化了下

  7. 單棲★情緒

    谢谢博主,好棒的主题!

  8. 董永辉

    底部的在线联系我,可以使用<?php echo $options[‘footer_qq’]; ?>一块搞定,善于修改

  9. FXIT

    没有加入搜索框吗?

  10. 爱淘网

    很赞的主题

  11. 弘灵天团

    博主你好,我很纳闷为什么装了之后,首页不显示图片呢??

    1. Vince

      我的失误,现在已经更新了下载链接,缩略图能正常显示

  12. 王咯默

    昨天安装的你的主题,非常喜欢,问题是文章列表的图片不能显示,看代码里面只有a链接并没有img标签http://www.janson.top/wp-content/uploads/2016/07/logo-300×300.jpg

    1. Vince

      我的失误,现在已经更新了下载链接,缩略图能正常显示

      1. 王咯默

        我把缩略图弄了个随机的配图,太懒了

  13. 灰姑娘

    博主好,我用你的这个主题页面展示异常呢。可否帮看下:http://www.chinatesters.com用wp默认主题就没事。谢谢博主!

    1. 灰姑娘

      换这个链接帮看吧:http://www.wvvw.win,我把上面的博客改回默认主题了。

      1. Vince

        换个方式安装或者下载最新版 这文章里的应该就是最新版 链接我更新过

      2. 灰姑娘

        我是从文章下载的。

  14. artuq

    发我一张大哥 1661440665@qq.com

  15. 张三

    上传之后自定义时候一共就三个选项,请问怎么设置别的东西? 你这个打包打的有问题吧朋友

    1. Vince

      加群下载最新版

Top