답변:
@leymannx에게 질문 한 후 이러한 설정이 어떻게 저장되는지 확인했습니다. 설정은 영구적이지 않으며 브라우저에로 저장됩니다 localStorage
.
key: WP_DATA_USER_{id}:
value: {
"core/nux":{
"preferences":{
"areTipsEnabled":false,
"dismissedTips":{}
}
},
//"core/edit-post"
//...
dispatch('core/nux').disableTips()
( NUX 패키지 ) 및 작업 후크 를 사용하여 Gutenberg 팁을 비활성화 할 수 있습니다 enqueue_block_editor_assets
.
파일 functions.php :
function se334561_editor_tips() {
wp_enqueue_script(
'se334561-js',
// --- to use in plugin ---
// plugins_url('/disable-tips.js', __FILE__),
get_stylesheet_directory_uri() . '/disable-tips.js',
array('wp-blocks')
);
}
add_action('enqueue_block_editor_assets', 'se334561_editor_tips');
파일 disable-tips.js :
jQuery(document).ready(function(){
var isVisible = wp.data.select('core/nux').areTipsEnabled()
if (isVisible) {
wp.data.dispatch('core/nux').disableTips();
}
});
areTipsEnabled
상태를 DB에 기록하고 사용자가 로그인 할 때 복원하는 추가 코드 (js + php)가 필요합니다 .
get_stylesheet_directory_uri() . '/disable-tips.js'
와 함께 plugins_url('/disable-tips.js', __FILE__)
.
@nmr에서 알 수 있듯이 이것은 브라우저 단위로만 저장된 것으로 보입니다. CSS를 통해 단순히 숨길 수있는 해결 방법을 찾았지만. 빠르고 더러운.
functions.php
:// Add backend styles for Gutenberg.
add_action('enqueue_block_editor_assets', 'gutenberg_editor_assets');
function gutenberg_editor_assets() {
// Load the theme styles within Gutenberg.
wp_enqueue_style('my-gutenberg-editor-styles', get_theme_file_uri('/assets/gutenberg-editor-styles.css'), FALSE);
}
assets/gutenberg-editor-styles.css
:.components-popover.nux-dot-tip {
display: none !important;
}
출처 : 구텐베르크 테마 편집기 스타일 만들기