如何忽略对用链接标签包裹的古腾堡块的点击?

Question

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

Answer 1

由于这可能会在将来对其他人有所帮助，因此请将您的<a>标签包装在if语句中，以检查您是否在管理区域中。如果是，则不会输出这些标记。

<?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; ?>