自定义 WordPress 设计将帮助您从基于此发布平台的所有其他网站中脱颖而出。但是,如果设计不当,自定义 WordPress 主题可能会导致插件功能显示不正确以及许多其他视觉和性能问题。在这里,我们将讨论您自己如何容易落入这个陷阱,以及避免它的最佳方法。

因此,您已经在您的网站上安装了 WordPress,并开始向其发布博客文章。您已经很高兴能够轻松地在您的网站上快速获得新鲜内容,并且满足的技能非常有限。而且,您拥有 WordPress 博客的时间越长,您使用 WordPress 发布界面就会越舒服。

很快,您对 WordPress 感到非常满意,以至于您决定只需更改屏幕顶部的标题图像即可。您已经查看了 CSS 文件和其他 PHP 文件,并认为将标头使用的图像 URL 更改为您实际需要的图像 URL 并不是那么困难。改用。

您在 CSS 文件中更改了您想要的行,嘿,很高兴您发现它确实将图像更改为您想要使用的图像。您已经开始了创建自定义 WordPress 设计的冒险之旅。但要小心!因为除非你小心,否则这里会变得非常危险!

因为在仔细查看您的新标题图片后,您意识到它不太适合您博客的顶部。不显示图像的一位。相反,会显示整个图像,但它还会在图像应该终止的一侧再次重复一些图像。

当您尝试创建自定义 WordPress 设计时,这是一个常见问题。您可以看到原始主题是针对特定图像尺寸创建的,如果图像尺寸不完全相同,则必须进行一些更改。然而,这并不难,您很快就会发现可以在博客的主 CSS 文件中编辑所需的代码,一切都会变得更好!

此后不久,您决定在您的博客上使用一个奇特的导航系统。您已经从 DynamicDrive.com 或 JavaScriptKit.com 看到了一些很棒的免费导航面板,并且您认为其中之一在您自己的网站上看起来会很棒并且可以帮助您的访问者导航。因此,您可以将它安装在您的网站上,并在它上线时查看它。

您的自定义 WordPress 设计现在真的开始看起来不错了。但随后您会注意到导航面板的性能不如演示中那样好。您会注意到它实际上不适用于您最喜欢的博客。不过不用担心,您在编辑 CSS 文件之前已经修复了它,您可以再次编辑它,对吗?

因此,通过反复试验,您会找到需要更改的适当代码行,并且在不知不觉中,您已经找到了一种方法,可以让这个强大的导航系统为您的设备工作博客。所有访问者现在都会在您的博客上看到与您网站上其他任何地方相同的漂亮导航面板。

谁曾说过制作自定义 WordPress 设计很困难?你刚刚做了另一个改变,一切看起来都很棒。互联网上每个说编辑 WordPress 主题不容易的人都不知道他们在说什么,是吗?好吧,这让您感到自信,因为现在您正在考虑可以稍微调整一下的侧边栏。

当然,侧边栏已经很不错了,但如果你能稍微调整一下,你可以在其中添加一两个你想临时使用的功能。您想为您真正喜欢并想在您的博客上推广的附属产品添加这些横幅,以赚取额外佣金。好吧,这应该不会太难,你做对了吗?

因此,您需要调整侧边栏的大小并一次更改一行代码,然后在浏览器中刷新博客以查看每次更改的效果,不知不觉中,侧边栏就适合了各种类型的理想尺寸的广告媒体。您可以开始添加横幅和其他要在其中显示的内容。

定制的WordPress设计工具让你轻松思考,你看起来像一个花哨的,易于浏览和有效的新博客,也可以通过你选择的广告媒体获利,也适合你无处不在有电子邮件列出您网站上的其他订阅者表格。不过,在这个阶段有一件好事,那就是如果你真的可以将侧边栏移出,使它们正好位于可视屏幕的边缘,在中间为内容留出更多空间,并且它会匹配样式网站的其余部分。

因此您再次开始调整主 CSS 文件。这次让侧边栏移动到屏幕边缘花费了更多的努力,但你最终成功了。它花费的时间比您想象的要长得多,并且您必须更改 CSS 文件中的几行代码,但是就像您一直所做的那样,您对 WordPress 设计进行了更改,一切看起来都很好。

随着时间的推移,您需要进行更多更改,没什么大不了的,只是在这里和那里进行一些小的调整,但是逐渐地,您的博客看起来与最初应该的一样有不同的主题,并坦率地摆脱它,因为您现在拥有更好的东西。正如您可以想象的那样,自定义 WordPress 设计总是帮助您与其他所有网站区分开来,这些网站的所有者没有进行简单、小的更改来显着改善博客的感觉!

也许他们只是懒惰,自己想想。或者也许他们太愚蠢了,你在嘲笑自己,认为过去几个月你自己做出所有这些改变是多么聪明。

在本文的这个阶段,您可能已经注意到反复出现的主题,即想要更改 WordPress 博客的某些元素。您还会注意到 CSS 文件中的代码在反复试验后发生了更改。事实上,很多人都学会了通过一行一行地更改CSS代码并刷新博客来查看博客更改主题的效果。

然而,这就是事情开始变得真正严重的地方。因为即使您不断检查每次更改都做了哪些更改,如果您只使用一种浏览器,或者更糟的是,使用一种屏幕分辨率,也很容易错过更改!没错,在一种浏览器中看起来不错的东西在另一种浏览器中可能并不适用,而且在一种屏幕分辨率下看起来不错的东西在另一种屏幕分辨率下可能看起来很糟糕。

屏幕分辨率问题是两者中最严重的问题,因为大多数浏览器都能够显示和支持相同的基本功能,但并非所有显示器都是一样的!您的一些网站访问者可能使用屏幕分辨率低的极旧显示器,而其他网站访问者可能使用屏幕分辨率惊人的全新显示器。而且,如果您不小心,您的新博客在其他显示器上可能看起来很糟糕!

如果您从本文中吸取了教训,那应该是这样的:

WordPress 主题功能取决于主 CSS 文件中的多行代码。有时,需要更改几行代码才能进行更改。如果你没有正确无误地更改每一行必要的代码,你几乎肯定会得到意想不到的结果。如果您没有立即注意到任何对您的博客有害的更改,您可能会忘记再次更改它们。从这一点开始,进一步的更改会对您的博客产生巨大影响,如果没有对原始 CSS 文件(每次更改后重新创建)进行充分备份,您可能会创建一个灾难性的博客!

因此,始终进行备份,始终测试每一个更改,始终以所有屏幕分辨率查看您的博客,最重要的是,在您开始之前了解有关您的 WordPress 主题 CSS 文件的更多信息。您的自定义 WordPress 设计取决于它!