Wordpress 如何忽略对用链接标记包装的古腾堡块的单击？

我已经创建了一个自定义古腾堡块，它基本上是一个链接。当我在编辑器中单击块时，我立即被发送到块链接的页面，而不是能够编辑块。我该如何阻止这种情况发生？我已经尝试将

指针事件：none

作为一种样式放在它上面，但这并不奇怪

<a href="<?php the_field('link') ?>" id="<?php echo esc_attr($id); ?>" class="<?php echo esc_attr($className); ?> <?php echo esc_attr($layout); ?>">

<div class="icon_callout_content">
    <div class="off_content">
        <div class="color_callout_icon">
            <img src="<?php echo $icon ?>" height="<?php if($iconHeight){ echo $iconHeight . "px"; } ?>">
        </div>
        <h3><?php echo $title ?></h3>
    </div>

    <div class="hover_content">
        <?php echo $description ?>
    </div>
</div>

</a>

---

因为这可能会在将来帮助其他人，所以请包装您的

将

<?php if ( ! is_admin() ) : ?>
<a href="<?php the_field('link') ?>" id="<?php echo esc_attr($id); ?>" class="<?php echo esc_attr($className); ?> <?php echo esc_attr($layout); ?>">
<?php endif; ?>

<div class="icon_callout_content">
    <div class="off_content">
        <div class="color_callout_icon">
            <img src="<?php echo $icon ?>" height="<?php if($iconHeight){ echo $iconHeight . "px"; } ?>">
        </div>
        <h3><?php echo $title ?></h3>
    </div>

    <div class="hover_content">
        <?php echo $description ?>
    </div>
</div>


<?php if ( ! is_admin() ) : ?>
</a>
<?php endif; ?>