wordpress怎么修改css?

wordpress是一款优秀的博客系统,它支持自定义主题,能实现丰富多样的页面效果。对于下载的主题,我们该怎么进行二次修改呢,本文将介绍修改wordpress css文件的方法,希望对各位有帮助!

wordpress怎么修改css?

下面以Wordpress默认主题Twentyeleven修改为例

1、用浏览器打开网站,在要修改样式的地方右键单击——查看元素。

此时浏览器自动打开DOM样式探查器(推荐学习:CSS视频教程

2、左侧是页面html源代码,右侧这部分就是控制标题文字的CSS属性,可以自己琢磨着对照左侧代码进行选择

3、我们简单地对CSS参数进行调整,可以实时预览效果,不管是字体大小、还是背景颜色都如此。

例如把color: rgb(34, 34, 34);调整为color: rgb(345, 34, 34);你会发现标题颜色发生改变,再加入字体参数font-size: 20px;
font-family: 微软雅黑; 此时发现页面中,文章标题全部都变为微软雅黑字体,字号为20px,红色,调整到满意的效果后,就应该把文件修改进CSS文件里。

注意:字体如果是要使用微软雅黑等中文字体时,需要参照CSS中文字体对照表使用Unicode编码

4、对照代码右侧位置style.css:745 用vscode软件或是记事本打开style.css文件找到第745行代码进行修改,然后选择保存CSS文件。

更多CSS3相关技术文章,请访问CSS3答疑栏目进行学习!

以上就是wordpress怎么修改css?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑