Обзор возмжностей плагина визуального редактора для WordPress

E-Planet

Разработчики WordPress стараются постоянно работать над новыми функциями, призванными улучшить эту систему управления контентом. Но сначала эти функции выпускаются в качестве расширений, чтобы развиваться самостоятельно, вне ядра WordPress, а уже потом становятся частью системы. Одной из таких будущих функций является плагин визуального редактора статей Front-end Editor, который можно установить на своем сайте уже сейчас.

Проблемы стандартного визуального редактора WordPress

На данный момент, для создания постов в WordPress, вам обязательно нужно зайти в стандартный визуальный редактор, нажав кнопку «Добавить» в верхней части экрана или выбрав соответствующий пункт в панели администрирования. С этим методом связаны некоторые проблемы. Во-первых, вам приходится уходить с главной страницы и загружать новую. Во-вторых, отредактированный контент будет несколько отличаться от того, каким будет вывод статей на самом деле.

Несмотря на то, что визуальный редактор WordPress называется WYSIWYG (что видишь, то и получишь), его содержимое выглядит не так, как на вашем сайте – в рамках вашей темы.

Конечно, всегда можно проверить, как действительно будет выглядеть редактируемый контент постов, нажав «Посмотреть» и перейдя к главной странице своего сайта. Но проблема в том, что вам придется вносить какие-либо коррективы в слепую, через панель администратора, а потом снова переходить к главной. Все это достаточно просто, но требует очень много времени, особенно, если приходится работать с большим количеством постов.

Использование визуального редактора Front-end Editor

Устанавливая бесплатный плагин Front-end Editor, вы получаете возможность производить создание и редактирование записей прямо на главной своего сайта. Вам больше не придется переходить к панели управления WordPress для создания и изменения записей, а потом обратно на сайт, чтобы проверить их вывод на странице.

Создание страницы или статьи

Обычно, нажимая кнопку «Добавить», вы перенаправляетесь к wysiwyg редактору в панель управления WordPress. Плагин Front-end Editor позволяет оставаться на главной сайта, и дает возможность производить создание страницы прямо на ней. Вы просто вводите нужный заголовок туда, где написано «ЗАГОЛОВОК», а содержимое на место надписи «Just write…». Если один раз кликнуть на эту надпись, то появится постоянная ссылка для страницы, которую можно изменить во всплывающем окне.

Создание записей с Front-end Editor происходит аналогичным образом, но с возможностью добавить категорию. Для этого надо нажать на то место, где в вашем шаблоне сделан вывод названия рубрик. После чего, перед вами появится окно, в котором можно отметить нужные категории для постов, а также создать новые и выбрать для них родительские рубрики.
редактор статей Front-end Editor

Добавление содержимого

Когда вы нажимаете на любое место поля для ввода содержимого записей, перед вами появляется кнопка «Add Block». Она позволяет разместить блоки, в которых осуществляется вывод различного контента статей. Эти блоки включают:

  • Медиафайлы (изображение, аудио, видео);
  • Горизонтальную линию;
  • Кнопку «Читать далее»;
  • Разрыв страницы.

Если вы не хотите размещать эти блоки, то можете просто начать печатать текст. Чтобы снова вызвать вывод кнопки «Add Block», нужно попросту сделать перенос строки. Кроме того, можно удалить любой из блоков, а также вырезать и вставить его в другое место, если он имеет какое-то содержимое. Обратите внимание, что оставшиеся без содержимого блоки, в итоге будут выглядеть как пустые пространства на главной сайта.

Форматирование текста

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

  • Жирный шрифт;
  • Курсив;
  • Зачеркивание;
  • Ссылка;
  • Цитата;
  • Заголовки H2 и H3.

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

Прикрепление медиа

Когда вы добавляете блок с медиафайлами в текст статей, вам открывается библиотека, где можно выбрать существующие файлы или загрузить новые. Это стандартный экран добавления медиафайлов ВордПресс, так что он имеет все нужные функции, такие как: создание галереи, установка изображения-превью, вставка из URL, загрузка файлов, изменение настроек изображения.

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

Переход к стандартному визуальному редактору

Благодаря тем возможностям, которые приносит плагин Front-end Editor, большую часть изменений текста постов можно сделать прямо на главной, за исключением настроек SEO, а также некоторых HTML тегов. Но на каком месте веб-сайта вы бы не находились, вы всегда можете зайти в расширенный визуальный редактор, нажав на кнопку «Edit in admin» в меню редактирования записей.

В том случае, если вы захотите вернуться к изменению содержимого записей прямо на главной сайта, то можно просто нажать «Посмотреть». Это переместит вас к соответствующей странице, но вы не сможете сразу изменять содержимое. Чтобы продолжить корректировку текста, нужно будет нажать «Изменить» или «Редактировать»,

Сохранение и публикация

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

Какое будущее у Front-end Editor

Вероятно, когда-нибудь этот плагин будет встроен в ВордПресс как основная функция. А пока это не так, вы можете использовать его, чтобы получить возможность иметь настоящий режим wysiwyg, не зависящий от установленного шаблона. Вы сможете видеть вывод статей так, как они действительно будут выглядеть, потому что будете создавать их непосредственно на главной странице сайта. Это покажет вам, как изображения и текстовый контент увидят пользователи, без необходимости делать лишние переходы, что несомненно ускорит процесс написания постов.

Вывод

Помимо большого количества плюсов, плагин Front-end Editor имеет и несколько минусов. В основном, они связанны с некоторыми ошибками, которые, впрочем, не мешают ему работать. Например, есть проблемы с сохранением и публикацией постов при активации одного из стандартных шаблонов WordPress, а также незначительные сбои при изменении контента. Как бы то ни было, это замечательный плагин, который может сэкономить огромное количество времени при создании контента, а также дать опыт использования настоящего wysiwyg.

comments powered by HyperComments