当前位置: 首页 > wordpress分享 > 正文

对wordpress主题威言威语文章宽度的修改

wordpress对主题的支持非常完美,笔者一直喜欢威言威语weisay主题,断断续续的也做了一下修改,比如:威言威语主题默认字体大小的修改威言威语主题显示发布日期的修改。今天我们改一下主题的宽度自适应!默认的威言威语主题最大宽度设置是1000px;不管屏幕分辨率大小都按照1000px显示,今天笔者就改成按照百分比显示。

打开威言威语主题中的style.css文件,按照以下修改。

  1. .article{float:rightrightwidth:620px;border-bottom:1px #ddd solidoverflow:hidden;}
  2. .article_page{width:680px;}
  3. .article li{list-style:none}
  4. .articles{float:rightrightwidth:620px;border-bottom:1px #ddd solidpadding:10px 0 10px 0;overflow:hidden}
  5. .articles_page{width:680px;}

改为

  1. .article{float:rightrightwidth:91%;border-bottom:1px #ddd solidoverflow:hidden;}
  2. .article_page{width:98%;}
  3. .article li{list-style:none}
  4. .articles{float:rightrightwidth:91%;border-bottom:1px #ddd solidpadding:10px 0 10px 0;overflow:hidden}
  5. .articles_page{width:98%;}

=======================

  1. #content{width:990pxmargin:0 autopadding-top:5px}
  2. .main{float:leftwidth:690px;}

改为

  1. #content{width:95%; margin:0 autopadding-top:5px}
  2. .main{float:leftwidth:70%;}

=======================

  1. #roll {
  2.     display:block;
  3.     width:15px;
  4.     margin-right:-224px;
  5.     position:fixed;
  6.     rightright:50%;
  7.     top:33%;
  8.     _margin-rightright:-224px;
  9.     _position:absolute;
  10.     _margin-top:180px;
  11.     _top:expression(eval(document.documentElement.scrollTop));
  12.     }

改为

  1. #roll {
  2.     display:block;
  3.     width:15px;
  4.     margin-right:-224px;
  5.     position:fixed;
  6.     rightright:50%;
  7.     top:33%;
  8.     _margin-rightright:-224px;
  9.     _position:absolute;
  10.     _margin-top:180px;
  11.     _top:expression(eval(document.documentElement.scrollTop));
  12.     }

=========================

  1. #sidebar{float:rightrightwidth:260pxmargin-top:4px}

改为

  1. #sidebar{float:rightrightwidth:28%; margin-top:4px}

=========================

  1. .author_text {float:rightrightwidth:540px;}

改为

  1. .author_text {float:rightrightwidth:90%;}

这是修改了默认的style.css文件,css文件夹下的其他CSS文件修改同样的道理!

如果修改嫌麻烦直接下载CSS。只适用威言威语主题。http://yunpan.cn/cKkhQ39HwV9Xt 访问密码 beec

本文固定链接: https://www.ziyouwu.com/archives/790.html | 自由屋博客www.ziyouwu.com|wordpress建站技巧分享

对wordpress主题威言威语文章宽度的修改:目前有2 条留言

  1. 沙发
    Timle.CN

    以前我也用这个主题,后来发现用这个主题垃圾评论实在是多,就换了,不晓得为啥。还了个主题,垃圾评论少了很多。我的www.Timle.CN 欢迎来逛逛

    2015-03-03 下午6:54 四川省成都市 电信 [回复]
    • 垃圾评论跟主题没有太大关系吧,用多说

      2015-03-03 下午8:43 山东省济南市 电信 [回复]

发表评论

9 + 1 = ?


快捷键:Ctrl+Enter