自定义WordPress设计灾难以及一些简单步骤如何避免它们

自定义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设计取决于此!

相关文章