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

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

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

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

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

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

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

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

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

Создание записей с 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.

Игорь . Обновление:Декабрь 27, 2016 .

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

Поэтому сегодняшний пост посвящен плагинам WordPress, которые расширяют возможности этого инструмента, благо разработчики позаботились об этом. Речь пойдет, во-первых, о TinyMCE Advanced, который заменит родной визуальный редактор (вкладка «Визуально»), тем более, что еще с ранних версий WP он не всегда работает корректно и выдает ошибки.

Ну и во-вторых, мы рассмотрим настройки AddQuicktag, способного дополнить недостающий комплект HTML кнопок в раздел «Текст». Кстати, для меня именно этот плагин окончательно склонил чашу весов в пользу применения текстового редактора, поскольку с его помощью можно добавить практически любые символы языка гипертекстовой разметки (не только теги).

Плагин TinyMCE Advanced для WordPress - настройки и использование

Итак, если, несмотря на все "танцы с бубнами", в WordPress не работает визуальный редактор, но вы все равно решили применять в дальнейшем исключительно вкладку «Визуально», поскольку нет ни желания, ни времени возиться с тегами, то попробуйте упомянутый TinyMCE Advanced.

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

Затем в разделе «Настройки» - «TinyMCE Advanced» найдете два блока (вверху действующий набор кнопок, который будет установлен по умолчанию, а внизу "запасной" арсенал):

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

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

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

Или же вы пожелаете вставить в текст какую-нибудь химическую формулу. В таком случае в том же разделе выбираете «Нижний индекс» и применяете его к тому символу, который будет объектом данного действа:

Также в дефолтном наборе нет опции «Исходный код». Ее находим в разделе «Инструменты» , щелкнув по соответствующей строчке:

Для чего вообще это нужно? Дело в том, что если вы работаете в визуальном редакторе и переходите в область HTML редактора WordPress, то , а иногда это необходимо. Ну, к примеру, мы форматируем заголовок какого-нибудь подраздела статьи:

Если теперь перейти со вкладки «Визуально» в «Текст», то картина будет следующей:

После использования кнопки «Исходный код» тот же фрагмент после перехода во вкладку текстового редактора обретет недостающие теги:

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

Достаточно сказать, что TinyMCE Advanced позволяет:

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

Если вы активируете кнопочку "Вставить как текст", то все скопированное содержание будет вставляться в чистом виде. Это может пригодиться, если вы пожелаете дополнить написанное фрагментом, который вы скопировали из документа Word, и вставить его без форматирования:

В случае необходимости поместить жмете соответствующую кнопку «Произвольный символ»:

Из появившегося диалогового окна выбираете нужный знак, который будет вставлен в окно редактора TinyMCE Advanced:

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

Если кликните по значку вопроса, то получите список "горячих клавиш" в качестве альтернативного варианта, которые помогут отображать нужные вам символы.

Дополнительные настройки TinyMCE Advanced

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

Поэтому разберем немного и этот аспект. Итак, пониже основных опций идут три блока, первым из которых является «Параметры» :

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

Я лишь попробовал активировать второй сверху пункт , но родное контекстное меню того же Хрома мне понравилось больше.

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

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

Вторым идет блок «Дополнительные параметры» :

Тоже не вполне бесполезные настройки. Например, активированная опция «Создание меню классов CSS» дает возможность загрузить , которые содержатся в файле editor-style.css и служат для отображения элементов, расположенных на странице редактора.

«Сохранять тэги параграфов» . Обычно при переходе из текстового редактора в визуальный и обратно теги абзацев p и тег переноса
не сохраняются. Это опция сохраняет полностью код гипертекстовой разметки. Но при включении этой функции нужно быть внимательными и вначале протестировать корректность ее работы.

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

Ну и третий блок - «Управление» , где можно осуществить импорт и экспорт настроек, отметить галочками усовершенствования для редактора (которые, впрочем, включены уже по умолчанию), а также в любой момент восстановить дефолтные настройки:

В завершение этой части статьи очень качественный видеоролик, который поможет вам надежнее усвоить материал по данной теме:

Добавление недостающих кнопок форматирования в редактор текста Вордпресс посредством AddQuicktag

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

Поэтому после нескольких неудачных попыток выправить ситуацию я сразу же приступил к освоению текстовой версии (вкладка «Текст») редактора WP, что ускорило приобретение навыков в практическом освоении языка гипертекстовой разметки ( читайте о том, что такое HTML).

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

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

После установки AddQuicktag ( , а при описании WordPress TinyMCE Advanced я предоставил линк на материал, в котором вся информация о порядке установки и всех возможных действиях с плагинами) переходите к его настройке:

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

Здесь еще есть опция «Access Key» (хоткей), которая не является ничем иным как возможностью определить "горячие клавиши". Но, к великому сожалению, она почему-то не работает, поэтому я, например, оставил это поле пустым.

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

• «Визуально» - в визуальный редактор WordPress;
• post - собственно во вкладку «Текст» для написания статей на страницах записей;
• page - в текстовый редактор при заполнении контентом статических страниц;
• attachment - для веб-страниц вложения;
• comment - для формы комментариев, чтобы пользователям было удобнее вводить свои сообщения;
• edit comment - для редактирования комментариев в админ панели;
• widgets - для заполнения содержанием виджетов.

Но здесь надо иметь ввиду, что по умолчанию кнопочки будут работать только для постов, статических страниц и формы комментариев.

Для остальных случаев необходимы специальные хаки, которые нужно разместить а файле functions.php вашей темы Вордпресс (в найдете все, что касается ее файлового устройства и взаимодействия движка с шаблонами). Впрочем, в большинстве случаев такого функционала вполне достаточно.

В принципе, можно отметить все чекбоксы, хуже точно не будет. Чтобы сделать это единым махом, просто поставьте галочку в колонке «✔»:

Вот пример выполненных настроек для , который является, пожалуй, самым востребованным при написании постов:

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

К примеру, я практически для каждого объемного поста использую оглавление для подразделов, поэтому посчитал уместным поместить эту частичку кода на панель форматирования, чтобы вставлять ее одним кликом:

Теперь при переходе в текстовый редактор и нажатии на кнопочку «div class="ogl"» шаблон оглавления появится в окне редактирования:

Мне остается лишь вписать заголовки разделов статьи и проставить нужные ссылки. Кроме всего прочего, я нередко применяю при написании постов типографские кавычки, поэтому и такое форматирование добавил на панель HTML-редактора:

(Последнее обновление: 20.01.2019)

Доброго времени суток! Начиная с этой недели я собираюсь по возможности сконцентрироваться на теме - самые полезные и нужные плагины для WordPress. Обязательные которые должны быть установлены сразу после создания сайта/блога, Вы можете о некоторых из них прочитать в этом блоге. Сегодня я сфокусирую ваше внимание на плагине для WordPress TinyMCE Advanced . Данный модуль относится к категории - установка по возможности, то есть по вашему желанию или по другому рекомендуемый. Хотя его можно отнести к - должен установлен для хорошего оформления статей. Вот как то так.

Классический редактор WordPress

Сначала, дамы и господа, прежде чем мы приступим к основной теме статьи - установка и настройка редактора TinyMCE Advanced для wordpress, нужно выполнить дополнительные действие. Зачем? В WordPress 5, вместо классического редактора, внедрён новый блочный редактор Gutenberg. Новый редактор Gutenberg конечно крутой, но на его освоение и привыкание надо время. Поэтому, нам надо первым делом вернуть классический редактор, то есть, старый редактор вордпресс к которому мы так все привыкли. Хотя это не обязательно.

Если вы хотите продолжать использовать предыдущий (классический) редактор в WordPress 5.0 и новее, TinyMCE Advanced имеет возможность заменить новый редактор на предыдущий. Если вы предпочитаете иметь доступ к обоим редакторам бок о бок или разрешить пользователям переключать редакторы, было бы лучше установить плагин Classic Editor. TinyMCE Advanced полностью совместим с Classic Editor.

Обратите внимание, что плагин TinyMCE Advanced работает и с классикой, и с новыми блоками Гутенберг.

Предпочитаете остаться со старым, добрым классическим редактором? Без проблем! Не удивительно, что старый редактор установили уже более 1 млн. пользователей. Поддержка плагина Classic Editor останется в WordPress до 2021 года включительно.

Плагин Classic Editor

Плагин Classic Editor

Classic Editor - официальный плагин от команды разработки WordPress, который восстанавливает старый классический вариант редактора и экрана редактирования записей. Для его установки зайдите Плагины - Добавить новый - Ввести название плагина. На странице модулей нажмите на кнопку "Установить" рядом с Classic Editor.

Установка классического редактора

После установки нажмите "Активировать". После этого, перейдите Настройки - пункт Написание. Здесь, установите Редактор по умолчанию - Классический редактор, а в - Разрешить пользователям переключение редакторов - Да (вы сможете переключиться на редактор блоков и на оборот):

Настройка публикации в WordPress

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

TinyMCE Advanced плагин

TinyMCE Advanced представляет блок Классический абзац и Гибридный режим для нового редактора блоков (Гутенберг)

TinyMCE продвинутый - редактор для WordPress. Версия 5.0 является основным обновлением TinyMCE Advanced. В нем представлены дополнительные кнопки и настройки для панелей инструментов «Rich Text» в редакторе блоков. Подобно панелям инструментов Классического редактора, большинство кнопок могут быть добавлены, удалены или переставлены.

Описание плагина

Plugin представляет блок "Классический абзац" и Гибридный режим для нового редактора блоков Gutenberg. Если вы не совсем готовы переключиться на Редактор блоков лучше использовать блок Классический абзац и Гибридный режим. Он позволяет вам продолжать использовать знакомый редактор TinyMCE для большинства задач и в то же время дает вам полный доступ ко всем блокам и новым функциям в редакторе блоков.

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

Некоторые функции

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

И так, добавляем функциональность редактора WordPress.

Установка и настройка плагина TinyMCE Advanced

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

Установка и активация плагина

После успешной установки и активации продвинутого TinyMCE, у вас в разделе "Настройки" появится подраздел с аналогичным названием модуля - TinyMCE Advanced, нажимаем. И мы попадаем на страницу настроек, чтобы добавить кнопки на панель редактора и различных функций к вашему классическому редактору и редактору блоков (Гутенберг). Вкладка Классический редактор TinyMCE:

Настройки редактора WordPress

Процесс настроек визуального классического редактора совсем не сложный. Всё полностью на русском языке. Как видите у вас есть четыре поля и Неиспользуемые кнопки. Простым нажатием мышки поместите/перетащите кнопки на панель или перетаскивайте их для изменения порядка расположения их.

Чуть ниже на странице, настройте Параметры, Дополнительные параметры и Управление.

Настройка нового редактор Gutenberg

Как работать с кнопками конечно я показывать не буду, да вы и сами лучше меня знаете. Отмечу только то, что теперь можно с легкостью вставлять в статью таблицу. Настраивать её и задавать нужные параметры:

И кнопка Якорь (навигация в статье) пригодится - многие блогеры используют на всю катушку. Кнопка статьи- тоже полезная штука. Вот пожалуй и всё на сегодня. Работать с новым и старым редактором теперь будет классно. У вас получатся с новыми функциями красиво оформленные статьи.

А я прощаюсь с вами. До новых встреч. Всем пока и удачи.

Разобравшись с основным функционалом административной панели в WordPress. Наибольшее количество времени, после формирования основы нашего сайта, мы будем уделять статьям, их написанию и оптимизации. Для набора и форматирования записей в WordPress внедрен редактор, однако он очень уступает плагинам специализированным под эти нужды. После установки и настройки плагина визуального и html редактора Tinymce Advanced осуществлять редактирование записей будет гораздо проще.

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

Навигация по статье:

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

Описание плагина TinyMCE Advanced

Плагин дополнение к редактору TinyMCE Advanced существует очень давно и наверное у 90% пользователей платформы WordPress он установлен и ежедневно используется.

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

Благодаря TinyMCE Advanced мы можем добавить к нашему стандартному редактору, доступному после , большое количество новых кнопок, которые безусловно пригодятся вам.

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

Видео обзор TinyMCE Advanced, его установка и настройка

В данном видео вы увидите преимущества доступные при установке и работе с TinyMCE Advanced.

Чем TinyMCE Advanced лучше стандартного

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

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

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

С первого взгляда понятно что наши возможности значительно вырастут с таким функционалом возможностей TinyMCE Advanced. Тот кто хоть раз работал с текстовыми редакторами сможет легко разобраться в иконках и возможностях плагина. Для тех же кому хочется не искать нужные элементы методом тыка разберем основные возможности и настройки TinyMCE Advanced.

Что даст нам TinyMCE Advanced

Итак, использование расширенного редактора TinyMCE Advanced позволит нам добавить и использовать следующие возможности:

1. Легкое и удобное создание таблиц непосредственно при написании статьи. Редактирование и наполнение которых не вызовет у вас неудобств.
2. Расширенное и удобное форматирование структуры страницы. Возможность создания и регулирования размещения слоев (
   блоки).
3. Вам так же станет доступно ставить верхние и нижние индексы.
4. Менять цвет фона текста с TinyMCE Advanced можно очень легко без использования CSS.
5. Внедрять видео файлы станет гораздо удобнее с редактором TinyMCE Advanced.
6. Изменять размер шрифта.
7. Широкий выбор семейства шрифтов.
8. Набор горячих клавиш добавит вам скорости написания и форматирования ваших текстов.
9. Станет доступна очистить одной клавишей всего форматирования.

Эти и другие возможности пригодятся вам в формировании ваших творений с WordPress.

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

Пользуясь TinyMCE Advanced вы будете писать ваши посты уверенным в своих возможностях, желаем вам вдохновения и уникальных текстов, встретимся в следующем

Возможные проблемы с TinyMCE Advanced и методы их решения

Плагин TinyMCE Advanced написан на PHP, так же как и любая программа она может по тем или иным причинам не работать. Ниже описаны проблемы, с которыми чаще всего сталкиваются пользователи. Чем же болеет редактор для WordPress.

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

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

1. Проверить работоспособность других плагинов которыми вы управляете с админки, если их кнопки настроек работают тогда переходим к следующему пункту. В случае возникновения проблем и с другими дополнениями нужно искать причины внутренних настроек, а не в самом плагине.
2. Обновите WordPress до последней версии.
3. Полностью удалите плагин и скачайте TinyMCE Advanced с официального сайта.
4. После установки активируте его и проверьте работоспособность.

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

На странице администрирования: не сортируются кнопки TinyMCE, они не двигаются, панель инструментов пустая, другие ошибки на странице

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

Если это не помогло, попробуйте некоторые общие устранения неисправностей Javascript: очистить кэш, попробуйте другой браузер, попробуйте другой компьютер, если это возможно, удалить и заново загрузить все файлы плагина, и, наконец, установить Firefox с Firebug или Opera, обратите внимание на первый JS вызывающий ошибки (важно) и разместите его ниже или поищите в Интернете, чтобы узнать то, что вызывает его.

Организовал кнопки и сохранил их, но ничего не меняется в визуальном редакторе на странице записей

Нажмите на кнопку «Удалить» (рядом с кнопкой Сохранить), а затем на «Продолжить». Затем выключить и активировать плагин снова. Это сбросить все настройки, которые хранятся в базе данных.

Некоторые кнопки отсутствуют в меню TinyMCE, либо некоторые инструменты не появляются вообще, или TinyMCE ведет себя странно после установки плагина

Почти все эти проблемы вызваны кэш браузера, или сетевой кэш. Очистите кэш браузера, закройте браузер, а затем запустить его и попробуйте еще раз. Если проблема не устраняется, попробуйте перезагрузить страницу, удерживая Ctrl (в IE) или Shift (в Firefox), чтобы указать браузеру что нужна перезагрузка страницы с сервера. Это также может быть вызвано сетевым кэш где-то между вами и вашим веб-хостинга. Просто подождите несколько часов для того, чтобы проблема исчезнет.

Я не вижу каких-либо стилей импортируемых в «style» в раскрывающемся меню

Эти стили (только классы) импортируются из редактора в файл style.css вашей текущей темы. Однако некоторые темы не включать этот файл. В этом случае следуйте инструкциям на странице настроек TinyMCE Avdanced, чтобы добавить свой собственный файл style.css редактор к вашей теме. При определении стилей имейте в виду, что TinyMCE будет импортировать имена только класса:

My_class{}

My_other_class {}

Я только что установил плагин TinyMCE Avdanced, но ничего не произошло

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

Когда я добавляю «смайлики», они не показывают в редакторе

Кнопка «Смайлики» в TinyMCE добавляет коды смайлов. Фактические изображения добавляет WordPress при просмотре записи / страницы. Убедитесь, что флажок «Преобразовывать смайлики наподобие:-) и:-P в картинки» в меню «Настройки»/»Написание» установлен.

Плагин не добавляет никаких кнопок, «Визуально» и «HTML текст» вкладки отсутствуют

Убедитесь, что «Отключить визуальный редактор» флажок в разделе «Пользователи»/»Ваш профиль» снят.

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

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

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

Так и в случае с редактором. Когда-нибудь вполне может настать момент, когда вам будет не хватать чего-то и вы зададитесь вопросом: как же мне редактировать текст? как его оформить?

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

Как обычно, начинаем с поиска плагина.

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

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

Давайте взглянем на настройки плагина, они находятся в меню Настройки — TinyMCE Advanced.

Особо здесь и объяснять ничего не нужно, поскольку плагин русифицирован и все должно быть понятно. Например, мы можем включить или отключить меню редактора, можем добавить новых кнопок на панель редактора и т.д. Попробуйте поиграться с настройками, чтобы сконфигурировать редактор на свой вкус.

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