Menu Home

WordPress twentytwelve主题:修改页面宽度

WordPress twentytwelve主题:修改页面宽度
Wordpress twentytwelve theme以简洁取胜,但是这个主题是固定页面宽度的(默认值为960),如果网站上放置的东西多一点就会显得拥挤不堪,破坏了其整体整洁性,下面介绍的方法可以很方便的更改这个主题的宽度:

  • 打开主题的style.css文件(可以使用WP后台编辑也可以直接进主机目录修改
    一个可能的路径 /var/www/wordpress/wp-content/themes/twentytwelve
  • 查找下面的内容(在我的主机上是在655行)
/* Footer */
footer[role="contentinfo"] {
        border-top: 1px solid #ededed;                        
        clear: both;
        font-size: 12px;
        font-size: 0.857142857rem;                            
        line-height: 2;
        max-width: 960px;
        max-width: 68.571428571rem;                           
        margin-top: 24px;
        margin-top: 1.714285714rem;                           
        margin-left: auto;
        margin-right: auto;                                   
        padding: 24px 0;
        padding: 1.714285714rem 0;                            
}

把其中的max-width修改成符合你要求的数值,px和rem之间的换算关系可以简单的用px / 14来计算,比如1000px / 14 = 71.4285714rem 。

  • 查找下面这一段(在我的主机上是在1420行)
/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
        .author-avatar {
                float: left;
                margin-top: 8px;
                margin-top: 0.571428571rem;
        }
        .author-description {
                float: right;
                width: 80%;
        }
        .site {
                margin: 0 auto;
                max-width: 960px;
                max-width: 68.571428571rem;
                overflow: hidden;
        }

同上一步修改max-width 。

Done!

16 replies

  1. I want to express appreciation to you for bailing me out of such a crisis. Because of looking out through the the web and coming across methods that were not productive, I was thinking my life was well over. Living without the presence of answers to the problems you have sorted out by way of this write-up is a serious case, and ones that could have badly damaged my entire career if I hadn’t come across the website. Your personal understanding and kindness in dealing with all the details was priceless. I don’t know what I would’ve done if I hadn’t come upon such a thing like this. I’m able to at this time look ahead to my future. Thanks a lot very much for your professional and effective guide. I won’t hesitate to suggest your blog post to any individual who needs care about this issue.

  2. I needed to compose you the very little note to help give thanks again with the pretty techniques you’ve shared in this article. It’s simply tremendously generous with you to offer without restraint what many of us might have advertised for an e book to help with making some dough for themselves, certainly now that you could possibly have done it if you decided. These thoughts likewise acted like a good way to realize that most people have similar desire much like mine to figure out lots more concerning this issue. I am sure there are some more pleasant opportunities in the future for those who read carefully your website.

  3. I needed to write you the very small observation in order to thank you very much over again considering the extraordinary thoughts you have contributed on this site. This has been simply pretty open-handed of you to supply freely all many individuals could have advertised for an e book to earn some cash for themselves, precisely now that you might have done it in the event you desired. The advice additionally acted like the easy way to fully grasp that many people have the same interest the same as mine to know lots more when considering this issue. I am certain there are a lot more fun instances in the future for individuals that read carefully your site.

  4. My spouse and i felt absolutely joyful that Edward could finish off his analysis through your precious recommendations he acquired while using the web pages. It is now and again perplexing to just find yourself giving out tips and hints which usually some others could have been making money from. Therefore we acknowledge we have got the website owner to thank because of that. The most important illustrations you have made, the straightforward site navigation, the friendships you make it easier to foster – it is all spectacular, and it’s aiding our son and the family consider that that theme is enjoyable, which is highly vital. Many thanks for the whole lot!

  5. I and my pals ended up following the great tricks on your web blog and immediately came up with an awful feeling I never thanked the website owner for those strategies. The guys came as a consequence joyful to read through them and have in effect honestly been using these things. Appreciate your turning out to be well kind as well as for making a decision on this form of terrific topics most people are really needing to be aware of. My personal honest regret for not expressing appreciation to earlier.

  6. Thank you so much for giving everyone such a splendid opportunity to check tips from this web site. It really is very cool plus full of a lot of fun for me and my office colleagues to visit your web site more than 3 times in 7 days to see the latest guidance you have got. And definitely, we are always fascinated with your striking tactics you serve. Some two points on this page are essentially the best we have had.

  7. I intended to create you one tiny word to say thanks again for all the pleasing views you’ve featured in this article. It’s so shockingly generous with people like you to deliver openly what numerous people might have supplied for an e-book to make some profit for themselves, mostly since you might have done it in case you desired. These techniques in addition served to be the fantastic way to be sure that many people have the identical dreams much like my very own to know lots more when it comes to this issue. I believe there are several more fun times in the future for people who see your website.

  8. Thank you a lot for giving everyone remarkably remarkable chance to discover important secrets from this site. It’s usually so good and as well , full of fun for me and my office peers to search your website at a minimum three times in one week to read the new tips you will have. And indeed, I am also actually amazed with your staggering concepts you serve. Some 2 areas in this posting are clearly the most impressive we have had.

  9. I precisely desired to thank you so much again. I do not know the things that I would have handled in the absence of the type of ways contributed by you regarding such a field. Entirely was a very fearsome crisis for me personally, but noticing a well-written style you solved it forced me to jump over contentment. I’m just happy for your assistance and even sincerely hope you recognize what a powerful job you’re putting in educating the rest thru your web blog. More than likely you have never encountered any of us.

  10. Thanks so much for giving everyone an extremely brilliant chance to discover important secrets from here. It’s always so nice and packed with a good time for me personally and my office fellow workers to visit your site at least 3 times a week to see the fresh things you have. And indeed, I am also always pleased with your mind-boggling things served by you. Certain 2 areas in this post are without a doubt the very best I’ve ever had.

  11. I wish to get across my gratitude for your kindness supporting those individuals that require guidance on this one concern. Your personal dedication to getting the message along had become extraordinarily important and have in every case permitted others like me to reach their objectives. Your interesting publication can mean so much to me and somewhat more to my mates. Thanks a lot; from everyone of us.

  12. I precisely wanted to thank you so much once again. I am not sure the things I might have made to happen in the absence of the actual methods shared by you over such a area of interest. It seemed to be a very alarming difficulty for me personally, nevertheless seeing the expert fashion you dealt with the issue made me to jump over fulfillment. Now i am happier for this support as well as pray you know what a great job you were putting in teaching men and women via your web page. More than likely you haven’t come across any of us.

  13. I needed to write you a tiny observation to give thanks as before for these marvelous secrets you’ve shown on this site. It has been really shockingly open-handed with people like you to present without restraint all a lot of people would’ve advertised for an e book to generate some profit for themselves, even more so seeing that you might well have tried it if you ever decided. These ideas likewise worked to become a good way to know that other individuals have the same eagerness like mine to understand good deal more regarding this matter. I know there are thousands of more pleasant opportunities in the future for many who discover your site.

  14. 我没有升级到4.1,我都是基于3.5.1进行定制的,升级还是会导致很多问题的,包括一些使用了google的服务,直接导致国内访问速度大降。

  15. 我是按照这个数值来调整的,之前调整成功过。但是升级到4.1之后,修改数值之后页面宽度丝毫没有改变,很是奇怪!

Leave a Reply

Your email address will not be published.