为啥 Wordpress 自定义 HTML 块正在更改我的代码?

Posted

技术标签:

【中文标题】为啥 Wordpress 自定义 HTML 块正在更改我的代码?【英文标题】:Why Wordpres custom HTML block is changing my code?为什么 Wordpress 自定义 HTML 块正在更改我的代码? 【发布时间】:2022-01-19 21:12:20 【问题描述】:

我正在使用“地理定位 IP 检测”插件,以便为访问者提供本地化的亚马逊联盟链接。

当我在自定义 html 块中输入类似内容时:

[geoip_detect2_show_if country="MX"]
<div class="wp-block-buttons is-content-justification-center">
 <!--wp:button "backgroundColor":"luminous-vivid- 
  orange","textColor":"white","className":"is-style-fill" -->
 <div class="wp-block-button is-style-fill">
  <a class="wp-block-button__link has-white-color has-luminous- 
    vivid-orange-background-color has-text-color has-background" href="https://amzn.to/example" target="_blank" rel="noreferrer noopener nofollow">See on Amazon</a>
 </div>
 <!-- /wp:button -->
</div>
[/geoip_detect2_show_if]

当我回到编辑器时,我在自定义 HTML 块中得到了这个:

[geoip_detect2_show_if country="MX"]
<div class="wp-block-buttons is-content-justification-center"></div>
[/geoip_detect2_show_if]

链接在编辑器中被删除。这些块似乎工作正常(提供本地化链接),但如果我再次保存页面,没有链接的代码会更新到页面中。

【问题讨论】:

【参考方案1】:

看起来您正在使用古腾堡编辑器。 尝试在自定义 html 块之前和之后使用专用的短代码块来构建布局。 因此,顶部短代码块中的 [geoip_detect2_show_if country="MX"],自定义 html 块中的自定义 html(如果不需要,请删除注释项目),然后是短代码块中的 [/geoip_detect2_show_if]之后。

【讨论】:

以上是关于为啥 Wordpress 自定义 HTML 块正在更改我的代码?的主要内容,如果未能解决你的问题,请参考以下文章

如何在 WordPress 中使用简单的自定义古腾堡块获取唯一 ID?

Wordpress Gutenberg 自定义列块

如何向 WordPress Gutenberg 块添加自定义块?

WordPress REST API 不适用于自定义 wordpress 路径

php Wordpress自定义可编辑块

如何自定义wordpress文章的固定链接