Вордпресс визуальный редактор плагин. Pinegrow WP — веб-редактор для создания WordPress шаблонов

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

TinyMCE Advanced introduces a «Classic Paragraph» block and a «Hybrid Mode» for the new Block Editor (Gutenberg).
If you are not quite ready to switch to the Block Editor, or have plugins that cannot be used there (yet), using the Classic Paragraph block and Hybrid Mode is your best option.
It lets you to continue to use the familiar TinyMCE editor for most tasks, and at the same time gives you full access to all blocks and new features in the Block Editor.

Version 5.0 is a major update of TinyMCE Advanced. It introduces additional buttons and settings for the «Rich Text» toolbars in the Block Editor. Similarly to the Classic Editor toolbars, most of the buttons can be added, removed or rearranged.

If you want to continue to use the previous («classic») editor in WordPress 5.0 and newer, this plugin has an option to replace the new editor with the previous one. If you prefer to have access to both editors side by side or to allow your users to switch editors, it would be better to install the Classic Editor plugin . TinyMCE Advanced is fully compatible with the Classic Editor plugin and similar plugins that restore use of the previous WordPress editor.

As always this plugin will let you add, remove and arrange the buttons that are shown on the Visual Editor toolbar in the Classic Paragraph and Classic blocks in the new Block Editor, and in the Classic Editor (when enabled by a plugin). There you can configure up to four rows of buttons including Font Sizes, Font Family, text and background colors, tables, etc.

In that terms TinyMCE Advanced does not affect your website’s user privacy in any way.

Скриншоты

Установка

Best is to install directly from WordPress. If manual installation is required, please make sure that the plugin files are in a folder named «tinymce-advanced» (not two nested folders) in the WordPress plugins folder, usually «wp-content/plugins».

Часто задаваемые вопросы

These errors are usually caused by the file in question being blocked by some security setting on the server, or (rarely) by caching issues or wrong permissions.

The first step to debug this is to try to access the file directly in the browser (i.e. copy the URL and paste in the browser and press Enter).

If you see the file (that’s usually minified JS, so it is all on one line) chances are it was some sort of caching issue that is now resolved. Try using the editor again.

If you see an HTTP error (like 403 or 500) best would be to contact your web hosting company for help. In some cases deleting and re-installing the plugin may help.

Tables look different (inline styles are missing) when I insert a table

How tables are formatted depends on two things:
1. Settings for the «table» plugin in TinyMCE.
2. Whether you resize the table by dragging.

By default TinyMCE Advanced sets the editor so no additional styles are added to tables. That way tables are displayed exactly how the theme intended to. This can be changed by changing some editor settings. That can be done by using the Advanced TinyMCE Configuration plugin. All table related editor settings are described here: https://www.tiny.cloud/docs/plugins/table/#table_default_attributes.

Regardless of the above settings if you resize a table by dragging the height and/or width of the table tag and cell tags will be set as inline styles.

No styles are imported in the Formats sub-menu

These styles are imported from your current theme editor-style.css file. However some themes do not have this functionality. For these themes TinyMCE Advanced has the option to let you add a customized editor-style.css and import it into the editor.

I have just installed this plugin, but it does not do anything

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

When I add «Smilies», they do not show in the editor

The «Emoticons» button in TinyMCE adds the codes for the smilies. The actual images are added by WordPress when viewing the Post. Make sure the checkbox «Convert emoticons to graphics on display» in «Options — Writing» is checked.

The plugin does not add any buttons

Make sure the «Disable the visual editor when writing» checkbox under «Users — Your Profile» is not checked.

I still see the «old» buttons in the editor

Re-save the settings or click the «Restore Default Settings» button on the plugin settings page and then set the buttons again and save.

Other questions? More screenshots?

Отправьте сообщение на форуме поддержки или посетите домашнюю страницу TinyMCE Advanced .

Отзывы

Участники и разработчики

«TinyMCE Advanced» - проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Журнал изменений

5.1.0

• Updated for WordPress 5.1 and TinyMCE 4.9.2.

5.0.1

• Fixed importing of backed-up settings.
• Updated the FAQ section in the readme.

5.0.0

• Added several new buttons to the rich-text toolbar in the Block Editor.
• Added functionality to add, remove and arrange most buttons on the rich-text toolbar in the Block Editor.
• Added alternative location for buttons for the rich-text component. That lets users move buttons that are not used frequently out of the way.
• Added settings for selected text color and background color.
• Improved fixes and enhancements for the Classic Block.
• Improved the Classic Paragraph Block and added support for converting from most blocks to classic paragraphs, and converting a classic paragraph into separate blocks.

4.8.2

• Fixes and improvements for 4.8.1.
• Added separate option to enable the Classic Paragraph Block.
• Added converting of most default blocks to classic paragraphs, and from classic paragraphs to default blocks.

4.8.1

• Updated for WordPress 5.0.
• Added Hybrid Mode for the Block Editor. Includes a Classic Paragraph Block that replaces the default Paragraph Block.
• Added option to replace the Block Editor with the Classic Editor.
• Added another settings section for configuring the toolbars in the Classic Block and the Classic Paragraph Block.
• Added some CSS fixed for the Classic Block.
• Fixed (removed) setting of inline CSS for table cells when inserting a table. Inline CSS is still added when a table is resized by dragging.

4.8.0

• Updated for WordPress 4.9.8 and TinyMCE 4.8.0.

4.7.13

• Updated the table and anchor plugins to 4.7.13 (2018-05-16). Fixes a bug in the table plugin in Edge.

4.7.11

• Updated for WordPress 4.9.6 and TinyMCE 4.7.11.

4.6.7

• Fixed compatibility with Gutenberg freeform block.
• Forced refresh of the TinyMCE plugins after activation.
• Updated for WordPress 4.9 and TinyMCE 4.6.7.

4.6.3

• Обновлено для WordPress 4.8 и TinyMCE 4.6.3.

4.5.6

• Updated for WordPress 4.7.4 and TinyMCE 4.5.6.
• Fixed PHP notice after importing settings.

4.4.3

• Updated for WordPress 4.7 and TinyMCE 4.4.3.
• Fixed missing «Source code» button bug.

4.4.1

• Updated for WordPress 4.6 and TinyMCE 4.4.1.
• Fixed multisite saving bug.
• Added new button in the Text editor to add or reset the line breaks. Adds line breaks only between tags. Works only when it detects that line breaks are missing so it doesn’t reformat posts with removed paragraphs.

4.3.10.1

• Fixed adding paragraph tags when loading posts that were saved before turning wpautop off.
• Disabled the (new) inline toolbar for tables as it was overlapping the table in some cases.

4.3.10

• Updated for WordPress 4.5.1 and TinyMCE 4.3.10.
• Fixed support for adding editor-style.css to themes that don’t have it.

4.3.8

• Updated for WordPress 4.5 and TinyMCE 4.3.8.
• Separated standard options and admin options.
• Added settings that can disable the plugin for the main editor, other editors in wp-admin or editors on the front-end.
• Korean translation by Josh Kim and Greek translation by Stathis Mellios.

4.2.8

• Updated for WordPress 4.4 and TinyMCE 4.2.8.
• Japanese translation by Manabu Miwa.

4.2.5

• Updated for WordPress 4.3.1 and TinyMCE 4.2.5.
• Fixed text domain and plugin headers.

4.2.3.1

• Fix error with removing the textpattern plugin.

4.2.3

• Updated for WordPress 4.3 and TinyMCE 4.2.3.
• Removed the textpattern plugin as WordPress 4.3 includes similar functionality by default.
• French translation by Nicolas Schneider.

4.1.9

• Updated for WordPress 4.2 and TinyMCE 4.1.9.
• Fixed bugs with showing oEmbed previews when pasting an URL.
• Fixed bugs with getting the content from TinyMCE with line breaks.

4.1.7

• Updated for WordPress 4.1 and TinyMCE 4.1.7.
• Fixed bug where consecutive caption shortcodes may be split with an empty paragraph tag.

4.1.1

• Fix bug with image captions when wpautop is disabled.
• Add translation support to the settings page. Button names/descriptions are translated from JS using the existing WordPress translation, so this part of the settings page will be translated by default. The other text still needs separate translation.

4.1

• Updated for WordPress 4.0 and TinyMCE 4.1.
• Add the textpattern plugin that supports some of the markdown syntax while typing, (more info) .
• Add the updated ‘table’ plugin that supports background and border color.

4.0.2

• Fix showing of the second, third and forth button rows when the Toolbar Toggle button is not used.
• Fix adding the directionality plugin when RTL or LTR button is selected.
• Show the »Advanced Options» to super admins on multisite installs.
• Add the link plugin including link rel setting. Replaces the Insert/Edit Link dialog when enabled.
• Include updated »table» plugin that has support for vertical align for cells.

4.0.1

Fix warnings on pages other than Edit Post. Update the description.

4.0

Updated for WordPress 3.9 and TinyMCE 4.0. Refreshed the settings screen. Added support for exporting and importing of the settings.

3.5.9.1

Updated for WordPress 3.8, fixed auto-embedding of single line URLs when not removing paragraph tags.

3.5.9

Updated for WordPress 3.7 and TinyMCE 3.5.9.

3.5.8

Updated for WordPress 3.5 and TinyMCE 3.5.8.

3.4.9

Updated for WordPress 3.4 and TinyMCE 3.4.9.

3.4.5.1

Fixed a bug preventing TinyMCE from importing CSS classes from editor-style.css.

3.4.5

Updated for WordPress 3.3 or later and TinyMCE 3.4.5.

3.4.2.1

Fix the removal of the media plugin so it does not require re-saving the settings.

3.4.2

Compatibility with WordPress 3.2 and TinyMCE 3.4.2, removed the options for support for iframe and HTML 5.0 elements as they are supported by default in WordPress 3.2, removed the media plugin as it is included by default.

3.3.9.1

Added advanced options: stop removing iframes, stop removing HTML 5.0 elements, moved the support for custom editor styles to editor-style.css in the current theme.

Attention: if you have a customized tadv-mce.css file and your theme doesn’t have editor-style.css, please download tadv-mce.css , rename it to editor-style.css and upload it to your current theme directory. Alternatively you can add there the editor-style.css from the Twenty Ten theme. If your theme has editor-style.css you can add any custom styles there.

3.3.9

Compatibility with WordPress 3.1 and TinyMCE 3.3.9, improved P and BR tags option.

3.2.7

Compatibility with WordPress 2.9 and TinyMCE 3.2.7, several minor bug fixes.

3.2.4

Compatibility with WordPress 2.8 and TinyMCE 3.2.4, minor bug fixes.

3.2

Compatibility with WordPress 2.7 and TinyMCE 3.2, minor bug fixes.

3.1

Compatibility with WordPress 2.6 and TinyMCE 3.1, keeps empty paragraphs when disabling the removal of P and BR tags, the buttons for MCImageManager and MCFileManager can be arranged (if installed).

3.0.1

Compatibility with WordPress 2.5.1 and TinyMCE 3.0.7, added option to disable the removal of P and BR tags when saving and in the HTML editor (wpautop), added two more buttons to the HTML editor: wpautop and undo, fixed the removal of non-default TinyMCE buttons.

3.0

Support for WordPress 2.5 and TinyMCE 3.0.

2.2

Deactivate/Uninstall option page, font size drop-down menu and other small changes.

2.1

Improved language selection, improved compatibility with WordPress 2.3 and TinyMCE 2.1.1.1, option to override some of the imported css classes and other small improvements and bugfixes.

2.0

Includes an admin page for arranging the TinyMCE toolbar buttons, easy installation, a lot of bugfixes, customized «Smilies» plugin that uses the built-in WordPress smilies, etc. The admin page uses jQuery and jQuery UI that lets you «drag and drop» the TinyMCE buttons to arrange your own toolbars and enables/disables the corresponding plugins depending on the used buttons.

Разработчики 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.

Данная инструкция завершена, но в ней имеются ссылки на ещё не опубликованные материалы. Прошу не пугаться, если какая-то из ссылок не откроется. Скоро всё заработает! 🙂

С уважением, Александр.

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

Мы бегло рассмотрели возможности визуального и текстового режима редактора в заметке , а теперь давайте немного углубимся и пробежимся по основным кнопкам.

Как только вы установите WordPress, редактор будет выглядеть очень бедным и не функциональным:

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

В общем, как вы видите, кнопок редактор предлагает не так много, как хотелось бы. Но даже их хватает для того, чтобы эффективно работать над материалами.

Здесь есть всё необходимое для базового форматирования:

• Полужирное, курсивное и зачёркнутое выделение текста
• Маркированный и нумерованный списки
• Выделение текста как цитаты с оформлением
• Горизонтальная разделительная линия
• Выравнивание текста слева, по центру и справа
• Вставка и удаление ссылки
• Кнопка «Разрыв страницы»
• Кнопка активации дополнительных возможностей
• Кнопка перехода в полноэкранный режим

Работают данные кнопки в двух режимах, рассмотрим оба.

Пример 1

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

Любой текст, который будет введён в этом режиме, автоматически получит тот вариант оформления, который активен в панели инструментов.

Взгляните:

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

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

Таким же образом работают и все остальные варианты оформления.

Пример 2

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

Тот же самый текст я мог сначала просто написать:

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

После этого наш абзац станет полужирным. Отжимать кнопку [B] для этого не понадобится - оформление применится ко всему выделенному тексту автоматически.

Пример 3

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

Например, если бы во втором примере этой инструкции мы не нажали кнопку [B] на панели инструментов, а воспользовались комбинацией «Ctrl» и «B» (пишется как Ctrl+B, кнопка «B» - английская, от слова «Bold»), то полужирное выделение сразу бы применилось на наш абзац.

О клавиатурных сочетаниях будет материал в конце этой инструкции.

Активация дополнительных кнопок

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

Находим вот эту кнопку:

Появится второй ряд кнопок, которые добавляют новые возможности в ваш редактор:

Здесь мы с вами уже можем наблюдать дополнительные варианты для оформления текста, пробежимся по ним слева-направо:

• Создание заголовков любого из шести доступных уровней
• Подчёркивание текста
• Выравнивание текста по ширине страницы
• Задание цвета текста
• Активация режима вставки текста из буфера обмена без форматирования
• Очистка форматирования у выделенного фрагмента текста
• Вставка специальных символов
• Удаление и добавление отступов слева у абзацев
• Отмена или повтор предыдущего действия
• Справка по работе с редактором

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

Маленький человек может сделать многое.

Здравствуйте, коллеги!

Существует два способа:

1. Установка плагина
2. Установка кода в файл functions.php .

Если вы не сильны в познании кодов php, html и стилей css, то лучше использовать готовый плагин для расширения возможности редактора wordpress.

Расширяем возможности редактора WordPress плагином

Плагин Ultimate TinyMCE

Я около четырех лет и до сих пор использую плагин Ultimate TinyMCE, не смотря на то, что количество скачиваний у него меньше, чем у подобных.

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

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

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

После активации плагина, в левой части консоли найдите вкладу «Настройки» и нажмите на «Ultimate TinyMCE».

Откроется длинная страница с различными кнопками, с помощью которых расширяем возможности редактора WordPress. На скриншоте только часть страницы.

Добавьте в визуальный встроенный редактор WordPress нужные вам функции и не забудьте сохранить изменения.

Я не стал показывать всю страницу, посмотрите сами. Главное правильно сделать настройку. В столбце «Enable» поставьте галочку напротив нужной опции, а в столбце «Row Seleciton» укажите строку редактора. Визуальный редактор WordPress может иметь только четыре строки.

Поэкспериментируйте и подберите удобный для вас вариант расположения добавленных возможностей WordPress.

Если встроенный редактор по умолчанию выглядит так:

То после расширения возможности редактора WordPress, он будет смотреться по другому:

Плагин Tiny MCE Advanced

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

Установить его можно из админпанели сайта во вкладке «Плагины» ==>«Добавить новый».

Активируйте установленный плагин и в вкладке «Настройки» ==> «TinyMCE Advanced» перейдите к настройке редактора WordPress.

(Нажмите на изображения, чтобы увеличить.)

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

С Вами был, Николай Иванов.

ВОПРОСЫ ПИШИТЕ В КОММЕНТАРИЯХ