Як змінити ширину колонки у візуальному редакторі записів 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/