如何美化自己的博客，wordpress 主题编辑入门教程。

学习本文的知识前提：略懂html和css，已经能搭建一个wordpress的博客。搭建不会的请看我的《关于配置lamp和wordpress》。本文不是高手教程，不过是自己在美化优化博客的过程中，边学边记录而已。

首先我的样式是默认的主题twenty fifteen 白色为主色调，左目录，右文章。第一步的感觉就是，字体太大了，一个版面只能放几个文章，

对于初学者而已，在使用wordpress中，首先是把后台所有的选项和设计的全部都试一遍。把一切自定义小工具都配置到自己喜欢的样子。

这就是基本可以符合自己的审美就可以了，主要就是设计上背景和顶部的图像不要太花哨，博客重要的是文字而已。本博客就使用了白色大理石的机理花纹作为整体的背景，请注意两边的背景是要分开设置的，而且图片不够大的情况下是平铺过去，所以要确保自己的图片适合平铺否则看起来会很怪异。

现在开始增加有一点点技术含量的插件了，

第一个akismet是防止垃圾评论的，第二个是取消谷歌字体的，防止因为谷歌被墙导致打开wordpress的速度太慢，第三个是自带的，挺有意思，第四个是定期备份你的博客，很有用，第五个是需要一点设置就能在你的文章中显示阅读人数，因为别的都是直接安装启用就行，wp-postviews稍微复杂一点。

如何使用wp-postviews呢?

打开外观-编辑，这里可以直接修改你的主题样式和代码，我们将在这里进行大量的改变，因为具体的审美人人不同，所以仅仅讲述如何去修改，以及代码大概的意思把。

这里就是对应的文件以及显示，css是全部的样式表，想修改你任何页面的样式都在这里，右边是目录，可以跳转到任何的模板文件中。一般修改是index.php主页面的。。

不反复搬砖了，这个是说明wp-postviews具体使用。推荐http://blog.sina.com.cn/s/blog_69e1e35a01018kv4.html

之后开始筹备怎么才能把页面的样式显示的好看呢？一个整体的审美必不可少，同时个人毕竟喜欢稍微个性一点的，感觉主题就像一块块的不是很舒服。

接下来如何从数千行的css中找到对应的属性进行修改，使用的浏览器是chrome，按f12，进入开发者模式，在目标修改的块中右击审查元素。

是不是很高大上的界面，你的鼠标在代码出滑动就可以看到那一块对应那一部分的代码，在左下有一个样式表，这个非常重要。从中一个个找下去，看到关于背景颜色的，可以看出原来主题的文章框是白色背景的，我们找到那句话看看是处于哪一个类中，把那一行复制下来，转到后台编辑样式表的界面，开始查找，ctrl+f，弹出查找框，粘贴复制的代码，可以找到整个样式中背景设为白色的代码，如果有多个，则一个个试，或者看内容是否和在开发者模式下的一直，是非在同一个类里，这样把背景色代码注释掉，就能把文本框的背景色改为透明，还是很漂亮的。

其次感觉样式的字体太大了，同样也是查找开发者的样式，修改font-size，看是否当即出现变化，变化了则可以确定修改的对象是正确的，然后就是找到这句代码在css样式文件中的具体文件从而更新文件。

虽然方法比较笨，但是还可以做为一个不错的上手方式，我就修改了背景色，字体大小，以及上下的margin和pading距离。

关于性能优化！！

在chrome中选择network，看看网络的连接速度上。

刷新一下则可以看见所有文件的加载时间，从而知道你的网站的性能如何，一般而言，只要你的主机别太糟糕，速度是会很快的，。因为 内容并不多，但是如果你的背景图特别大，一两m。。。那就呵呵了，请看size栏目中，就是整个页面所有加载项目的大小，我最大的就是背景图有60kb。这个不是问题，只要加载时间不超过两三秒就可以接受，但是也可以看到有两个资源是无法加载的，哪个是你的头像问题，因为这个资源被墙了，，导致你的博客会不断处于加载中，这个其实很好解决，直接不显示任何头像就可以了，，位置在。后台-设置-讨论-最下面，是否显示头像。取消打钩就行。。或者安装一个插件WP User Avatar。

如何你反复刷新发现速度越来越快，这个是因为缓存已经在你电脑上了，所以要想看真实的读取时间，请把上方的disable cache打勾，表示不缓存。

本次教程到此结束，希望能帮上各位访客的博客设计。。

原创文章，转载请注明： 转载自URl-team

本文链接地址: 如何美化自己的博客，wordpress 主题编辑入门教程。