如何将WordPress小部件以iframe形式嵌入外部项目？

以下是具体操作步骤，利用自定义模板生成仅包含目标小部件的干净页面：

1. 创建自定义页面模板 #

在当前WordPress主题目录（路径一般为/wp-content/themes/[你的主题名称]/）下新建一个PHP文件，命名为widget-only.php，粘贴以下代码：

<?php
/*
Template Name: 仅显示小部件
*/

// 初始化WordPress核心
require($_SERVER['DOCUMENT_ROOT'] . '/wp-load.php');

// 移除多余的全局样式与脚本（可选，进一步精简页面）
remove_action('wp_enqueue_scripts', 'wp_enqueue_styles');
remove_action('wp_head', 'wp_print_styles');
remove_action('wp_head', 'wp_print_head_scripts');
remove_action('wp_footer', 'wp_print_footer_scripts');
?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="<?php bloginfo('charset'); ?>">
    <?php
    // 若小部件依赖特定样式/脚本，手动引入（示例：引入某插件样式）
    // wp_enqueue_style('target-widget-style');
    // wp_enqueue_script('target-widget-script');
    ?>
</head>
<body>
    <?php
    // 方式1：直接调用指定小部件（替换为你的小部件类名与参数）
    // 示例：调用"最新文章"小部件
    the_widget('WP_Widget_Recent_Posts', array(
        'title' => '最新文章',
        'number' => 5
    ));

    // 方式2：调用已注册的侧边栏区域（替换为你的侧边栏ID）
    // dynamic_sidebar('sidebar-custom-widget-area');
    ?>
</body>
</html>

根据你的需求修改代码中的小部件参数或侧边栏ID：

• 方式1适用于直接调用单个小部件，需要知道小部件的类名（比如默认的最新文章是WP_Widget_Recent_Posts，第三方插件小部件可查看插件代码或使用开发者工具获取）
• 方式2适用于调用已在主题中注册的侧边栏区域，侧边栏ID可在主题的functions.php中找到register_sidebar函数的id参数

2. 创建独立页面 #

登录WordPress后台，进入「页面」→「新建页面」：

• 填写页面标题（如“独立小部件页”）
• 在右侧「页面属性」的「模板」下拉菜单中选择「仅显示小部件」
• 发布页面

3. 嵌入到其他项目 #

复制该页面的访问URL，直接在其他项目中用iframe调用：

<iframe src="https://你的WordPress域名/独立小部件页/" width="300" height="400" frameborder="0"></iframe>

注意事项 #

• 若wp-load.php路径不正确（比如WordPress安装在子目录），需调整require语句中的路径，例如require($_SERVER['DOCUMENT_ROOT'] . '/wordpress/wp-load.php');
• 如果小部件显示样式异常，可在模板的<head>标签内添加自定义CSS，或取消注释代码中的样式/脚本引入语句，手动加载依赖资源
• 访问生成的页面确认仅显示目标小部件，无主题导航、页眉页脚等多余内容

内容的提问来源于stack exchange，提问作者jes