inove 主题优化之左右栏对调

十一 25th, 2009 | Filed under Wordpress

今天忙里偷闲把 inove 主题做了一下优化,把左侧栏和右侧栏做了一下对调,目的是想尝试下新布局对 AdSense 广告点击率的影响,在些把过程记录一下,以方便以后恢复。

此次优化 inove 主题的预期效果:

原来的 sidebar 默认显示在右边,据园子调查有99%使用 inove 主题的朋友都是使用默认的布局,而使用 inove 主题的网站数量多的吓人,咱们就折腾点不一样的东西吧,于是把 sidebar 放到了网站的左面。

文章原来是显示在左面的,好像也符合用户的习惯,当我调整到右面的时候,初次刷新确实感觉不太好,也许是习惯所致吧。

inove 主题左右栏对调的过程:

1.首先是要修改 css 文件,打开主题目录下的 style.css 文件做如下修改:

a.将原来的:

#main {float:left;}

修改为:

#main {float:right;}

b.将原来的:

#sidebar {float:right;}

修改为:

#sidebar {float:left;}

2.其实CSS修改完之后刷新页面就已经对调,美中不足的是左右栏中间的那条竖线消失了,于是修改图片。

找到img文件夹下的 sidesep.gif 文件,直接水平翻转下即可,懒得动弹的朋友们直接点此下载我修改过的图片

3.最后再修改下有关 sidesep.gif 文件的CSS

将原来的:

#content {background:#FFF url(img/sidesep.gif) right repeat-y;}

修改为:

#content {background:#FFF url(img/sidesep.gif) left repeat-y;}

到此步就大功告成了,想折腾的朋友们开始吧,其实挺简单的,最后附上修改后的样式截图:

inove 主题左右栏对调样式截图

inove 主题左右栏对调样式截图

美国虚拟主机
标签:
  1. Zenoven自由人
    十二 24th, 200919:00

    我还是喜欢在右边的sidebar 呵呵~~ 这样不是很习惯

  2. 斯比瑞特
    十二 19th, 200915:38

    请问博主用的哪里的空间?

  3. 上海华帝热水器维修
    十二 15th, 200923:45

    不错。。。学了一下哈

  4. 漢文溪
    十二 15th, 200913:06

    园子现在这个主题貌似内核是inove外皮是spring啊 哈

  5. 漢文溪
    十二 15th, 200913:04

    哈哈 很不錯啊 不过感觉大部分的牛博一般都是用的内容在左边的样式 貌似内有蹊跷

  6. 镜花水月情吧
    十二 14th, 200910:46

    人够多的啊 !!!

  7. 丕子
    十二 11th, 200920:48

    这个不错 可以尝试啊

  8. John
    十二 9th, 200917:48

    前些日子我也是想着把侧边栏放到左边来着,但因没时间折腾而耽搁了。
    想不到经园子一点拨,原来是这么简单的事情。赞!

    • 园子
      十二 10th, 200909:01

      @John
      相比之下,放左边确实能提高一点点 点击率~

  9. 耕饼茶楼
    十二 9th, 200916:22

    请教个问题~~wordpress侧边栏,怎么实现栏目两列显示??
    P.S.已解决~~
    #sidebar .widget_categories li{
    width:110px;
    float:left;
    }

  10. 康盛博客
    十二 7th, 200912:26

    主题非常不错~~~

  11. kelvin
    十二 6th, 200901:25

    看起来还是 右边的舒服 呵呵 ·

  12. sinsky
    十二 4th, 200913:49

    @园子
    确实闷

  13. sinsky
    十二 3rd, 200911:23

    我坚信 我们寂寞的双手 ? 。。。

  14. 海农
    十二 2nd, 200909:54

    有时间咱也折腾把

  15. iseeyou
    十二 2nd, 200909:23

    换了皮照样记得来顶顶 :grin:

  16. 浮虾
    十二 1st, 200922:43

    你这主题把导航放在左边挺好看的啦,很顺眼呢

  17. bolo
    十二 1st, 200913:15

    侧栏还是放在右边比较妥当

    • 园子
      十二 1st, 200914:42

      @bolo
      一种主题用多了,就烦了,换换口味吧,哈哈。

  18. 耕饼茶楼
    十二 1st, 200907:47

    额~~你怎么换这个风格了?

  19. 园子
    十一 30th, 200917:26

    @互联网ZBLOG的文史探秘
    以前的主题是MG12的 inove 主题哈,你搜下就找到了,我修改的版本没有开放下载,做的太差了~

  20. 园子,你现在换的主题我感觉还不如以前的那个好!
    再问一下,你以前的主题可在哪里下载到哇!!!^_^汗

  21. 吖Bee
    十一 28th, 200915:41

    视觉不一样了~

  22. 秦大少
    十一 28th, 200913:37

    时不时的来给你点点GG,哈哈! :evil:

  23. 小搓板
    十一 28th, 200903:21

    代码代码.头大了.

  24. 秦大少
    十一 27th, 200923:10

    想问下,Google的广告很多人点吗?
    我挂的是阿里妈妈,基本上没人点。
    干脆我们互相点点好了,哈哈!

    • 园子
      十一 28th, 200910:02

      @秦大少
      违规的事情哈,不敢做
      点击率一般般~

  25. countmeon
    十一 27th, 200915:49

    挺好的

  26. 太阳博客
    十一 27th, 200913:18

    看常了,也无所为了。左

  27. 百度变迁
    十一 27th, 200910:21

    最近很想换一个主题,但是你这个又不能用,郁闷的很^_^
    园子哪去了

  28. Lc.
    十一 27th, 200908:44

    看起来完全变个样了..呵呵

  29. YYWR
    十一 26th, 200923:54

    看起来很简单似的

  30. 白雪山
    十一 26th, 200922:41

    突然看到这样的有点不习惯呢…

  31. 超人
    十一 26th, 200920:04

    有点宽..
    我的adsense已经杯具了..

  32. 卢松松
    十一 26th, 200916:26

    这样右移了,感觉左侧宽了点

  33. 园子
    十一 26th, 200914:44

    @爱.一起.你
    有这想法,说不定哪天就换了~

    @耕饼茶楼
    你的速度真快,呵呵~

    @百度变迁
    目前我也在思考换主题呢,要不咱们自己做个吧,别用别人的了~

  34. 爱.一起.你
    十一 26th, 200913:41

    觉得看起来不是很舒服…换个模板得了…

  35. SErHo
    十一 26th, 200913:16

    看着好别扭,呵呵,这个主题太泛滥了

  36. 吓我一跳
    十一 26th, 200912:47

    呵呵 这样也挺好,都是右边看腻了

  37. 小酷
    十一 26th, 200912:43

    这样式比较酷啊。哈哈。

  38. 耕饼茶楼
    十一 26th, 200912:35

    我已经按照园子的方法修改好了~~感觉不错~~
    期待有更多的更好的更新~

  39. 百度变迁
    十一 26th, 200911:34

    总在找比较简洁而清晰明了的主题,但是要么不能用,要么将我搞瘫痪,好在总有及时备份!
    园子能否帮我推荐一个主题?我目前的主题的回复评论和留言的格式太小气,不大好看,也不利于网友浏览,想换一个!

  40. gil
    十一 26th, 200910:51

    不错!~~ ;-)
    再经典的的主题看多了就腻了,有点小变化很不错 :cool:

  41. 开心凡人
    十一 26th, 200909:54

    很漂亮

  42. 太阳博客
    十一 26th, 200907:39

    怎么就这么不得劲呢。

    • 园子
      十一 26th, 200909:04

      @太阳博客
      刚刚换我也感觉不得劲,呵呵~
      @微知博客
      是啊,流量确实很重要,最近点击率有些接受不了~

  43. 微知博客
    十一 26th, 200900:41

    @记忆盒子
    哥们你要更新了

  44. 微知博客
    十一 26th, 200900:41

    如果经常左右换,应该有不错的新鲜感,但是提高GG点击,还是靠流量

  45. 疾风
    十一 26th, 200900:27

    还是觉得侧栏在右边好点~··

  46. 艾思达
    十一 26th, 200900:16

    感觉真的有点不适应,有点别捏。但换换味道也不错。

  47. 小妹也来劲
    十一 25th, 200923:38

    好久没来,还真有点想大家了。

  48. 上海华帝热水器维修
    十一 25th, 200921:36

    inove 主题 很好。。越来越好了

  49. 海尔热水器维修
    十一 25th, 200921:22

    看起来蛮不错的 ;-)

  50. 站长博客
    十一 25th, 200919:29

    也不错!!

  51. 日记男孩
    十一 25th, 200918:52

    这个模板确实不少人在用

  52. huangjun.net
    十一 25th, 200916:58

    改到左边确实让人耳目一新啊!

  53. 百学山
    十一 25th, 200916:49

    感觉不错,而且方法挺简单的

  54. 妮裳神话
    十一 25th, 200916:48

    就说嘛,点进来感觉不对,原来换了一下子,呵~

  55. 锐志博客
    十一 25th, 200916:42

    呵呵 有空也改下!!

  56. 在路上
    十一 25th, 200915:45

    非常漂亮!呵呵!

  57. 太阳博客
    十一 25th, 200914:48

    还是不太习惯,右面的多。

  58. ucax
    十一 25th, 200912:57

    可以變成首頁右邊< 分頁左邊嗎?

  59. ucax
    十一 25th, 200912:47

    果然不小心會誤點到AD :evil:

    • 园子
      十一 26th, 200909:05

      @ucax
      我真希望你们都是心甘情愿的点呢
      今天点了七次,收入为0
      郁闷~

  60. huaimao
    十一 25th, 200912:39

    效果不错啦!呵呵

  61. 好名字要隐藏
    十一 25th, 200912:29

    厉害啊。我以前用这个主题就很想这样改的。可是不会。悲。

  62. 叶松
    十一 25th, 200912:16

    不太习惯哈,,,呵呵

  63. goldapple
    十一 25th, 200911:34

    又像个新的风格了,有点新鲜感

  64. A.shun
    十一 25th, 200911:13

    囧。。你真行。。。

    不过这样不太人性化。因为侧栏的载入是比较慢的,再加上很多人的浏览器有侧栏

    • 园子
      十一 26th, 200909:06

      @A.shun
      嗯 确实
      就当是做下尝试
      过段时间再换回来~

  65. Hobo
    十一 25th, 200911:11

    呵呵,方法还是很简单啊

  66. 光卫
    十一 25th, 200911:04

    期待测试结果

  67. 百度变迁
    十一 25th, 200910:25

    哈哈搞错了,看了下园子的底部,是WordPress程序;我的是zblog不知能用否?汗

    • 园子
      十一 26th, 200909:07

      @百度变迁
      主题一样的话,方法就大差不差~
      PS:你每天的速度真叫一个快!

  68. 百度变迁
    十一 25th, 200910:17

    好哇,这个主题很不错,清晰明了,界面也挺干净;回去下载一个,再按照园子的提示一步一步更改一下;我就不信弄不着^_^
    今天坐了板凳,也舒服^_^

  69. 记忆盒子
    十一 25th, 200909:59

    看起来,挺简单的,哈~~学会了…

提示: 评论者允许使用'@user空格'的方式将自己的评论通知另外评论者,请注意评论者名称大小写要一致。