wordpress gutenberg alignwide和alignfull问题

时间:2018-09-11 08:13:57

标签: css wordpress wordpress-gutenberg

我正在与新的gutenberg wordpress编辑器一起玩。我已经在主题上启用了alignwide和alignfull(正在使用实现),并且对它们使用了这些CSS规则,但是它无法正常工作。 enter image description here

这是alignwide的外观。

enter image description here

这是对齐完整外观的样子。

这些是CSS中的alignfull和wide规则: enter image description here

这是对齐完整CSS的方式: enter image description here

这些是包装内容div的css规则: enter image description here

enter image description here

知道我为什么无法获得正确的视觉效果吗?

1 个答案:

答案 0 :(得分:0)

首先,只需在主题的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)主题支持阵列(具有宽图像布尔值)   以上。