如何在WordPress页面中调整Adscend Media Offerwall的尺寸？

一、解决iframe高度过小问题 #

你之前直接粘贴的iframe未设置高度属性，浏览器会默认用极小高度渲染。只需给iframe添加height属性即可，比如设置为800px（可根据页面布局调整数值），同时保留width="100%"保证宽度适配页面。

二、动态替换用户ID（subid1） #

集成说明要求在subid1=后插入用户唯一ID，固定值无法追踪用户任务记录和收益，需要动态获取当前登录用户的WordPress ID。以下是无需复杂代码的实现方法：

方法：创建WordPress短代码（推荐用Code Snippets插件，避免改坏主题文件） #

1. 登录WordPress后台，安装并激活「Code Snippets」插件。
2. 进入「Snippets」→「Add New」，粘贴以下代码：

function adscend_offerwall_shortcode() {
    // 获取当前登录用户ID
    $user_id = get_current_user_id();
    // 未登录时提示用户登录
    if ( $user_id == 0 ) {
        return '<p>请先登录查看任务墙</p>';
    }
    // 输出带用户ID和指定高度的iframe
    return '<iframe src="https://asmwall.com/adwall/publisher/116068/profile/18966?subid1=' . esc_attr($user_id) . '" frameborder="0" allowfullscreen width="100%" height="800px"></iframe>';
}
add_shortcode( 'adscend_offerwall', 'adscend_offerwall_shortcode' );

3. 给代码命名（比如「Adscend Offerwall 短代码」），点击「Save Changes and Activate」激活代码。

在Elementor中调用 #

回到Elementor编辑页面，添加「短代码」模块，输入[adscend_offerwall]，更新页面后即可看到正常高度且带动态用户ID的Offerwall。

提示：如果不想用插件，也可以在当前主题的functions.php文件末尾添加上述代码，但修改前务必备份主题文件，避免代码错误导致网站无法访问。

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