图库块重构 Gutenberg Wordpress

发布于 2025-01-13 18:37:16 字数 409 浏览 1 评论 0原文

根据下面的开发说明：

https: //make.wordpress.org/core/2021/08/20/gallery-block-refactor-dev-note/

古腾堡画廊块的 HTML 结构已从 UL 更改> LI至图>数字。没关系，但现在，我们不像以前那样在每个画廊项目上都有 CSS 类，我知道通过 CSS 选择该画廊上的子元素不是问题，但问题是当我们必须使用块钩子 render_block 通过 PHP 对块结构进行一些更改，我通过使用其类名称来选择图库项目，但现在这是不可能的。这里有人面临同样的问题吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

喜爱皱眉﹌ 2025-01-20 18:37:16

Gallery 块中的每个图像都可以在 Advanced > 下分配自己的自定义 CSS 类。其他 CSS 类。然后，自定义名称存储在块属性中，在执行自定义解析/渲染块时可以通过 PHP 访问这些属性。

类名应用于 HTML，因为

<figure class="wp-block-gallery">
    <figure class="wp-block-image size-large my-custom-class">
        <img/>
    </figure>
    <figure class="wp-block-image size-large">
        <img/>
    </figure>
</figure>

我假设在 PHP 中您正在使用 parse_blocks() 或您自己的自定义函数来呈现内容。

Each Image within a Gallery block can have its own custom CSS class assigned under Advanced > Additional CSS class(es). The custom names are then stored in the block attributes, which are accessible via PHP when doing custom parsing/rendering the block.

The class name is applied to the HTML as

<figure class="wp-block-gallery">
    <figure class="wp-block-image size-large my-custom-class">
        <img/>
    </figure>
    <figure class="wp-block-image size-large">
        <img/>
    </figure>
</figure>

I assume in PHP you are using parse_blocks() or your own custom function to render the content.

回复收藏 0 原文

~没有更多了~