抱歉,如果这个问题的答案是主观的。我想问一下WP-SE会让这更容易原谅。如果我这样问的话,我必须解释为什么我不能更改块标记。
我有一些大(宽)的图像,我想滚动。他们需要有响应性,我也希望他们在整个可滚动图像上有一个边框,标题不可滚动。这排除了将以下css应用于figure.wp-block-image
<figure class="wp-block-image scrollable">
<img class="wp-img">
<figcaption>
Something about the image
</figcaption>
</figure>
.scrollable{
border: 5px solid black;
overflow: auto;
}
因为标题也会滚动。
我认为有两个现实的潜在选择。
1: 构建一个新的Gutenberg块作为插件。这将使我能够将图像包装在一个div中。我已经在这方面取得了一些成功,但我有点担心如何使用它,因为我不是一个非常有经验的块开发人员,而且它还没有经过测试。也许这太过分了。
2: 不确定这是否可行。稍后我可能会对此提出堆栈溢出问题。我看到过类似的q,但具体是关于文本的。
https://stackoverflow.com/questions/45624147/use-pseudo-element-to-overlay-a-scrolling-div
我可以使用CSS和伪选择器来实现所需的效果吗?IE可滚动图像,但不可滚动标题
整个站点中有很多这样的功能,因此它们工作正常、易于维护和实施是很重要的。
我对古腾堡街区很满意。如果我可以将自己的附加css类应用于基本的img块,那似乎是错误的。
抱歉,如果这个问题不符合社区标准,我知道这确实是一个CSS问题。