wordpress主题研究-修改主题元素

概述

根据主题发布者（友人a的笔记丶）的部署教程走下来之后，发现仍然有一些本应自定义的内容没有给出修改入口。例如，wordpress面板中没有修改这个标题字体的入口。

wordpress中有提供修改样式的界面，但是需要知道对应html元素是什么，这个需要在主题源码中寻找。因此先说明如何修改，然后再探索主题源码，方便后续修改其他元素。

其中"your_font"换成自己安装的字体，或者系统自带的字体。其中字体可以在wordpress面板中外观-字体页面上传，可以自己上网查找.ttf 、.otf 、.woff 和 .woff2格式的字体文件。

同样以之前修改字体为例。要想修改字体，其实就是找到这个标题对应的html元素，然后修改css的样式。

首页的定义在根目录下的`index.php`,目标元素在顶层，对应第18行的get_header()函数。这个函数是wordpress核心提供的函数，功能是加载主题根目录下的header.php文件。wordpress核心会在接收到访问请求时提前于主题加载以提供各种功能函数。

因此打开header.php文件，可以找到目标元素就在文件的33-51行，包括标题和logo

找到元素之后就可以在css样式里面修改了。主题的所有样式都定义在根目录下的style.css文件。目标元素的样式定义如下：

可以看到目标元素字体是webfont, 修改成想要的字体名称即可（要提前在系统中下载）。之前的修改方法其实就是覆盖了这里的元素样式定义代码。推荐使用之前的修改方法，尽量不要直接修改源码。