◆ 需求场景

如下代码和示图，【区域1】和【区域2】文本内容不是一成不变，直接镶入php文件页面，对于非开发人员修改文本内容不太方便，为此，应该把这些文本内容抽取出来，放置后台编辑。便于后台管理人员维护数据变更。

<div class="col-raw col-flex">
    <div class="col-n col-6 col-n-tb col-6-tb">
        <h3>从繁花到繁花</h3>
        <p class="txt-gray">
            <?php echo $txt1 ?>
        </p>
        <hr class="gap x2">
        <h3>读者寄言</h3>
        <p class="txt-gray">
            对于书迷我的建议是：带着《繁花》看《繁花》，每个人心里边，都有自己的《繁花》，我跟你们一样，只是一个读者，我的解读只是我的一家之言。对于没看过原著的观众，这个剧集只是蛋糕中的一块，看完之后意犹未尽，我建议你们去看原著。
        </p>
    </div>
    <div class="col-n col-2 col-n-tb col-1-tb">
        <hr class="gap x2">
    </div>
    <div class="col-n col-4 col-n-tb col-5-tb" style="display:flex;align-items:center;justify-content:space-between;">
        <p>王家卫 ｜ 繁花监制 导演</p>
        <img src="<?php echo get_template_directory_uri().'/assets/src/img/wangjiawei.webp' ?>" loading="lazy" class="about-boss-img">
    </div>
</div>

◆ 自定义字段

WordPress 提供了【自定义字段】的原生功能，通过使用自定义字段，允许你为文章、页面或自定义文章类型添加额外数据。就可以实现上述应用场景。即在页面编辑处新增自定义字段，php文件再调用该字段实现。

◆ 需求实现

后台进入【页面】菜单，打开需要添加自定义字段页面，创建自定义字段。

php页面代码获取自定义字段功能实现如下：

// 获取当前页面 ID
$page_id = get_the_ID();
//获取自定义字段
$txt1 = get_post_meta( $page_id, 'txt1', true );
if (empty ( $txt1 )) { 
    $txt1 = "txt1内容";
}
$txt2 = get_post_meta( $page_id, 'txt2', true );
if (empty ( $txt2 )) { 
    $txt2 = "txt2内容";
}

<div class="col-raw col-flex">
    <div class="col-n col-6 col-n-tb col-6-tb">
        <h3>从繁花到繁花</h3>
        <p class="txt-gray"><?php echo $txt1 ?></p>
        <hr class="gap x2">
        <h3>读者寄言</h3>
        <p class="txt-gray"><?php echo $txt2 ?></p>
    </div>
    <div class="col-n col-2 col-n-tb col-1-tb">
        <hr class="gap x2">
    </div>
    <div class="col-n col-4 col-n-tb col-5-tb" style="display:flex;align-items:center;justify-content:space-between;">
        <p>王家卫 ｜ 繁花监制 导演</p>
        <img src="<?php echo get_template_directory_uri().'/assets/src/img/wangjiawei.webp' ?>" loading="lazy" class="about-boss-img">
    </div>
</div>