好记性不如铅笔头

vps && wordpress

wordpress怎样更改侧边栏的宽度

我们使用的wordpress模板往往宽度不符合我们的要求,那么怎样才能修改侧边栏的宽度呢,作者从网上找了很多资料,最后总结了一种比较简单的,适合作者这种纯菜鸟的方法^_^。

CONTENTS

1)查看网页当前CSS。

进入blog主页,参看CSS信息,作者用的是猎豹浏览器,键盘F12就可以了,结果如下图,找到主页的CSS代码。

在Elements选项卡里面移动鼠标,浏览器界面会显示当前的CSS是那一部分,可以看到作者移动到了content-two-colums clearfix上面,浏览器上显示了是作者的主页,右下角的Metrics可视化的显示了各种矩形的大小。

2)更改CSS宽高。

选中content-two-columns标签,可以在右边修改成需要的宽高,旁边的箭头也标注了相对应的文件。不过我们现在不需要修改文件。选中sidebar标签,同样修改成需要的宽高。这里的各个值的意思就不在介绍了,自己可以尝试修改一下,浏览器会自动的讲修改结果显示出来,非常方便。多修改几次,对各个值的意思就有了大概的了解了。如下图:

3)保存修改好的宽高。

将页面修改好之后,将右边的值复制出来,保存到wordpress后台管理的Edit CSS里面。网上的很多教程都是直接把改好的值保存到style.css(上面的箭头所指文件),但是作者认为放到后台更方便^_^。如下图所示:

发表评论

8 − 4 =

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据