Php 锚定标记不与引导的figure标记一起工作

我想在用户点击图片时将其重定向到链接，但锚定标记在点击图片时不起作用。但是带有“单击此处”的锚定标记可以工作

---

您需要关闭锚定标记：

<a href="http://google.com">
    <img src="http://example.com/dd.img" alt="Placeholder" />
</a>

<figure class="effect-ming">
    <figcaption>
        <p><?php the_title(); ?></p>
        <a href="<?php the_permalink(); ?>">CLICK HERE</a>
    </figcaption> 
</figure>

---

在打开新的锚标签之前，需要关闭每个锚标签；HTML101@Fred-我确实关闭了它，只是它没有在堆栈上正确缩进，所以没有显示，总之我更新了问题，问题仍然存在。我认为figcaption位于img之上，所以不能单击锚定标记。

figure.effect-ming figcaption::before {
  border: 0px solid #fff !important;  
  bottom: 30px;  
  box-shadow: 0 0 0 0px rgba(0, 0, 0, 0) !important;  
  content: "";  
  left: 30px;  
  opacity: 0;  
  position: absolute;  
  right: 30px;  
  top: 30px;  
  transform: scale3d(1.4, 1.4, 1);  
  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;  
}  

<a href="http://google.com">
    <img src="http://example.com/dd.img" alt="Placeholder" />
</a>

<figure class="effect-ming">
    <figcaption>
        <p><?php the_title(); ?></p>
        <a href="<?php the_permalink(); ?>">CLICK HERE</a>
    </figcaption> 
</figure>

<figure class="effect-ming">


    <a href="http://google.com">
        <img src="http://example.com/dd.img" alt="Placeholder" />
    </a>

    <figcaption>
        <p><?php the_title(); ?></p>
        <a href="<?php the_permalink(); ?>">CLICK HERE</a>
    </figcaption> 
</figure>