Elementor Pro静态页面插入动态文本实现无编辑器权限修改内容方案咨询

下面是3种可直接落地的实现方法，均不需要客户持有Elementor编辑器访问权限：

方案1：使用WordPress原生自定义字段（无需额外代码/插件） #

• 打开目标落地页的WordPress后台编辑界面，点击右上角三点图标，选择「偏好设置」，在面板中勾选「自定义字段」后刷新页面
• 下拉到页面底部的自定义字段区块，点击「输入新字段」，设置字段名（如custom_hero_title），填写默认文本值后保存页面
• 回到Elementor编辑器，选中需要绑定动态内容的标题模块，点击动态标签按钮，在「WordPress」分类下选择「自定义字段」，在设置中选择你刚才创建的对应字段名即可
• 客户后续仅需要进入该落地页的WordPress后台编辑界面，修改对应自定义字段的值后更新页面，即可完成文本修改，无需操作Elementor编辑器

方案2：自定义短代码+后台设置项（适合多文本批量管理） #

如果需要预留多个可修改文本，可直接在当前主题/子主题的functions.php文件中添加如下代码：

// 注册可编辑文本短代码
function custom_editable_text( $atts ) {
    $atts = shortcode_atts( array(
        'key' => '',
        'default' => ''
    ), $atts );
    $value = get_option( 'editable_text_' . $atts['key'], $atts['default'] );
    return esc_html( $value );
}
add_shortcode( 'editable_text', 'custom_editable_text' );

// 新增后台设置入口
function add_editable_text_settings_page() {
    add_options_page( '自定义文本设置', '自定义文本', 'edit_posts', 'editable-text-settings', 'render_editable_text_settings' );
}
add_action( 'admin_menu', 'add_editable_text_settings_page' );

// 渲染设置页面
function render_editable_text_settings() {
    ?>
    <div class="wrap">
        <h1>自定义文本设置</h1>
        <form method="post" action="options.php">
            <?php
            settings_fields( 'editable_text_group' );
            do_settings_sections( 'editable-text-settings' );
            submit_button();
            ?>
        </form>
    </div>
    <?php
}

// 注册设置项，需要新增可修改文本可复制register_setting和add_settings_field段代码扩展
function register_editable_text_settings() {
    register_setting( 'editable_text_group', 'editable_text_hero_title' );
    add_settings_section( 'editable_text_section', '可编辑文本列表', '', 'editable-text-settings' );
    // 首屏标题字段
    add_settings_field( 'hero_title_field', '首屏大标题', function() {
        $value = get_option( 'editable_text_hero_title', '默认首屏标题' );
        echo '<input type="text" name="editable_text_hero_title" value="' . esc_attr( $value ) . '" class="regular-text">';
    }, 'editable-text-settings', 'editable_text_section' );
}
add_action( 'admin_init', 'register_editable_text_settings' );

• 你可以根据需求扩展代码中的设置项，新增更多可修改文本字段
• 在Elementor的标题控件中直接填入对应短代码即可，比如首屏标题填入[editable_text key="hero_title" default="默认首屏标题"]
• 客户后续仅需要进入WordPress后台「设置」-「自定义文本」页面，即可修改所有预留的文本内容，无需接触页面编辑操作

方案3：自定义文章类型绑定 #

如果需要管理的文本块数量较多，可先创建一个名为「可编辑内容」的自定义文章类型，每篇文章对应一个要修改的文本块，文章标题/内容填写对应文本值。之后在Elementor中选择动态标签的「文章」分类下的「文章标题/文章内容」，绑定对应文章ID即可，客户仅需要修改对应文章的内容即可同步更新落地页文本。

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