默认情况下，脚本在视觉视图中被剥离。

因此，有两种选择：

永远不要再使用视觉模式（老实说，这不会发生的；）functions.php 文件添加以下内容

/**
 * [alert_link url="https://example.com" message="This is the message" text="This is the link to click"]
 *
 * @param $atts
 * @param null $content
 *
 * @return string
 */
function my_alert_shortcode( $atts, $content = null ) {
    // Set up your defaults and read from the shortcode parameters you enter in the page.
    $atts = shortcode_atts(
        array(
            $url = \'#\', // This is the default URL for your shortcode should you leave that parameter blank
            $message = \'This is the message\', // This would be the default message should you leave that parameter blank
            $text = \'This is the link to click\', // This would be the default text that is made an anchor
        ), $atts, \'alert_link\' );

    // Now format your output to include the parameters from above.
    $output = \'<a class="my-alert-link" href="\' . $url . \'" onClick="alert(\\\'\' . $message . \'\\\')">\' . $text . \'</a>\';

    return $output; // Return
}
add_shortcode( \'alert_link\', \'my_alert_shortcode\' ); / This registers your shortcode for use.

一旦设置到位，您只需像这样输入快捷码，并根据需要替换默认值：

[alert_link url="https://example.com" message="This is the message" text="This is the link to click"]

短代码是一种非常有用的方法，可以在不必将其编程到编辑器中的情况下添加脚本或额外功能（这本身就不安全，这就是脚本被剥离的原因）。

请在此处查看WordPress快捷码文档：https://codex.wordpress.org/Shortcode_API

还有一个关于您使用的HTML的快速注释。虽然有效，但用于设置字体大小、系列等的字体标记和跨距非常旧，如果可能，应使用CSS替换。

检查HTML 5 Web开发人员指南的语义等。https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5