Как Скрыть Добро пожаловать… в Gutenberg WordPress

Как Скрыть Добро пожаловать… в Gutenberg WordPress

Пример кода, как скрыть приветственное окно «Добро пожаловать…» в редакторе Gutenberg WordPress. Многих раздражает начальная инструкция, назойливое всплывающее окно: Добро пожаловать в Редактор блоков — которое появляется каждый раз, при первом заходе в Записи / Добавить новую.

В этом посте представлены два способа, как навсегда отключить только одно всплывающее окно в Gutenberg, начальные инструкции (советы), а не сам редактор блоков. Один способ — использовать простой CSS хук wordpress. Второй способ — использовать AdBlock.

Хук wordpress для файла functions.php

Как скрыть — Добро пожаловать… Для этого, вы можете скопировать и вставить следующий фрагмент кода в файл functions.php дочерней темы или ваш собственный плагин wordpress, который вы создали, чтобы использовать хуки на своём сайте.

// disable gutenberg tips

add_action('admin_head', 'orbisius_tutorial_p4620_wp_tweak_gutenberg_ui');
 
/**
* How To Turn Off Gutenberg Welcome Tips in WordPress
* @see https://orbisius.com/p4620
*/
function orbisius_tutorial_p4620_wp_tweak_gutenberg_ui() {
?>
<style>
/* Disable gutenberg tips:
https://wordpress.stackexchange.com/questions/334559/deactivate-gutenberg-tips-forever-not-gutenberg
 */
.wp-admin .components-popover.nux-dot-tip {
    display: none !important;
}
</style>
<?php
}

Пример кода взят c иностранного сайта, ссылки в хуке удалять не стал, может кому-нибудь понадобится посетить первоисточник. Перед тем, как использовать хук на основном веб-сайте, в интернете, рекомендую сделать локальное тестирование на XAMPP.

Проверить работу кода можно нажав на ссылку которая показывает окно «Добро пожаловать…» в Гутенберг WordPress. Для этого, нажмите в правом верхнем углу меню «Три вертикальные точки». В открывшемся окне, найдите и нажмите «Начальная инструкция».

Начальная инструкция в Гутенберг WordPress

Если код хука не работает — у вас появится всплывающее окно с начальной инструкцией редактора блоков Гутенберг. Если код хука работает — у вас ничего не появится.

Скрыть Добро пожаловать… с помощью AdBlock

Ещё один из вариантов, чтобы скрыть окно Добро пожаловать.., это использовать блокировщик рекламы в браузере типа AdBlock или другой. Если у вас установлен AdBlock Plus, используйте его инструмент: Заблокировать отдельный элемент на сайте. Для тех, кто юзает браузер со встроенным блокировщиком рекламы, тот может добавить в свой список фильтров следующее:

!Tips Gutenberg WordPres
##.components-modal__screen-overlay
##.components-modal__content
##.components-modal__frame.components-guide.edit-post-welcome-guide
##.components-modal__header
##.components-modal__screen-overlay
##.components-guide__container
##.components-guide__page
##.components-guide__page-control
##.components-guide__footer

По желанию, перед решётками можете добавить ваш домен (example.com), чтобы правило не применялось на других сайтах. Для XAMPP добавьте localhost, если не было изменений в настройках локального веб-сервера.

Перед каждой проверкой внесённых изменений, не забывайте перезагружать проверяемую страницу браузера с помощью комбинации клавиш Ctrl+F5, чтобы сбросить кеш.

Помните, что со временем эти фильтры перестанут работать, тогда смотрите в браузере, через Инструменты разработчика, что там изменилось в коде. В интернете на основном сайте, вариант с AdBlock наверное не очень удобен, хотя хз, кому как…

Источник: © AEProj