Question

早安和节日祝福！我正在寻求帮助。我正在尝试创建一个自定义帖子，单页模板，我想嵌入一个滑块，从同一篇文章的数据中获取图像，标题和摘录。让我来描述我寻求帮助的问题。

背景信息 1）我创建了一个名为“HPC Products”的自定义帖子类型 2）它与Custom Taxonomy链接，称为“HPC产品类别” 3）HPC产品的自定义字段组包括密钥突出显示1，密钥突出显示2，密钥突出显示3（所有3个单文本字段），它还具有名为产品图像1，产品图像2，产品图像3（所有3图像字段）的字段），还有一些其他领域，如标题，功能等， 4）我为单HPC产品制作了自定义内容模板。

目标（我无法实现）在单hpc产品页面中，我有标题和标语，后跟产品说明。我想要一个带3张幻灯片的滑块。

幻灯片1 - 应该获取Prod Image 1，Key Highlight 1的标题和Highlight 1的细节幻灯片2 - 应该获取Prod Image 2，Key Highlight 2的标题和Highlight 2的细节幻灯片3 - 应该获取Prod Image 3，Key Highlight 3的标题和Highlight 3的细节。

我搜索了很多论坛字符串，我尝试了超过25种不同的视图和模板尝试，有不同的选项，如Post is Parent，Post is Child， - Template is slider，template is custom display等，但由于某些原因，我没有取得成功。

如果你可以通过简单的步骤指导我来帮助我，我真的很感激，我是一个没有PHP或编码知识或经验的新手。

Answer 1

我认为您使用高级自定义字段插件来创建自定义字段。如果不使用get_post_meta（）而不是get_field（）

首先，您需要找到符合您要求的滑块。在你看到它的标记之后。想象它看起来像下面的代码，

<div id="slider-main">
   <div class="slide">
       <img src="images/img1.png" />
       <span class="caption-1">Key Highlight</span>
       <p class="caption-2">Key highlight details</p>
   </div>

   <div class="slide">
       <img src="images/img2.png" />
       <span class="caption-1">Key Highlight</span>
       <p class="caption-2">Key highlight details</p>
   </div>

   <div class="slide">
       <img src="images/img3.png" />
       <span class="caption-1">Key Highlight</span>
       <p class="caption-2">Key highlight details</p>
   </div>
</div>

您的模板文件如下所示，

<?php get_header(); ?>
<?php while ( have_posts() ) : the_post(); ?>
 <div id="main">

    <div id="slider-main">

        <div class="slide">
            <img src="<?php echo get_field('product_img1'); ?>" />
            <span class="caption-1"><?php echo get_field('key_highlight1'); ?></span>
            <p class="caption-2"><?php echo get_field('highlight_details1'); ?></p>
        </div>

        <div class="slide">
            <img src="<?php echo get_field('product_img2'); ?>" />
            <span class="caption-1"><?php echo get_field('key_highlight2'); ?></span>
            <p class="caption-2"><?php echo get_field('highlight_details2'); ?></p>
        </div>

        <div class="slide">
            <img src="<?php echo get_field('product_img3'); ?>" />
            <span class="caption-1"><?php echo get_field('key_highlight3'); ?></span>
            <p class="caption-2"><?php echo get_field('highlight_details3'); ?></p>
        </div>

    </div>

 </div>
 <?php endwhile; ?>
<?php get_footer(); ?>

WORDPRESS：Slider with Image，Caption＆amp;摘自相同帖子的自定义字段

1 个答案: