学习本文的先决条件：您对 HTML 和 CSS 有一点了解，并且已经可以构建 WordPress 博客。 如果你不知道如何构建，请阅读我的《关于配置 Lamp 和 WordPress》。 本文不是高手教程，只是我在美化和优化博客的过程中所学到的记录。
首先我的风格是默认主题二十五，白色为主色调，左边是目录，右边是文章。 第一感觉就是字体太大，一页只能放几篇文章。
对于初学者来说，使用WordPress时，首先要尝试一下后台的所有选项和设计。 将所有自定义小工具配置为您喜欢的外观。
这个基本上只要符合自己的审美就可以了。 最重要的是设计中的背景和顶部图像不应该太花哨。 博客中最重要的是文本。 本博客以白色大理石的机械图案作为整体背景。 请注意，两侧的背景必须单独设置，并且如果图片不够大，则会平铺，因此请确保您的图片适合平铺，否则看起来会很奇怪。
现在我们开始添加有一点技术含量的插件。
第一个akismet是为了防止垃圾评论，第二个是取消Google字体，防止因为Google被屏蔽而打开WordPress变慢，第三个是内置的wordpress 读者墙不显示头像，蛮有意思的，第四个是定期给你备份该博客非常有用。 第五个是需要进行一些设置才能显示文章中的读者数量，因为其他所有内容都需要直接安装并激活。 wp-postviews 有点复杂。
如何使用 wp-postviews？
打开外观-编辑。 您可以在这里直接修改您的主题样式和代码。 我们将在这里做出很多改变。 因为每个人的具体审美不同，所以我们只描述如何修改以及代码的大致含义。
这是相应的文件和显示。 CSS 是整个样式表。 如果你想修改任意页面的样式，可以到这里。 右侧是一个目录，您可以在其中跳转到任何模板文件。 一般修改是针对index.php主页。 。
我就不一再重复了，这是为了解释wp-postviews.recommend的具体使用
然后我们就开始规划如何让页面风格好看？ 整体的审美很重要，同时，我个人喜欢更个性一点的东西。 感觉主题只是一件，不太舒服。
接下来，如何从数千行CSS中找到对应的属性并进行修改呢？ 使用的浏览器是chrome。 按F12进入开发者模式，右键单击目标修改块中的review元素。
是不是很高端的接口？ 如果将鼠标滑到代码上，您可以看到哪一段代码对应于该部分。 左下角有一个样式表，非常重要。 一一搜索，看看背景颜色。 可以看到原主题的文章框背景是白色的。 我们找到这句话，看看它属于哪个类别。复制该行并转到后台进行编辑。 在样式表界面，开始搜索，ctrl+f，会弹出搜索框，粘贴复制的代码。 你可以在整个样式中找到白色背景的代码。 如果有多个，请一一尝试，或者检查内容是否与正在开发的内容相符。 在作者模式下，两者属于同一类。 如果注释掉背景颜色代码，就可以将文本框的背景颜色改为透明，还是很漂亮的。
其次，我感觉样式的字体太大了。 我还会寻找开发人员的风格，修改字体大小，看看是否有立即变化。 如果它发生变化，我可以确定修改后的对象是正确的。 然后我在css样式文件中找到这段代码。 文件中的特定文件来更新文件。
虽然方法比较笨拙，但仍然不失为一个好的入门方法。 我修改了背景颜色、字体大小以及上下边距和内边距距离。
关于性能优化！ ！
在chrome中选择网络并检查网络连接速度。
刷新一下你就可以看到所有文件的加载时间，这样你就可以知道你的网站的性能了。 一般来说，只要你的主机不是太差，速度都会很快。 因为内容不多，但是如果你的背景图片特别大，一两米。 。 。 就是这样。 请查看尺寸栏，这是整个页面上所有加载项目的尺寸。 我最大的是背景图片，有60kb。 这不是问题。 只要加载时间不超过两三秒就可以接受。 但是，您也可以看到有两个资源无法加载。 您的头像问题是哪一个？ 由于该资源被屏蔽，您的博客也将被屏蔽。 它不断加载。 这其实很容易解决。 只是不要显示任何头像。 地点是。 后台-设置-讨论-底部，是否显示头像。 只需取消选中它即可。 。 或者安装一个插件 WP User Avatar。
如果你反复刷新，发现速度越来越快wordpress 读者墙不显示头像，这是因为你的电脑上已经有缓存了，所以如果你想看到真实的阅读时间，请勾选上面的禁用缓存框，表示没有缓存。
本教程到此结束。 我希望它可以帮助所有访问者的博客设计。 。