wordpress 自定义字段使用---实现推荐文章

1.下载-安装-启用 Advanced Custom Fields 插件

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-EGaHasaQ-1601445239981)(http://www.zihanzy.com/uploads/images/article_con/202009/20/article_con_1600570924_QtlovcbOgW.png)]

2.在左侧功能区->字段->新键字段组
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-c3oxsMnM-1601445240004)(http://www.zihanzy.com/uploads/images/article_con/202009/20/article_con_1600571000_p87GFEgXxR.png)]
3.在字段组下面键入 自定义字段及其相关设置 ->保存->发布
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-C3JgSTe9-1601445240006)(http://www.zihanzy.com/uploads/images/article_con/202009/20/article_con_1600571026_Y8kIUZHpMH.png)]
4.在文章编辑功能区 ->更多->勾选自定义字段

5.在文章编辑区 即可键入该文章的自定义字段值
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5byLlkME-1601445240012)(http://www.zihanzy.com/uploads/images/article_con/202009/20/article_con_1600571076_tL1sLssqMF.png)]

案例–首页展示推荐文章

<div class='zz-con'>
    <div class='row'>
        <?php if(have_posts()): ?>
            <?php while(have_posts()): the_post();?>
			//判断是否是推荐文章
            <?php if(get_post_meta($post->ID,'tj',true)) :?>
        <div class='col-md-4 col-sm-6'>
            <div class="card " style="width: 18rem;height: 18rem; ">
                <div class='card-img'>
                        <img src="static/picture/u=3188343412,147869045&amp;fm=26&amp;gp=0.jpg" class="card-img-top" alt="...">
                </div>
                <div class="card-body">
                <strong class='card-title text-truncate'><?php the_title();?></strong>
                <p class="card-text overflow-hidden" style='height:6rem'>
					//文章摘要
                    <?php the_excerpt();?>
                    </p>
                   //文章链接
                    <a href="<?php the_permalink()?>" class="text-success mt-2 d-block">+阅读原文</a>
                </div>
            </div>
        </div>
            <?php endif;?>
        <?php endwhile;?>
        <?php endif;?>

    </div>
</div>

个人博客 ：https://www.zihanzy.com 欢迎来访