如何在WordPress网站可靠嵌入Twine生成的HTML文本游戏？

1. 上传Twine HTML文件后用iframe嵌入 #

把Twine导出的HTML文件上传到WordPress媒体库或网站根目录（通过FTP或后台文件管理器操作），获取文件的直接访问URL，然后在WordPress页面/帖子里用iframe标签嵌入。示例代码：

<iframe src="https://你的域名/wp-content/uploads/2024/05/your-twine-game.html" width="100%" height="800px" frameborder="0"></iframe>

注意：确保文件权限设为644；如果媒体库不允许上传HTML文件，需修改WordPress的上传类型白名单，添加.html格式。

2. 用自定义HTML区块直接粘贴Twine代码 #

打开Twine导出的HTML文件，复制全部代码（从<!DOCTYPE html>到</html>），在WordPress编辑器中添加自定义HTML区块并粘贴代码。需注意：

• 部分主题或安全插件会过滤脚本标签，可能导致游戏无法运行，可临时禁用相关插件或调整主题过滤规则。
• 若游戏依赖外部资源（音频、图片），需将资源上传到媒体库，把代码里的相对路径替换为绝对URL。

3. 自定义短代码实现快速嵌入 #

如果需要多次嵌入游戏，可编写自定义短代码：

1. 进入WordPress后台外观 > 主题文件编辑器，打开子主题的functions.php（避免主题更新丢失代码）。
2. 添加以下代码：

function twine_game_shortcode($atts) {
    $atts = shortcode_atts(array(
        'file' => '',
        'width' => '100%',
        'height' => '800px'
    ), $atts);
    if (empty($atts['file'])) return '';
    return '<iframe src="' . esc_url($atts['file']) . '" width="' . esc_attr($atts['width']) . '" height="' . esc_attr($atts['height']) . '" frameborder="0"></iframe>';
}
add_shortcode('twine_game', 'twine_game_shortcode');

3. 保存后，在页面/帖子中使用[twine_game file="你的Twine HTML文件URL" width="100%" height="800px"]即可快速嵌入。

4. 自定义页面模板集成游戏 #

若要让游戏作为独立页面展示，可创建自定义页面模板：

1. 在主题（或子主题）文件夹新建page-twine-game.php文件。
2. 写入以下内容（根据主题结构调整头部和尾部代码）：

<?php
/*
Template Name: Twine Game Page
*/
get_header(); ?>

<div id="primary" class="content-area">
    <main id="main" class="site-main" role="main">
        <iframe src="https://你的域名/wp-content/uploads/2024/05/your-twine-game.html" width="100%" height="800px" frameborder="0"></iframe>
    </main><!-- #main -->
</div><!-- #primary -->

<?php get_footer(); ?>

3. 保存后，新建页面时选择“Twine Game Page”作为模板，发布即可。

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