You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何将front-page.php关联至WP后台页面,实现静态首页可编辑?

没问题,我来帮你搞定这个事儿!要让你的front-page.php和WP后台的「Home」页面关联,让客户能直接在后台编辑首页内容,其实只需要几步操作就行,我给你一步步说清楚:

步骤1:给你的front-page.php添加模板标识

首先,你需要在front-page.php的最顶部加上一段模板注释,这样WordPress才能在后台识别它是一个可选择的页面模板。打开你的front-page.php,在最开头(PHP标签之后)加上这段代码:

<?php
/**
 * Template Name: 自定义首页模板
 * Description: 网站的自定义首页模板,关联后台Home页面
 */
// 下面是你原来的front-page.php代码...

这里的Template Name可以随便取个好认的名字,比如“自定义首页模板”,客户在后台选的时候能一眼看明白。

步骤2:在后台创建/找到「Home」页面

接下来,登录WP后台:

  • 如果还没有「Home」页面,就去「页面」->「新建页面」,标题写「Home」(或者客户想要的任何名称),内容暂时可以留空,之后让客户自己编辑就行,然后发布页面。
  • 如果已经有「Home」页面,直接进入这个页面的编辑界面。
步骤3:给「Home」页面指定模板

在页面编辑界面的右侧栏,找到「页面属性」的 metabox(如果没看到,可能需要点击右上角的「选项」按钮,勾选「页面属性」)。然后在「模板」的下拉菜单里,找到你刚才在front-page.php里定义的模板名称(比如“自定义首页模板”),选中它之后,点击「更新」保存页面。

步骤4:设置静态首页

最后一步,让WordPress把这个「Home」页面设为网站的首页:

  • 进入后台的「设置」->「阅读」。
  • 在「首页显示」选项里,选择「静态页面」。
  • 然后在「首页」的下拉菜单里,选中你刚才设置好的「Home」页面;如果你的网站有博客功能,「文章页面」可以选一个专门的博客页面(没有的话也可以先空着)。
  • 点击「保存更改」就大功告成了!
关键补充:让模板显示后台编辑的内容

别忘了,你的front-page.php里需要调用the_content()函数,这样客户在后台编辑「Home」页面的内容才能显示在首页上。你可以在模板里合适的位置(比如你想展示内容的区域)加上这段代码:

<?php
if ( have_posts() ) :
    while ( have_posts() ) : the_post();
        the_content();
    endwhile;
endif;
?>

这样客户在后台修改「Home」页面的内容,首页就会自动同步更新啦!

内容的提问来源于stack exchange,提问作者Belial

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.19 08:43:36