Більше результатів...

Загальні селектори
Тільки точні збіги
Шукати у заголовках
Шукати у контенті
Вибір типів постів
Фільтрувати за категоріями
FAQ
Hostenko
Натхнення
Відео уроки
Новини
Плагіни
теми
Уроки
Хакі

WordPress це фантастичний інструмент для ведення блогів, але, на жаль, не ідеальний. Навіть після великої кількості оновлень і сотень нових можливостей для зручної роботи все ще потрібні деякі базові поліпшення інтерфейсу користувача.

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

inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!

У цьому короткому уроці я покажу вам, як змінити ширину основного стовпчика з текстом у візуальному редакторі записів WordPress.

Дивіться також:

проблема

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

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

Результат

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

Пам'ятайте, що деякі роздільні здатності екрана змінять ваші налаштування і, наприклад, будуть показувати лише одну колонку - це залежатиме від ширини вашого контенту.

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

Винахідливого вам блогінгу :)

Джерело: wpsquared.com
inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!
Олексій Шевченко
редактор wpcafe
Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, який спеціалізується на створенні сайтів на WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/

Коментарі до запису: 7

АНДРІЙ:

Добрий день!
У статті я прочитав, як змінити ширину! Довго шукав цей варіант.
Але, можна конкретніше де дописати, я дописав ваш код у темі і вона впала. і все.
Андрій Васильович

WPcafe.org:

У статті написано ж — Потім вам потрібно буде відкрити файл functions.php і додати внизу файлу наступний код. Цей файл знаходиться у папці з темою.

Артем:

Добридень! Перепрошую за тупе питання. Як можна змінити ширину / висоту самої колонки де пишеться текст ? Я хочу зробити це поле і розширити вертикально.

WPcafe.org:

Потрібно знайти, які стилі відповідають за оформлення цієї колонки через інспектор, а потім знайти та відредагувати їх у style.css

Артем:

За допомогою function.php встановив висновок більшої кількості слів, т.к. не зміг знайти у style.css потрібні стилі.

function my_excerpt_length( $length ) {
return 530; // Вказуємо кількість слів
}
add_filter( 'excerpt_length', 'my_excerpt_length');

Питання начебто вирішилося, однак, на всіх інших сторінках збилося оформлення, все стало суцільним текстом, без абзаців тощо. Плюс не виводяться картинки.

Як я розумію, це можна змінити тільки за допомогою sytle.css?

премія:

На жаль, це не найкрасивіший спосіб. Підкажіть краще, як зробити подобу адмінки стандартних тем оформлення

На жаль, картинку не можу докласти, завантажую картинку шириною 614px ("f4.s.qip.ru/150Uz3M3Q.jpg") - а скрипт завзято вважає, що вона шириною більше 650px

Іван:

Дякую. Реально допомогли!

Додати коментар або відгук