找回密码
 注册

QQ登录

只需一步,快速开始

  • QQ空间
  • 回复
  • 收藏

WORDPRESS怎样修改CSS样式及PHP文件

admin 2017-5-25 23:23 538人围观 Wordpress教程

有些朋友,在购买了主题后。想修改一些样式,却不知道怎么去修改。在这里,淘客家提供下简单的教程帮助。

第一步,你得有一个谷歌浏览器,或者其他神马浏览器都可以,只要可以审查元素。

第二步,你再需要一个修改代码的软件,例如notepad++。

第三步,把你主题下载到你的电脑上,解压。

PS:style.css文件是一个主题的核心文件之一,通常位于该主题目录中,它负责控制着整个网站页面的外观。

例如,如果你要向修改首页文章列表的标题。对着那个标题,右键,审查元素或者按F12。


浏览器就会出现截图下面的东西。左边是网站的html代码,右边是css样式。这时候,你要看左边是否已选中了你要修改的东西(例如你要修改标题)。那么对应右边就是这个标题的css样式。你会看到这个标题的样式是由.content-header h2控制,字体大小为:font-size=22px,如果你要修改成16px怎么修改呢?

你可以先在谷歌浏览器中在线修改预览效果,例如把font-size=30px修改成font-size=16px,你可以直接修改右侧的参数。而此时网页的样式就会发生变化。

好了,你觉得这样修改很满意了。此时,你必须修改style.css的参数,才能真正修改到网站的样式。

下一步:你看到style.css?xxxxx:140。最后的数字140,代表着的是这个.content-header h2在style.css中第100行。

好了,知道这个.content-header h2在哪里,那就很好办了。

这时候,用notepad++打开style.css这个文件。你可以看到,在左侧,会有行数。找到第100行,把font-size=22px修改成font-size=16px,那样,就可以修改到字体的大小了。


然后保存。

然后,用FTP上传style.css到你网站主题目录中,大功告成!!

其他主题的文件,大概也是如此,用谷歌浏览器精确到某个代码的位置,用notepad++进行修改。

如果你遇到了压缩过后的css,则需要到如tool.lu/css/ 这类网站,进行净化或美化处理。将得到的新的css覆盖到style.css,然后重新执行上面的操作。

支持

超赞

难过

搞笑

扯淡

不解

头晕

欠扁

前瞻经济学人微信二维码

前瞻经济学人

专注于中国各行业市场分析、未来发展趋势等。扫一扫立即关注。

前瞻产业研究院微信二维码

前瞻产业研究院

如何抓准行业的下一个风口?未来5年10年行业趋势如何把握?(站长自定义)

.