调整移动端访问杂时代主题

2014-07-25 11:06

当时 mufeng 大神的 Lovephoto2.0.1 主题才出来的时候并没有做自适应,而且乌鸦的微信浏览器打开站点的时候发现文章内容有点错位,阅读起来十分的不方便,会对移动设备用户造成一些不好的影响,所以一直都在酝酿折腾一个合适移动端的界面,昨天和ゝsmile ²º¹⁴ 聊天时他说他用插件搞定移动端主题,又再一次的把我折腾的兴趣钓起来了,经过两天的折腾,总算是有点结果,大家可以用手机浏览器访问 《zatime.com | 杂时代》 看看效果。

 

杂时代采用的移动端主题是 mufeng 大神博客推荐的主题 —— maupassant,这款主题是一款极简自适应主题,简到主题文件解压以后只有108k(给这个主题的作者32个赞),而我采用的调度插件是:Any Mobile Theme Switcher

 

如果你使用了静态缓存,请先停用插件,然后清除所有缓存,在插件 Any Mobile Theme Switcher 这里选择你想针对什么移动设备显示什么主题

 

调整移动端访问杂时代主题 | 设计 代码 wordpress插件 wordpress主题 wordpress  | zatime.com

保存设置,开启静态缓存,随便更新一篇文章,搞定。

 

当然,采用了这个主题  maupassant 以后你会发现,它没有缩略图,全部是纯文字排版,这对于喜欢品文字的朋友倒是十分的好,不过杂时代的图片却有很多,所以还是需要折腾一下缩略图的问题,下面就来描述一下怎么折腾这个主题在移动端上的缩略图吧。

 

首先找到这个主题的  functions.php  文件,添加下面这段代码,用来启用缩略图

 add_theme_support( ‘post-thumbnails’ ); 

 

其次在文件最末尾  ?>  之前添加下面的这串代码

function.php 文件,修改完成。

接下来需要修改的是  index.php    archive.php ​ 文件,分别在两个文件内找到
 <div class=”post-content”>
 

在其后面添加下面的这串代码:

保存并上传替换,搞定。

用手机访问一下看看吧~

至于像下面杂时代移动端的颜色等,就在 style.css 文件内调整就ok~

 

调整移动端访问杂时代主题 | 设计 代码 wordpress插件 wordpress主题 wordpress  | zatime.com


网友评论26条

  1.  − 2014-07-25 11:06 回复TA

    问下现在您用的wordpress什么版本啊

  2. 本心  − 2014-07-25 11:06 回复TA

    求了解错位的登陆和注册如何修改

    • 杂时代 zatime.com  − 2014-07-25 11:06 回复TA

      登录和注册的错位好像是主题原来就存在,建议使用wordpress的3.8版本,太新的版本就会产生错位,这个因为我使用的是3.8的wp程序,所以就没有去细细的研究……

      • 本心  − 2014-07-25 11:06 回复TA

        嗯,我试了3.8的可以。只是他的头像上传不能用,我添加了一个插件可以修改头像了。我想知道如何把原本的更换头像的那块地方去除掉。因为对代码一窍不通,希望你能知道。

        • 杂时代 zatime.com  − 2014-07-25 11:06 回复TA

          你可以在百度里面搜索“为wordpress主题添加一个用户头像上传更新功能”这个关键词,有文章会介绍关于这个主题的头像问题和解决代码的~呵呵

          • 本心  − 2014-07-25 11:06

            好的谢谢

          • 本心  − 2014-07-25 11:06

            为什么我一把那一串代码加到functions.php里 网站就空白了

          • 本心  − 2014-07-25 11:06

            恩恩 已经解决上面问题

          • 杂时代 zatime.com  − 2014-07-25 11:06

            呵呵~解决问题就好~哈哈哈!恭喜咯!分享一下你的站嘛~哈哈

          • 本心  − 2014-07-25 11:06

            可以原本的头像设置还在,那样如果别人一直用那个上传头像不是就减小了空间容量了。

          • 杂时代 zatime.com  − 2014-07-25 11:06

            ……………………………………嗯

          • 本心  − 2014-07-25 11:06

            嗯~~~ 前台发表图片 图片在发表图片那个界面是不是没有缩略图?

          • 杂时代 zatime.com  − 2014-07-25 11:06

            这绕口令让我看的………………头都是大的!可以描述的更详细一点吗?

          • 本心  − 2014-07-25 11:06

            这样子 那块没有缩略图

          • 杂时代 zatime.com  − 2014-07-25 11:06

            这个我还真没有留意………………我一直都是用后台发文……刚才在本地尝试了一下,有缩略图的!

          • 本心  − 2014-07-25 11:06

            那是我的主机问题了?

          • 杂时代 zatime.com  − 2014-07-25 11:06

            这个我就不是很清楚了…………

          • 本心  − 2014-07-25 11:06

            好吧 谢谢了!

    • 杂时代 zatime.com  − 2014-07-25 11:06 回复TA

      我看了一下关于错位的代码,暂时摸索到的解决方法如下~http://zatime.com/solve_lovephoto2_0_1_theme_on_wordpress3_9_yi_shang_cuo_wei.html

  3. 发图网 | fatu.wang  − 2014-07-25 11:06 回复TA

    哇咔咔。。怪不得这几天你都没说话,原来在折腾这个!

  4. 野狼建都  − 2014-07-25 11:06 回复TA

    不错 越来越能折腾了 我最近都没有时间折腾技术了

    • 杂时代 zatime.com  − 2014-07-25 11:06 回复TA

      这个是我折腾了2天的结果……直接导致用脑过度…………昨晚一口气睡了12个小时……