Редакторы текста в WordPress со страниц сайта

Опубликовано: 04.09.2018

видео Редакторы текста в WordPress  со страниц сайта

Summernote - простой и быстрый визуальный редактор. Установка и настройка

Приветствую всех любителей WordPress на сайте SEOBID.NET! Пользователям WordPress наверняка каждый день приходится каждый день работать в админпанели, и очень часто – в текстовом редакторе. Лично мне не очень нравится сам процесс редакции текстов – допустим, я допустил небольшую ошибку в тексте, которую вычитал в уже опубликованной статье. Чтобы ее исправить, мне нужно зайти в админпанель.



Но, так как я защищаю свой сайт от роботов-спамеров и прочей ерунды, мне нужно пройти две степени защиты входа на сайт (по крайней мере, на моем хостинге существует возможность подключения защиты ). То есть – первый раз я ввожу капчу, а второй раз – свой пароль. Это надежно, но утомительно. Куда как проще редактировать текст просто с опубликованной страницы. Вы скажете – так не бывает! В WordPress, скажу я вам, бывают и не такие чудеса!


Секреты текстового редактора WordPress

Задавшись целью отыскать такой скрипт, хак или плагин, я сделал это, и сегодня хочу вам показать несколько плагинов, использование которых не сильно нагружает сайт, но очень облегчает работу с контентом, потому что с ними вы можете отредактировать текст прямо со страницы. И не только внести грамматические поправки в текст – вы можете добавить изображение (ведь на готовой странице виднее, где лучше будет смотреться картинка-иллюстрация к тексту), поставить ссылку, поработать с шрифтами и с тегами.


Визуальный редактор WordPress/Вывод Записи и Страницы в Вордпресс

Плагин Front-End Editor

Начнем с плагина Front-End Editor – на мой взгляд, очень простого, но очень эффективного. Он способен на многое, если не на все – в смысле, как текстовый редактор. Как его установить, вы уже знаете. Если нет – читайте мою статью Несколько способов установки плагинов на WordPress . После активации плагина заходим в его настройки – это здесь: консоль – «Параметры» — «Front-end Editor». Вот сами настройки:

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

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

Первое, что вы можете сделать:

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

Идем дальше – что еще может этот плагин: редактировать текст записей, страниц, пользовательских типов записей, редактировать любые комментарии (если вы – администратор сайта), редактировать виджеты и другие элементы любого пользователя. Особо настраивать плагин не нужно – можно принять настройки по умолчанию, в которых уже почти все включено. Вот так выглядит плагин, если вы зашли как зарегистрированный пользователь или как администратор сайта.

Как видите, если включить в настройках плагина отображение WYSIWYG редактора (визуального, а не HTML), то он напоминает обычный редактор WordPress, и работать с ним нужно точно так же. А если вы добавите к обычному редактору добавить расширение в виде плагина WP Super Edit , то и возможности редактора Front-End Editor тоже увеличатся.

Плагин Raptor Editor

Интерфейс плагина очень простой, я бы даже сказал – минималистический. Работать с ним, как и с плагином Front-End Editor, сумеет даже неопытный пользователь. Что может плагин? Умеет загружать картинки и другие файлы, умеет редактировать текст, управлять тегами, и т.д. Но внятно работает не со всеми шаблонами WordPress. У меня, например, не получилось сделать понятные скриншоты для дефолтного шаблона, поэтому пришлось поставить другую тему. Вот результат:

Вы видите, что возможностей у плагина – масса, и все это вы можете делать, не заходя в админпанель, а это – главное. А вот как выглядит страница плагина Raptor Editor с настройками. Их совсем немного – намного меньше, как я уже говорил, чем у Front-End Editor. На вкладке «Общие» все понятно – можно редактировать все и везде. Вкладка настроек «Редактор» отвечает за автоматическое изменение размеров вставленного изображения, когда изображение слишком велико.

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

Плагин Front End Upload

Плагин делает следующий фокус: он создает на любой странице (для этого нужно прописать шорткод [front-end-upload] ) возможность для зарегистрированных пользователей загружать любые файлы, предназначенные для администратора. Загружать файлы можно как в свободном доступе, так и по паролю.

Также можно разрешить/запретить загрузку любых форматов файлов – на ваше усмотрение, как администратора сайта. Еще настраиваются уведомления о получении файла на определенный адрес. И последнее, что навело меня на интересную мысль – рядом с полем для загрузки файла есть поле для ввода сообщения администратору. Вот я и подумал – чем не форма обратной связи? И установил ее на страницу Контакты своего сайта. Вот как выглядит эта форма:

А ниже – страница настроек плагина. Здесь все просто – вам нужно придумать любой код доступа, если вы хотите запаролить отправку файлов, указать свой рабочий электронный адрес и придумать свои тексты для уведомлений и шаблона письма. Очень эффективно и, по-моему, эффектно выглядит такая форма.

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

На этом списке я предлагаю остановиться – есть еще много плагинов для юзабилити, но именно этого направления (работа не через админпанель, а со страниц сайта) я пока еще не нашел. Точнее, не нашел бесплатных. Поэтому до встречи а следующих публикациях!

rss