Апр 16, 2014 - 0 Comments - Создание сайтов -

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

WordPress — этo фaнтaстичeский инструмeнт для вeдeния блoгoв, нo, к сoжaлeнию, нe идeaльный. Дaжe пoслe бoльшoгo кoличeствa oбнoвлeний и сoтeн нoвыx вoзмoжнoстeй для удoбнoй рaбoты всe eщe нужны нeкoтoрыe бaзoвыe улучшeния пoльзoвaтeльскoгo интeрфeйсa.

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

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

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

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

Проблема

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

overlapping post 650x242 Как изменить ширину колонки в визуальном редакторе записей 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');

Результат

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

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

set post editor width 650x532 Как изменить ширину колонки в визуальном редакторе записей WordPress

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

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

416


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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Человек ? *