Плагин редактор текста wordpress – Как вернуть старый редактор WordPress и отключить Gutenberg после обновления версии 5.0 

Содержание

TinyMCE Advanced — Плагин для WordPress

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

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

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

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

Он включает 15 плагинов для TinyMCE , которые автоматически включаются или блокируются в зависимости от выбранных вами кнопок.
Кроме того, этот плагин добавляет возможности для сохранения тегов параграфов в текстовом режиме и импорта CSS классов из editor-style.css темы.

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

TinyMCE Advanced does not collect or store any user related data. It does not set cookies, and it does not connect to any third-party websites. It only uses functionality that is available in WordPress, and in the TinyMCE editor.

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».

I see an error like: «Failed to load plugin from url…»

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

Please see the new (as of version 5.2.0) advanced settings for tables. It is possible to disable use of inline styles for tables but that would make the table non-resizable in the editor. If the advanced tabs on the table, row, and column dialogs are enabled (default), it will still be possible to enter width and height values which are 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.3.0
  • Updated for WordPress 5.3 and TinyMCE 4.9.6.
5.2.1
  • Updated for WordPress 5.2.1 and TinyMCE 4.9.4.
  • Fixed resetting of the advanced options on update when all were unselected.
  • Fixed and improved keepig of paragraph tags in the Classic block.
5.2.0
  • Updated for WordPress 5.2.
  • Updated the buttons settings for the block editor toolbar. There are a few new limitations there: most buttons are now hidden in a drop-down and the users are not allowed to arrange the buttons.
  • Added a new advanced settings section for tables. Makes it possible to better configure how tables are edited and whether to disable use of inline CSS styles. Note that disabling inline styles would make the tables non-resizable in the editor.
  • Removed the option to enable pasting of image sources in some browsers. It was not working correctly.
  • Added a new option to always keep paragraph tags in the Classic Paragraph and Classic blocks in the block editor.
  • Updated exporting and importing of the settings. Now settings are exported to a (downloaded) file, and can be restored by uploading a previously exported settings file.
  • Improved the block editor Clear Formatting button. If some text is selected, it only clears the styling from that text. If no selection, all styling from the paragraph is cleared.
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.

Classic Editor — Плагин для WordPress

Classic Editor — официальный плагин от команды разработки WordPress, который восстанавливает старый «классический» вариант редактора и экрана редактирования записей. Он позволяет использовать плагины расширения этого экрана, добавлять поля метаданных в старом стиле и прочее, зависящее от старого редактора.

Classic Editor — официальный плагин, который будет полностью поддерживаться как минимум до 2022 года, или так долго, как потребуется.

Плагин добавляет следующие возможности:

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

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

По умолчанию, этот плагин полностью скрывает функциональность добавленную новым редактором блоков («Gutenberg»).

Настройки по умолчанию

При активации этот плагин восстановит предыдущий (классический) редактор WordPress и скроет новый редактор блоков (Gutenberg).
Эти установки могут быть изменены на экране Настройки => Написание.

Настройки по умолчанию для сети

Имеются две возможности:

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

Она в основном меню редактора блоков, посмотрите скриншот.

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

Участники
1.5
  • Поддержка WordPress 5.2 и Gutenberg 5.3+.
  • Enhanced and fixed the «open posts in the last editor used to edit them» logic.
  • Исправлен механизм добавления состояния записи, теперь оно доступно для других плагинов.
1.4
  • On network installations removed the restriction for only network activation.
  • Added support for network administrators to choose the default network-wide editor.
  • Fixed the settings link in the warning on network About screen.
  • Properly added the «Switch to Classic Editor» menu item to the Block Editor menu.
1.3
  • Fixed removal of the «Try Gutenberg» dashboard widget.
  • Fixed condition for displaying of the after upgrade notice on the «What’s New» screen. Shown when the Classic Editor is selected and users cannot switch editors.
1.2
  • Исправлено переключение редактора с экрана добавления новой записи до сохранения в черновики.
  • Исправлена опечатка в URL редактирования для classic-editor query var.
  • Определение WordPress 5.0 более не использует номер версии. Исправлена ошибка с тестированием 5.1-alpha.
  • По умолчанию пользователи не могут менять редактор, изменено значение настройки.
  • Добавлена возможность отключения плагина Gutenberg, требование к версии WordPress снижено до 4.9.
  • Добавлен фильтр classic_editor_network_default_settings.
1.1

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

1.0
  • Обновлено для WordPress 5.0.
  • Изменено название «Gutenberg» на «Редактор блоков».
  • Обновлен вид интерфейса настройки
  • Removed disabling of the Gutenberg plugin. This was added for testing in WordPress 4.9. Users who want to continue following the development of Gutenberg in WordPress 5.0 and beyond will not need another plugin to disable it.
  • Added support for per-user settings of default editor.
  • Added support for admins to set the default editor for the site.
  • Added support for admins to allow users to change their default editor.
  • Added support for network admins to prevent site admins from changing the default settings.
  • Added support to store the last editor used for each post and open it next time. Enabled when users can choose default editor.
  • Added «post editor state» in the listing of posts on the Posts screen. Shows the editor that will be opened for the post. Enabled when users can choose default editor.
  • Added classic_editor_enabled_editors_for_post and classic_editor_enabled_editors_for_post_type filters. Can be used by other plugins to control or override the editor used for a particular post of post type.
  • Added classic_editor_plugin_settings filter. Can be used by other plugins to override the settings and disable the settings UI.
0.5
  • Updated for Gutenberg 4.1 and WordPress 5.0-beta1.
  • Removed some functionality that now exists in Gutenberg.
  • Fixed redirecting back to the Classic Editor after looking at post revisions.
0.4
  • Fixed removing of the «Try Gutenberg» call-out when the Gutenberg plugin is not activated.
  • Fixed to always show the settings and the settings link in the plugins list table.
  • Updated the readme text.
0.3
  • Updated the option from a checkbox to couple of radio buttons, seems clearer. Thanks to @designsimply for the label text suggestions.
  • Some general updates and cleanup.
0.2
  • Update for Gutenberg 1.9.
  • Remove warning and automatic deactivation when Gutenberg is not active.
0.1

Начальная версия.

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

Добрый день, дорогие читатели.

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

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

Далее рассмотрим стандартные инструменты для редактирования в WordPress.

Шрифт

Кнопки, на которых изображены латинские буквы B, I, U, ABC.

  • При нажатии на «B»  выделенный текст становится жирным.
  • При нажатии на «I» — станет курсивом.
  • С помощью «U» — станет подчеркнутым.
  • При нажатии на «ABC» — станет зачеркнутым.

Шрифт в редакторе

Вставка текста

Чтобы вставить текст без форматирования, нажмите на кнопку, на которой изображен значок с буквой «Т».

Если Вы захотите снять форматирование текста, выделите фрагмент и нажмите кнопку «ластик».

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

Вставка текста в редакторе

Выделение заголовков

Чтобы читателю было легче ориентироваться в тексте, нужно использовать заголовки. Заголовки есть различных уровней: первый, второй, третий, …, шестой.

Отличаются заголовки по размеру.

Заголовок 1 используется для названия статьи. А остальные заголовки используются уже непосредственно в тексте статьи.

Я использую заголовки только второго и третьего уровня, а остальные мне совсем не нужны =)

Заголовки в редакторе

Изменение цвета текста

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

Цвет текста в редакторе

Выравнивание текста

Кнопки для выравнивания текста позволяют расположить текст:

  • по левому краю;
  • по центру;
  • по правому краю;
  • по ширине.

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

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

Выравнивание в редакторе

Использование списков

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

Списки бывают:

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

Списки в редакторе

Цитирование

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

Цитирование в редакторе

Добавление произвольных символов

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

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

Вставка медиафайлов

Для добавления медиафайлов нажмите на кнопку «Добавить медиафайл», на которой изображены ноты и пиктограмма фотокамеры. Вы можете прикрепить картинку.

Вставка медиафайлов в редакторе

При добавлении картинки нужно указать её размер, положение и при желании заголовок, описание, alt-текст.

Свойства картинки

Создание и удаление ссылок

Имеются две кнопки для создания и удаления ссылок. Что нужно сделать для создания ссылки:

  1. Выделите фрагмент или изображение, к которому будет прикреплена ссылка.
  2. Затем нажмите на кнопку вставки/изменения ссылки.
    Вставка и удаление ссылок
  3. Во всплывающем окне нажмите на «шестеренку», чтобы настроить ссылку.
    Настройки ссылки
  4. В окне «Вставить/изменить ссылку» введите URL страницы, куда ведет ссылка, затем установите флажок в поле «Открывать в новой вкладке».
    Указание параметров ссылки

Другие инструменты

Тег «Далее»

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

Справка

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

другие инструменты редактора

Режим ввода текста

В редакторе есть два режима ввода текста:

  1. Визуально
  2. Текст

В визуальном режиме сразу видно, как примерно будет выглядеть  ваш текст в статье, а в «текстовом» режиме видны все html теги, которые как раз создают это оформление.

Я практически всегда пользуюсь только «визуальным режимом». В режиме «текст» я иногда оформляю содержание статей и вставляю видео из ютуба — это всё.

Режима ввода текста в редакторе

Плагин TinyMCE Advanced

Существует множество плагинов текстовых редакторов для WordPress.

Один из таких популярных — TinyMCE Advanced. Установка плагина стандартная.

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

Хотелось рассказать непосредственно о возможностях TinyMCE Advanced.

На панели редактора отображаются те кнопочки, которые Вы сами выберите в настройках.

Добавление, удаление функционала

Инструкция:

  1. Перейдите в «Настройки редактора»
  2. Установите флажок в поле «Включить меню редактора»
  3. И просто на основную панель удержанием мыши перенести те кнопки, которые Вам нужны
  4. Можете добавить дополнительные вкладки

Дополнительно можете добавить панель, состоящую из таких вкладок как:

  • «Файл» — имеет функции в контекстном меню: создание нового документа и печать;
  • «Изменить» — имеет функции в контекстном меню: отменить, повторить, вырезать, копировать, вставить, найти и заменить;
  • «Вставить» имеет функции в контекстном меню: Insert link (ссылка), вставить видеофайл, произвольный символ, горизонтальная линия, Add media, вставить тег Далее, разрыв страницы, дата и время, якорь, неразрывный пробел;
  • «Просмотр» чаще всего включает в себя: показать невидимые символы, показать блоки, визуальные подсказки, на весь экран, полноэкранный режим;
  • «Таблицы» имеет функции контекстного меню: вставить, свойства таблицы, удалить таблицу, вставить ячейку, строку, столбец;
  • «Инструменты» предусматривает возможность вставки исходного кода.

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

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

Подытожим, в чем  же преимущество данной утилиты:

  1. Вы можете настроить панель для редактирования самостоятельно
  2. Функционал богаче, чем у стандартного редактора WordPress
  3. Вы можете добавить только необходимые вам элементы
  4. Работа с таблицами

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

Пока, пока, до новых встреч!

С уважением! Абдуллин Руслан

Понравился блог? Подпишись, чтобы получать новые статьи на почту и быть в курсе всех событий!

Редактор WordPress — Поддержка — WordPress.com

Содержание

Блоки
Добавление блока
Настройка блока
Изменение типа блока
Удаление блока
Настройки документа
Часто задаваемые вопросы

Редактор WordPress — это новейший редактор с уникальными возможностями для публикации материалов. Его можно использовать для создания разнообразных страниц и записей, а также управления их структурой. Вам больше не нужно беспокоиться о выравнивании и структурировании текста, цитат и изображений. Теперь каждый элемент в записи или на странице помещён в отдельный блок. А вы можете просто создавать содержимое.

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

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

Как это работает?

Блоки

Редактор WordPress использует  блоки как новый способ создания содержимого: Он превращает единый документ в набор отдельных, легко настраиваемых элементов с чёткой структурой.

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

↑ Содержание ↑

Добавление блока

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

Для добавления блока и выбора необходимого типа блока можно использовать различные способы.

  1. Нажмите значок   слева от любого пустого блока.
  2. Нажмите значок  в левом верхнем углу редактора.
  3. Нажмите клавишу «Ввод» (клавишу перевода строки), находясь в выбранном блоке, чтобы создать под ним новый блок.
  4. Нажмите значок  по центру над существующим блоком, чтобы добавить над ним ещё один.
  5. Щёлкните три точки над выделенным блоком и выберите, куда добавить новый блок: выше или ниже текущего.

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

Быстрая ссылка на тип блока

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

Перемещение блоков

↑ Содержание ↑

Настройка блока

Каждый блок имеет собственные настройки. Чтобы их найти, выберите блок: в верхней части блока появится панель инструментов. Дополнительные настройки также находятся на боковой панели справа от редактора.

Примеры различных панелей инструментов блока

Панель инструментов абзаца Панель инструментов изображения Панель инструментов списка

Настройки блока — Панель инструментов

Для доступа к дополнительным опциям щёлкните три точки справа от панели инструментов блока.

  1. Скрыть параметры блока: закрывает меню настроек.
  2. Дублировать: создаёт на той же странице второй блок с таким же содержимым.
  3. Вставить до/после: добавляет новый блок до или после текущего.
  4. Редактировать как HTML: переключает блок в режим HTML для непосредственного редактирования его HTML-кода. В режиме редактирования HTML эта опция меняется на «Редактировать визуально».
  5. Добавить в мои блоки: позволяет создать блок, который можно использовать на других страницах с сохранением содержимого и оформления.
  6. Удалить блок: удаляет блок со страницы или из записи.
Настройки блока

Не весь код будет работать в режиме «Редактировать как HTML». Если ваш код имеет верный синтаксис и не содержит ошибок, убедитесь, что в нем используются только разрешенные теги HTML и нет кода с ограничениями на использование, например JavaScript.

Настройки блока — Боковая панель

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

На скриншоте справа активным блоком является «Абзац», поэтому у него можно изменить размер шрифта, шрифт и цвет фона. Также для него доступны расширенные опции: создание якорей и ссылок внутри страницы или добавление класса CSS.

Если вы не видите настройки блока в правой части окна редактора, щелкните значок настроек рядом с кнопкой «Опубликовать» или «Обновить», чтобы раскрыть боковую панель меню.

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

↑ Содержание ↑

Изменение типа блока

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

Редактор WordPress — Боковая панель настроек блокаИзменение и настройка блоков

↑ Содержание ↑

Удаление блока

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

Редактор WordPress — Боковая панель настроек блокаУдалить блок

↑ Содержание ↑

Настройки документа

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

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

Настройки документа

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

Дополнительные параметры

Настройте параметры редактирования в соответствии со своими потребностями с помощью трёх точек справа от значка настройки.

Просмотр

Показывает опции там, где отображаются панели инструментов блока при редактировании.

Редактор

По умолчанию открывается визуальный редактор. Переключитесь в редактор кода, чтобы просматривать всю страницу в виде HTML-кода.

Не весь код будет работать в режиме «Редактировать как HTML». Если ваш код имеет верный синтаксис и не содержит ошибок, убедитесь, что в нем используются только разрешенные теги HTML и нет кода с ограничениями на использование, например JavaScript.

Инструменты

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

Параметры

Укажите, какие настройки документа будут видны на боковой панели.

Дополнительные параметры

↑ Содержание ↑

Распространённые вопросы
Когда на WordPress.com появится редактор WordPress?

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

Нет этого предложения в редакторе? Его можно найти в консоли WP Admin. Для доступа к этой консоли вставьте /wp-admin в конце URL-адреса вашего сайта. На панели будет отображаться баннер с предложением попробовать новый редактор WordPress.

Позволяет ли новый редактор изменять записи и страницы прямо в конечной версии сайта?

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

Как редактировать код HTML в редакторе WordPress?Как будет выглядеть моё текущее содержимое?

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

Почему моё содержимое по-разному отображается в редакторе и на сайте?

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

Почему некоторые настройки доступны не на всех моих сайтах?

Если для вашего сайта приобретен тарифный план WordPress.com Business, вы можете устанавливать плагины, позволяющие добавлять пользовательские блоки в редактор. Этих блоков не будет на другом сайте, где такой плагин отсутствует.

Некоторые настройки блоков («wide» или «full-width») должны поддерживаться в вашей теме. Одинаковые блоки могут присутствовать на разных сайтах, но какие-то настройки, применяемые для них, могут немного отличаться в зависимости от используемой темы.

Смогу ли я использовать старый редактор?

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

Для переключения на классический редактор щёлкните значок настроек ‘. . .’ в верхнем правом углу экрана редактирования.

Затем нажмите «Переключиться на классический редактор».

Будут ли по-прежнему работать шорткоды?

Да. В редакторе есть блок «Шорткод», в котором можно использовать шорткоды как раньше. В дальнейшем многие шорткоды будут преобразованы в отдельные блоки.

Будет ли этот редактор доступен для всех?

Наша цель заключается в том, чтобы новый редактор WordPress был так же легко доступен для всех, как и предыдущие редакторы. И даже более того. Мы хотим, чтобы все могли им пользоваться. Согласно стандартам доступности WordPress, «весь новый или обновляемый код, выпускаемый на WordPress, должен соответствовать рекомендациям Руководства по обеспечению доступности веб-контента (WCAG) 2.0 на уровне AA». Без исключений. Если вы обнаружите проблему с использованием специальных возможностей, пожалуйста, свяжитесь с нами.

Нужно ли использовать какую-то специальную тему для нового редактора?

Нет. Новый редактор блоков будет работать со всеми темами. Но, возможно, не все темы будут поддерживать специальные функции разметки (например, содержимое с настройками «wide» и «full width»).

Комбинации клавиш

Текстовый редактор для WordPress tinymce advanced

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

Зачем ВордПрессу нужен расширенный текстовый редактор

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

стандартный редактор текста в вп

Установка плагина TinyMCE Advanced позволит настроить расширенный текстовый редактор. С его применением на панель инструментов можно добавить кнопки, которые помогут:

  • Проще и быстрее оформить страницы сайта;
  • Создать и отредактировать таблицы;
  • Добавить якорные ссылки;
  • Вставить дату или время одним щелчком мыши;
  • Использовать разнообразные семейства шрифтов, вместо тех, что предусмотрены темой оформления;
  • Автоматически найти и заменить нужный текст;
  • Расширить работу со списками;
  • Вставить коды смайликов.

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

Виртуальный хостинг сайтов для популярных CMS:

Как установить плагин WordPress TinyMCE Advanced

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

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

Чтобы установить плагин TinyMCE Advanced, выполните следующие действия:

  1. Войдите на свой сайт WordPress в качестве администратора, в левой панели выберите меню «Плагины».
  2. Нажмите пункт «Добавить новый».
  3. В текстовом поле «Поиск» введите название плагина TinyMCE Advanced.
  4. Найдите TinyMCE Advanced в списке, а затем нажмите «Установить». После того как WordPress завершит установку плагина, активируйте его.

установка плагина

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

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

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

Чтобы добавить строку меню, поставьте флажок в поле «Включить меню редактора». Меню позволит получить доступ к функциям, которые используются нечасто, например, к функции редактирования, применяемой время от времени. Некоторые кнопки дублируют пункты меню – вместо размещения кнопки на панели инструментов можно включить соответствующее меню редактора.

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

В следующем разделе настроек плагина выполните конфигурацию базовых и дополнительных параметров. С их помощью можно заменить контекстное меню браузера, загрузить классы CSS в меню или расширить работу с кодом в текстовом редакторе.

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

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

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

Работа с TinyMCE Advanced

В левой панели щелкните меню «Записи», а затем выберите пункт «Добавить новую». Благодаря установленному плагину TinyMCE Advanced, появится расширенный редактор WordPress с выбранными кнопками на панели инструментов и строкой меню.

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

пример работы плагина tinymce advanced

Визуальные редакторы WordPress | Gold WordPress

Редакторы для визуального форматирования сайтов на WordPress

Мифы о конструкторах

Тема регулярно поднимается в различных уголках интернета. При этом однозначного ответа о целесообразности создания сайта данным способом нет. Дать его невозможно по причине разности интересов и принципов веб-проектов. К примеру, вы собираетесь создать доску объявлений. Это серьезная задумка, которая потребует создания площадки практически с 0. Будущий сайт должен отвечать запросам современной ЦА, быть адаптированным под конкретную нишу, если это необходимо. Так сайты по продажи автомобилей и жилья кардинально отличаются кодом, дизайном и наполнением. Можно изначально заложить в веб-ресурсе возможность расширения на смежные ниши. В общем, все зависит от фантазии основателя, его финансов и стремлений. Потребуется детальная проработка кода не одним, а целым штатом специалистов разного профиля.

Путь развития блога или интернет-магазина не нуждается в подобных глобальных решениях. Для их создания вполне подойдет конструктор. 90% новичков ищут ответы на популярных форумах, где и делятся своими мыслями о предполагаемом использовании визуальных редакторов. Здесь начинается самое интересное: малоопытные пользователи сталкиваются с тотальной критикой данного решения. Мол необходимы знания HTML и CSS, навыки работы со скриптами, и вообще создание сайта требует от вас уровня мега-мастера программирования. Настроение новичков падает, многие отказываются от затеи. Остается 10-15% тех, кто решает идти до конца. Они спрашивают у «профессионалов» о вариантах решения проблема. Те отвечают, что могли бы помочь, но это стоит денег. Специально для них они готовы сделать скидку. Уже проследили схему? Форумчане и не думали о реальной помощи, а играли на банальной неопытности и наивности оппонента.

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

  • вшитая и визуальная реклама. Веб-специалисты уверяют, что получить ресурс с чистой структурой нереально. Обязательно закрадется рекламная ссылка, которая испортит репутацию веб-сайта в глазах поисковой системы. Проблема актуальна для бесплатных версий. Купите минимальный тариф, и реклама пропадет. Стоимость сопоставима с ценой хостинга;
  • однотипный внешний вид. Готовые решения визуальных редакторов строятся на базе стандартных шаблонов: якобы никакой индивидуальностью здесь и не пахнет. Абсурдная точка зрения! Конструкторы используют не для поиска готового решения. В них стиль корректируется по индивидуальным критериям. Никто не мешает начать все и с буквально чистого листа;
  • не попадают в Топ выдачи. Очередное ошибочное мнение. Индексация зависит от ряда показателей. Ключевыми являются структура, контент и уровень домена. Выяснили, что первая ничем не уступает ресурсам, сделанным вручную. Контент должен быть уникальным, интересным, востребованным – зависит от автора. Бесплатная версия редактора предполагает домен 3 уровня. Он является главной проблемой для продвижения. Решается она покупкой и привязкой нормального домена 2 уровня.

У веб-конструкторов есть главный плюс и основной минус. Первый заключается в простоте освоения и использования. Сервисы построены на базе функции Drag-and-Drop: выбирайте элемент, редактируйте и перетаскивайте его на нужное место. Система автоматически генерирует адекватный код. Многим его хватает на весь период существования проекта. Продвинутые версии предполагают 75-80% открытого кода, который правится вручную. Недостатком является отсутствие возможности переноса ресурса на другой хостинг в дальнейшем. Варианты данного обзора его лишены, ведь сегодня мы говорим не о веб-сервисах, а плагинах.

WPBakery Page Builder

WPBakery для ВордПресс

$ 45 на момент написания статьи

Непревзойденный лидер в мире визуальных редакторов страниц в WordPress. Данный плагин прошел тернистый путь от простенького инструмента до комплексного плагина для сайта. В актуальном наборе дополнения содержатся элементы не только для редактирования внешнего вида ресурса, но и внутренних панелей, блока SEO, отдельных частей кода. Название WPBakery расширение получило не так давно. Ранее оно было известно миру как Visual Composer. Первоначальная версия утилиты вышла еще 22 мая 2011 года. Плагин относится к категории «Премиум» и не имеет бесплатной версии. Годовая стоимость составляет 45-250$. На момент написания обзора (07.05.2019), дополнение приобрели 380 000+ пользователей. Средний показатель рейтинга составляет 4,5 звезды из 5.

Разработчики WPBakery достигли оптимального соотношения простоты и многофункциональности. Чтобы вы понимали масштаб, это единственное расширение с обширной электронной энциклопедией. В ней содержится все: от руководства установки до известных вариаций компоновки. Правда, она переведена только на английский язык. Не обходится без регулярных обновлений с глобальными правками. Основным преимуществом WPBakery является возможность многостороннего редактирования без вмешательства в код не только страниц, но и записей, портфолио, отзывов, прайс-листов, галерей и авторского резюме. Это здорово помогает при конструировании блогов, лендингов, корпоративных ресурсов. При этом дополнение легко устанавливается, работает с любыми шаблонами и не конфликтует с прочими расширениями. В последних версиях разработчики вообще добавили функцию, позволяющую создавать плагинные гибриды на основе WPBakery.

Чтобы начать работу, устанавливаем WPBakery как обычное расширение. Переходим в одноименную вкладку главного меню и задаем настройки. Их немного и на первых парах достаточно «По умолчанию». На будущее приводим пояснения:

  • основные настройки – активируем адаптивный дизайн и Гугл-кириллицу;
  • Role Manager – права доступна администраторов;
  • дизайн элементов – цветовая гамма, стиль, размеры и прочее;
  • индивидуальные CSS – добавляем свои стили и таблицы. Пригодится веб-мастерам;
  • лицензия – автоматические обновления и авторская поддержка;
  • Shortcodes – для своих наработок.

Использование WPBakery осуществляется через уникальный композер. Есть две вариации – Backend Editor и Frontend Editor. Первая подразумевает настройку из административной панели, а вторая – полностью визуальный редактор. По ходу предлагаются предустановленные шаблоны. Пользоваться или не обязательно. Необходимые элементы выбираются из меню Add element. Здесь есть ряд, текстовые блоки, делители, информационные сообщения, форма комментариев, слайдеры и многое другое. Также разработчики предлагают фильтры изображений, расширенный инструментарий, аддоны с дополнительными элементами, эффектами и Parallax-фоны. Большим преимуществом является частично русский перевод.

Beaver Builder

Beaver для ВордПресс

Прямой конкурент WPBakery, набирающий популярность. Данное расширение из той же категории «Премиум».  Нужно сказать, оно очень похоже на предыдущего оппонента. Аналогия прослеживается на этапе установки, настройки, работы. Активация занимает несколько минут. В случае с Beaver Builder настройки по умолчанию можно не трогать. Если зашли от имени главного администратора, сразу приступаем к созданию страниц. Имеется две панели для работы: в админке и верхней строке визуального просмотра. Иногда жалуются, что вторая не появляется. Рекомендуем проанализировать список установленных дополнений. Нередко пользователи намеренно блокируют вывод верхней строки специальными инструментами.

Создание страницы начинается с выбора ее типа и стиля. Представлено 3 варианта: домашняя, контентная и ваша собственная, шаблонная. Пользователю доступно 15+ стандартных вариантов страниц, которые правятся по желанию, и чистый бланк. Компактный интерфейс вмещает в себя большое количество функций. Однако за счет простой подачи и пояснений вопросов не возникает. Функционал аналогичен WPBakery, поэтому останавливаться на нем не будем. С Beaver Builder разберется даже новичок без опыта работы с подобными расширениями. Недостатком является отсутствие русского языка.

Простота – это критерий, в котором Beaver Builder ушел вперед. Открытым остается вопрос стоимости. Здесь выгода не очевидна, так как за этот плагин придется заплатить от 99 до 399$. Разница с ценовым предложением конкурента WPBakery колоссальная. Справедливости ради, не понятно, чем она обусловлена. Из-за этого многие принимают решение не в пользу Beaver Builder. Со второго года стоимость пакетов снижается на 40%, что приводит к диапазону от 59 до 239$. Последний вариант пакета выгоднее аналогичного от WPBakery на 11 долларов, но компенсация разницы стартовых цен займет более 13 лет…

Elementor

Elementor для ВордПресс

Бесплатные «строители» для ВП встречаются редко. Ярким представителем безвозмездной категории является это дополнение. Elementor не просто стал хорошей альтернативой для любителей и веб-мастеров, но и взял оливковую ветвь лидерства. Всего на базе расширения созданы и успешно работают 2+ млн. ресурсов. Как и большинство аналогичных продуктов, Elementor имеет премиум-версию. Она предусматривает пакеты для 1, 3 или 999 сайтов. Обходятся тарифы в 49, 99 и 199$ соответственно. В последние годы Pro-версия плагина дышит в спину потомку Visual Composer. Но это не значит, что ее срочно нужно покупать. Многим хватает и бесплатного варианта. На момент 7 мая 2019 года в него входит 83 функции. Повод познакомиться с ним поближе.

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

  1. Универсальность. Работает с любыми темами без пейдж-билдеров.
  2. Большой каталог инструментов. Слайдеры, карусели, блоки текста и информации, виджеты, формы комментирования и прочее.
  3. Детальное редактирование. Выбранный элемент многосторонне правится: цвет, шрифт, размер, анимация, эффекты – это далеко не все из доступного.
  4. Расширенная библиотека готовых шаблонов. Намного больше, чем в аналогичных платных дополнениях. Конечно же, все правится по желанию.

Возможности плагина не уступают тем же Beaver Builder, WPBakery. И без того большой набор инструментов регулярно пополняется посредством обновлений. Последние протекают без ущерба созданным формам, что избавляет от ряда неудобств. Из особенностей функционала отметим наличие удобного встроенного внутреннего редактора, возможность использования набора современных виджетов, создания нескольких страниц по единому шаблону и их импорт для других сайтов. Также есть функция работы только с центральной областью, без шапки, сайтбара и подвала. Инструментарий полностью адаптивный, что гарантирует качественное отображение элементов в мобильной версии. Elementor отлично подойдет как для информационных, так и коммерческих ресурсов.

MotoPress

MotoPress для ВордПресс

Очередной коммерческий проект, который полюбился миллионам по всему миру. Точная дата появления проекта не известна. В сегодняшний обзор MotoPress попал не просто так. У него тернистая, интересная история развития. Изначально утилита создавалась как альтернатива стандартному визуальному редактору контента WordPress – панели, с которой мы работаем в записях. Ожидаемый успех к разработке не пришел, так как она не имела изюминки. При этом дополнение отлично справлялось с возложенными на нее функциями. Продукт MotoPress Content Editor долгое время не модернизировался создателями. Их внимание поглотил новый проект – MotoPress Slider. Речь идет о расширении для работы со слайдерами в записях. Его главной особенностью являлась функция полноценного редактирования изображения в рабочей области. Это избавляло от покупки дорогостоящих графических программ и просто экономило время.

На данный момент, MotoPress Slider стал бонусом для премиум-пакетов. MotoPress Content Editor занял центральное место в ассортименте продуктов компании. Он подвергся глобальной модернизации, по итогу которой в него добавлен функционал для работы не только с записями, но и страницами. Недостаток в лице невозможности редактирования ранее созданных информационных блоков также устранен. Установка Content Editor аналогична любому дополнению. В левой колонке главного меню появляется одноименная ссылка, ведущая в панель. Последняя представлена двумя зонами: центральной для создания структуры в визуальном режиме и боковой колонкой инструментов в левой части экрана. Целью команды разработчиков было реализовать решения, позволяющие создавать структуры профессионального уровня с применением простейших элементов и функции Drag-and-drop. Результатом стал следующий инструментарий:

  • текст;
  • изображения;
  • сетка элементов;
  • кнопки;
  • социальные иконки;
  • видео и аудио;
  • звуковые эффекты;
  • вкладки;
  • таблицы;
  • счетчики статистики;
  • карты;
  • конструкции HTML;
  • виджеты;
  • пространственные элементы;
  • визуальные эффекты.

От конкурентов продукт отличает ряд особенностей. Во-первых, уникальная и полноценная панель визуального редактирования. Нередко пользователи отмечают, что она удобнее и понятнее аналогов конкурентов. Во-вторых, дополнение подойдет для работы с любыми темами, совместимо со многими сторонними расширениями. В частности, пакеты MotoPress полностью адаптированы под Multisite. В-третьих, имеются вшитые Гугл-шрифты, стили и шаблоны. Продукт совместим с WPML-технологиями. Автоматические обновления проходят регулярно и незаметно для пользователей. MotoPress переведен на несколько языков, но русского среди них нет. Есть демо-версия с сильно урезанным функционалом. Она не подойдет для серьезной работы. Цена премиального пакета зависит от количества ресурсов и необходимости аддонов. 1 сайт обойдется в 29$/год, 5 – 47 долларов, а неограниченное их количество – 139. Стоимость пакетов премиум-инструментария составляет 69$ для одного ресурса и 179$ для «Без ограничений». Unlim-набор брать не выгодно, однако, сгенерировать нечто среднее за разумные деньги не составит труда.

Live Composer

Известный бесплатный визуальный редактор. Толчком к его созданию стал банальный интерес. Со временем плагин дорабатывался несколькими командами разработчиков. Отсутствие автоматических обновлений, огрехи любительского перевода и редкие сбои не играют в плюс расширению. Однако оно имеет функционал, сравнимый по масштабу с коммерческими проектами. Отметим, что Live Composer предназначен для работы только с таблицами. Записи придется править в других плагинах. Это может плохо сказаться на скорости работы и структуре веб-сайта.

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

  1. Выбор шаблона. Есть предустановленные варианты. Их можно скачать, либо загрузить собственные шаблоны.
  2. Поиск элементы. Они находятся в меню модулей (крайняя левая вкладка).
  3. Настройка выбранного. Перетаскиваем элемент в рабочую область, правим с помощью микшеров, стрелок и прочего. Все на уровне потяни, разверни, напиши и прочее. Никакого кода и HTML-конструкций.
  4. Сохранение результатов. Функция предпросмотра сэкономит время.

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

VelocityPage Drag and Drop Builder

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

VelocityPage попал в обзор не случайно. От аналогов он отличается рядом особенностей. Первая из них – настраиваемая панель. В меню модулей можно переставлять кнопки местами, формировать перечень часто используемого, менять высоту строки. Нельзя изменить только ширину колонки. Дополнительных аддонов для VelocityPage не предусмотрено. Не спешите расстраиваться: функционал плагина близок к набору инструментов в максимальных пакетах Beaver Builder и WPBakery. Модули в утилите представлены блоками. Среди них есть текст, изображения, медиафайлы, чаты, форумы, комментарии и многое другое. Ориентирование в рабочей зоне осуществляется простым перетаскиваем. Параметры элементов по типу формы, цвета, размеров и др. изменяются в 1 клик. 

Проект является коммерческим, и цена порадует далеко не каждого. Завышенную стоимость разработчики компенсируют расширенный функционалом и оперативной поддержкой клиентов. Акцент на последней сделан не случайно. Сегодня пользователь не привык разбираться в нюансах самостоятельно. Намного проще написать в саппорт и получить грамотный ответ. С внятностью и скоростью отклика поддержки нередко возникают проблемы. Обычно первыми в очереди стоят держатели самых дорогих наборов. Компания-разработчик VelocityPage решила проблему, обеспечив одинаково качественную поддержку и любителям, и бизнесменам. Если не устраивает сервис, в течение 30 дней можно подать жалобу и вернуть деньги.

Заключение

Визуальные редакторы в WordPress решают сразу несколько проблем. Во-первых, они позволяют быстро и без знания HTML, CSS, шорткодов и прочего менять содержимое и структуру страниц и записей. Во-вторых, при этом не страдает их структура, скорость загрузки. В-третьих, не нужно тратиться на услуги специалистов. Новичок быстро разберется с функционалом и самостоятельно реализует задумки. Однако перечисленные преимущества характерны лишь для проверенных плагинов. Найти таковые не просто: в интернете масса информации на разный лад. Мы проанализировали ее за вас и составили Топ, который отвечает актуальным задачам новичков и профессионалов. Удачных проектов!

Плагин TinyMCE Advanced описание | WordPress плагин редактор

 

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

Раньше я предлагал расширить текстовый редактор WordPress с помощью плагина Dean's FCKEditor, но потом, как оказалось, он работает не корректно и я его удалил. Я нашел этому плагину замену, и установил вместо него TinyMCE Advanced, который работает без глюков. Им я пользуюсь уже около года и Вам советую.

Плагин TinyMCE Advanced - функционал

После установки TinyMCE Advanced, в панели текстового редактора появятся следующие дополнительные функции:

  1. Создать таблицу;
  2. Изменить размер шрифта;
  3. Вставить/изменить картинку;
  4. Редактировать CSS;
  5. Вставить.Редактировать атрибуты;
  6. Вставить/Редактировать медиа файл;
  7. Печать и прочее.

Расширенный текстовый редактор WordPress - плагин TinyMCE Advanced

Скачать плагин, Вы можете по этой ссылке. После его установки и активации, перейдите «Параметры» -> «TinyMCE Advanced».

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

Добавьте нужные кнопки в панель редактора, а ненужные удалите. Не забудьте потом нажать «Save Changes» (сохранить изменения). Приблизительно так будет выглядеть расширенная панель редактора, как на скриншоте

плагин TinyMCE Advanced

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

wordpress плагин редактор

1. Вставить/изменить картинку. Через эту кнопку можно вставить картинку в статью только с Интернета. Надо ввести адрес изображения, описание и заголовок. Картинке можно задать: выравнивание, размер, вертикальный и горизонтальный отступ, границу, класс и стиль.

Плагин TinyMCE Advanced описание

2. Редактирование CSS. Эта функция позволяет извращаться над шрифтом как угодно. Вы найдете множество функций для изменения стиля текста, например: изменить шрифт, размер, толщина, стиль (italic, oblique, value), высота строки, цвет, оформление (мерцание, подчеркнутый, с верхней чертой, зачеркнутый) и многое, многое другое.

Плагин TinyMCE Advanced скачать

3. Вставить разрыв страницы. Этой функцией я никогда не пользовался. Кнопка предназначена для разделения страниц на несколько частей. Это может понадобиться в том случае, если Вы написали большую статью и хотите ее разделить на две или более страниц. После установки тега (разрыв страницы) должна появиться ссылка "Next page", т. е. переход на следующую страницу.

4. Поиск. С помощью этой кнопки, Вы можете быстро находить нужные слова в тексте.
wordpress плагин редактор

Также можно быстро находить нужные слова в тексте и заменять на друге. Для этого кликните «Замена«. Введите искомое слово и слово, на которое надо заменить. Так можно быстро находить и заменять целые фразы.

tinymce advanced для wordpress

5. Выбрать цвет фона. Здесь Вы можете быстро задать цвет фона отрывку текста или слову. Нажмите "Другие цвета", чтобы  подобрать свой цвет.

Плагин TinyMCE Advanced скачать

6. Верхний индекс. С помощью этой функции можно изменить положение текста.

7. Нижний индекс. То же самое, но текст находится снизу.

8. Вставить/редактировать медиа файл. Теперь видео на блог можно вставить за пару секунд без всяких плагинов. Достаточно вставить ссылку на видео, указать размер в блоге и все. Видео с youtube.com можно вставить за меньше, чем за минуту. Можно вставить не только видео, но и другие файлы, например аудио, flesh, медиа…

Плагин TinyMCE Advanced описание

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

Плагин TinyMCE Advanced описание

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

wordpress плагин tinymce advancedСтрелкой указана кнопка, которая создает таблицу, а рамкой выделены дополнительные кнопки, которые появятся после создания таблицы.

Чтобы быстро выбрать другой шрифт, кликните "Семейство шрифтов". Чтобы изменить шрифт в тексте, выделите отрывок, а потом выберите другой шрифт.

tinymce advanced настройка

Вот вроде и все, что я хотел рассказать о плагине TinyMCE Advanced. Как видите,  плагин TinyMCE Advanced дает хорошие возможности для редактирования текста. Теперь не нужно пользоваться сторонними HTML-редакторами, чтобы создать таблицу или стиль CSS.

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *