Question

以下是Wordpress幻灯片的代码。图像通过自定义字段添加。我希望能够为每个幻灯片添加不同的链接（或没有链接）。目前的代码如下，有关如何做的任何提示？主题很老了。

谢谢！

<?php
        /* reading the custom field value 'headerImage'
            * muliple 'headerImage' image will cause js transition
            * if no 'headerImage' found then display default-header.jpg
            */
        $headerImages = get_post_meta($post->ID, "headerImage", false);
        ?>

            <!--photo starts-->
        <div class="photo noprint">
            <div id="fx" class="big-image">
                <?php if( is_array( $headerImages ) && count( $headerImages ) > 0 ): for( $i=0; $i<count($headerImages); $i++ ): ?>
                    <img src="<?php echo $headerImages[$i]; ?>" alt=""<?php if($i != 0) echo ' style="display:none;"'; ?> />
                    <?php endfor; else: ?>
                        <img src="<?php bloginfo('template_url'); ?>/images/default-header.jpg" alt="" />
                <?php endif; ?>
            </div>
        </div>

Answer 1

您需要为每个图片的链接添加另一个自定义字段，您需要在post_meta中插入标题图片，您需要添加自定义字段，例如img_link，然后您就可以就是这样。

    <?php

    $headerImages = get_post_meta($post->ID, "headerImage", false);
    $img_link = get_post_meta($post->ID, "img_link", false);



    if( is_array( $headerImages ) && count( $headerImages ) > 0 
    && is_array( $img_link ) && count( $img_link ) > 0 ):


    for( $i=0; $i < count($headerImages) ,  $i < count ($img_link ) ; $i++ ): 
    ?>
    <a href = "<?php echo $img_link[$i]; ?>" >
    <img src="<?php echo $headerImages[$i]; ?>" 
    alt=""<?php if($i != 0) echo ' style="display:none;"'; ?> />
    </a>
    <?php endfor; else: ?>
    <img src="<?php bloginfo('template_url'); ?>/images/default-header.jpg" alt="" />
    <?php endif;


    ?>

Wordpress PHP自定义字段 - 幻灯片显示的单个链接

1 个答案: