调整WordPress显示宽度

刚才忽然想调整一下我的Wordpress博客的宽度,发现一般都是在style.css这个CSS文件中调整的,其位置位于你所安装的主题下面,如:本博客的在wp-content/themes/blocks2/style.css这里(如果是默认的主题则是default/style.css)。
根据Google Analytics的统计,访问我网站的客户端屏幕分辨率前十名分别如下:

Order Screen Resolution Visits Contribution to total
1. 1440×900 744 21.82%
2. 1366×768 720 21.12%
3. 1280×800 451 13.23%
4. 1280×1024 275 8.07%
5. 1920×1080 223 6.54%
6. 1680×1050 213 6.25%
7. 1024×768 187 5.49%
8. 1600×900 133 3.90%
9. 1920×1200 61 1.79%
10. 1360×768 35 1.03%

 
前十名中都没有屏幕分辨率的宽度在1024像素之下的,根据更详细的数据看出,宽度在1024像素之下的仅占不到1%的,所以为了我的99%以上读者的体验提高,我将此博客的显示总宽度调整为1000像素。
我调整了如下几个地方,当然,不同主题的style可能对应不同的代码段,如下仅供参考。

总体布局的宽度:1000 Pixels

主体部分的博客文章显示的宽度:710 Pixels

侧边栏的宽度:270 Pixels

master

Stay hungry, stay foolish.

发表评论

电子邮件地址不会被公开。 必填项已用*标注