Full Site Editing Theme
fse.css
The CSS file for this mode has been redesigned. It is completely separated from other modes.
Gutenberg’s CSS has been rewritten by the theme in the following blocks.
- name: core/columns,
- name: core/table
- name: core/media-text
- name: core/pullquote
- name: core/quote
- name: core/separator
- name: core/cover
- name: core/embed
- name: core/image
- name: core/post-featured-image
- name: core/table
- name: core/navigation
- name: core/post-content
- name: core/post-featured-image
- name: core/post-navigation-link
- name: core/query-pagination
- name: core/query-title
- name: core/query
- name: core/cover
- name: core/template-part
- name: core/term-description
- name: core/buttons
- name: core/post-comments-form
- Theme align
- name: core/media-text
js/block-fse.js js/emulsion-fse.js js/emulsion-fse.min.js
Added a javascript file dedicated to this mode. The jQuery dependency is gone, except when using special templates.
In this mode, I disabled the following variations
‘grid-group-2col’
‘grid-group-3col’
‘grid-group-4col’
‘grid-group-5col’
In this mode, I disabled the following block styles
‘list-style-initial’
‘circle-mask’
‘hanging-indent’
‘indent-15rem’
functions.php split into 4 files
functions-classic.php
functions-fse.php
functions-global.php
functions.php
New files
js/block-fse.js
js/emulsion-fse.js
js/emulsion-fse.min.js
lib/functions-classic.php
lib/functions-fse.php
lib/functions-global.php
css/fse-transitional.css
remove margin from alignfull class
メディアテキスト、列、グループ、またはカバーブロック
ネストされているブロックの幅を設定できません。align-wideおよびalign-fullオプションはツールバーに表示されません。
alara
“layout”: {
“contentSize”: “min( calc(100vw – 2rem), 80rem)”,
“wideSize”: “min( calc(100vw – 2rem), 90rem)”,
“outerPadding”: “0.5rem”
},
blockbase
“layout”: {
“contentSize”: “620px”
},
bricksy
“layout”: {
“contentSize”: “720px”,
“wideSize”: “1200px”
}
.alignright,
&[data-align=”right”]{