MainDashboardButton — это элемент интерфейса WordPress, который позволяет пользователям возвращаться на главную страницу панели управления администраторов в полноэкранном режиме редактора. С версии WordPress 6.2 этот компонент больше не доступен в редакторе сайта. Несмотря на его экспериментальный статус, MainDashboardButton предоставляет мощные возможности для кастомизации пользовательского интерфейса.
Изменение иконки
В этом примере мы заменим стандартную иконку на другую для кнопки возврата на главную панель управления в редакторе. Например, вместо иконки «W» мы будем использовать иконку закрытия.
import { registerPlugin } from '@wordpress/plugins';
import { __experimentalMainDashboardButton as MainDashboardButton } from '@wordpress/edit-post';
import { close } from '@wordpress/icons';
const CustomMainDashboardButton = () => (
<MainDashboardButton
icon={close}
label="Закрыть редактор"
/>
);
registerPlugin('custom-main-dashboard-button', {
render: CustomMainDashboardButton,
});Теперь на экране редактирования в полноэкранном режиме будет отображена иконка закрытия вместо стандартной иконки.
Изменение иконки и ссылки
В следующем примере мы изменим иконку на одну, которая указывает на внешнюю ссылку, перенаправляющую пользователей на http://wordpress.org при нажатии.
import { registerPlugin } from '@wordpress/plugins';
import { __experimentalMainDashboardButton as MainDashboardButton } from '@wordpress/edit-post';
import { external } from '@wordpress/icons';
const CustomExternalLinkButton = () => (
<MainDashboardButton
icon={external}
label="Перейти на WordPress"
href="http://wordpress.org"
/>
);
registerPlugin('custom-external-link-button', {
render: CustomExternalLinkButton,
});С помощью этого кода пользователи смогут видеть иконку внешней ссылки вместо стандартной, а также переходить на указанный сайт при клике на кнопку.
Заключение
Использование компонента MainDashboardButton в WordPress предоставляет разработчикам гибкие возможности для улучшения интерфейса редактора. Вы можете настроить как внешний вид кнопки, так и ее поведение, что позволяет создавать более интуитивные и удобные решения для пользователей. Помните, что данный компонент все еще находится в экспериментальной стадии и может измениться в будущем.