css - wordpress 古腾堡 alignwide 和 alignfull 问题

Question

我正在玩 wordpress 的新古腾堡编辑器。我在我的主题（正在使用物化）上启用了 alignwide 和 alignfull，并且我为它们使用了这些 css 规则，但它不能正常工作。

这就是 alignwide 的外观。

这就是 align full 的外观。

这些是CSS中的alignfull和wide规则：

这就是对齐完整CSS的方式：

这些是包装内容 div 的 CSS 规则：

知道为什么我没有得到正确的视觉结果吗？

标签： csswordpresswordpress-gutenberg

Answer 1

首先，只需在主题的 functions.php 文件中使用add_theme_support( 'align-wide' )函数，该文件附加到 after_setup_theme 钩子上，该钩子在主题加载后被触发：

<?php
/**
 * Registers support for Gutenberg wide images in Writy.
 */
function writy_setup() {
  add_theme_support( 'align-wide' );
}
add_action( 'after_setup_theme', 'writy_setup' );

请注意，对宽图像的主题支持已从 Gutenberg 主题支持数组（带有宽图像布尔值）更改为上述内容。