Wordpress - Featherlight.jsを使用してモーダルボックスでアドバンストカスタムフィールド画像を開く

Question

できるだけシンプルにWordPressテーマを作成しようとしましたが、なぜ高度なカスタムフィールドから画像を表示できないのかわかりませんFeatherlight.jsを使用してモーダルボックスは、（http://noelboss.github.io/featherlight/）

ここ

これは、単純に画像のカスタムフィールド

<?php if (have_posts()) : ?> 
    <?php while (have_posts()) : the_post(); ?> 

<?php 

$image = get_field('image'); 

if(!empty($image)): ?> 

    <img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" /> 

<?php endif; ?> 

    <?php endwhile; ?> 
    <?php endif; ?> 

を表示私のsingle.phpコード、である私のオンラインページhttp://www.skuar.com

であり、これはありますwpループc私はちょうどライトボックスに画像を開きたいontent

<div id="post"> 
    <a href ="<?php the_permalink(); ?>"> 

    <div class="img" href="<?php 

$image = get_field('image'); 

if(!empty($image)): ?> 

    <img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" /> 

<?php endif; ?>" data-featherlight="image"> 
<?php 

$image = get_field('image'); 

if(!empty($image)): ?> 

    <img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" /> 

<?php endif; ?> 
    </div> 

    </a> 

</div> 

... は理にかなっていますか？

ありがとうございます！

Answer 1

コードに無効な二重引用符があります。このコードを試してください：

<div id="post"> 
     <a href ="<?php the_permalink(); ?>"> 
      <div class="img" href="<?php $image = get_field('image'); 
       if(!empty($image)): ?> 
       <?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?> 
       <?php endif; ?>" data-featherlight="image"> 
      </div> 
     </a> 
    </div>