Loading...
X

Отличный бесплатный редактор для WordPress: полный контроль над внешним видом и HTML кодом


Несколько лет назад WordPress обзавёлся редактором WYSIWYG (What You See Is What You Get, «что видишь, то и получишь»). Он лучше предыдущего, но я хочу рассказать вам о другом, очень продвинутом редакторе WordPress, после знакомства с которым вам вряд ли захочется пользоваться чем-то другим. Кстати, он полностью бесплатный.

CKEditor for WordPress

CKEditor – это мощный текстовый редактор, которые позволяет редактировать текст в визуальном режиме, т.е. в том, как он будет показан пользователю, используя удобное меню и всплывающие окна для настройки каждого элемента текста, в том числе его стилей. А также переключаться в HTML режим, в котором нам доступен исходный код будущей статьи и в котором можно делать абсолютно всё, на что способен HTML и CSS.

Установка CKEditor в WordPress

Этот редактор присутствует в виде плагина в официальном репозитории, поэтому просто перейдите к установке новых плагинов, найдите там «CKEditor for WordPress», установите и активируйте его.

Теперь перейдите во вкладку CKEditor, далее пункт Basic Settings:

Select the skin to load – Выбор внешнего вида редактора

User Interface color – Пользовательский цвет интерфейса

Default state – Состояние по умолчанию, если enabled – значит включен

Excerpt state – Экспертное состояние, когда включено, CKEditor будет использовать экспертное поле

Editor toolbar – Набор инструментов редактора. WordressBasic – будут присутствовать только базовые кнопки для редактирования текста. WordressFull – будут присутствовать практически все кнопки, кроме некоторые, непосредственно не связанных с редактированием, и Full – будут выведены абсолютно все возможные кнопки редактора

Editor height – Высота редактора, установите ту, которая удобна для вас

Use CKEditor as comment editor – Поставьте галочку, если хотите использовать CKEditor в качестве редактора для комментариев

Comment toolbar – Набор инструментов редактора для комментариев. Выберите WordressBasic или WordressFull

Editor height for comment – Высота редактора для комментариев

Что может CKEditor в WordPress

Несколько примеров возможностей CKEditor

CKEditor умеет делать всё, что только можно делать с внешним видом веб-страницы с помощью HTML. Рассмотрим только несколько примеров:

  • Создание таблиц

При создании вы можете указать настройки таблицы, в дальнейшем вы можете объединять ячейки, делать настройки для ячейки, столбца или строки.

  • Гибкая настройка свойств изображения, в том числе возможность указать любые стили

  • Изменение цвета текста и фона текста
  • Любые другие возможности веб-редакторов

Вы можете часть текста выделить полужирным, подчеркнуть, зачеркнуть, написать курсивом – все изменения сразу будут видны в тексте статьи.

  • Создавайте номерные и маркерные списки любой иерархии и вложенности. Делайте отступы абзацев.
  • Надстрочный и подстрочный индекс. Вставка специальных символов

  • Вставка смайликов без дополнительных плагинов

  • Вставка линий, вставка и редактирование DIV
  • Полный контроль над ссылками и их поведением
  • Создание содержания (оглавления) статьи в WordPress без дополнительных плагинов.

Об этом подробно в «Пошаговой инструкции по созданию содержания статьи в WordPress».

Подсветка синтаксиса исходного кода в статьях WordPress

Для этого кроме CKEditor for WordPress нам понадобиться ещё два плагина:

  • Auto SyntaxHighlighter
  • SyntaxHighlighter CKEditor Button

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

Недостатки CKEditor

К сожалению, у CKEditor есть недостаток – плагин давно не обновлялся. Автор покинул его и оставил сообществу – к сожалению, не нашлось энтузиастов для поддержки плагина. Тем не менее, CKEditor умеет всё, что нужно. Но из-за долгого отсутствия обновлений появились ошибки при переходе на две страницы в панели управления CKEditor:

  • Внешний вид -> Настройка темы
  • Внешний вид -> Виджеты

Перед переходом на эти страницы нужно деактивировать плагин CKEditor. После того, как закончите работу, например, с виджетами, плагин можно активировать снова.

Это неудобство, с котором приходится мириться. К счастью, эти две страницы нужны довольно редко.

Leave Your Observation

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