自定义WP Block Gallery

时间:2019-05-15 17:39:52

标签: wordpress wordpress-gutenberg gutenberg-blocks

在Gutenberg编辑器中是否可以更改WP Block Gallery组件的输出? 目前,我设置了一些带有外部链接的图像(链接到媒体附件),并得到以下结果:

<ul class="wp-block-gallery columns-2">
    <li class="blocks-gallery-item">
        <figure>
            <a href="...">
                <img src="..." alt="" data-id="" data-link="" class="">
            </a>
            <figcaption>Some text</figcaption>
        </figure>
    </li>
    <li class="blocks-gallery-item">
        <figure>
            <a href="...">
                <img src="..." alt="" data-id="" data-link="" class="">
            </a>
            <figcaption>Some text</figcaption>
        </figure>
    </li>
</ul>

但是我还要设置锚元素的title属性。这是我想要的结果:

<ul class="wp-block-gallery columns-2">
    <li class="blocks-gallery-item">
        <figure>
            <a href="..." title="some title">
                <img src="..." alt="" data-id="" data-link="" class="">
            </a>
            <figcaption>Some text</figcaption>
        </figure>
    </li>
    <li class="blocks-gallery-item">
        <figure>
            <a href="..." title="some title">
                <img src="..." alt="" data-id="" data-link="" class="">
            </a>
            <figcaption>Some text</figcaption>
        </figure>
    </li>
</ul>

谢谢

1 个答案:

答案 0 :(得分:1)

您可以使用blocks.getSaveElement过滤器来更改现有块。看看Wordpress Development

上的这篇文章