当前位置:园子博客 » Wordpress » 园子博客网站布局调整

园子博客网站布局调整

3月 29th, 2010 | Filed under Wordpress | 共有7,903次浏览

园子又开始折腾网站了,本次主要是把博客的左右栏做了下对调,以更便于展示 AdSense 广告。毕竟,爱国也是需要金钱滴嘛。本文主要记录下更改过程与思路,为以后的继续折腾铺好道路。

声明:本文只做更改过程记录,不属于技术文章,叙述方式上可能有些差强人意,请理解哈。

先上个最终效果图,再说过程:

园子博客网站布局调整后的页面

园子博客网站布局调整后的页面

一、首先是更改网站整体的宽度以及左右栏对调,步骤如下

1.修改css文件中的 #sidebar,将宽度由原来的200px更改为350px,宽度增加了150px,原来的左浮动改为右浮动。

2.修改 #main 宽度,原来的为715px,调整后为597,宽度缩减了118px。右浮动更改为左浮动。

3.更改 #wrap 宽度,原来的 948px 改为980px,增加了 32px。

经过以上的调整,园子博客整体宽度已经变为了980px,原来是960px。并且左右栏已经成功对调过来了。

二、网站图片的修改与优化

1.去掉分类图片的显示,即原来出现在文章右侧的分类图标

2.更改了 feed 订阅图标显示,更改为更加直观的三行显示。

3.header.jpg 宽度 由 948px 改为 980px。

4.bgw.gif 宽度由 960px 改为 992px。

5.searchbox.gif 宽度由 183px 变为 333px。

三、网站广告大小以及位置的调整

1.去掉原来页面顶部的 728×90 广告。

2.去掉 single.php 300×250 广告。

3.去掉 原来文章页面底部 468×60 大小的图文广告。

4.增加右侧栏广告,首页面显示两个,其它页面显示三个,大小都为336×280图片广告。

四、最后一些CSS细节的优化

1.更改 .post h2 的右边框线显示。

2.更改 .comment .info 宽度,由 584px 改为 466px。

3.更改 #comment 宽度,由691px 改为573px。

4.在 #submitbox .submitbutton 属性中,增加了 padding-right: 25px;。

5.#searchbox 宽度由179px 变为 329px。

6.#searchbox .textfield 宽度由 155px 变为305px。

7.友情链接更改为双排显示。

五、一些总结

本次更改主题受到了 记忆盒子 的启发,在此致谢一下!

原来的 adsense 广告点击率一直是在 0.5% 左右徘徊,不过所幸单价还不错,本次更改网站布局的最终目的也就是希望能提高下广告点击率。

并且很重要的一点,网站文章广告中不会再穿插广告,这样用户体验也会好很多。用户体验好了,不知道那些可爱的读者们会不会点击下广告来庆祝下呢。哈哈。

人生很精彩,我很阳光。我会一直折腾下去。

附:园子推荐一些 Adsense 资源:

站长必备的十个 AdSense 资源

在第一篇文章末尾加上Adsense广告

Google Adsense的秘密全集:

  1. 序言:如何使用本书?
  2. 怎样通过Google AdSense赚到钱
  3. 开始使用Google Adsense
  4. 如何优化广告提高点击率
  5. 用色彩提高你的点击率
  6. 如何最大化广告的可见度和响应度
  7. 学会控制AdSense广告
  8. 巧用Google搜索框黏住易变的访问者
  9. 网站内容建设的11个技巧
  10. 巧用Adsense渠道跟踪实现最大化的收益
  11. 论坛中应用 AdSense 的技巧
  1. Frank
    6月 5th, 201001:05

    inove 的用户真是多哦,学习了~~~

  2. ONLY
    6月 1st, 201015:55

    好热闹哦
    园子,我已添加贵站的链接,为的是方便能到你的博客学习知识,一直很期待你的这款界面,等待~~

  3. hooler
    4月 16th, 201020:46

    我把GG广告改成了336*280的样式,点击就增加了。

  4. www.codigg.com
    4月 9th, 201020:30

    加了adsense啊,现在好像adsense的收益不如以前了。中文广告价值太低了。

  5. yywr
    4月 8th, 201023:16

    右边栏好宽

  6. php免费空间
    4月 6th, 201016:54

    现在调得很协调啊

  7. Bee君
    4月 4th, 201010:05

    漂亮好多啊~~ 😉

  8. 江流
    4月 1st, 201021:56

    嗯嗯 没事当换下心情

  9. 漢文溪
    4月 1st, 201016:31

    园子 挺能折腾的 👿

  10. 生力军
    4月 1st, 201013:38

    折腾!!!

  11. John
    4月 1st, 201012:45

    今天查了一下Google的广告,发现自24日(谷歌正式搬到香港的日子)之后,收入就全是零了。大家有这种情况吗?

  12. ikeeptrying
    4月 1st, 201009:53

    我来点点广告吧 让点击率上一个~~

  13. 棺材中的尘埃
    3月 31st, 201023:43

    爱折腾是好事儿:)
    PS:又拿老婆写了一篇数码后期的教程,欢迎前来捧场

  14. Ray
    3月 31st, 201020:19

    今天下午下班,我也换博客主题了,做个SEO试验
    🙂

  15. 秦大少
    3月 31st, 201018:31

    支持新主题!
    我觉得我也该再调整下了

  16. John
    3月 31st, 201018:09

    实际上更喜欢这个宽度的调整。

  17. 老耿
    3月 31st, 201002:25

    园子博客的主题挺耐看的。

  18. 大敏
    3月 30th, 201022:41

    爱死园子的博客了

  19. 自由人
    3月 30th, 201022:38

    我很久没折腾了啊。。。文章也是好几天没更新了呢

  20. itopdog
    3月 30th, 201019:45

    我等着看你下个文章呢,呵呵

  21. 相信健康的力量
    3月 30th, 201018:24

    防月光的风格??

  22. 看南京
    3月 30th, 201017:36

    哦,这么一说就发现变化不少呢

  23. 小辉网
    3月 30th, 201012:34

    高人啊,都会用css了。比我们强太多了。

  24. A.shun
    3月 30th, 201011:42

    现在的主题趋势就是变宽~

  25. 飞猪
    3月 30th, 201010:14

    吓我一跳 :
    喜欢宽屏的,对了网站很像月光博客

    可能是一套衣服

  26. liuzm
    3月 30th, 201009:26

    呵呵,更新好慢哦 点哈子广告支持

  27. 笨笨
    3月 30th, 201009:02

    嘿嘿折腾点好啊,支持AD 。。

  28. 外贸人
    3月 30th, 201008:11

    刚开始有点不太习惯来的~~
    看了几天好多了~~

  29. 记忆盒子
    3月 30th, 201002:27

    @hooler 一般人都这么认为的,包括我。但是,事实上,我博2个月的数据证明这样投放广告的点击率可以到达1%,远比内文嵌入广告点击率高。Google搜索联盟其实就是在为Google免费导入流量,不是吗?很多东西不是想当然的哦,得用数据证明。呵呵~~实践出真知。

  30. 疾风
    3月 30th, 201001:17

    折腾WP吧 呵呵~

  31. 海派
    3月 29th, 201022:50

    不错。。宽屏好 /。。

  32. 刘学政博客
    3月 29th, 201022:46

    我也必须对博客进行大改版了

  33. www.se7ens.cn
    3月 29th, 201021:52

    感觉有点不习惯了。。看惯了月光 呵呵

  34. hooler
    3月 29th, 201021:01

    个人感觉放在侧边栏的广告很容易被读者忽视。
    园子为什么不把搜索栏换成谷歌搜索呢?

  35. 老千
    3月 29th, 201018:37

    主题离完美不远了

  36. 益酷网
    3月 29th, 201018:26

    折腾才有成果,以后继续发扬。

  37. 园子
    3月 29th, 201017:17

    @记忆盒子
    我写错了,呵呵
    好像是不能公布单价的吧,去掉了~
    我正在根据你的提示优化 adsense
    期望能有个不错的结果吧。

  38. 记忆盒子
    3月 29th, 201016:08

    你的博客单价有0.8那么高啊?好恐怖!还是1天有0.8刀?20多个点击?你的博客流量真不错!

    这样投放广告绝对能到0.1%的点击率的,我都经过2个月的数据考察了。如果没有达到,那有可能是博客色调或者文章内容优化问题了。

  39. 醉美点金
    3月 29th, 201016:06

    到时候分析下更改后的点击率哦!

  40. 蛋王
    3月 29th, 201015:11

    现在这个感觉不错,顺便点了个广告,呵呵

  41. 点点
    3月 29th, 201014:48

    文章中不要放广告就好。最讨厌文章右上角的广告。呵呵。 帮你点一个AD。 🙂

  42. 大发扑克
    3月 29th, 201014:33

    好文章,路过,欣赏!

  43. huangjun
    3月 29th, 201013:37

    这么好?为什么我的广告基本上没人点呢~

  44. 秀儿
    3月 29th, 201013:29

    博客不错哦,继续努力,记得回访哦…

  45. 北街
    3月 29th, 201012:58

    加了好多广告哦~

  46. 大敏
    3月 29th, 201012:46

    嗯嗯,看到咯!

  47. 竹下无为梦
    3月 29th, 201012:25

    点个AD支持你的改版。

  48. liuzm
    3月 29th, 201011:20

    呵呵,感觉左边太小了一点哦,哈哈!

  49. asdlabel
    3月 29th, 201011:01

    园子什么时候能把它他这个网站的模板贡献下,那真是太好了,我想很多人也很想要。

  50. 吓我一跳
    3月 29th, 201010:58

    喜欢宽屏的,对了网站很像月光博客

  51. 飞猪
    3月 29th, 201010:56

    右边前所未有的宽。。有性格~

  52. 真好网
    3月 29th, 201010:49

    原来是右边变宽了,哈哈哈哈

  53. akon
    3月 29th, 201010:04

    支持折腾,继续。。哎呀, 谁把我的沙发抢了!

  54. itopdog
    3月 29th, 201009:37

    有时间我也调整下我的右栏最新文章弄下去

  55. 妮裳神话
    3月 29th, 201009:32

    真快!过来坐了个沙发

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