Если вы используете редактор TinyMCE вместо Gutenberg, это просто необходимо.
Он предоставляет вам все необходимые инструменты «из коробки» для настройки редактора по вашему желанию.
Расширенные инструменты редактора (ранее TinyMCE Advanced) Предоставляет блок «Классический абзац» и «Гибридный режим» для нового блока редактора.
Если вы еще не готовы полностью перейти к новому блоку редактора или у вас есть плагины, которые еще нельзя использовать с блоками, используйте блок классического абзаца и смешанный режим — это ваш лучший выбор.
Вы можете использовать старый добрый редактор TinyMCE для большинства задач и в то же время иметь полный доступ к блокам и всем возможным блокам редактора.
Версия плагина 5.5 Позволяет использовать не только возможности предыдущей версии, но и кнопку очистки форматирования, дополнительные расширенные настройки для таблиц, а также настройки импорта и экспорта в файле.
Если вы хотите использовать старый «классический» редактор с WordPress 5.0 или новой версии, этот плагин содержит замены нового редактора старого. Если же вам нужен доступ к обоим редакторам сразу или предоставить пользователям возможность переключать редактор, вам лучше установить плагин Classic Editor. TinyMCE Advanced полностью совместим с Classic Editor и другими плагинами, поддерживающими использование старого редактора в WordPress.
Как обычно этот плагин позволяет добавлять, удалять и сортировать кнопки на панели инструментов в классическом блоке и блокировании классического абзаца (если это возможно). Вы можете сконфигурировать до 4 рядов кнопок, включая размеры и набор шрифтов, цвета текста, фона и не только!
Он включает 15 плагинов для TinyMCE, которые автоматически включаются или блокируются в зависимости от выбранных вами кнопок. Кроме того, этот плагин предоставляет возможности для сохранения тегов абзацев в текстовом режиме и импорта классов CSS из темы editor-style.css.
- Некоторые возможности добавить плагин
- Таблицы выглядят по-другому (отсутствуют встроенные стили), когда я вставляю таблицу
- Якорные ссылки в WordPress
- TinyMCE Advanced — продвинутый редактор WordPress
- Некоторые функции, добавленные этим плагином
- Установка классического редактора
- Настройка публикации в WordPress
- Описание плагина
- Некоторые функции
- Установка плагина Advanced Editor Tools
- Настройки редактора WordPress
- Преимущества плагина TinyMCE Advanced?
- Немного про плагин TinyMCE Advanced
- Преимущества TinyMCE Advanced над стандартным редактором
- Сложности с TinyMCE Advanced и пути их разрешения
- Редактор отказывается работать
- Отсутствует сортировка кнопок на странице администрирования, в панели инструментов ничего нет
- После сохранения кнопок на странице с записью ничего не поменялось в визуальном редакторе
- Нет ряда кнопок в меню TinуMCE, или инструментов, или у TineMCE есть «заскоки» после установки модуля
- Нет стилей импортируемых в «style» в раскрывающейся менюшке
- После установки плагина ничего не происходит
- При добавлении смайликов они не отображаются в редакторе
- Плагин не добавил кнопки, нет вкладок «Визуально» и «HTML»
- Установка и настройка TinyMCE Advanced
Некоторые возможности добавить плагин
Если требуется установка вручную, убедитесь, что файлы плагина находятся в папке с именем «tinymce-advanced» (а не в двух вложенных папках) в папке плагинов WordPress, обычно «wp-content/plugins».
Первый шаг для отладки — попытаться получить доступ к файлу непосредственно в браузере (т. е. скопировать URL-адрес, вставить его в браузер и нажать Enter).
Если вы видите файл (обычно это минимизированный JS, поэтому он весь в одной строке), скорее всего, это была какая-то проблема с кэшированием, которая теперь решена. Попробуйте использовать редактор еще раз.
Если вы видите ошибку HTTP (например, 403 или 500), лучше всего обратиться за помощью к вашей хостинговой компании. В некоторых случаях может помочь удаление и повторная установка плагина.
Таблицы выглядят по-другому (отсутствуют встроенные стили), когда я вставляю таблицу
Ознакомьтесь с новыми (начиная с версии 5.2.0) расширенными настройками таблиц. Можно отключить использование встроенных стилей для таблиц, но это приведет к невозможности изменения размера таблицы в редакторе. Если дополнительные вкладки в диалоговых окнах таблицы, строки и столбца включены (по умолчанию), все равно можно будет вводить значения ширины и высоты, которые установлены как встроенные стили.
Эти стили импортируются из текущего файла editor-style.css вашей темы. Однако некоторые темы не имеют этой функции. Для этих тем в расширенных инструментах редактора есть возможность добавить собственный файл editor-style.css и импортировать его в редактор.
«Advanced Editor Tools» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:
Fix warnings on pages other than Edit Post. Update the description.
Updated for WordPress 3.9 and TinyMCE 4.0. Refreshed the settings screen. Added support for exporting and importing of the settings.
Updated for WordPress 3.8, fixed auto-embedding of single line URLs when not removing paragraph tags.
Якорные ссылки в WordPress
Привет, дорогие друзья! В предыдущем посте я показал разные способы создания удобной навигации в статье для посетителей вашего сайта. Но, так как, есть ещё один способ, я с вашего разрешения
TinyMCE Advanced — продвинутый редактор WordPress
TinyMCE Advanced — плагин для WordPress. Начиная с этой недели я собираюсь по возможности сконцентрироваться на теме — самые полезные и нужные плагины для WordPress.
Версия 5.5 продолжает улучшать и совершенствовать новые функции, представленные в версии 5.0 плагина. Он включает улучшенную кнопку «Очистить форматирование», несколько расширенных настроек таблиц, а также импорт и экспорт настроек в файл.
Он включает 15 плагинов для TinyMCE, которые автоматически включаются или отключаются в зависимости от выбранных вами кнопок. Кроме того, этот плагин добавляет опции для сохранения тегов абзацев в текстовом режиме и импорта классов CSS из файла editor-style.css темы.
Некоторые функции, добавленные этим плагином
Если требуется установка вручную, убедитесь, что файлы плагина находятся в папке с именем «tinymce-advanced» (а не в двух вложенных папках) в папке плагинов WordPress, обычно «wp-content/plugins».
Измените несколько кнопок на одной из панелей инструментов, сохраните изменения, очистите кеш браузера и повторите попытку. Если это не помогло, попробуйте перезагрузить страницу редактирования несколько раз, удерживая нажатой клавишу Shift. Где-то между вами и вашим хостом также может быть сетевой кеш. Возможно, вам придется подождать несколько часов, пока истечет срок действия этого кэша.
Кнопка «Смайлы» в TinyMCE добавляет коды для смайлов. Фактические изображения добавляются WordPress при просмотре публикации. Убедитесь, что в разделе «Параметры – Написание» установлен флажок «Преобразовать смайлы в графику на дисплее».
Пересохраните настройки или нажмите кнопку «Восстановить настройки по умолчанию» на странице настроек плагина, а затем снова установите кнопки и сохраните.
Классический редактор WordPress
Прежде всего, дамы и господа, прежде чем мы приступим к основной теме статьи — установка и настройка редактора TinyMCE Advanced для WordPress, необходимо выбрать дополнительное действие. Зачем? В WordPress 5 вместо классического редактора добавлен новый блочный редактор Gutenberg.
Новый редактор Гутенберг конечно крутой, но на его освоение и привыкание надо время. Поэтому, нам надо первым делом вернуть классический редактор, то есть, старый редактор ВордПресс к чему мы так все нужны. Хотя это не обязательно.
Если вам нужно массово преобразовать статьи, написанные в классическом редакторе в блоках Гутенберга, читайте как.
Если вы хотите продолжать использовать предыдущий (классический) редактор в WordPress 5.0 и новее, TinyMCE Advanced дает возможность заменить новый редактор на предыдущий. Если вы предпочитаете иметь доступ к обоим редакторам или разрешить пользователям переключать редакторы, лучше установить плагин Classic Editor. TinyMCE Advanced полностью совместим с Classic Editor.
Включает предыдущую классическую версию редактора и экран редактирования записей в старом стиле, с TinyMCE, полями метаданных и прочим. Поддерживает все расширения расширения старого редактора.
Classic Editor — официальный плагин от команды разработки WordPress, который поддерживает старый классический вариант редактора и записи редактирования экрана. Он позволяет использовать плагины расширения этого экрана, метаданные полей добавления в старом стиле и другие детали, детализированные из старого редактора.
Кроме того, плагин Classic Editor включает в себя несколько фильтров, которые позволяют другим плагинам управлять настройками и выбирать редактора для каждой записи и каждого типа записей.
По умолчанию, этот плагин полностью скрывает функциональность добавленную новым редактором блоков (Gutenberg).
Для его установки зайдите Плагины — Добавить новый — Ввести название плагина. На странице модулей нажмите на кнопку «Установить» рядом с Classic Editor.
Установка классического редактора
После установки нажмите «Активировать». После этого, перейдите Настройки — пункт Написание. Здесь, установите Редактор по умолчанию — Классический редактор, а в — Разрешить пользователям переключение редакторов — Да (вы сможете переключиться на редактор блоков и на оборот):
Настройка публикации в WordPress
Расширяет и улучшает редактор блоков (Gutenberg) и классический редактор (TinyMCE). Обратите внимание: этот плагин был переименован с TinyMCE Advanced в Advanced Editor Tools. Функционал плагина остался прежним.
Плагин WordPress Advanced Editor Tools
TinyMCE продвинутый — редактор для WordPress. Версия 5.0 является основным обновлением TinyMCE Advanced. В нем представлены дополнительные кнопки и настройки для панелей инструментов «Rich Text» в редакторе блоков. Подобно панелям инструментов Классического редактора, большинство кнопок могут быть добавлены, удалены или переставлены.
Описание плагина
Plugin представляет блок «Классический абзац» и Гибридный режим для нового редактора блоков Gutenberg. Если вы не совсем готовы переключиться на Редактор блоков лучше использовать блок Классический абзац и Гибридный режим. Он позволяет вам продолжать использовать знакомый редактор TinyMCE для большинства задач и в то же время дает вам полный доступ ко всем блокам и новым функциям в редакторе блоков.
Плагин позволит вам добавлять, удалять и размещать кнопки, которые отображаются на панели инструментов визуального редактора в классическом абзаце и классических блоках в новом редакторе блоков, а также в классическом редакторе (если он включен плагином). Там вы можете настроить до четырех рядов кнопок, включая Размер шрифта, Семейство шрифтов, цвета текста и фона, таблицы и многие другие.
Некоторые функции
И так, добавляем функциональность редактора WordPress.
Установка плагина стандартная, через админку ВордПресс. Плагины — Добавить новый и в поле для поиска вводим название Advanced Editor Tools:
Установка плагина Advanced Editor Tools
После успешной установки и активации продвинутого TinyMCE, у вас в разделе «Настройки» появится подраздел с аналогичным названием модуля — Advanced Editor Tools , нажимаем. И мы попадаем на страницу настроек, чтобы добавить кнопки на панель редактора и различных функций к вашему классическому редактору и редактору блоков (Гутенберг). Вкладка Классический редактор TinyMCE:
Настройки редактора WordPress
Процесс настроек визуального классического редактора совсем не сложный. Всё полностью на русском языке. Как видите у вас есть четыре поля и Неиспользуемые кнопки. Простым нажатием мышки поместите/перетащите кнопки на панель или перетаскивайте их для изменения порядка расположения их.
Как работать с кнопками конечно я показывать не буду, да вы и сами лучше меня знаете. Отмечу только то, что теперь можно с легкостью вставлять в статью таблицу. Настраивать её и задавать нужные параметры:
И кнопка Якорь (навигация в статье) пригодится — многие блогеры используют в тексте якоря на всю катушку. Кнопка вставка видео в текст статьи- тоже полезная штука. Вот пожалуй и всё на сегодня. Работать с новым и старым редактором теперь будет классно. У вас получатся с новыми функциями красиво оформленные статьи.
Этот модуль является дополнение к стандартному редактору WordPress. Плагин достачно простой, но одновременно с этим сочетает в себе весь необходимый для комфортной работы со страницами и записями функционал.
Преимущества плагина TinyMCE Advanced?
TinyMCE Advanced предназначен для того, чтобы вы могли создавать в удобном визуальном и кодовом формате собственные публикации. Также, с его помощью можно изменить либо создать стиль для написания уникальных статей. Ведь редактор по умолчанию в Ворд Пресс честно сказать «хромает», и пользоваться им крайне неудобно.
Обсудив все функции админки WordPress, пришло время переходить и к другим вопросам. Что такое плагин TinyMCE Advanced: для WordPress? Пожалуй вы понимаете, что очень много времени придется тратить на статьи. И речь идет не только про их написание.
Ведь вдобавок к этому вам придется их оптимизировать для поисковых систем. Чтобы набирать и форматировать тексты в Ворд Пресс, вашему вниманию доступны различные инструменты.
Так, установив и настроив, к примеру, визуальный редактор TinyMCE Advanced вы сразу же увидите разницу. И редактировать записи с его помощью будет гораздо проще и удобнее.
В настоящее время существует масса плагинов для редактирования текста. Однако, упомянутый выше вариант является одним из лучших. Поэтому, именно его мы хотим описать в сегодняшней статье. В ней расскажем все про начало его использования, скачивание и установку.
Немного про плагин TinyMCE Advanced
Этот модуль является дополнение к стандартному редактору Ворд Пресс. Его скачало и установило уже большинство пользователей платформы Ворд Пресс.
Отдав ему предпочтение вы сможете усовершенствовать стандартный редактор, идущий в Ворд Пресс по умолчанию. Речь сейчас идет про внедрение новых кнопок, которые при работе со статьями будут для вас очень полезными.
Переоценить представленный модуль очень сложно. Его используют достаточно часто, и все настройки произведенные с его помощью будут не только простыми, но и доступными для любого пользователя.
Преимущества TinyMCE Advanced над стандартным редактором
Если вы еще не знакомы с плагинами и их предназначением, то рекомендуем ознакомиться с уроком на эту тему. В обратном случае просто продолжайте чтение данной публикации.
TinyMCE Advanced предназначен для того, чтобы вы могли создавать в удобном визуальном и кодовом формате собственные публикации. Также, с его помощью можно изменить либо создать стиль для написания уникальных статей. Ведь редактор по умолчанию в Ворд Пресс честно сказать «хромает», и пользоваться им крайне неудобно.
Как видите, с редактором по умолчанию далеко не уедешь, что подтверждает и представленный скриншот. Именно поэтому пользователи и находят спасение в скачивании плагина TinyMCE Advanced.
Уже при первом знакомстве с ним видно, что функционал значительно увеличивается. Мы можем с уверенностью сказать, что пользователи однажды работавшие с данным редактором, продолжат делать это и дальше.
Да и разобраться в нём не составит труда, т.к. все понятно на интуитивном уровне. Но на случай, если вы являетесь полным новичком в этой сфере, мы все же расскажем про основные возможности и его настройки.
Если вы выберите визуальный редактор TinyMCE Advanced, то получите доступ к ряду следующих возможностей.
Но это далеко не все возможности, которые будут вам доступны при работе с текстом через TinyMCE Advanced.
При этом плагин регулярно обновляется. А это значит, что разработчики думают о своем софте, что лишний раз подтверждает его качество.
Используя визуальный редактор TinyMCE Advanced вы сможете создавать крутые посты. Они будут уникальными, и точно позволят продвигать собственный сайт в поисковой выдаче. А, чтобы это было еще проще, рекомендуем использовать и форму обратной связи. Недавно мы публиковали статью по этой теме на нашем сайте.
Сложности с TinyMCE Advanced и пути их разрешения
Для написания представленного плагина использовали PHP. Поэтому, в его работе, как и в работе остальных программ могут случаться сбои. Именно о них мы и расскажем ниже. Здесь будут представлены проблемы, на которые пользователи жалуются чаще всего. Итак, как же они выглядят в случае с TinyMCE Advanced.
Редактор отказывается работать
Если после внедрения плагина в административную панель вам недоступна редактура, использование иконок, добавление либо изменение настроек, то рекомендуется пройти следующие шаги.
Если это не приведет к желаемому результату, то вероятнее всего проблемы вызваны другими модулями. Ведь иногда плагины конфликтуют между собой.
В таком случае рекомендуется отключить их все, кроме TinyMCE Advanced. Если и в данном случае он не будет работать, то понадобится обратиться за помощью к профессиональному программисту.
Отсутствует сортировка кнопок на странице администрирования, в панели инструментов ничего нет
Чаще всего это связано с другими плагинами, добавляющими несовместимые библиотеки JavaScript на все страницы, а не только туда, где они действительно нужны.
Исправить ситуацию можно узнав, работа каких плагинов приводит к подобному исходу. После, временно отключите эти модули, и как только клавиши TinyMCE появятся, начинайте включать их по очереди, проверяя что меняется в настройках.
Если это не помогает, то рекомендуется прибегнуть к другим мерам. К примеру, почистить кэш. Кроме того можно:
А еще можно загрузить и установить Firefox с Firebug или Opera. После заострите внимание на первом JS приводящим к ошибке и расположите его ниже, либо найдите в интернете, чтобы понять, что приводит к его возникновению.
После сохранения кнопок на странице с записью ничего не поменялось в визуальном редакторе
В данном случае нужно нажать по клавише «Удалить». Она расположена рядом с клавишей «Сохранить». После жмем на «Продолжить», выключаем и вновь запускаем плагин. Это приведет к сбросу всех настроек, хранящихся в базе данных.
Нет ряда кнопок в меню TinуMCE, или инструментов, или у TineMCE есть «заскоки» после установки модуля
Скорее всего любая из данных проблем связана с кэшем используемого вами браузера или сетевым кэшем. Просто произведите очистку кэша браузера, затем выйдите из него, и опять откройте на ПК. Повторите попытку работы еще раз.
Если проблема останется, то выполните перезагрузку страницы, зажав Ctrl (в IE) или Shift (в Firefox). Это укажет браузеру на то, что необходима перезагрузка странички с сервера.
Если же проблема вызвана сетевым кэш, то здесь вы окажетесь бессильны. Потребуется лишь подождать некоторое время, пока специалисты занимаются её устранением.
Нет стилей импортируемых в «style» в раскрывающейся менюшке
При определении стиля нужно брать во внимание то, что TinyMCE импортирует лишь имена класса:
После установки плагина ничего не происходит
Выйдите из административной панели, очистите кэш используемого браузера, закройте его и войдите повторно. Если ничего не изменится, о возможно кэширование прокси, или проблема в сетевом кэше. В первом случае очищаем кэш браузера, а во втором ждем, пока проблему устранят.
При добавлении смайликов они не отображаются в редакторе
Клавиша «Смайлики» в данном редакторе предназначена для добавления кодов смайлов. По факту изображения появляются лишь при просмотре записей и страниц. Удостоверьтесь в том, что отметка “Преобразовывать смайлики наподобие 🙂 и 😛 в картинки” в разделе “Настройки”/”Написание” установлена.
Плагин не добавил кнопки, нет вкладок «Визуально» и «HTML»
Чтобы вернуть данную опцию, снимите отметку в меню “Пользователи”/”Ваш профиль” напротив надписи “Отключить визуальный редактор”.
Теперь вы знаете все про визуальный редактор TinyMCE Advanced на платформе WordPress. Поверьте, он намного удобнее того, что установлен по умолчанию.
Есть у меня небольшой набор плагинов wordpress, которые смело можно называть «must have» для каждого блоггера, то есть обязательными к использованию. Устанавливаю по возможности практически одну и ту же сборку на все свои блоги, что позволяет сделать работу с системой более продуктивной, функциональной и удобной для посетителей.
Думаю, в дальнейшем обзоры их всех вы найдете на страницах этого блога, про кое-какие модули уже успел рассказать, но большинство из них еще впереди. Сегодня речь пойдет о продвинутом текстовом редакторе TinyMCE Advanced – штука очень классная и практичная.
Вообще в текстовом редакторе, по сути, вы проводите больше всего времени в wordpress – публикуете и форматируете текст, добавляете теги, категории wordpress, картинки вставляете, иногда приходится размещать таблицы и т.п. В общем, очень важно иметь под ругой функциональный, качественный инструмент. По умолчанию в системе wordpress есть свой редактор, но я бы все равно рекомендовал устанавливать TinyMCE Advanced. Вот так он выглядит в действии сейчас в админке блога wordpress inside:
Как вы видите иконок здесь для всяких действий более чем достаточно. Не буду сравнивать со стандартным, поскольку уже даже забыл как он выглядит, расскажу лишь про некоторые детали в TinyMCE Advanced. В первой строке у нас есть кнопки:
Вторая строка не менее важная и также содержит ряд интересных функций:
Этого, думаю, будет вполне достаточно дабы понять, что редактор TinyMCE Advanced просто супер функционален. Кстати, это лишь часть его возможностей, о других расскажу чуть дальше.
Установка и настройка TinyMCE Advanced
Установка стандартная – после скачивания разархивируем и загружаем на фтп блога в папку wp-content/plugins. Далее активируем TinyMCE Advanced из админки, после чего заходим в меню «Параметры» — «TinyMCE Advanced», где нужно произвести его настройку. Финальным аккордом есть очистка кэша браузера.
Перед тем как рассказать о настройке еще пару слов про функциональность модуля. По описанию на официальном сайте в него входит аж 15 других плагинов: Advanced HR, Advanced Image, Advanced Link, Context Menu, Emotions (Smilies), Date and Time, IESpell, Layer, Nonbreaking, Print, Search and Replace, Style, Table, Visual Characters и XHTML Extras. Все это возможно получить, установив лишь один TinyMCE Advanced! Кроме английского языка плагин поддерживает и некоторые другие локализации (немецкую, французскую, итальянскую, испанскую, русскую и т.д.). В общем, сомневаться в широких возможностях модуля не приходится.
Настройка TinyMCE Advanced производится в админке блога в одноименном пункте меню. Процесс не сложный, скорее даже интересный. На странице вы увидите 4 строки текстового редактора, куда можно будет разместить различные функциональные клавиши:
Видите сколько там еще все припасено? Вникать в детали вам уже придется самостоятельно, благо все элементы подписаны и достаточно наглядные. Выделил бы отдельно, пожалуй, блок с функциями для работы с таблицами – позволит быстро и легко создавать, изменять их в тексте. Еще в TinyMCE Advanced можно импортировать в редактор пользовательский css файл стилей – тоже может пригодиться. В целом, как я и сказал с самого начала поста, модуль must have!