Question

我将我的html模板转换为WordPress。 Fancybox在我的html版本中运行良好，但在wordpress中没有。

在html版本中，fancybox代码为：

<a href="images/p3.jpg" class="project-img fancybox"></a>

现在在WP版本中：

<a href="<?php the_post_thumbnail(); ?>" class="project-img fancybox"></a>

＆安培; jQuery：

$(".fancybox").fancybox({

        padding     : 0,
        margin      : 100,
        openEffect  : 'elastic',
        closeEffect : 'elastic',
        openSpeed   : 400,
        closeSpeed  : 400,

        helpers : {
            overlay : {
                css : {
                    'background' : 'rgba(0, 0, 0, 0.75)'
                }
            }
        }
    });

但它对我不起作用，当我悬停我的图像时，它返回：

class="project-img fancybox">

我不是专业人士，所以找不到任何解决办法。

Answer 1

使用函数get_the_post_thumbnail。

您无法将_post_thumbnail传递给href标记。

Answer 2

您在href属性中使用的函数不正确。它显示当前帖子的特色图像（以前称为“后缩略图”），如该帖子的编辑屏幕中所设置的。此标记必须在The Loop中使用。

改为使用get_the_post_thumbnail()：

<a href="<?php get_the_post_thumbnail( $post_id, $size, $attr ); ?>" class="project-img fancybox"></a>

fancybox没有在WordPress中加载图像

2 个答案: