多个内容区域--古登堡透明区域中的内容

时间:2019-03-07 作者:Bagseye

我正试图找到一个解决方案,我的任务是使用“古腾堡”积木构建布局。据我所知,只有一个the_content(); 每页。

我试图实现的布局如下所示:

https://jsbin.com/vegotugayo/edit?html,output

我遇到的问题是报价的突破区域。这些需要是透明的,以便可以看到背景中的固定图像。但据我所知,这需要突破内容领域。

之前测试过的解决方案是用包含div. 这div 会的background-color: white; 默认情况下应用,然后设置为透明blockquote. 这在一定程度上起到了作用,但对这些方块及其相互作用的方式造成了极大的破坏。

有没有人能为这种布局找到可能的解决方案?我担心我看不见树木,也看不见过于复杂的事物。

我正在寻找使用古腾堡的解决方案,I am not looking for a solution that requires plugins

2 个回复
SO网友:chrisbergr

今天,古腾堡没有提供container blocks 默认情况下。因此,您需要一个第三方插件,如Atomic Blocks 或者你写your own.

但你可以做一点黑客。将透明png上载到媒体库。然后使用cover block 对于每个部分。给予每个cover block 将透明的png作为图像,并在上面写入您的内容。对于白色背景的部分,只需在块设置中添加白色覆盖颜色,背景不透明度为100%。可能文本看起来不像您期望的那样,因此您可以向块中添加一个css类,并使用css进行操作。

我希望这有帮助。

SO网友:Tom J Nowell

嵌套块是解决方案,自从您创建了问题以来,块编辑器已经有了足够的改进,可以使用组块和覆盖块以及通过全局样式的间距规则创建设计。无需代码。

相关推荐

Admin Theme customization

我遵循wordpress codex网站上关于通过插件创建管理主题的说明。我激活了插件,但我的样式表没有包含在<head>.. 这是我的代码:add_action( \'admin_init\', \'kd_plugin_admin_init\' ); add_action( \'admin_menu\', \'kd_plugin_admin_menu\' ); function kd_plugin_admin_init() { /* Register