WordPress Гутенберг по всему миру и выровнять проблему

Question

Я играю с новым редактором WordPress Гутенберга. я включил alignwide и alignfull для моей темы (которая использует materialize), и я использую эти правила CSS для них, но это не работает должным образом.

Так выглядит выравнивание по ширине.

и вот так выглядит полное выравнивание.

это правила alignfull и wide в css:

и вот как выровнять полный CSS:

это правила css для div с оберточным содержимым:

есть идеи, почему я не получаю правильных визуальных результатов?

Answer 1

Для начала просто используйте функцию add_theme_support ('align-wide') * для файла functions.php темы, присоединенного к хуку 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' );

Обратите внимание, что поддержка тем для широких изображений была изменена изнутри массив поддержки тем Гутенберга, с широкоформатными изображениями, выше.