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

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

В последнее время я писал много длинных статей-списков и в процессе этого обнаружил проблему со встроенным визуальным редактором записей WordPress, о которой раньше не знал, или ранее она мне не особо мешала.

В этом коротком уроке я покажу вам, как изменить ширину основной колонки с текстом в визуальном редакторе записей WordPress.

Смотрите также:

• Как изменить ширину и стиль редактора WordPress в полноэкранном режиме
• Как добавить свои стили в визуальный редактор записей WordPress
• Создаем свои кнопки для редактора записей WordPress
• Настраиваем шаблон оформления в редакторе WordPress
• Используем шрифты Google Fonts в текстовом редакторе WordPress

Проблема

При создании больших записей (в основном с картинками) мне приходилось часто сохранять и делать предварительный просмотр поста, чтобы убедиться, что список правильно отформатирован. Кроме того, часто мне приходилось писать текст прямо на моем изображении, потому что размер окна редактора почти в полтора раза больше чем любое мое изображение (а также блок основного контента на моем сайте):

Решение

Решение относительно простое, но вам нужно знать, как воплотить его в жизнь. Для начала вам нужно узнать текущую ширину блока контента на вашем сайте. В моем случае ширина блока моего блога — 650 пикселей.

Затем вам нужно будет открыть ваш файл functions.php и добавить внизу файла следующий код:

function fb_change_mce_buttons( $initArray ) {
    $initArray['width'] = '650px';
    return $initArray;
    }
    add_filter('tiny_mce_before_init', 'fb_change_mce_buttons');

Результат

В результате вы увидите редактор записи, повторяющий ширину вашего блока контента на самом сайте. Таким образом, вы будете уверены, что когда вы создаете запись через консоль администратора, она будет выглядеть максимально приближенно к конечному результату.

Помните, что некоторые разрешения экрана изменят ваши настройки и, например, будут показывать только одну колонку — это будет зависеть от ширины вашего контента.

Находчивого вам блогинга :)

Источник: wpsquared.com

Алексей Шевченко

редактор wpcafe

Изучает сайтостроение с 2008 года. Практикующий вебмастер, специализирующий на создание сайтов на WordPress. Задать вопрос Алексею можно на https://profiles.wordpress.org/wpthemeus/