WordPress自定义单页主题开发：Elementor样式失效问题及正确实现方案咨询

首先得拆解你遇到的核心问题：你把其他页面的内容直接输出到首页，但Elementor的样式是和单个页面绑定的——只有当当前请求的页面是对应页面时，Elementor才会加载该页面的专属CSS/JS资源。你现在在“Accueil”页面输出其他页面的内容，那些页面的Elementor样式根本没被加载，所以样式全丢了。另外你加的重定向还可能影响Elementor的后台编辑，得先把这个坑填上。

一、先修复当前的样式失效问题 #

1. 强制加载所需页面的Elementor样式 #

在你的functions.php里添加这段代码，让“Accueil”页面加载所有你要展示的页面的Elementor样式：

function enqueue_elementor_page_styles() {
    // 只在Accueil页面加载额外样式
    if ( is_page('Accueil') ) {
        // 替换成你要展示的页面ID数组
        $target_page_ids = array(54, 83);
        // 确保Elementor已加载
        if ( did_action( 'elementor/loaded' ) ) {
            foreach ( $target_page_ids as $page_id ) {
                // 加载对应页面的Elementor样式
                elementor_frontend()->enqueue_styles_for_ids( [$page_id] );
            }
        }
    }
}
add_action('wp_enqueue_scripts', 'enqueue_elementor_page_styles');

2. 修复重定向对Elementor编辑的影响 #

你原来的重定向会把Elementor编辑其他页面的请求也跳走，导致无法编辑，所以要加上排除逻辑：

function redirect_to_home() {
    global $post;
    // 排除后台、Elementor预览/编辑页面
    if ( is_admin() || isset($_GET['elementor-preview']) || isset($_GET['action']) && $_GET['action'] === 'elementor' ) {
        return;
    }
    // 非Accueil页面重定向到首页带锚点
    if ( !is_page('Accueil') ) {
        // 用sanitize_title处理标题，避免空格/特殊字符导致锚点失效
        $anchor = sanitize_title($post->post_title);
        wp_redirect( home_url() . '#' . $anchor );
        exit();
    }
}
add_action('template_redirect', 'redirect_to_home');

二、单页网站的正确实现思路（更推荐） #

其实你现在的方法有点绕，WordPress + Elementor有更简单稳定的单页实现方式：

方案1：直接用Elementor在首页编辑所有板块 #

这是最省心的方式：

• 删掉那些单独的页面（54、83这些），直接在“Accueil”页面用Elementor添加所有需要的板块（比如首页banner、关于、作品集、联系等）。
• 给每个Elementor板块设置CSS ID（在Elementor编辑器的高级面板里），然后把菜单链接设置成首页URL#板块ID，点击菜单就会跳转到对应板块。
• 根本不需要重定向，因为所有内容都在一个页面里，其他页面不存在，自然没有独立URL的问题。

方案2：用Elementor模板管理板块（适合多内容编辑场景） #

如果一定要分开管理每个板块的内容（比如不同人编辑不同板块），可以用Elementor的模板功能：

• 新建Elementor“区块模板”，每个板块做一个独立的模板。
• 在“Accueil”页面里，用Elementor的“模板部件”工具插入这些区块模板。
• 同样给每个区块设置CSS ID，菜单链接到首页的锚点即可。
• 这种方式既保留了分块编辑的便利性，又能保证所有内容在一个页面，样式100%正常，也不需要任何重定向代码。

方案3：保留多页面但禁用独立访问（不推荐，不如上面两种） #

如果你坚持要用多个页面来存储内容，除了前面的样式修复，还可以把重定向改成直接返回404或者显示单页内容，不过这种方式不如前两种稳定：

function disable_other_pages() {
    global $post;
    if ( !is_admin() && !is_page('Accueil') ) {
        // 直接加载Accueil页面的模板
        include(get_template_directory() . '/template-onepage.php');
        exit();
    }
}
add_action('template_redirect', 'disable_other_pages');

总的来说，最推荐用Elementor原生的单页制作方式，既避免了样式问题，又不需要写复杂的重定向代码，维护起来也更简单。

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