Когда вы пишете большую объемную статью на WordPress в редакторе записей, очень часто оказывается удобнее переключиться в полноэкранный режим. Попасть в него можно используя сочетание клавиш Alt+Shift+G или нажав соответствующую кнопку на панели. При этом все панели и лишний мусор исчезают, чтобы не отвлекать внимание. Но часто получается так, что из-за другой ширины колонки ваш контент выглядит не так, как в обычном режиме. Давайте рассмотрим простой пример кода, который исправляет это.

Задаем ширину окна редактора как у основной колонки вашей темы

Откройте ваш файл темы functions.php и добавьте в него следующий код, используя метод after_setup_theme:

add_action( 'after_setup_theme', 'wptuts_theme_setup' );
function wptuts_theme_setup() {
    set_user_setting( 'dfw_width', 1000 );
}

В этом примере полная ширина колонки редактора будет 1000 px.

Применяем стиль редактора в соответствии со стилем вашей темы

Откройте ваш файл темы functions.php и добавьте в него следующий код, используя метод after_setup_theme.

Путь к файлам 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.

Источник: WP.tutsplus.com

Вам понравился материал?

Добавить комментарий

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

2 комментария

сначала новые
по рейтингу сначала новые по хронологии

Добрый день. Подскажите, а как изменить ширину новостной области? В каких файлах это можно подправить?

Как правило, все значения ширины, высоты, отступов и т.д. в шаблонах WordPress задаются в таблице стилей style.css в корневой папке с темой.