WordPress 模板文件极简教程

安装完了WordPress,发现一个很不错的主题,接着又安装了一些必需的插件,可是最后,你还想个性化一下自己的博客外观。 你想更改版权文字,想添加自定义header图片,还想改下文章的标题字体,总之,你总觉得还有很多地方有待改进。

要实现这些效果,最好的方法当然是快速更改模板文件里的一些变量。WordPress管理后台的外观>编辑菜单下就是一个主题编辑器。可是对不懂代码的人来说, 编辑器下的那些文件就像天书一样。

不过请别灰心。只要你肯多花点时间来研究,即使不懂编程,你也可以对自己的主题做些小小的修改。

主题编辑器的右边是一条模板文件列表。 列表被分为两部分: 模板文件和样式表。 大多数情况下,样式表版块里只有一个文件,这个文件里包含了主题的所有视觉元素属性。 在这里你可以对标题字号大小、段落间距、背景颜色以及几乎其它所有博客版面进行修改。

修改博客版面上的设计元素

看着面前的CSS代码,作为新手的你需要从哪里入手呢? 乍一眼看去,这些代码的确很复杂,但是你可以利用Firefox插件Firebug更直观地进行查看。 安装Firebug只需要几分钟,但之后它可以帮你减少很多麻烦。

首先打开Firefox浏览器,进入firebug主页,点击“Download”安装Firebug插件。 重启Firefox浏览器,然后打开博客页面。 我们先从标题开始。 右击标题并选择“查看元素”,你会看到浏览器下方出现了一个工具条。

你可以看见,工具条里有一行被高亮显示的代码。 工具条分左右两部分,左侧是标题标签的HTML代码,我们暂且跳过。 右侧就是定义标题标签样式的CSS代码了。 首先来观察一下右侧的代码:

怎样? 这段代码看起来还算容易理解吧? Font size和font weight意思相近,都是对字体属性的描述。 。 这里的标题字体大小为18,稍后你可以更改这个数值。注意这里的标题: “h2.postTitle a”。 这是CSS文件对你的标题的定义。

接下来回到博客后台的主题编辑器,在style.css文件中查找“h2.postTitle a”。

波比源码 – 精品源码模版分享 | www.bobi11.com
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 如遇到加密压缩包,请使用WINRAR解压,如遇到无法解压的请联系管理员!

波比源码 » WordPress 模板文件极简教程

发表评论

Hi, 如果你对这款模板有疑问,可以跟我联系哦!

联系站长
赞助VIP 享更多特权,建议使用 QQ 登录
喜欢我嘛?喜欢就按“ctrl+D”收藏我吧!♡