我在 wordpress 网站加载联系表格 7 时遇到问题

Question

当我点击发送按钮时，它会加载完整的页面，但我只想加载联系我们表格。如果你知道更好的方法...请告诉我。

Answer 1

这取决于你的 CSS 和 JS ......为了成功，你应该遵循这些步骤。

第 1 步：停止在所有页面上加载 JavaScript 和 CSS 样式表

当WPCF7_LOAD_JS的值设置为 false (default: true), Contact Form 7 不会加载 JavaScript。 您可以在wp-config.php设置此常量的值，如下所示：

define('WPCF7_LOAD_JS', false);

同样，您可以使用WPCF7_LOAD_CSS控制 CSS 样式表的加载。 当WPCF7_LOAD_CSS值为 false (default: true)时，Contact Form 7 不会加载 CSS 样式表。 您可以像这样在wp-config.php设置它：

define('WPCF7_LOAD_CSS', false);

或者，如果您使用 Contact Form 7 3.9 或更高版本，您还可以通过在主题的functions.php文件中添加几行代码来禁用 JavaScript 和 CSS 的加载，如下所示：

add_filter( 'wpcf7_load_js', '__return_false' );
add_filter( 'wpcf7_load_css', '__return_false' );

第 2 步：在包含联系表格的页面上加载文件

假设您有一个名为“example.php”的页面，它是唯一包含联系表单的页面。 您必须编辑“example.php”模板文件并将以下几行（放在联系表格的短代码旁边）插入其中：

<?php
if ( function_exists( 'wpcf7_enqueue_scripts' ) ) {
    wpcf7_enqueue_scripts();
}

if ( function_exists( 'wpcf7_enqueue_styles' ) ) {
    wpcf7_enqueue_styles();
}

?>

现在你应该刷新你的页面并点击发送按钮它会正常工作。 谢谢。