添加指向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>