当前位置:园子博客 » Wordpress » inove 主题优化之左右栏对调

inove 主题优化之左右栏对调

11月 25th, 2009 | Filed under Wordpress | 共有8,430次浏览

今天忙里偷闲把 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. 世纪德意
    7月 29th, 201112:13

    这介面不错,左边稍大了点

  2. 穷儒
    10月 23rd, 201012:56

    inove的评论样式很喜欢

  3. Zenoven自由人
    12月 24th, 200919:00

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

  4. 斯比瑞特
    12月 19th, 200915:38

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

  5. 上海华帝热水器维修
    12月 15th, 200923:45

    不错。。。学了一下哈

  6. 漢文溪
    12月 15th, 200913:06

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

  7. 漢文溪
    12月 15th, 200913:04

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

  8. 镜花水月情吧
    12月 14th, 200910:46

    人够多的啊 !!!

  9. 丕子
    12月 11th, 200920:48

    这个不错 可以尝试啊

  10. John
    12月 9th, 200917:48

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

    • 园子
      12月 10th, 200909:01

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

  11. 耕饼茶楼
    12月 9th, 200916:22

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

  12. 康盛博客
    12月 7th, 200912:26

    主题非常不错~~~

  13. kelvin
    12月 6th, 200901:25

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

  14. sinsky
    12月 4th, 200913:49

    @园子
    确实闷

  15. sinsky
    12月 3rd, 200911:23

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

  16. 海农
    12月 2nd, 200909:54

    有时间咱也折腾把

  17. iseeyou
    12月 2nd, 200909:23

    换了皮照样记得来顶顶 😀

  18. 浮虾
    12月 1st, 200922:43

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

  19. bolo
    12月 1st, 200913:15

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

    • 园子
      12月 1st, 200914:42

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

  20. 耕饼茶楼
    12月 1st, 200907:47

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

  21. 园子
    11月 30th, 200917:26

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

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

  23. 吖Bee
    11月 28th, 200915:41

    视觉不一样了~

  24. 秦大少
    11月 28th, 200913:37

    时不时的来给你点点GG,哈哈! 👿

  25. 小搓板
    11月 28th, 200903:21

    代码代码.头大了.

  26. 秦大少
    11月 27th, 200923:10

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

  27. countmeon
    11月 27th, 200915:49

    挺好的

  28. 太阳博客
    11月 27th, 200913:18

    看常了,也无所为了。左

  29. 百度变迁
    11月 27th, 200910:21

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

  30. Lc.
    11月 27th, 200908:44

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

  31. YYWR
    11月 26th, 200923:54

    看起来很简单似的

  32. 白雪山
    11月 26th, 200922:41

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

  33. 超人
    11月 26th, 200920:04

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

  34. 卢松松
    11月 26th, 200916:26

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

  35. 园子
    11月 26th, 200914:44

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

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

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

  36. 爱.一起.你
    11月 26th, 200913:41

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

  37. SErHo
    11月 26th, 200913:16

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

  38. 吓我一跳
    11月 26th, 200912:47

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

  39. 小酷
    11月 26th, 200912:43

    这样式比较酷啊。哈哈。

  40. 耕饼茶楼
    11月 26th, 200912:35

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

  41. 百度变迁
    11月 26th, 200911:34

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

  42. gil
    11月 26th, 200910:51

    不错!~~ 😉
    再经典的的主题看多了就腻了,有点小变化很不错 😎

  43. 开心凡人
    11月 26th, 200909:54

    很漂亮

  44. 太阳博客
    11月 26th, 200907:39

    怎么就这么不得劲呢。

    • 园子
      11月 26th, 200909:04

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

  45. 微知博客
    11月 26th, 200900:41

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

  46. 微知博客
    11月 26th, 200900:41

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

  47. 疾风
    11月 26th, 200900:27

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

  48. 艾思达
    11月 26th, 200900:16

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

  49. 小妹也来劲
    11月 25th, 200923:38

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

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

  51. 海尔热水器维修
    11月 25th, 200921:22

    看起来蛮不错的 😉

  52. 站长博客
    11月 25th, 200919:29

    也不错!!

  53. 日记男孩
    11月 25th, 200918:52

    这个模板确实不少人在用

  54. huangjun.net
    11月 25th, 200916:58

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

  55. 百学山
    11月 25th, 200916:49

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

  56. 妮裳神话
    11月 25th, 200916:48

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

  57. 锐志博客
    11月 25th, 200916:42

    呵呵 有空也改下!!

  58. 在路上
    11月 25th, 200915:45

    非常漂亮!呵呵!

  59. 太阳博客
    11月 25th, 200914:48

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

  60. ucax
    11月 25th, 200912:57

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

  61. ucax
    11月 25th, 200912:47

    果然不小心會誤點到AD 👿

    • 园子
      11月 26th, 200909:05

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

  62. huaimao
    11月 25th, 200912:39

    效果不错啦!呵呵

  63. 好名字要隐藏
    11月 25th, 200912:29

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

  64. 叶松
    11月 25th, 200912:16

    不太习惯哈,,,呵呵

  65. goldapple
    11月 25th, 200911:34

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

  66. A.shun
    11月 25th, 200911:13

    囧。。你真行。。。

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

    • 园子
      11月 26th, 200909:06

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

  67. Hobo
    11月 25th, 200911:11

    呵呵,方法还是很简单啊

  68. 光卫
    11月 25th, 200911:04

    期待测试结果

  69. 百度变迁
    11月 25th, 200910:25

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

    • 园子
      11月 26th, 200909:07

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

  70. 百度变迁
    11月 25th, 200910:17

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

  71. 记忆盒子
    11月 25th, 200909:59

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

您必须在 登录 后才能发布评论.