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

    下载链接打开后转到百度云,下载后报“检测到病毒”。windows defender

    1. admin

      从vinceok.com链接出去的百度云链接都没有毒,请放心。windows defender误报概率很大

  2. 萌萌哒的某狗

    这个主题不错哈

    1. admin

      你可以直接转载这篇文章

      1. admin

        多谢

  3. 白绝

    为什么文章阅读更多404?
    bjue.gq

    1. admin

      我没碰到过这种问题,你应该没安装完整

  4. Starwalker

    什么时候会有pjax?

  5. 看灰机

    为什么新建页面放图片看不到,点阅读全文没反应

  6. php

    弱弱问下。友情链接只有6条吗,没有搜索框哎

    1. Vince

      是的,搜索框后续会加入

  7. VIP灵儿网

    谢谢博主分享,很实用! http://www.viplinger.cn

  8. LiarOnce

    大大为什么菜单只能添加一个啊

    1. 月辰子

      同问

    2. Vince

      请仔细查看文章教程

  9. 利器商店

    这个主题还是挺不错的

Top