Всем привет! С вами вновь Дмитрий Афонин и мой блог FairHeart.ru. Сегодня мы поговорим о месте, где вы будете проводить огромное количество времени, ведя свой блог. Это место — редактор WordPress! Ведь именно в нем вы будете писать новые посты и публиковать их на своем блоге. WordPress предоставляет две версии редактора — визуальный и текстовый. Рассмотрим особенности каждой из них и научимся добавлять новый функционал.
Визуальный редактор WordPress и плагин Ultimate TinyMCE
Визуальный редактор WordPress напоминает внешне и по функциям Word, с которым знакомы практически все. К сожалению, по умолчанию его функционал очень скуден, что значительно ограничивает ваши возможности форматирования текста. Данную проблему превосходно решает плагин Ultimate TinyMCE, который добавляет огромное количество всевозможных новых кнопок.
Устанавливается плагин стандартно —
По умолчанию все кнопки в визуальном редакторе WordPress располагаются в два ряда. Чтобы отобразить второй ряд используется кнопка «Показать/скрыть дополнительную панель». О функционале каждой кнопки, можно догадаться по значку на ней или по подсказке, которая появляется при наведении на нее курсора мыши. Ultimate TinyMCE добавляет еще около 40 новых функций и два дополнительных ряда кнопок.
Фактически, все настройки Ultimate TinyMCE сводятся к тому, чтобы отметить кнопки, функционал которых вам нужен, и выбрать для них ряд. Описание в настройках на английском языке, но после добавления их в редактор, подсказки будут на русском. Хотя в большинстве случаев можно разобраться и вовсе без подсказок.
Рассмотрим только дополнительные опции, которые представлены в самом низу настроек:
Change the color of the Editor — меняет цвет блока с кнопками в визуальном редакторе WordPress.
Enable NextPage (PageBreak) Button — добавляет функцию NextPage для постраничного представления текста статьи.
Add ID Column to page/post admin list — на страницу админке WP со списками всех статей и записей добавляется новая колона, в которой указываются ID каждой записи/страницы блога. Можете прочитать, как узнать ID записи, страницы и рубрики в WordPress.
Allow shortcode usage in widget text areas — позволяет использовать «короткий код» в виджете «Текст». Короткий код (shortcode) предназначен для быстрого добавления кода Contact Form 7, NextGEN Gallery, Syntax Highlighter Evolved и других плагинов в текст страницы.
Use PHP Text Widget — позволяет использовать код php в виджете «Текст». Код интерпретируется и на страницу блога выводится уже результат его работы.
Enable Line Break Shortcode — добавляет в «Короткие коды» тег Break, который предназначен для добавления пустой строки в текст.
Enable Columns Shortcodes — добавляет в «Короткие коды» большое количество тегов, отвечающих за формирование колонок текста.
Enable Advanced Insert/Edit Link Button — добавляет продвинутую возможность вставки/редактирования ссылок.
Enable «Div Clear» Buttons — добавляет кнопки Div Clear both, left и right предназначенные для отмены обтекания элемента, которое задано с помощью свойства float.
Remove p and br tags — отключает автоматическую вставку тегов p (абзац) и br (перевод строки). Если не хотите для каждого параграфа указывать тег p в ручную, то лучше эту опцию не трогать.
Add a Signoff Shortcode — можно задать часто используемую фразу и вставлять ее в статьи с помощью тега Signoff из «Коротких кодов» (Shortcode).
Текстовый редактор WordPress и плагины Post Editor Buttons и AddQuicktag
Многие считают код, создаваемый в визуальном редакторе WordPress, грязным, то есть содержит лишние теги и стили, которые по-хорошему должны быть вынесены в файл стилей, используемой темы WP. Большую власть над кодом дает текстовая версия редактора ВордПресс. Там все теги вставляются в ручную, за исключением разве что тегов абзаца (p) и перевода строки (br), они добавляются автоматически.
Все хорошо, но опять же не хватает функционала. Чтобы справиться с этой бедой можно воспользоваться плагином Post Editor Buttons.
Там все очень просто:
- Caption — название кнопки, которую добавляем;
- Before — открывающий тег;
- After — закрывающий тег;
- Delete — удалить.
К сожалею, на моем блоге Post Editor Buttons не работает. Просто не добавляются созданные в нем кнопки. Прекрасной альтернативой стал плагин AddQuicktag.
Основные все те же:
- Button Label — название;
- Start Tag (s) — открывающий тег;
- End Tag (s) — закрывающий тег.
Спасибо за внимание! На этом все. Берегите себя.
Плагин Ultimate TinyMCE понравился.Поставил себе.
Плагин поставил, загрузил настройки от разработчика, только все рано ничего не изменилось в редакторе.
НИкаких функций. Как его выбрать по умолчанию. Плагин активировал!
Редактор стандартный режет все Р и БР таги заменяя их на дивы, что это за проблема и как с ней бороться?
Я уже давно пользуюсь стандартным html редактором WP + плагин AddQuicktag. Код получается очень чистый.
На счет визуального редактора даже ничего подсказать не могу.
Спасибо за AddQuickTag. Аналогично не сработал первый вариант, а второй пошел
Ненавижу визуальный редактор все по тем же причинам — статья разбивается на абзацы и заворачивается в параграф P, который тонко кастомизируется на CSS. Зачем еще что-то придумывать!
В стандартном наборе есть вес необходимое, кроме заголовков — H3
А подсветк синтаксиса в нем имеется?
Как при помощи tiny mce обрамлять абзацы статьи в тег ?
Добрый день! первый раз общаюсь с ворд пресс. Подскажите, а как вообще открыть этот html редактор??? нахожу записи только по его изменению. Хочу полностью поменять страницу, добавить инфомации сверху снизу слева справа, но увы! без разметки я не могу этого позволить. Где скрыт файл главной страницы начиная с head??
Добрый день! На странице со нового материала в правом верхнем углу есть переключатель — визуальный/html редактор. Что касается темизации в WordPress, то советую прочитать статью о шаблонах WP.
Здравствуйте! Меня интересует вопрос, по каким причинам в админке Вордпресса может отключиться текстовый редактор? Искала информацию в интернете -пишут о «глюках» с визуальным редактором.
Может кто-то помочь? Версия не обновляла, действие плагинов проверяла. Текстовый редактор не работает, непонятно
Спасибо
Не могу ничего подсказать по этому поводу.
Проблема в браузере, он не отображает вкладку переключения. у меня такое было в maxthon, поставил последний хром — все нормально. Вина разработчиков ВП))
разобралась сама: обновленные плагины, видимо, вступили в противоречие, так сказать, со старой версией вордпресс. После обновления версии все восстановилось
Интересно-интересно, раньше об этом и не слышал. Расширить редактор было бы здорово.
у меня пропала вкладка хтмл в редакторе...то есть не нажимается...кто нибудь сталкивался?
Смотрите мое сообщение выше, у меня была такая же проблема. Если Вы обновили версии некоторых плагинов, а версию Вордпресса не обновили, то мог возникнуть конфликт. По крайней мере, у меня причина была в этом. Я обновила версию Вордпресс и вкладка хтмл в редакторе, в админке стала активной (стала нажиматься).
Спасибо автору за статью, плагин полезный! Установила, но появилось в редакторе и работает только половина кнопок, ну как обидно! Вордпресс обновляла недавно, все плагины тоже. Может, подскажет кто-нибудь в чем же дело?
Заранее благодарю!
Вообще редактор в WordPress — это слабое место. Постоянно глючит. У меня одно время не работал визуальный редактор, после очередного обновления wp вновь заработал. Тут не угадаешь, в чем может быть дело.
Доброго времени суток!
Плагин безусловно полезен, автору спасибо.
Есть вопрос:
а есть ли возможность настроить кнопку для удаления определенного тега или всех тегов?
Или может быть плагин есть такой?
Добрый день!
Такого не встречал.
AddQuicktag — встал на wordpress 3.9.2
Post Editor Buttons — не встал на wordpress 3.9.2
Так для статистики!!!
Я уже давно этим редактором пользуюсь и вставляю в свои разработки, например в конструктор maxpage.
Умная голова сто голов кормит, а худая и себя не прокормит. Спасибо за умные советы и полезную статью.