кнопка наверх

Визуальный редактор WordPress – плагин TinyMCE Advanced

визуальный редактор TinyMCE AdvancedДорогие читатели, сегодня мы поговорим об удобстве написания и оформления статей для блога. А именно, о плагине для WordPress TinyMCE Advanced.

Содержание статьи:

Зачем нужен нормальный визуальный редактор WordPress

Возможно, вы уже воспользовались советом из статьи Windows Live Writer — программа для написания статей и пишете ваши записи через нее. А может она вам не понравилась. Да и разные ситуации, когда воспользоваться ей не предоставляется возможным и нужно писать статью через админку блога с использованием визуального редактора (WYSIWYG — “Что видишь, то и получаешь”).

В WordPress встроен стандартный визуальный редактор, который не достаточно функционален и удобен в использовании. Выглядит он так:
визуальный редактор wordpressРоль визуального редактора в жизни блогера огромна: каждому необходимо оформлять статьи красиво, аккуратно и удобно для зрительного восприятия. Кроме того работа с блогом должна доставлять удовольствие, а значит редактор должен быть удобен и просто в использовании, а его функционал – интуитивно понятен.

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

Не работает визуальный редактор WordPress?

Если по какой-то причине у вас вообще не работает стандартный визуальный редактор, не стоит переживать, он вам не нужен. Сразу переходите к установке плагина  TinyMCE Advanced, который обеспечит вам расширенный полноценный визуальный редактор в вордпресс.

Установка плагина TinyMCE Advanced для WordPress

Установка стандартная. Удобнее всего скопировать название плагина «TinyMCE Advanced» в поиск плагинов и установить. Можете так же скачать плагин TinyMCE Advanced с официального сайта вордпресс. Если вы не знаете, как его установить, учитесь здесь.

Настройка плагина

  1. В админке блога: «Параметры» -> «TinyMCE Advanced». Открылись настройки плагина.
  2. Названия кнопок сейчас на английском, но не переживайте, при редактировании статьи визуальный редактор отобразится  полностью на русском.
  3. Четыре строки сверху показывают строки визуального редактора, которые можно наполнять функциональными элементами. Ниже расположен перечень имеющихся кнопок. Перетаскивая левой кнопкой мыши значки, вы сможете расположить их в нужном порядке. Аналогично можно избавиться от ненужных инструментов: перетащите их мышью вниз.
    настройка визуального редактора
  4. Обратите внимание, что чем больше инструментов вы добавите на панель редактора, тем медленнее он будет работать. Поэтому добавляйте только те кнопки, которыми вы пользуетесь.

Как отключить визуальный редактор WordPress

Если вдруг вы хорошо владеете html и редактор только мешает вам своими ошибками и глюками, возможно вы захотите его выключить. В WordPress это делается так: зайдите в раздел «Пользователи», выберите своего пользователя и вы увидите, что самым первым пунктом настроек является чекбокс «Отключить визуальный редактор». Поставьте галочку и редактор перестанет отображаться.

Функционал и преимущества редактора TinyMCE Advanced

После того, как вы закончили настраивать редактор, откройте любую статью и возрадуйтесь! Теперь это уже похоже на серьезный редактор типа MS Word. Визуальный редактор для вордпресс TinyMCE Advanced обладает множеством свойств, которые помогут вам оформлять статьи, как пожелаете. Перечислю основные из них:

  • Форматирование текста в один клик: выделение жирным, курсивом, подчеркнутым и т.д. Не забудьте сначала выделить участок текста, который хотите отформатировать.
  • Выравнивание текста по левому, правому краю, центру и ширине.
  • Добавление маркированных и нумерованных списков
  • Стили для абзацев и заголовков
  • Цитаты и аббревиатуры
  • Добавление и редактирование медиафайлов
  • Выбор цвета, размера и типа шрифта
  • Выбор фона для текста
  • Работа с таблицами

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


1 звезда2 звезды3 звезды4 звезды5 звезд (7 оценок, среднее: 4,43 из 5)
Загрузка...
like
Понравилось?
Подпишитесь на блог и получайте новые статьи!
Добавляйтесь в соц. сетях:
  1. Серж К.:

    Установил TinyMCE Advanced. Но увы, что-то он в том же укороченном варианте как и базовый. А такой как вы показали еще где-то существует? Сразу бы работа полегче стала...

    Ответить
    • Анна:

      Увы, после очередного обновления вордпресса этот плагин изменился и теперь выглядит так:( Он стал неудобным, но по сути функционал прежний. Возможно вы не нажали кнопочку «Показать/скрыть панель инструментов»?

      Ответить
  2. Серж К.:

    TinyMCE Advanced. Извините, ошибся. Все как вы писали. Разобрался...

    Ответить
  3. Вячеслав:

    Спасибо. Ваш блог мне помог

    Ответить
Ваш комментарий: