从WP管理栏快速进入Elementor编辑页面的实现方案

实现思路 #

通过修改主题的functions.php文件，在WordPress后台顶部工具栏（Admin Bar）添加自定义按钮，当你处于页面/文章编辑页（或前端已登录状态）时，点击按钮就能直接进入Elementor编辑模式，无需返回页面列表。

代码实现 #

将以下代码复制到你的主题（或子主题）的functions.php文件中：

add_action( 'admin_bar_menu', 'add_elementor_edit_link_to_admin_bar', 999 );
function add_elementor_edit_link_to_admin_bar( $wp_admin_bar ) {
    // 仅在用户有编辑权限且Elementor已激活时显示
    if ( ! current_user_can( 'edit_pages' ) || ! defined( 'ELEMENTOR_VERSION' ) ) {
        return;
    }

    $current_post_id = get_the_ID();
    // 仅针对页面和文章类型（可按需添加自定义文章类型）
    if ( ! in_array( get_post_type( $current_post_id ), array( 'page', 'post' ) ) ) {
        return;
    }

    // 检查当前页面是否支持Elementor编辑
    if ( ! Elementor\Plugin::$instance->documents->get( $current_post_id ) ) {
        return;
    }

    $elementor_edit_url = admin_url( 'post.php?post=' . $current_post_id . '&action=elementor' );

    $wp_admin_bar->add_node( array(
        'id'    => 'elementor-quick-edit',
        'title' => 'Elementor 快速编辑',
        'href'  => $elementor_edit_url,
        'meta'  => array(
            'title' => '直接进入Elementor编辑页面',
        )
    ) );
}

使用说明 #

• 登录WordPress后台，进入「外观」→「主题文件编辑器」，找到当前主题的functions.php文件
• 将上述代码粘贴到文件末尾，点击「更新文件」保存
• 之后，当你在页面/文章的后台编辑页、或者前端已登录状态下，顶部工具栏会出现「Elementor 快速编辑」按钮，点击即可直接跳转到Elementor编辑界面

可选优化 #

如果只想在后台编辑页显示按钮，可以在函数开头添加以下判断：

if ( ! is_admin() ) {
    return;
}

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