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

    想大佬学习ING

  2. Hello

    可以给个Html模板吗

    1. admin

      1.0的有,在之前的文章里,你可以找找

  3. 小梦

    这个模板上面怎么没有你这个网站上的搜索功能?

    1. admin

      最新版V2.5,请查看置顶文章

  4. 上海办公室装修

    虽然看不懂,表示主题外观美观大方。不错。以后想要做的时候,可以考虑了。

Top