FULL SITE EDITOR THEME
Fixed to prevent the Theme wrong CSS class
remove CSS class emulsion-has-sidebar, emulsion-header-has-title from body element
FSE TRANSITIONAL THEME
Fixed duplicate of the main element using filter
With this change, I changed to stop the gutenberg skip link script. The skip link used is that of the theme.
Classic Theme
Fixed all template parts, all templates link can not access template page
Block Editor
- panel block
- dropdown hover block
- dropdown click block
Fixed the edit screen of the block editor is hidden.
Note: Gutenberg is adding an inline style that replaces the theme’s front CSS.
from
body:not(.block-editor-page) .wp-block-group.modal {
...
}
to
.editor-styles-wrapper:not(.block-editor-page) .wp-block-group.modal {
...
}front CSS changed to a ruleset that doesn’t use the body element to avoid forced replacement
.emulsion:not(.block-editor-page) .wp-block-group.modal {wp-block-embed
Fixed Due to the style of the theme, it could not be displayed on the front end
GUTENBERG UPLOAD ALLOWED FILE TYPE
There seems to be a bug in gutenberg where you can’t upload files that should have been allowed.https://github.com/WordPress/gutenberg/issues/23510
Since it seems to have occurred in the windows environment for a long time, I temporarily allowed uploading of zip files and html files with a filter.
MODIFIED CSS BLOCK NAVIGATION
CSS modified relate OUTPUT HTML CHANGES
Deleted Default Template
Filters don’t seem to work in the latest version
add_filter( 'block_editor_settings_all', function ( $settings ) {
$settings['defaultBlockTemplate'] = file_get_contents( get_theme_file_path( 'block-templates/default.html' ) );
return $settings;
} );Add layout functionarity from Theme filter
Modified the content width and wide width settings to be reflected in the front end
Added a class that allows you to specify the width of each block within a group block.
Below is the width class traditionally set for the theme
size1or2,size1of3,size1of4,size1of5,size2of3,size2of4,size3of5,size2of5,size3of5,size4of5, alignwide, alignfull, aligncenter
You can specify the position of each block by combining with the following new position classes.
position-left, position-right, position-center( non float ), alignleft, alignright
and margin-v-0 ( margin:0 auto )