Как изменить ширину и стиль редактора WordPress в полноэкранном режиме

Опубликовано: 01.09.2018

видео Как изменить ширину и стиль редактора WordPress в полноэкранном режиме

MVI 0118

Когда вы пишете большую объемную статью на 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.

Источник: 
IRC (Internet Relay Chat)
rss