MainDashboardButton

例

アイコンを変更する

これにより、ヘッダーの W アイコンボタンが閉じるアイコンに置き換えられます。

import { registerPlugin } from '@wordpress/plugins';
import { __experimentalMainDashboardButton as MainDashboardButton } from '@wordpress/edit-post';
import { close } from '@wordpress/icons';
const MainDashboardButtonTest = () => (
   <MainDashboardButton>
   <FullscreenModeClose icon={ close } />
   </MainDashboardButton>
);
registerPlugin( 'main-dashboard-button-test', {
   render: MainDashboardButtonTest,
} );

アイコンとリンクを変更する

この例では、ヘッダーのアイコンを変更して、クリックすると http://wordpress.org にユーザーを誘導する外部リンクを示します。

import { registerPlugin } from '@wordpress/plugins';
import {
   __experimentalFullscreenModeClose as FullscreenModeClose,
   __experimentalMainDashboardButton as MainDashboardButton,
} from '@wordpress/edit-post';
import { external } from '@wordpress/icons';
const MainDashboardButtonIconTest = () => (
   <MainDashboardButton>
   <FullscreenModeClose icon={ external } href="http://wordpress.org" />
   </MainDashboardButton>
);
registerPlugin( 'main-dashboard-button-icon-test', {
   render: MainDashboardButtonIconTest,
} );