Question

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

如何忽略对包含链接标签的古腾堡块的点击？

1 个答案: