WordPresschrome上的自定义预览样式

我要把头发拔出来。我正在添加自定义功能，让我的女朋友风格的网站，我正在建设。她希望能够改变菜单的背景色，考虑到我已经和其他几个div在这个主题上做了这件事，我想这不是什么大问题；但是，她使用chrome，我使用firefox。我的自定义选项可以修改菜单项背景的样式，我用来抓取主题的样式标签在pageload上也可以很好地工作——在firefox和chrome中都可以。预览在firefox中也可以正常工作，包括选择性刷新和其他一切。但是，当自定义程序在chrome上使用时，选择性刷新会正确地获取样式标记，然后完全打断自定义程序自定义的所有其他样式元素。如果您修改了另一个控件，设置将恢复，但修改了与其中一个菜单项相关的控件，它将再次中断所有内容（我所说的所有内容都是样式标记，而不是<；链接>；中的任何内容）；.css文件类似样式.css例如）。由于循环遍历所有菜单项并设置所有这些项（对于自定义程序和内联样式标记）会使代码相当冗长，因此我将一个菜单项硬编码到代码中，以便为大家提供一个示例： $wp_customize->add_setting( = => \"menu-item-8_bg_color\")));$wp_customize->selective_refresh->add_partial( => True));function menu_items_style() {return \" I have tried escaping out of php, echoing echoing, and (as above) simply returning out the style tag of menu_items_style(). Also remember, this is a simplified version of what my code is since it requires me to loop through menus and all of that junk. I have simplified this to hardcode the value of a menu-item (which, can obviously change if you add/delete menu-items from a menu) only for the purposes of debugging. I don\"t think the rest of that code has anything to do with this because I\"m experiencing exactly the same thing in chrome (but no problem in firefox). Another point to mention, unless I\"m very foolish, I\"m really confident that the style tag is correct here, because–in chrome–if I simply edit the style element (in the chrome inspector), change nothing, and then exit editing the style element, then Chrome starts displaying all of the styles correctly again. I can even edit a different style element and chrome then updates accordingly. Again, this is ONLY happening in Chrome, and ONLY with the menu-item control(s). All other controls work just fine in the customizer and even in chrome. I\"ve even hardcoded in the background css attribute to something like red, and it still breaks all styles. There are no errors from the javascript console and no errors from php debugging or in debug.log (both of which are obviously turned on). And chrome is definitely getting the updated inline style tag in the preview window, it just breaks everything. I have asked about this on IRC and was recommended to make the post here. My gut tells me that this is a chrome problem (since it works on firefox), but its really driving me up the wall as to why other customize controls work just fine on chrome (that modify background color like this as well). I simply just want to hear if anyone else can replicate the problem to know if this is my own stupidity or if this is a problem with chrome. Thanks for your time. - This topic was modified 10 months ago by nicholasrees. I forgot to add the code that actually defines the section where the menu-item controls sit: $wp_customize->add_section( \"content\",>) ); 很抱歉发表了这么长的文章，我不知道如何简洁地解释这个问题。也许是语法错误，Chrome没有Firefox那么宽容。有几件事似乎值得怀疑，但最大的一件事是使用了partial。当您可以简单地使用JS并更改样式时，为什么要使用PHP来生成CSS呢？我发现用CSS变量做颜色是最简单的方法。您会得到即时反馈，而且样式很容易输出到前端。其他不太一致的内容：节名是\"菜单\"还是\"内容\"？消毒回调（它是否包括#或不包括？） True值应该是true？呈现回调是一个匿名函数，它只调用一个函数（为什么？） background速记重置背景的所有属性您可以阅读我的主题代码https://wordpress.org/themes/twenty8teen，它使用CSS变量来表示颜色（和其他东西），https://themes.trac.wordpress.org/browser/twenty8teen/20200614/style.css#L334 JS在自定义程序中显示，https://themes.trac.wordpress.org/browser/twenty8teen/20200614/js/customizer preview.js#L29 用于为前端生成CSS的PHP函数，https://themes.trac.wordpress.org/browser/twenty8teen/20200614/functions.php#L464 我使用partial作为标题图像和博客名称。 https://themes.trac.wordpress.org/browser/twenty8teen/20200614/inc/theme customizer.php#L468我使用PHP来生成css，因为在wp_customize_manager下的partials只需输入一个向管理器调用函数，而不必将js排队。此外，您可以编写整个定制只有php，这似乎显然对我有利。我不太明白\"为什么\"这个问题。问我为什么要做某件事实际上并不能解决我遇到的问题。你说得对，我复制了不正确的部分，在控制参数中确实有一个定义为\"菜单\"的部分。如果这是我的问题，那么我将无法看到控件，但这不是我描述的问题。我所描述的问题是chrome破坏了样式标签–不仅是这个标签，还有站点上的所有标签。清理回调是针对十六进制代码的。我还使用wpu customizeu coloru控件，所以sanitize回调和color控件应该以这种方式一起使用。我的所有其他控件都同时使用这些函数，没有问题。另外，我可以验证是否将正确的背景值添加到style标记中—只是chrome不会出于某种原因显示它们。关于布尔值，请参阅PHP布尔值文档： \"若要指定布尔值，请使用常量TRUE或FALSE。这两个函数都不区分大小写。关于匿名函数，我很难简单地将函数名传递给renderu回调。我不知道问题出在哪里，在这两种情况下，wordpress主题手册基本上做了相同的事情（不过，将参数传递到函数中）。我不明白为什么修改它会改变我的功能。是的，这正是我想做的。获取已为#menu-item-8定义的任何背景属性，并将其替换为get#theme _mod（\"menu-item-8\"）中的值。也许您可以检查一下样式标记的无效内容？函数菜单项u style（）{return\"<；style> 在渲染部分时也会打断样式。一切

WordPresschrome上的自定义预览样式

admin_action_{$_REQUEST[‘action’]}

admin_footer-{$GLOBALS[‘hook_suffix’]}

customize_save_{$this->id_data[‘base’]}

customize_value_{$this->id_data[‘base’]}

get_comment_author_url

network_admin_edit_{$_GET[‘action’]}

network_sites_updated_message_{$_GET[‘updated’]}

pre_wp_is_site_initialized

WordPress 的SEO 教学：如何在网站中加入关键字（Meta Keywords）与Meta 描述（Meta Description）？

谷歌的SEO是什么