php - 添加指向 flexslider 图像的链接

Question

我正在使用 wordpress 网站，我想知道是否有办法为每个 flexslider 图像添加链接，以便在单击链接时将用户带到网站内的不同页面？我一直在寻找答案几个小时没有运气。这是代码，

<?php
/*
* Template Name: Home
*/
get_header(); ?>
<div class="content">
<?php $slides = carbon_get_post_meta($post->ID, 'slides', 'complex');
        if($slides) : ?>
            <div class="main-slider flexslider">
            <ul class="slides">
            <?php foreach($slides as $slide) :
                if(empty($slide['image'])) {
                continue;
                } ?>
            <li><img src="<?php echo assante_get_thumb_url($slide['image'], 690, 461); ?>" alt="" /></li>

            <?php endforeach; ?>
        </ul>   
        </div>
    <?php endif; ?>
</div>
<?php get_footer(); ?>

Answer 1

您可以将图像包装在链接中。像这样：

<div class="flexslider">
  <ul class="slides">
    <li>
      <a href='linkto'><img src="slide1.jpg" /></a>
    </li>
</div>

在主页中有一个示例（第二张图片）。

编辑：

//Let's say you have this array:
<?php 
    $slides = array(
        array('image' => 'slide1.jpg','link' => 'link1'), 
        array('image' => 'slide2.jpg','link' => 'link2')
    );
?>

<ul class="slides">
    <?php
    foreach ($slides as $slide) :
        if (empty($slide['image'])) {
            continue;
        }
        ?>
        <li>
            <a href="<?php echo $slide['link']?>"> //Now we have a 'link' key to match every slide.
                <img src="<?php echo assante_get_thumb_url($slide['image'], 690, 461); ?>" alt="" />
            </a>
        </li>

<?php endforeach; ?>
</ul>