Как изменить ширину и стиль редактора WordPress в полноэкранном режиме
Опубликовано: 01.09.2018
Когда вы пишете большую объемную статью на WordPress в редакторе записей, очень часто оказывается удобнее переключиться в полноэкранный режим. Попасть в него можно используя сочетание клавиш Alt+Shift+G или нажав соответствующую кнопку на панели. При этом все панели и лишний мусор исчезают, чтобы не отвлекать внимание. Но часто получается так, что из-за другой ширины колонки ваш контент выглядит не так, как в обычном режиме. Давайте рассмотрим простой пример кода, который исправляет это.
Использование шорткодов для оформления страниц и статей на сайте Вордпресс
Задаем ширину окна редактора как у основной колонки вашей темы
Откройте ваш файл темы functions.php и добавьте в него следующий код, используя метод :
add_action( 'after_setup_theme', 'wptuts_theme_setup' ); function wptuts_theme_setup() { set_user_setting( 'dfw_width', 1000 ); }В этом примере полная ширина колонки редактора будет 1000 px.
Применяем стиль редактора в соответствии со стилем вашей темы
Откройте ваш файл темы functions.php и добавьте в него следующий код, используя метод .
Путь к файлам CSS задается в соответствии с корневой папкой вашей темы.
add_action( 'after_setup_theme', 'wptuts_theme_setup' ); function wptuts_theme_setup() { // /wp-content/themes/theme-name/css/my-first-style.css add_editor_style( array( 'css/my-first-style.css', 'css/my-second-style.css' ) ); }Заключение
Используя этот маленький трюк, вы можете быть спокойны, что увидите в готовой статье на сайте то же самое, что видите в процессе написания. Надеюсь вам пригодится это!
Напишите в комментариях, если вы используете свои "маленькие хитрости" для упрощения работы с WordPress.