无法使临时站点以与实时站点相同的方式显示。完全被难住了

时间:2016-06-29 作者:omega33

背景

我有一种情况,这种情况把我逼到了极点。几个小时后(比我想承认的还要多),我一直无法解决它。所以我想一定有更好的方法来解决这个问题。很明显,我忽略了一些东西。

我已将WordPress网站从活动域复制到临时域。

以前的一位开发人员对该站点进行了大量重要的定制,并将其入侵到主题文件中。这是一个专业主题,定期更新(他禁用了更新),所以我不知道为什么会采取这种方法。但这只是旁白。所有者希望能够更新主题。我建议的解决方案是识别所有自定义代码和文件并将其迁移到子主题。

该问题

由于某些原因,站点主页在活动站点上的加载方式与临时副本不同。这是一个造型问题。有一个表单似乎在每个站点上使用不同的CSS。我不明白为什么,一直无法弄明白。它还影响主菜单/标题。

我所尝试的是使用Firebug和Chrome开发工具来详细查看呈现的HTML和CSS。我一直在使用BBEDIT对相关CSS选择器等进行完整的站点搜索(使用所有文件的脱机副本),以尝试并查明问题CSS属性来自于实时和临时站点。我还对数据库的转储进行了搜索。

尽管我付出了所有的努力,但我一直无法弄清楚错误的CSS是如何产生的以及从哪里产生的。

作为一种变通解决方案,我开始添加新的CSS定义,包括!important, 只需强制临时站点具有正确的属性属性。但后来我发现,在实时站点上,表单是响应的,而在临时站点上则不是。因此,我不再试图找出它为什么没有响应并修复,而是回到了试图找出它们在每个域上呈现完全不同的方式和原因。

问题1)您建议如何识别应用于呈现页面的CSS源?(考虑到我已经用Firebug和Chrome开发工具查看了它)

2) 这里有没有人愿意帮我看看这些网站,并告诉我我正在俯瞰什么?我意识到,如果我在这里发布特定的代码,对未来的观众来说会更有用,但WordPress并不是一个真正的选择。我不能把整个问题一蹴而就,也不能在这里重复。

(3)(New question)是否有一个列表,或者有人会告诉我WordPress给样式声明源的优先级顺序?

我知道那种风格。子主题中的css优先于样式。父主题中的css。但是函数中声明的样式呢。php文件以及JS或函数的其他样式表。php调用?看来即使!important 属性(子主题)样式。css在函数中的优先级不高于声明。php。

建议在(子主题)函数中移动样式声明。php风格。css文件?(为了便于组织和将来的修改)。或者这被认为是一个错误的举动,因为这意味着将有更多的样式声明从样式中解析出来。不必要的css(即,如果没有调用相关函数,即使不需要,也会对其进行解析)?

实时站点上的标题和表单快照:snapshot of form and header on live site

暂存站点上的相同标题和表单:staging site

如果有人愿意通过直接查看现场来提供帮助,则现场位于:

~已删除(出于隐私)~

临时站点位于:

~已删除(出于隐私)~

我想知道如何解决这个问题,所以如果你看看这个网站并给出答案,请告诉我你是如何解决的;或者我该怎么去弄清楚。谢谢

4 个回复
SO网友:Mohit Kumar Arora

这两个网站的css文件有很多不同之处。例如,看看div having classet-top-navigation 在浏览器中进行检查。

您会发现,在临时网站中,应用了顶部填充和左侧填充,而在实时网站中则没有。

类似地,在登台网站中检查其他css更改,或者简单地备份登台网站中的所有css文件,并从live网站中放置这些文件。

我希望这能解决你的问题。

SO网友:J Garcia

现在链接被删除了,我无法查看这些网站,也不知道您是如何将内容移动到子主题的,但如果您认为样式表的加载顺序有问题,我会查看任何add_action() 调用调用wp_enqueue_style(). 有时使用的第三个参数可以传递给add_action() 这为回调指定了优先级,有可能add_action() 来自父主题的位于子主题的后面add_action().

WP add_action() docs

需要覆盖其他样式表的样式表应该排在最后。

SO网友:Elena

我不知道我的经验是否有帮助,但在我的情况下,自定义模板在Wordpress主题管理区域有自己的设置页面(不是Wordpress内置的主题设置页面,我指的是该模板的设置页面)。

在导入(或手动插入)该模板的设置之前,我的暂存版本是“css不同的”。我不明白为什么DB和FTP克隆(显然是完整的域替换)还不够;)但我可以通过这种方式手动修复缺失的设置。

SO网友:OctaviaLo

在OP发布他的问题五年后,我发现我也有同样的问题,主题也很优雅(我猜OP使用ET是因为类名)。马里亚诺的评论真的很有帮助。我还使用了儿童主题。将主题切换到其他主题,取消缓存并将其切换回。。。维奥拉,这很有效。

相关推荐

在帖子内容中使用语义HTML有什么好处?

我一直在阅读语义HTML作为提高可访问性和SEO的一种手段,但我仍在学习语义HTML的含义。我的一个问题是,是否有必要确保在帖子内容中尽可能多地使用语义HTML。Example:我有一个研究项目的职位类型。单个研究项目的总结可以有任意数量的缩写,如学历、前缀和后缀(例如,先生、先生或小)、疾病、组织、技术(例如,MRI)等。它还可以引用其他日期,例如过去的研究何时完成。网站上肯定会有研究项目发布的日期。以下是一些让我对过去使用语义HTML感到好奇的例子:日期范围,如;2020-2022年”</序数的