Một số vấn đề liên quan tới gutenberg

19/08/2021 02:17 470

Đây là nơi sưu tầm các vấn đề liên quan đến gutenberg như: remove block, group block vào một category…

Table of Contents

1. Remove blocks

Gutenberg có nhiều block mà khách họ không xài, chưa kể các plugin khác nó cũng gắn block riêng của nó vào làm cho phần quản lý blocks quá nhiều blocks gây rối. Vì vậy chúng ta chỉ để lại những block mà khách cần mà thôi. Code bên dưới là chỉ cho phép các block mà mình muỗn. Anh chị copy về sửa lại theo nhu cầu nhé

add_filter( 'allowed_block_types',  array($this,'allowed_block_types'),10, 2 );
function allowed_block_types( $allowed_blocks, $post ) {
    //var_dump($allowed_blocks);
    $allowed_blocks = array(
        'core/paragraph',
        'core/image',
        'core/heading',
        //'core/subhead',
        //'core/gallery',
        //'core/list',
        //'core/quote',
        //'core/audio',
        'core/cover',
        //'core/file',
        'core/video',
        
        'mailright/buttonshowpopup',
        'core/embed',
        //'core/table',
        //'core/verse',
        //'core/code',
        //'core/freeform',
        //'core/html',
        //'core/preformatted',
        //'core/pullquote'
        'ep/rating',
        'ep/counter',
        'ep/progress-bar',
        'ep/toggles',
        'ep/tabs',
        'ep/icon',
        'ep/countdown',
        'ep/lottie'
    );
 
    
 
    return $allowed_blocks;
 
}

add_filter( 'allowed_block_types', array($this,'allowed_block_types'),10, 2 );

function allowed_block_types( $allowed_blocks, $post ) {

//var_dump($allowed_blocks);

$allowed_blocks = array(

'core/paragraph',

'core/image',

'core/heading',

//'core/subhead',

//'core/gallery',

//'core/list',

//'core/quote',

//'core/audio',

'core/cover',

//'core/file',

'core/video',

'mailright/buttonshowpopup',

'core/embed',

//'core/table',

//'core/verse',

//'core/code',

//'core/freeform',

//'core/html',

//'core/preformatted',

//'core/pullquote'

'ep/rating',

'ep/counter',

'ep/progress-bar',

'ep/toggles',

'ep/tabs',

'ep/icon',

'ep/countdown',

'ep/lottie'

);

return $allowed_blocks;

}

2. Group blocks

Ví dụ chúng ta tạo một category rồi muốn các block core của wordpress nào đó vào category này thì làm sao. Code dưới là nhóm các block core như ‘core/paragraph’, ‘core/heading’… vào category có slug ‘fcwordpress-category’, nhớ đây là code js

function changeCategoryForCoreBlocks( settings, name ) {
    if ( name !== 'core/image' && name !== 'core/cover' 
		&& name !== 'core/paragraph' && name !== 'core/heading'
		&& name !== 'core/video'
		&& name !== 'core-embed/youtube' && name !== 'core-embed/vimeo'
		 && name !== 'core/embed'
	) {
        return settings;
    }
    return lodash.assign( {}, settings, {
        category: "fcwordpress-category",
    } );
}
wp.hooks.addFilter(
    'blocks.registerBlockType',
    'landing-page/change-category-core-block',
    changeCategoryForCoreBlocks
);

function changeCategoryForCoreBlocks( settings, name ) {

if ( name !== 'core/image' && name !== 'core/cover'

&& name !== 'core/paragraph' && name !== 'core/heading'

&& name !== 'core/video'

&& name !== 'core-embed/youtube' && name !== 'core-embed/vimeo'

&& name !== 'core/embed'

) {

return settings;

}

return lodash.assign( {}, settings, {

category: "fcwordpress-category",

} );

}

wp.hooks.addFilter(

'blocks.registerBlockType',

'landing-page/change-category-core-block',

changeCategoryForCoreBlocks

);

3. Remove bớt block core/embed

Trong core/embed có nhiều block con phụ mà chúng ta không xài hết, ví dụ dưới đây là chỉ để lại phần block embed của youtube và vimeo

và cũng là code js

wp.domReady(function () {
  const allowedEmbedBlocks = [
    'vimeo',
    'youtube',
  ];
  wp.blocks.getBlockVariations('core/embed').forEach(function (blockVariation) {
    if (-1 === allowedEmbedBlocks.indexOf(blockVariation.name)) {
      wp.blocks.unregisterBlockVariation('core/embed', blockVariation.name);
    }
  });
});

wp.domReady(function () {

const allowedEmbedBlocks = [

'vimeo',

'youtube',

];

wp.blocks.getBlockVariations('core/embed').forEach(function (blockVariation) {

if (-1 === allowedEmbedBlocks.indexOf(blockVariation.name)) {

wp.blocks.unregisterBlockVariation('core/embed', blockVariation.name);

}

});

5/5 (2 Đánh giá)

Gửi Phản Hồi

0 Bình Luận

Một số vấn đề liên quan tới gutenberg

1. Remove blocks

2. Group blocks

3. Remove bớt block core/embed

có thể bạn cần xem:

Đăng ký nhận bài viết mới

Hướng dẫn thiết kế theme

Thiết kế theme wordpress phần 8

Thiết kế theme wordpress phần 7

Thiết kế theme wordpress phần 6

Thiết kế theme wordpress phần 5

Thiết kế theme wordpress-phần 4

Các functions thường dùng

Function xử lý upload to media wordpress

Function get ip address

Thay thế file_get_contents

Code tích hợp acf vào theme và plugin

Một số function thường dùng khi làm theme wordpress (some functions popular for work do theme worpdress)