使自定义字段图像附件工作 - WordPress

Question

我正在努力为现有的 WordPress 网站添加一些功能。这个网站不是我写的，我只是在调整已有的代码。

我正在尝试在我们的一个模板上添加位于某些手风琴式下拉菜单上方的图像。 我已经能够将自定义字段添加到 custom_fields.php 文件中，并且它显示在 WP Admin 端，但我不知道如何使图像显示在浏览器中。

我正在尝试添加的图像命名为“accordion_image”

自定义字段：

Carbon_Container::factory('custom_fields', __('Info Page Titles', 'domain'))
    ->show_on_post_type('page')
    ->show_on_template('template-info.php')
    ->add_fields(array(
        Carbon_Field::factory('text', 'info_subtitle'),
    ));

Carbon_Container::factory('custom_fields', __('Accordions Section', 'domain'))
    ->show_on_post_type('page')
    ->show_on_template('template-info.php')
    ->add_fields(array(
        Carbon_Field::factory('text', 'acc_section_title', 'Section Title'),
        Carbon_Field::factory('complex', 'accordions')
            ->add_fields(array(
                Carbon_Field::factory('text', 'accordions_title'),
                Carbon_Field::factory('complex', 'accordion')
                    ->add_fields(array(
            Carbon_Field::factory('attachment', 'accordion_image')
              ->set_required(true),
                        Carbon_Field::factory('text', 'accordion_head')
                            ->set_required(true),
                        Carbon_Field::factory('textarea', 'accordion_content')
                            ->set_required(true),
                    )),
            )),
    ));

来自模板的标记：

            <?php 
            $acc_section_title = carbon_get_the_post_meta('acc_section_title');
            $section_accordions = carbon_get_the_post_meta('accordions', 'complex');

            if (!empty($section_accordions) && is_array($section_accordions)): ?>
                <div class="col-right">
                    <?php if ($acc_section_title): ?>
                        <h4><?php echo esc_html($acc_section_title); ?></h4>
                    <?php endif ?>

                    <div class="faq">                       
                        <?php foreach ($section_accordions as $counter => $accordions): 
                            $accordions_title = $accordions['accordions_title'];

                            if ($accordions_title): ?>
                                <h5><?php echo esc_html($accordions_title) ?></h5>
                            <?php endif ?>

                            <?php if (!empty($accordions['accordion']) && is_array($accordions['accordion'])): ?>
                                <div class="accordion">
                                  <?php foreach ($accordions['accordion'] as $acc_counter => $accordion): ?>
                                      <div class="accordion-section">
                                        <?php 
                  $accordion_image = $accordion['accordion_image'];
                                        $accordion_head = $accordion['accordion_head'];
                                        $accordion_content = $accordion['accordion_content'];

                   if ($accordion_image): ?>
                     <div class="accordion-img">
                      <?php echo esc_html($accordion_image) ?>
                    </div><!-- /.accordion-img -->
                  <?php endif ?>


                                        if ($accordion_head): ?>
                                            <div class="accordion-head">
                                                <?php echo esc_html($accordion_head) ?>
                                            </div><!-- /.accordion-head -->
                                        <?php endif ?>

                                        <?php if ($accordion_content): ?>
                                            <div class="accordion-body">
                                                <?php echo wpautop($accordion_content); ?>
                                            </div><!-- /.accordion-body -->
                                        <?php endif ?>
                                      </div><!-- /.accordion-section -->
                                  <?php endforeach ?>
                                </div><!-- /.accordion -->
                            <?php endif ?>
                        <?php endforeach ?>
                    </div><!-- /.faq -->
                </div><!-- /.col-right -->
            <?php endif ?>

我只是在学习 php，所以如果这是一个愚蠢的问题，我深表歉意。 感谢大家的帮助！

Answer 1

看起来问题是语法问题的混合......还有一个简单的问题，即您正在回显图像的 ID，但不输出图像本身。而不是echo esc_html($accordion_image);，您想像这样使用wp_get_attachment_image() function 到echo wp_get_attachment_image( esc_html($accordion_image), 'full' );：

$acc_section_title = carbon_get_the_post_meta('acc_section_title');
$section_accordions = carbon_get_the_post_meta('accordions', 'complex');

if (!empty($section_accordions) && is_array($section_accordions)): ?>
    <div class="col-right">
        <?php if ($acc_section_title): ?>
            <h4><?php echo esc_html($acc_section_title); ?></h4>
        <?php endif; ?>

        <div class="faq">                       
            <?php foreach ($section_accordions as $counter => $accordions): 
                $accordions_title = $accordions['accordions_title'];

                if ($accordions_title): ?>
                    <h5><?php echo esc_html($accordions_title); ?></h5>
                <?php endif; ?>

                <?php if (!empty($accordions['accordion']) && is_array($accordions['accordion'])): ?>
                    <div class="accordion">
                      <?php foreach ($accordions['accordion'] as $acc_counter => $accordion): ?>
                          <div class="accordion-section">
                                <?php 
                                $accordion_image = $accordion['accordion_image'];
                                $accordion_head = $accordion['accordion_head'];
                                $accordion_content = $accordion['accordion_content'];

                                if ($accordion_image): ?>
                                    <div class="accordion-img"> 
                                        <?php echo wp_get_attachment_image( esc_html($accordion_image), 'full' ); ?>
                                    </div><!-- /.accordion-img -->
                                <?php endif; ?>

                                <?php if ($accordion_head): ?>
                                    <div class="accordion-head">
                                        <?php echo esc_html($accordion_head); ?>
                                    </div><!-- /.accordion-head -->
                                <?php endif; ?>

                                <?php if ($accordion_content): ?>
                                    <div class="accordion-body">
                                        <?php echo wpautop($accordion_content); ?>
                                    </div><!-- /.accordion-body -->
                                <?php endif; ?>
                          </div><!-- /.accordion-section -->
                      <?php endforeach; ?>
                    </div><!-- /.accordion -->
            <?php endif; endforeach; ?>
        </div><!-- /.faq -->
    </div><!-- /.col-right -->
<?php endif; ?>