0

私は 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(); ?>
4

1 に答える 1

3

画像をリンクでラップできます。このような：

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

メインページに例があります（2番目の画像）。

編集：

//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>
于 2013-07-11T15:43:40.397 に答える