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

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

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

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

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

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

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

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

Как установить плагин 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 в меню или расширить работу с кодом в текстовом редакторе.

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

Работа с TinyMCE Advanced

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

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

iPipe – надёжный хостинг-провайдер с опытом работы более 15 лет.

Мы предлагаем:

Плагин редактор текста wordpress: подробный обзор 4 вариантов

👍 Научим создавать сайты на WordPress бесплатно за 19 уроков. Подробнее →

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

И хочу предостеречь сразу от использования, потому как код текста страницы становиться очень мусорным, но если использовать с умом то творчество с wordpress становиться ещё проще.

Плагин TinyMCE Advanced

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

• Добавляет, а не изменяет стандартный вид
• Новый вид таблиц
• Крутые шрифты
• Контекстное меню правой кнопкой мыши

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

контекстное меню в TinyMCE Advanced

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

Отмечу возможность сохранения тега br (если не известно, то это разрыв строки, не путать с параграфом). Используем с осторожностью, по умолчанию они обрезаются, но если необходимо то ставим пункт здесь.

Сохранение тегов в редакторе wordpress

Теперь настроим те инструменты, которые хотим видеть на экране. Перетаскиванием левой кнопки, помещаем всё на места, существует создание дополнительной строчки. Создавайте удобное пространство для работы.

перенос кнопок в активную область плагина

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

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

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

Если возникли проблемы с использованием, то смотрите видео:

Wp-edit обновленный вордпресс плагин

Сложный инструмент wp-edit, имеет кучу бестолковых настроек. Но вбирает в себя множество возможностей вордпресс, например:

• Создание шорткодов
• Так же перетаскиванием настраиваем панель
• Изменение стиля отображения визуального редактора (скрытие ссылок автора)
• Отключение базового wordpress фильтра, который стирает span, br, p
• Очищение, управление количеством ревизий дабы не захламлять базу данных
• Управление единицами измерения (пиксели, пункты, проценты)
• Отключение вкладки “текст”
• Добавление полей в базу данных

По моему мнению, большинство настроек лишние, мне нужно расширение, а обилие возможностей запутывает.

Setka-editor современный расширенный редактор для текста wordpress

Новый плагин для wordpress называется setka editor. Разработка русских программистов, но почему- то нет родного языка перевода. Добавляет собственную вкладку, с удобным и нестандартным набором команд. Понравился внешний вид и разброс на три блока:

Русская разработка setka-editor

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

Надёжный ckeditor

Плагин ckeditor создан давно, не обновлялся уже 3 года. Однако работает на новых версиях wordpress и отлично устанавливается на guttenberg. Стандартный набор не выделяется ничем, старый дизайн кнопок, показывает запущенность разработки.

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

• Существует интеграция с style.css что упростит верстку
• Так же имеется система проверки орфографии SKAYT
• Изменение html сущностей
• Изменение направления текста
• Поддержка загрузки bmp картинок
• Прав доступа по должностям, для тех кто работает с копирайтерами

Вернём старый редактор wordpress

После внесения guttenberg в ядро wordpress не все пользователи остались в восторге, поэтому нужно вернуть старый редактор. Тема статьи подходящая, поэтому советую ставить дополнение от разработчиков называется Ckassic Editor, он вернёт старое окно и наложит его поверх гутенберга.

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

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

Мне нравится3Не нравится1

Если Вам понравилась статья — поделитесь с друзьями

wp_editor() — функция WordPress, добавляет редактор

Функция возвращает текстовое поле с прикрученными к нему

TinyMCE (визуальный) и Quicktags (HTML) редакторами, также добавляет свой JavaScript через функцию wp_footer, если используется на страницах сайта (т.е. не в админке).

Имеется возможность загрузки файлов.

wp_editor( $content, $editor_id, $settings = array() )

$content

(строка) содержимое текстового поля, то есть какой-то текст или HTML-код, который нужно засунуть в редактор по умолчанию

$editor_id

(строка) HTML-атрибут id текстового поля textarea, может содержать только буквы в нижнем регистре

$setting

(массив) настройки редактора

wpautop

(

логическое) нужно ли использовать функцию wpautop() для добавления параграфов
По умолчанию: true

media_buttons

(логическое) нужно ли вставить кнопку «Добавить медиафайл» над редактором:

Кнопка появляется только в том случае, если у текущего пользователя имеются права на загрузку файлов!
По умолчанию: true

textarea_name

(строка) HTML-атрибут name текстового поля, можно использовать с [] для передачи параметров в виде массива
По умолчанию: $editor_id

textarea_rows

(целое число) значение HTML-атрибута rows текстового поля
По умолчанию: get_option('default_post_edit_rows', 10)

tabindex

(целое число) значение HTML-атрибута tabindex

editor_css

(строка) дополнительные CSS-стили, которые нужно применить к редактору, должны быть заключены в тег <style>, поддерживается атрибут scope

editor_class

(строка) дополнительные классы для <textarea>

teeny

(логическое) нужно ли вывести только минимальную конфигурацию редактора без возможности отображения дополнительной панели
По умолчанию: false

dfw

( логическое) нужно ли заменить обычный вариант полноэкранного отображения на вариант, используемый в админке (DFW)
По умолчанию: false

tinymce

(массив) нужно ли задействовать визуальный редактор TinyMCE, также позволяет передавать настройки непосредственно в TinyMCE через массив
По умолчанию: true

quicktags

(массив) нужно ли задействовать вкладку HTML-редактора Quicktags, также позволяет передавать настройки непосредственно в Quicktags через массив
По умолчанию: true

Добавление второго редактора на страницу редактирования поста

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

/*
 * функция добавления редактора
 */
function true_double_editor() {
	global $post;
	echo '<h3>Описание</h3>'; // заголовок ко второму редактору
	wp_editor( get_post_meta($post->ID, '_true_editor_data', true), 'trueeditor' );
}
 
add_action( 'edit_form_advanced', 'true_double_editor' );
add_action( 'edit_page_form', 'true_double_editor' );
 
/*
 * функция сохранения данных
 */
function true_save_double_editor($post_id){
	update_post_meta($post_id, '_true_editor_data', $_POST['trueeditor']);
}
 
add_action('save_post', 'true_save_double_editor');

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

Самое главное — если используете редактор непосредственно в теме (например в форме комментирования), убедитесь, что добавили функцию wp_footer() где-нибудь перед закрывающим тегом

</body>, иначе редактор появится, но не будет работать. Я даже в примере хотел это показать, но потом передумал.

$settings = array(
	'textarea_name'	=>	'true_content',
	'editor_class'	=>	'my_redactor commons', // несколько классов через пробел
	'dfw'		=>	true,
	'quicktags'	=>	false
);
wp_editor( '', 'truewpeditor', $settings );

Миша

Недавно я осознал, что моя миссия – способствовать распространению WordPress. Ведь WordPress – это лучший движок для разработки сайтов – как для тех, кто готов использовать заложенную структуру этой CMS, так и для тех, кто предпочитает headless решения.

Сам же я впервые познакомился с WordPress в 2009 году. Организатор WordCamp. Преподаватель в школах Epic Skills и LoftSchool.

Если вам нужна помощь с вашим сайтом или может даже разработка с нуля на WordPress / WooCommerce — пишите. Я и моя команда сделаем вам всё на лучшем уровне.

Встроенный визуальный редактор WordPress | Создание сайта на WordPress

В WordPress для создания и редактирования статей используется текстовый редактор и визуальный редактор TinyMCE (код визуального редактора находится в папке  wp-includes/js/tinymce). При работе в визуальном редакторе нужно учитывать его особенности, можно использовать Горячие клавиши и автозамены форматирования и не только. 

Полезные быстрые (горячие) клавиши

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

Alt+Shift+ буква

*** В визуальном редакторе нажать одновременно служебные клавиши
Alt и Shift и клавишу с латинской буквой

(Чтобы отменить вставку, нажать Ctrl + Z )

T —  вставить тег <!— more—>
P —  вставить тег <!— nextpage —>
A / S —  вставить / удалить ссылку
M — вставить рисунок (добавить медиафайл)

D — перечеркивание

Ctrl + буква

(Чтобы отменить — нажать еще раз)

b — полужирный
u — подчёркнутый
i — курсив

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

Имейте в виду, что переключение в визуальный режим автоматически удаляет некоторое форматирование, включая теги <br> и <p>.

Если поместить в текст статьи код на языках CSS, PHP или javascripts, он не будет работать как код. По умолчанию WordPress преобразует непонятно для него используемые символы < и > в соответствующие HTML-сущности &lt; и &gt;, которые будут отображаться на веб-странице в браузере как < и >.

Теги, введенные в текст статьи в HTML-режиме редактора (режим Текст),  интерпретируются как HTML-код. Тег <code> задает только форматирование и совсем не указывает WordPress, что последующий текст нужно обрабатывать особым образом.

HTML-сущности и некоторые интересные символы

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

 		неразрывный пробел
»	»	двойная правая угловая кавычка
«	«	двойная левая угловая кавычка
&lt;	<	левая угловая скобка
&gt;	>	правая угловая скобка
&bull;	•	маркер
♥ или &hearts;	?	сердечко
♦ или &diams;	?	ромб или бубны
♣ или &clubs;	?	крести
♠ or &spades;	?	пики
∞	?	символ бесконечности
&mdash;	—	длинное тире
&ndash;	–	тире

♞ — Шахматная фигура черный конь
HTML-код: &#9822;

см. Фонетические и другие знаки в таблице символов Unicode

также см.  codex.wordpress.org/Fun_Character_Entities
ru.wikipedia.org/wiki/Мнемоники_в_HTML

Кавычки

В русском языке: парные кавычки &laquo; («) и &raquo; (») и &bdquo; („) и &ldquo; (“).
В английском языке: парные кавычки &ldquo; (“) и &rdquo; (”) и одинарные &lsquo; (‘) и &rsquo; (’).

Скобки: амперсанд (&), решетка (#), номер и точка с запятой (;)

Скобки редактор не изменяет, но вдруг пригодится — номера для скобок:

91   [ — квадратная открывающая скобка — &#91;
93   ]  — квадратная закрывающая скобка
123   { — фигурная открывающая скобка
125    }  — фигурная закрывающая скобка

символы для скобок

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

При желании пользователь может визуальный редактор отключить, чтобы использовать только HTML-редактор (режим Текст)

Пользователи — Ваш профиль —
Персональные настройки — Редактор — Отключить визуальный редактор

Автозамены

Автоматическое форматирование (автозамена) позволяет быстро создать заголовок (с помощью символов ##), цитату (с помощью символа >) или список, вставить тег <hr /> (горизонтальная линия).

*** Чтобы отменить автозамену, нажмите Esc или Ctrl + Z

Списки

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

1.  или 1)     Нумерованный список
— или *     Маркированный список

Заголовки и др. после нажатия Enter

>    Цитата
##    Заголовок 2
###    Заголовок 3 и т.д..
—    Горизонтальная линия (тег <hr />)

Статьи в блоге о визуальном редакторе

Дополнительно: в разделе «Справочник» также:

Как вернуть старый редактор WordPress вместо Gutenberg с версии 5.0

Вчера обновил на одном сайте WordPress до версии 5.0 и сразу же получил ледяной душ, увидев во что превратился интерфейс редактирования публикаций. Да-да, в новой версии WP оказался вшит новый редактор Gutenberg. Давно у меня так не подгорало от смены интерфейсов, признаюсь честно. В первые минуты я просто растерялся, не найдя на странице редактирования поста привычного окружения. Мало того, когда попробовал отредактировать одну большую запись с парой десятков иллюстраций, мой браузер напомнил мне о том, что у меня всего 8 гигайбайт оперативной памяти. Решил утром разобраться, но никакого встроенного механизма возврата к старому WordPress редактору в настройках пятой версии не нашел.

Сейчас расскажу, что это за Gutenberg такой, с чем его едят и как вернуть старый редактор WordPress вместо встроенного с версии 5.0 Гутенберга.

Что такое Gutenberg?

Gutenberg – это новый редактор WordPress, использующийся для создания и редактирования записей (posts) и страниц (pages). Разработчики назвали новый WP редактор именем Иогана Гутерберга, немецкого первопечатника, которого можно назвать первым европейским типографом. В середине 15 века Гутерберг создал революционный по тому времени способ книгопечатания подвижными литерами, который окажет потом огромное влияние не только на европейское книгопечатание и культуру, но и на всемирную историю.

Разработчики WordPress решили сделать похожую революцию в создании сложных макетов страниц средствами самого WordPress, без привлечения дополнительных плагинов, типа WPBakery Page Builder, WP Page Builder или SiteOrigin Page Builder. В старом редакторе схема работы free-flow, как и в любом текстовом редакторе, а вот макет страницы и форматирование текста — всё это делается с помощью стилей CSS и HTML, теперь всё будет по-новому.

По идее разработчиков новый WordPress редактор Gutenberg позволит авторам создавать сложные макеты публикаций и форматировать содержание страниц не зная досконально CSS или тонкости HTML. Такой себе WYSIWYG html-редактор, вшитый в саму CMS.

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

Как вернуть старый редактор WordPress вместо Gutenberg

Гладко было на бумаге, да забыли про овраги, во-первых, совершенно не все WordPress-темы и плагины поддерживают прогрессивный порыв разработчиков в виде Gutenberg-а, а во-вторых, не всем по душе придется такая радикальная смена интерфейса работы с текстами. Не сказать, чтобы я был прям бешеный ретроград, но в такой кардинальной смене парадигмы работы с текстом надо знать меру.

Чтобы вернуть старый добрый классический редактор WordPress вместо нового Gutenberg-а нам потребуется установить плагин Classic Editor (от WordPress Contributors). Для чего добавляем на блог новый плагин (либо качаем с официального сайта архив с плагином и заливаем необходимые файлы в папку wp-content/plugins).

Активируем плагин Classic Editor и заходим в его настройки, вернее нас отправляют на страницу настроек самого WordPress «Написание», где необходимо удостовериться, что в пункте «Редактор по умолчанию для всех пользователей» выбрана опция «Classic Editor».

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

Многие сторонние разработчики плагинов и шаблонов уже сегодня судорожно фиксят свой софт и обновляют плагины/темы для поддержки новой версии WordPress и нового встроенного редактора Gutenberg. Например, ребята из WPshop уже заявили в сегодняшней рассылке, что выкатят новую редакцию своих шаблонов на следующей неделе, а сегодня по горячим следам обновили свой плагин Clearfy Pro, включающий около 50 пунктов, которые оптимизируют сайт на WordPress в интересах SEO (удаление дублей страниц, очистка кода от мусора, закрытие служебной информации, правильные редиректы, дополнительная защита и другое).

Как использовать редактор блоков WordPress 5.0 с Zakra Theme? | Artstroy

С появлением WordPress 5.0 платформа CMS предоставила множество отличных функций для всех своих пользователей. От повышения производительности до исправления ошибок и множества новых полезных дополнений, вы можете наслаждаться ими с установкой WordPress 5.0. Аналогичным образом, в WordPress 5.0 также появился новый редактор пост / страниц, который ранее назывался « Редактор Гутенберга ». Недавно названный редактор блогов WordPress вносит полную перестройку в обычный процесс создания пост / страниц, что делает его строго отличным от классического редактора. ,

Итак, чтобы помочь нашим читателям адаптироваться к этому полному изменению, ThemeGrill представляет вам простое для понимания руководство по использованию редактора блоков WordPress.

Одновременно с выпуском WordPress 5.0 мы в ThemeGrill выпустили совместимую с редактором блоков тему под названием Zakra . Эта бесплатная гибкая тема предназначена для полного использования конструкторов страниц, а также редактора Гутенберга. Вы можете узнать о Zakra и всех его замечательных функциях, используя это отличное видео, если вам интересно.

А пока давайте посмотрим как на WordPress 5.0, так и на Zakra , бесплатную тему с полной совместимостью редактора блоков Gutenberg с WordPress.

Редактор блоков WordPress:

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

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

• Модульность за счет введения сменных и модифицируемых блоков.
• Конструкции блоков, такие как Post intros и стили блоков, можно сохранить для повторного использования.
• Лучшая мобильная совместимость и мобильный дружественный дизайн.
• Дизайн в стиле Medium / WYSIWYG.
• Более удобный

Использование редактора блоков WordPress с темой Zakra:

Zakra — это бесплатная тема WordPress ThemeGrill, разработанная для гибкой, быстрой и быстрой реакции. Тема также построена так, чтобы быть полностью совместимой с Гутенбергом, а также с различными другими компоновщиками страниц. Поэтому кажется справедливым принять эту тему в качестве демонстрации использования редактора блоков для создания контента для сегодняшнего руководства.

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

К счастью для нас, Zakra поставляется с функцией импорта демо в один клик . Это позволяет вам мгновенно загрузить и установить демоверсию, предоставленную вам бесплатно. Чтобы узнать больше о демо-импортере и процессе его включения, посмотрите это видео:

Итак, используя демо-импортер, мы пошли дальше и установили эту демонстрацию на нашу локальную установку WordPress. Мы будем использовать демонстрационную тему Zakra Café, так как она подходит для очень гибкой формы дизайна блога.

Тем не менее, для быстрого отказа от демонстрации может потребоваться установить плагин форм Everest и конструктор Elementor Page, чтобы полностью реализовать его функцию. После того, как вы импортировали демо, вы должны быть готовы начать использовать редактор блоков.

Использование редактора блоков WordPress

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

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

Редактор блоков WordPress и его функции управления почтой:

Панель T op позволяет создавать новые блоки, отменять и повторять любые изменения блоков, перемещаться по блокам. Верхняя панель также содержит основные функции редактированиясообщений, такие как «Сохранить в черновике», «Предварительный просмотр публикации» и «Опубликовать сообщение». Раздел блока на правой боковой панели позволяет изменять настройки любого блока, когда вы нажимаете на него. По сути, это позволяет вам изменять все настройки любого блока и изменять такие функции, как размер шрифта, буквицы и многое другое. Вы также можете включить отдельные цвета фона для каждого блока и даже включить дополнительные классы CSS для каждого отдельного блока.

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

Редактор блоков WordPress и настройки его страницы:

Удобный редактор блоков WordPress Custom Gutenberg также позволяет настраивать отдельные параметры страницы непосредственно со страницы редактирования сообщения. Измените макет публикации, удалите поля содержимого, измените настройки боковой панели, измените параметры заголовка и меню и многое другое, используя раздел «Параметры страницы».

Добавление блоков в редакторе блоков WordPress

В блоках являются основными направлениями блока редактора Гутенберга. Вы можете создавать отдельные разделы, которые служат разным целям, используя блоки и настраивая их. Чтобы создать новый блок, просто нажмите Добавить новый блок (кнопка +) в левом верхнем углу редактора сообщений. Это даст вам выпадающее меню, из которого вы можете выбрать подходящий тип блока, предназначенный для определенных целей. Вы также можете искать блоки, которые соответствуют вашим потребностям, используя панель поиска.

Кроме того, если вы прокрутите меню вниз, вы можете выбрать блоки на основе их основных функций. Это включает в себя общие блоки, форматирование, виджеты и встраивания. Для этой демонстрации мы будем использовать блок Paragraph. Чтобы создать блок «Абзац» , вы можете выполнить поиск «Абзац» на панели поиска или щелкнуть « Общие блоки» и затем выбрать « Абзац».

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

Перестановка блоков:

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

Изменение настроек блока:

Чтобы настроить свой блок и отличить его от других блоков, вы можете настроить егоиндивидуально, используя новый редактор блоков WordPress. Просто нажмите на блок, который вы хотите настроить, и обратитесь к настройкам правой боковой панели . Если настройки правой боковой панели не отображаются, просто нажмите значок « Настройки» в правой части верхней панели, а затем нажмите «Блокировать».

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

Добавление определенных типов общих блоков в редакторе блоков WordPress:

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

Вставка блока изображения:

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

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

Вставка заголовочного блока:

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

Используя правую боковую панель и настройки блока или панель инструментов «Блок», вы можете изменить размер заголовка. Настройки блока также позволяют полностью изменить выравнивание заголовка.

Вставьте шорткод блок:

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

Сохранение блока в редакторе блоков:

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

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

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

Новые Nifty блоки в редакторе блоков WordPress:

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

Блок изображения обложки:

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

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

Блок таблицы:

Блок таблицы, что означает его имя. Просто включите полностью настраиваемую таблицу с изменяемыми выравниваниями, стилями таблиц и многим другим. Используя этот блок, вам не нужно беспокоиться об использовании внешнего плагина или CSS для включения таблиц в ваших блогах WordPress. Просто выполните поиск в блоке «Таблица» при добавлении нового блока и определите количество строк и столбцов в своей таблице, чтобы начать вести блог с помощью таблиц.

Медиа и текстовый блок:

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

Заключительное:

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

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

Попробуйте новый редактор Gutenberg

Редактор WordPress

Уже очень давно, WordPress имеет свой редактор, который всем привычен и представления не требует. Многие и я, в том числе, пользуются ним при написании статей, причем я пользуюсь его вкладкой Текст, потому как мне удобнее писать текст с HTML кодом. Таким образом, можно легко написать статью, отформатировав ее как угодно.

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

Теперь, разработчики WordPress, хотят заменить основной, стандартный редактор, новым, более продвинутым и универсальным — Gutenberg

Что такое Gutenberg

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

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

Как установить Gutenberg

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

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

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

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

Что такое Classic Editor

Рядом с предложением установить Gutenberg, есть еще и предложение установки плагина Classic Editor.

Classic Editor — плагин для возможности выбора, каким редактором пользоваться, новым Gutenberg или классическим. Рекомендую вам его установить, так же вместе с Gutenberg. Если его нет на главной страницы Консоли, то можете так же перейти в раздел Плагины и в библиотеке доступных для установки найти его и так же установить.

После его установки и активации, можно перейти в раздел Настройки — Написание:

На странице появится возможность выбрать из двух пунктов нужный.

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

Как видите, в разделе Записи, есть вариант — Добавить новую, используя Gutenberg, или Добавить новую(классический) — используя старый редактор. Думаю, тут понятно.

Если вы решили изменить уже созданную запись, то можете перейти в раздел — Все записи и там в списке статей навести на нужную, где увидите тоже возможность выбора, каким редактором править запись:

Где Изменить- это правка с помощью Gutenberg, а Классический редактор — это обычный, старый редактор WordPress.

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

Как начать работать с Gutenberg

После установки Gutenberg и Classic Editor, можно перейти к тестированию первого. Для начала, вам предложат ознакомится с Демо, запись с примером использования разных блоков нового редактора. Вам будут показаны подсказки, чтобы вы смогли приступить к работе. Сначала кнопку добавления новых блоков:

Потом кнопку настроек для страницы:

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

Ну и кнопку Опубликовать.

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

Она имеет 2 вкладки — Документ и Блок. На скриншоте выше — вкладка Документ. Именно на ней основные страницы. Если переключить на вкладку Блок, то там изначально ничего нет, информация и настройки там появятся после того как вы выберите какой-то размещенный уже блок на странице. У каждого блока будут свои настройки. Мы вернемся к вкладке — Документ.

• Статус и видимость — видимость записи, время публикации, возможность закрепить запись на главной, выбора автора и кнопка удаления.
• Постоянная ссылка — ссылка на текущую запись и возможность ее изменить. Данные настройки также есть и в блоке Заголовок, что автоматически появляется в начале страницы. Нажмите на него и сверху появятся кнопка скопировать ссылку, сама ссылка и кнопка Изменить.
  
• Рубрики — возможность определить запись к нужной рубрике.
• Метки — возможность назначить метки для записи. Теперь нет возможности выбрать из списка часто используемых, нужно только вводить, если есть уже подобная метка, вам будет предложено выбрать из схожих.
• Изображение записи — возможность назначить картинку для записи, раньше это называлось — миниатюра записи.
• Отрывок — небольшой отрывок записи, чтобы предоставить его ка краткое описание в списке статей. Пункт не обязательный. Раньше этот элемент назывался — Цитата.
• Обсуждение — возможность включить комментарии для записи, а также уведомления и обратные ссылки. Раньше эти настройки располагались под текстовым полем записи.

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

Изучите каждый пункт. Для меня самыми важными являются — переключение между Визуальным и Редактором кода. Также посмотрите Настройки внизу, чтобы включить и выключить каждый из пунктов. Если вы решите переключить на редактор кода, то увидите, что теперь в коде нет HTML и CSS кодов. Выглядит теперь все так:

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

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

У блока есть настройки. Можете выбрать какой именно заголовок использовать h3 h4 h5 и другие настройки. Далее блок — Параграф, у которого так же есть свои настройки, интуитивно понятные.

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

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

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

Еще хочу вернуться к вкладке БЛОК, что располагается справа. Если выделить например блок — Параграф, то во вкладке, блок справа, вы увидите дополнительные настройки.

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

Таким образом, указав название класса, вы можете стилями CSS задать нужные параметры. Это очень удобно и позволяет расширить возможности форматирования текста.

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

1. Добавить блок — добавление нового блока.
2. Отменить действие — отменить действия в обратном порядке.
3. Вернуть действие — вернуть отмененное действие.
4. Структура статьи — информация о количестве слов, заголовков, параграфов и блоков в статье.
5. Навигация по блокам — список всех блоков, что вы добавите на страницу.

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

Проблемы редактора Gutenberg

Теперь давайте поговорим о проблемах, с которыми вы можете столкнутся. На локальном сервере, я не смог пользоваться плагином, он не сохранял изменения. Ошибка была из за того, что в теме был отключен RESET API. Если вы когда то тоже отключали RESET API, добавляя определенный код в файл функций вашей темы, то спешите удалить этот код. Без reset api Gutenberg работать не будет. Он попросту не сохраняет изменения и не может опубликовать материалы, даже его предосмотр не возможен.

Второе, что сразу может вылезти — это настройки формирования URL. У меня в том числе не получалось сохранить изменения пока я на локальном сервере не настроил — Постоянные ссылки, что находятся в настройках Консоли вашего сайта.Если вы используете плагины для ЧПУ или для удаления слова category с адреса, то могут появится проблемы.

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

Gutenberg — не будет корректно работать со старыми темами. На них может не быть стилей для HTML 5 тегов, которые использует редактор. Вы не сможете обернуть картинку в текст, то бишь через блочность, можно делать только очередность, вставить картинку внутрь текста, не получится.

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

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

Плюсы редактора Gutenberg

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

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

Второй плюс, это то что новичкам должно понравится, ведь написание статей станет еще легче. Gutenberg — довольно, интуитивно понятен. Потратив 5-10 минут можно все изучить.

Если формировать страницы с помощью Gutenberg, а потом его отключить — с записями ничего не случится, они останутся в том же виде.

Заключение

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

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

Устанавливать ли плагин сейчас — решать вам. Мое мнение — если вы создаете новый сайт — стоит обратить внимание. Все равно в итоге придется его использовать рано или поздно.

На этом все, спасибо за внимание. 🙂

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

Classic Editor — это официальный плагин, поддерживаемый командой WordPress, который восстанавливает предыдущий («классический») редактор WordPress и экран «Редактировать сообщение». Это позволяет использовать плагины, которые расширяют этот экран, добавляют мета-блоки старого стиля или иным образом зависят от предыдущего редактора.

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

На первый взгляд, этот плагин добавляет следующее:

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

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

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

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

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

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

Есть два варианта:

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

Не удается найти ссылку «Перейти к классическому редактору»

Он находится в главном меню редактора блоков, см. Этот снимок экрана.

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

авторов

1,6

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

1,5

• Обновлено для WordPress 5.2 и Gutenberg 5.3.
• Улучшена и исправлена ​​логика «открытых сообщений в последнем редакторе, использовавшемся для их редактирования».
• Исправлено добавление состояния публикации, поэтому к нему можно было легко получить доступ из других плагинов.

1,4

• При сетевых установках снято ограничение только на сетевую активацию.
• Добавлена ​​поддержка для сетевых администраторов выбора сетевого редактора по умолчанию.
• Исправлена ​​ссылка на настройки в предупреждении на экране «О сети».
• Правильно добавлен пункт меню «Перейти к классическому редактору» в меню редактора блоков.

1,3

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

1,2

• Исправлено переключение редакторов с экрана добавления нового (сообщения) перед сохранением черновика сообщения.
• Исправлена ​​опечатка, при которой URL-адрес редактирования добавлялся к переменной запроса classic-editor .
• Изменено определение WordPress 5.0, чтобы не использовать проверку версии. Исправляет ошибку при тестировании 5.1-alpha.
• Изменено значение по умолчанию для параметра, позволяющее пользователям переключать редакторов на false.
• Добавлено отключение плагина Gutenberg и понижена требуемая версия WordPress до 4.9.
• Добавлен фильтр classic_editor_network_default_settings .

1,1

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

1,0

• Обновлено для WordPress 5.0.
• Изменены все имена / ссылки «Гутенберга» на «редактор блоков».
• Обновлен интерфейс настроек.
• Убрано отключение плагина Gutenberg. Это было добавлено для тестирования в WordPress 4.9. Пользователи, которые хотят продолжать следить за развитием Gutenberg в WordPress 5.0 и более поздних версиях, не нуждаются в другом плагине для его отключения.
• Добавлена ​​поддержка индивидуальных настроек редактора по умолчанию.
• Добавлена ​​поддержка для администраторов, чтобы установить редактор по умолчанию для сайта.
• Добавлена ​​поддержка для администраторов, позволяющая пользователям изменять свой редактор по умолчанию.
• Добавлена ​​поддержка сетевых администраторов, чтобы администраторы сайта не могли изменять настройки по умолчанию.
• Добавлена ​​поддержка сохранения последнего редактора, использованного для каждого сообщения, и его открытия в следующий раз. Включено, когда пользователи могут выбрать редактор по умолчанию.
• Добавлено «состояние редактора сообщений» в список сообщений на экране сообщений. Показывает редактор, который будет открыт для публикации. Включено, когда пользователи могут выбрать редактор по умолчанию.
• Добавлены фильтры classic_editor_enabled_editors_for_post и classic_editor_enabled_editors_for_post_type .Может использоваться другими плагинами для управления или переопределения редактора, используемого для определенного сообщения типа сообщения.
• Добавлен фильтр classic_editor_plugin_settings . Может использоваться другими плагинами для переопределения настроек и отключения пользовательского интерфейса настроек.

0,5

• Обновлено для Gutenberg 4.1 и WordPress 5.0-beta1.
• Удалены некоторые функции, которые теперь существуют в Гутенберге.
• Исправлено перенаправление обратно в классический редактор после просмотра ревизий постов.

0,4

• Исправлено удаление вызова «Попробуйте Gutenberg», когда плагин Gutenberg не активирован.
• Исправлено: настройки и ссылка на настройки всегда отображаются в таблице списка плагинов.
• Обновлен текст readme.

0,3

• Обновлен вариант с флажка до пары переключателей, кажется более понятным. Спасибо @designsimply за предложения по тексту этикеток.
• Некоторые общие обновления и очистка.

0,2

• Обновление для Gutenberg 1.9.
• Убрать предупреждение и автоматическое отключение, когда Гутенберг неактивен.

0,1

Первый выпуск.

Как использовать редактор WordPress

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

Подпишитесь на наш канал Youtube

Что такое редактор WordPress?

Технически, есть три редактора WordPress, из которых вы можете выбрать. С выпуском WordPress 5.0 редактор изменился с TinyMCE по умолчанию на редактор блоков, который у нас есть сегодня. На фоне этого изменения был выпущен плагин редактора Gutenberg в качестве моста для бета-тестирования новых функций для редактора блоков, прежде чем он будет включен в ядро ​​WordPress.

Хотя редактор блоков установлен по умолчанию в WP начиная с версии 5.0, вы можете использовать любой из трех, которые захотите. Вы можете установить плагин Classic Editor, чтобы сохранить старый TinyMCE, плагин Gutenberg, чтобы сохранить новейшие функции (хотя и потенциально нестабильные) в вашем редакторе, или вы можете оставить редактор блоков по умолчанию.

Учитывая дополнительные шаги, связанные с использованием чего-либо, кроме редактора по умолчанию (а также присущей ему нестабильности и изменяющейся природы плагина Gutenberg), в этом посте мы собираемся сосредоточиться исключительно на редакторе блоков по умолчанию.Тем не менее, вы должны отметить, что основы такие же, как и у Gutenberg, и TinyMCE, содержащийся в плагине Classic Editor, имеет базовый паритет функций с любым заданным текстовым редактором или программным обеспечением для обработки текстов — не говоря уже о любых обсуждаемых нами функциональных возможностях WP. над, как правило, отличаясь только эстетикой, но не функциями.

С учетом всего сказанного, давайте узнаем, как использовать редактор WordPress.

Основы редактора WordPress

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

Базовый редактор блоков WordPress состоит из 5 элементов. Различные плагины могут добавлять больше, но они обеспечивают базовую функциональность, с которой вы будете работать изо дня в день.

1. Основная надпись — Все, что вы введете здесь, будет отображаться как основной тег h2 публикации / страницы.
2. Область блока / содержимого — Это область, в которую вы будете добавлять различные блоки, составляющие содержимое вашего сообщения или страницы.
3. Кнопка добавления блока — Каждый раз, когда вы видите + в круге, вы можете щелкнуть по нему, чтобы добавить новый блок. Появится раскрывающийся список, в котором вы выбираете тип, который хотите вставить. Все они работают одинаково, поэтому независимо от того, щелкаете ли вы один справа от блока, под блоком или в углу экрана, вы получаете одинаковые параметры.
4. Вкладка «Параметры документа» — На этой вкладке вы найдете все: категории, теги, постоянные ссылки, переключатели включения / выключения комментариев и многое другое. Плагины могут добавлять здесь параметры, но они всегда применяются ко всей странице или к публикации.
5. Вкладка «Параметры блока» — На этой вкладке обрабатываются параметры любого выделенного блока. Если вы щелкните блок абзаца, вы измените параметры только для этого блока . Ни другие блоки, ни сам документ не меняются.

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

Что такое блоки?

Вы уже видели, как мы упоминали блоки в этом посте, но что это такое? Блок — это отдельный настраиваемый элемент страницы или сообщения. Это может быть отдельный абзац, список, изображение или галерея. Эти блоки можно перемещать и настраивать по своему усмотрению, настраивать индивидуально и предоставлять вам детальный контроль над вашим контентом, который редактор WYSIWYG просто не может.(Если вы пользователь Divi, вы уже знакомы с концепцией, потому что наши модули работают одинаково.)

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

Как создать группу блоков

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

Создать группу очень просто. Вы просто нажимаете на блок, затем, удерживая Shift или CTRL, нажимаете на другой. Если вы хотите сгруппировать все блоки в сообщении, вы можете нажать CTRL / CMD — A, чтобы выбрать все. Затем, когда вы увидите, что значок в верхнем левом углу изменился на квадрат, состоящий из небольших блоков, вы можете щелкнуть по нему и выбрать Преобразовать в группу .

Если вам нужно разгруппировать их, просто нажмите кнопку раскрывающегося списка с тремя точками и выберите «Разгруппировать».

Теперь блоки снова будут функционировать как индивидуальные.

Что такое блоки многократного использования?

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

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

Основная надпись

Блок заголовка, показанный выше, является основным тегом h2 вашего сообщения или страницы. Он также создаст ярлык постоянной ссылки для сообщения, но его можно будет отредактировать после того, как вы сохраните сообщение хотя бы один раз. Это также будет то, из чего извлекаются селекторы CSS, такие как .post-title и .entry-title . (Однако ваши плагины SEO позволяют вам устанавливать, что будет отображаться в поисковых системах.)

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

Область блока / содержимого

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

Однако с редактором блоков вы можете сделать гораздо больше. Каждый раз, когда вы нажимаете «ввод» или «возврат», вы добавляете новый блок абзаца. Чтобы добавить другой тип блока (любого типа), нажмите + в круге, и вы увидите раскрывающийся список всех доступных блоков. Не забудьте прокрутить, потому что они тоже относятся к разным категориям. Вы также можете искать конкретный блок, если знаете, какой именно блок вам нужен.

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

Если вы посмотрите на изображения в этом разделе, (1) указывает на кнопки изменения порядка, которые вы получаете для каждого блока, когда он выбран (просто щелкните по нему, чтобы выбрать). (2) указывает на раскрывающееся меню, которое позволяет удалить блок, а также редактировать его содержимое как HTML, клонировать его или добавлять новые блоки вокруг него.

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

Структура документа, количество слов и другая информация

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

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

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

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

Вкладка параметров блока

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

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

Если выбран блок изображения, вкладка «Блок» изменится на это.

Каждый блок будет иметь определенные параметры, которые вы можете настроить в них, которые применяются только к этому типу блока (и будут отображаться только в этом конкретном блоке). Однако в каждом блоке есть раздел Advanced на вкладке, который позволяет вам применять классы CSS к этому блоку.Затем вы можете стилизовать их по своему усмотрению, используя внешние таблицы стилей и код.

Вкладка параметров документа

Слева от вкладки Параметры блока находится Документ Параметры вкладка . Если вы использовали WordPress в прошлом, они будут вам знакомы. Здесь вы сможете настроить категории своего сообщения, теги, добавить избранное изображение, настроить ярлык постоянной ссылки, добавить отрывок для использования в теме / SEO, а также включить или отключить комментарии.

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

Метабоксы дополнительных постов

Метабоксы для сообщения — это то место, где плагины будут добавлять новые параметры и возможности для самого контента. Они появляются в самом конце области содержимого под блоками.

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

Раскрывающийся список параметров редактора WordPress

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

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

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

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

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

И Visual / Code Editor Переключатели работают точно так же, как в редакторе TinyMCE. Примеры в этом посте до сих пор относились к визуальному редактору. То есть вы видите визуальное представление сообщения, когда пишете его. Вы получаете кнопки для нажатия, контекстные меню и отображение настроек в реальном времени по мере их изменения. Однако редактор кода — это всего лишь код. У вас будет простое текстовое поле, в котором вы будете писать обычным текстом и HTML.

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

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

Ярлыки глобального редактора блоков WordPress

Редактор блоков также имеет собственный набор изящных ярлыков.Они не все такие же, как TinyMCE, но они одинаково полезны и не менее важны для изучения. Сохранение самых полезных из них в памяти сэкономит вам много времени и проблем, если говорить по опыту. Вы можете нажать Shift + Alt + H , чтобы отобразить следующий список ярлыков в самом редакторе WordPress.

Ярлыки документов

• Переключение между визуальным редактором и редактором кода — Ctrl + Shift + Alt + M
• Открыть меню навигации блока — Shift + Alt + O
• Показать или скрыть боковую панель настроек — Ctrl + Shift +,
• Перейти к следующей части редактора — Ctrl + ` или Shift + Alt + N
• Перейти к предыдущей части редактора — Ctrl + Shift + ` или Shift + Alt + P
• Перейти на ближайшую панель инструментов — Alt + F10
• Сохраните изменения — Ctrl + S
• Отменить последние изменения — Ctrl + Z
• Повторить последнюю отмену — Ctrl + Shift + Z

Ярлыки выбора

• Выделить весь текст при вводе.Нажмите еще раз, чтобы выделить все блоки — Ctrl + A
• Очистить выделение — ESC

Ярлыки блока

• Дублировать выбранные блоки — Ctrl + Shift + D
• Удалить выбранные блоки — Shift + Alt + Z
• Вставить новый блок перед выбранным блоком (блоками) — Ctrl + Alt + T
• Вставить новый блок после выбранного блока (ов) — Ctrl + Alt + Y
• Удалить несколько выбранных блоков — del или backspace
• Изменить тип блока после добавления нового абзаца — /

Текстовые ярлыки

• Сделать выделенный текст жирным — Ctrl + B
• Сделать выделенный текст курсивом — Ctrl + I
• Преобразовать выделенный текст в ссылку — Ctrl + K
• Удалить ссылку — Ctrl + Shift + K
• Подчеркнуть выделенный текст — Ctrl + U

Завершение

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

Есть какие-нибудь советы и рекомендации по редактору WordPress? Дайте нам знать об этом в комментариях!

Gutenberg WordPress Guide — Как использовать редактор блоков WordPress

Как работает редактор WordPress Gutenberg

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

Итак, вот блочное редактирование 101:

По сути, Гутенберг заменяет единственное поле редактирования текущего редактора WordPress TinyMCE множеством отдельных «блоков».

Эти блоки затем позволяют создавать более сложные проекты, чем те, которые были разрешены в старом классическом редакторе WordPress.

Так что же такое блок?

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

• Обычный текст
• Изображения
• Вставки видео
• Пуговицы
• Виджеты ( да, те же виджеты, которые вы используете на боковой панели)
• Столы
• и т. Д.

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

Каждый блок — это отдельный объект, которым вы можете управлять индивидуально.Например, вот небольшой пост Гутенберга, содержащий три блока:

• 2 текстовых блока
• 1 блок изображения

Посмотрите, как легко я могу переставить эти блоки, просто перетаскивая их:

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

В целом это дает вам больше гибкости и всестороннего контроля.

Значит, Гутенберг — конструктор страниц, верно?

Эээ, не совсем так.По крайней мере, не в нынешнем виде.

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

На поверхностном уровне Гутенбергу уже не хватает двух важных вещей:

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

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

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

Например, в нашем сравнении Elementor, Divi Builder и Beaver Builder вы можете увидеть, как конструкторы верхних страниц предлагают такие вещи, как:

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

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

Вам нужно использовать новый редактор блоков? Можете ли вы сохранить предыдущий редактор WordPress?

Нет , вам не нужно использовать новый редактор блоков и да , вы можете продолжать использовать предыдущий редактор WordPress. Чтобы деактивировать редактор блоков Гутенберга и вернуть свой сайт в классический редактор после обновления до WordPress 5.0, вы можете использовать официальный плагин Classic Editor.

Прочтите наше руководство о том, как отключить редактор блоков Гутенберга, чтобы узнать больше.

Вам нужна специальная тема для использования нового редактора блоков Гутенберга?

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

Во-первых, темы могут предлагать встроенные стили для всех этих новых блоков.Более того, темы могут загружать эти стили в редактор . Это означает, что вы можете видеть реальный стиль своих блоков, когда вы создаете свой контент для лучшего восприятия WYSIWYG (см. Базовую версию этого в действии здесь)

Темы

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

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

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

• Neve — Neve — это наша новая тема, специально созданная для работы с редактором блоков Gutenberg.
• Zakra — приятный легкий вариант от ThemeGrill.
• Hestia Lite — гибкая тема, которая следует принципам материального дизайна.

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

Создание вашего первого макета с помощью редактора блоков Gutenberg WordPress

Предполагая, что вы используете WordPress 5.0 и новый редактор блоков, вы готовы вникнуть в суть этой статьи. Ниже я покажу вам, как на самом деле использовать новый редактор блоков WordPress Gutenberg для создания полного макета страницы.

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

Краткий обзор интерфейса редактора блоков WordPress

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

Как использовать классический редактор с WordPress 5.0

Написано Майкл Мур на 23 января 2019 г.

Последнее обновление 14 мая 2019 г.

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

После обновления до WordPress 5.0 вы заметите, что новый редактор по умолчанию для сообщений и страниц изменился с классического редактора на новый редактор блочного стиля. Редактор блоков (называемый редактором WordPress Gutenberg) — это совершенно новый способ редактирования сообщений и содержимого страниц в WordPress. Вместо одной области композиции WYSIWYG («Что видишь, то и получаешь») содержимое страницы разделено на «блоки», которые имеют индивидуальные настройки и редактируемые области.

Если вы еще не обновились до WordPress 5.0, обязательно ознакомьтесь с нашим контрольным списком Как обновить до WordPress 5.0.

Как использовать классический редактор с WordPress 5.0

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

• Вариант 1. Используйте встроенный классический блок в WordPress 5.0
• Вариант 2. Установите подключаемый модуль Classic Editor

1. Как использовать встроенный классический блок в WordPress 5.0

Редактор блоков WordPress, представленный в версии 5.0, включает встроенный классический блок как одну из опций блока, которые вы можете добавить при создании сообщения или страницы. Классический блок позволяет использовать классический редактор в новой системе блоков. Классический блок — это, по сути, знакомый редактор WordPress WYSIWYG, помещенный в блок.

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

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

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

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

Вы также можете переключаться между визуальным редактором и редактором кода с помощью шорткода.

Короткий код	Mac	Linux / Windows
Переключение между визуальным редактором и редактором кода	Cmd + Shift + Option + M	Ctrl + Shift + Alt + M

После обновления до WordPress 5.0 обязательно ознакомьтесь с этим постом: Как преобразовать существующие сообщения WordPress в блоки Гутенберга.

2.Как установить и использовать плагин Classic Editor

Если вы не хотите иметь ничего общего с новым редактором блоков WordPress, вы можете установить плагин Classic Editor. Вы найдете классический редактор в репозитории плагинов WordPress.org в качестве бесплатного загружаемого плагина. Чтобы установить любой новый плагин из репозитория WP.org, нажмите кнопку Добавить новый .

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

Когда вы найдете плагин Classic Editor, нажмите кнопку Установить сейчас . После завершения установки плагина нажмите кнопку Активировать , чтобы начать использовать классический редактор в WordPress 5.0.

После того, как вы установили и активировали плагин Classic Editor, редактор WordPress будет таким же, как и в WordPress версии 4.9.8.

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

Примечание о поддержке классического редактора WordPress

Хотя в настоящее время вам не нужно учиться использовать новые блоки Гутенберга WordPress, в конечном итоге вам это понадобится. Команда WordPress будет поддерживать плагин Classic Editor до конца 2021 года. Но, начиная с 2022 года, новый редактор блоков будет единственным редактором, официально поддерживаемым WordPress.

Изменения могут быть трудными, но мы поможем вам! Посетите нашу справочную страницу по Гутенбергу.

Редактор Гутенберга против классического редактора WordPress (2021)

Gutenberg — это название новой парадигмы редактирования WordPress. Система, которая произвела быструю революцию в области создания веб-контента после того, как новый редактор Gutenberg заменил старый классический редактор WordPress в качестве редактора WordPress по умолчанию.

Гутенберг изменил весь процесс публикации и редактирования.

Blocks — это новые инструменты для преобразования ваших идей в мультимедийный контент.

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

Gutenberg совместим почти со всеми бесплатными темами WordPress, доступными сегодня на рынке.

Более того, редактирование стало более гибким и простым. Эта статья представляет собой попытку сравнительного исследования Гутенберга и классического редактора WordPress .

Хотя вы можете создать красивую страницу с помощью конструктора страниц, такого как Elementor, Гутенберг может создать удобочитаемое сообщение в блоге, используя изображения, встроенные URL-адреса и многое другое, заставляя читателей оставаться на сайте.

Что такое редактор Гутенберга?

Gutenberg — новый редактор WordPress по умолчанию. Он заменил старый редактор TiniMNC. Это полностью изменило способ редактирования.

Редактор Гутенберга был представлен в декабре 2018 года.Он был официально запущен как часть WordPress 5.0.

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

Новый редактор по умолчанию назван в честь Джона Гутенберга, ювелира, ставшего издателем из Европы, который изобрел блочную печать с подвижным шрифтом и произвел революцию во всем мире в области печати и публикации более 500 лет назад.

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

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

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

Почему это было введено?

Gutenberg — это попытка WordPress идти в ногу с быстрорастущей тенденцией DIY. Это система редактирования для всех.

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

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

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

Запуск нового редактора вызван тремя основными причинами:

1. Беспрепятственное создание богатого контента

Основная цель редактора Гутенберга заключалась в том, чтобы сделать процесс редактирования более простым и доступным для всех.Для работы с этим редактором вам не нужны предварительные знания CSS или HTML.

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

2. Простое создание контента с помощью блоков

В редакторе Gutenberg доступно множество различных типов блоков. Комбинируя блоки, вы можете создавать волшебное содержимое за считанные минуты.

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

Удаление или перестановка блоков в любом случае не повредит вашему содержимому.

3. Добавление сложных функций в сообщения без плагинов

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

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

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

Классический редактор WordPress — это старый редактор WordPress по умолчанию. Он использовался до выпуска редактора Гутенберга.

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

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

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

Плюсы

• Как простой текстовый редактор
• Создание и форматирование контента — это просто
• Вы можете включать HTML-теги
• люди привыкли к нему

Минусы

• Не идеальный вариант для создания сложных страниц, таких как целевая страница
• Требуются навыки HTML для редактирования
• Требуются дополнительные плагины для дополнительных функций

Основные преимущества редактора Гутенберга в WordPress

Gutenberg Block Editor можно назвать конструктором мини-страниц.Благодаря интерфейсу перетаскивания, даже непрофессионал может создавать привлекательные профессиональные страницы.

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

Вряд ли кому-то нужен дополнительный аддон. Вот основные преимущества редактора Gutenger —

• Упрощение процесса создания контента
• Позволяет представить содержимое в виде блоков
• Вы можете повторно использовать блоки
• Для создания сложных макетов страниц не требуются технические знания
• Отображает текущие инструменты на экране, которые вы можете использовать при создании контент
• Быстрое встраивание контента из нескольких источников
• Простота создания индивидуальных макетов для блогов, портфолио или подстраниц
• Вы можете вставлять виджеты в сообщения или страницы без использования каких-либо плагинов
• С блочной концепцией даже новички могут создавать сложные макеты
• Работает на всех устройствах и легко подходит для любого размера экрана

Сравнение Gutenberg и Classic Editor

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

Запуск редактора Gutenberg значительно упростил процесс создания и редактирования сообщений.

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

Таблица сравнения: Gutenberg и Classic Editor

файлы мультимедиа непосредственно в редактор

Редактор Гутенберга	Классический редактор
Удобный интерфейс перетаскивания	Нет таких функций
Прокрутка с эффектом параллакса	Нет таких функций	Файлы мультимедиа сначала загружаются в библиотеку, а затем в редактор
Создание сложных элементов с помощью настраиваемых блоков	Требуются минимальные знания HTML
Вы можете настраивать элементы внутри редактора	Нужно зайти в библиотеку для редактирования
Лучше производительность.Вы можете добавлять и редактировать изображения в Интернете.	Возможно небольшое замирание или задержка при работе над длинными сообщениями
Позволяет создавать контент с блоками	Предлагает простую область для создания контента и ввода текста
WYSIWYG	Предварительный просмотр недоступен при редактировании
Расширенные функции, такие как контактная форма, таблица, вставка видео и т. Д.	Требуются дополнительные плагины для этих инструментов

Преимущества использования Gutenberg

Новый редактор Gutenberg открыл перед нашими глазами много новых горизонтов.

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

• Призывает вас разработать новый рабочий процесс

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

Интерфейс перетаскивания редактора Gutenberg довольно удобен для новичков.За пару часов любой желающий может ознакомиться со всем процессом.

Поскольку он сокращает время обучения, он позволяет вам выполнять работу намного быстрее.

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

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

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

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

Заключение

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

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

Теперь любой желающий может без труда воплотить свои творческие идеи в блоге или статье.

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

Есть плагин WordPress Classing Editor. Это позволяет вернуться к старой системе редактирования и поиграть с текстами. У вас есть оба варианта.

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

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

WordPress / gutenberg: проект редактора блоков для WordPress и не только. Плагин доступен из официального репозитория.

Добро пожаловать в центр разработки проекта WordPress Gutenberg!

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

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

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

Начало работы

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

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

Разработка для Gutenberg

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

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

Помогите Гутенбергу

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

Подробную информацию о том, как вы можете внести свой вклад, см. В Руководстве для участников. См. CONTRIBUTING.md для ознакомления с инструкциями по участию.

Как и во всех других проектах WordPress, мы хотим обеспечить гостеприимную среду для всех.Имея это в виду, ожидается, что все участники будут соблюдать наш Кодекс поведения.

Примите участие

Вы можете присоединиться к нам на канале # core-editor в Slack, информацию о регистрации см. На странице WordPress Slack; присоединиться к ней можно бесплатно.

Еженедельные собрания Команда редакторов собирается еженедельно по средам в 14:00 UTC в Slack. Если вы не можете присоединиться к собранию, повестка дня и заметки публикуются в блоге Make WordPress.

Лицензия

WordPress — бесплатное программное обеспечение, выпущенное в соответствии с условиями Стандартной общественной лицензии GNU версии 2 или (по вашему выбору) любой более поздней версии.См. LICENSE.md для получения полной лицензии.

WordPress / classic-editor: плагин для восстановления классического редактора в WordPress.

GitHub — WordPress / classic-editor: плагин для восстановления классического редактора в WordPress.

Плагин для восстановления классического редактора в WordPress.

Файлы

Постоянная ссылка Не удалось загрузить последнюю информацию о фиксации.

Тип

Имя

Последнее сообщение фиксации

Время фиксации

 === Классический редактор ===
Авторы: wordpressdotorg, azaozz, melchoyce, chanthaboune, alexislloyd, pento, youknowriad, desrosj, luciano-croce
Теги: Gutenberg, отключить, отключить Gutenberg, редактор, классический редактор, редактор блоков
Требуется минимум: 4.9
Проверено до: 5.6
Стабильный тег: 1.6
Требуется PHP: 5.2.4
Лицензия: GPLv2 или новее
URI лицензии: http://www.gnu.org/licenses/gpl-2.0.html  Включает предыдущий «классический» редактор и экран редактирования сообщения старого стиля с TinyMCE, Meta Boxes и т. Д. Поддерживает все плагины, расширяющие этот экран.  == Описание ==  Classic Editor - это официальный плагин, поддерживаемый командой WordPress, который восстанавливает предыдущий («классический») редактор WordPress и экран «Редактировать сообщение». Это позволяет использовать плагины, которые расширяют этот экран, добавляют мета-блоки старого стиля или иным образом зависят от предыдущего редактора.Classic Editor - это официальный плагин WordPress, который будет полностью поддерживаться и поддерживаться как минимум до 2022 года или столько, сколько потребуется.  На первый взгляд, этот плагин добавляет следующее:  * Администраторы могут выбрать редактор по умолчанию для всех пользователей.
* Администраторы могут разрешить пользователям изменять их редактор по умолчанию.
* Если это разрешено, пользователи могут выбирать, какой редактор использовать для каждого сообщения.
* Каждый пост открывается в последнем использованном редакторе, независимо от того, кто редактировал его последним. Это важно для обеспечения единообразия при редактировании контента.Кроме того, плагин Classic Editor включает в себя несколько фильтров, которые позволяют другим плагинам управлять настройками и выбором редактора для каждого сообщения и для каждого типа сообщения.  По умолчанию этот плагин скрывает все функции, доступные в новом редакторе блоков («Гутенберг»).  == Журнал изменений ==  = 1,6 =
* Обновлено для WordPress 5.5.
* Исправлены мелкие проблемы с вызовом устаревших функций, ненужной регистрацией ловушки удаления и использованием заглавных букв в некоторых строках.  = 1,5 =
* Обновлено для WordPress 5.2 и Gutenberg 5.3.
* Улучшена и исправлена ​​логика «открытых сообщений в последнем редакторе, использовавшемся для их редактирования».* Исправлено добавление состояния публикации, чтобы к нему можно было легко получить доступ из других плагинов.  = 1,4 =
* При сетевых установках снято ограничение только на сетевую активацию.
* Добавлена ​​поддержка для сетевых администраторов выбора сетевого редактора по умолчанию.
* Исправлена ​​ссылка на настройки в предупреждении на экране «О сети».
* Правильно добавлен пункт «Перейти к классическому редактору» в меню редактора блоков.  = 1,3 =
* Исправлено удаление виджета "Попробовать Гутенберг" в дашборде.
* Исправлено условие отображения уведомления после обновления на экране «Что нового».Отображается, когда выбран классический редактор и пользователи не могут переключаться между редакторами.  = 1,2 =
* Исправлено переключение редакторов с экрана добавления нового (сообщения) перед сохранением черновика сообщения.
* Исправлена ​​опечатка, при которой URL-адрес редактирования добавлялся к переменной запроса `classic-editor`.
* Изменено определение WordPress 5.0, чтобы не использовать проверку версии. Исправляет ошибку при тестировании 5.1-alpha.
* Изменено значение по умолчанию для параметра, позволяющее пользователям переключать редакторы на false.
* Добавлено отключение плагина Gutenberg и понижена требуемая версия WordPress до 4.9.
* Добавлен фильтр classic_editor_network_default_settings.  = 1,1 =
Исправлена ​​ошибка, из-за которой он может попытаться загрузить редактор блоков для типов сообщений, которые не поддерживают редактор, когда пользователям разрешено переключать редакторов.  = 1.0 =
* Обновлено для WordPress 5.0.
* Изменены все имена / ссылки "Гутенберга" на "редактор блоков".
* Обновлен интерфейс настроек.
* Убрано отключение плагина Gutenberg. Это было добавлено для тестирования в WordPress 4.9. Пользователи, которые хотят продолжать следить за развитием Гутенберга в WordPress 5.0 и выше не потребуется другой плагин для его отключения.
* Добавлена ​​поддержка индивидуальных настроек редактора по умолчанию.
* Добавлена ​​поддержка для администраторов, чтобы установить редактор по умолчанию для сайта.
* Добавлена ​​поддержка для администраторов, позволяющая пользователям изменять свой редактор по умолчанию.
* Добавлена ​​поддержка сетевых администраторов, чтобы администраторы сайта не могли изменять настройки по умолчанию.
* Добавлена ​​поддержка сохранения последнего редактора, использованного для каждого сообщения, и его открытия в следующий раз. Включено, когда пользователи могут выбрать редактор по умолчанию.
* Добавлено «состояние редактора сообщений» в список сообщений на экране сообщений.Показывает редактор, который будет открыт для публикации. Включено, когда пользователи могут выбрать редактор по умолчанию.
* Добавлены фильтры classic_editor_enabled_editors_for_post и classic_editor_enabled_editors_for_post_type. Может использоваться другими плагинами для управления или переопределения редактора, используемого для определенного сообщения типа сообщения.
* Добавлен фильтр classic_editor_plugin_settings. Может использоваться другими плагинами для переопределения настроек и отключения пользовательского интерфейса настроек.  = 0,5 =
* Обновлено для Gutenberg 4.1 и WordPress 5.0-beta1.* Удалены некоторые функции, которые сейчас существуют в Гутенберге.
* Исправлено перенаправление обратно в классический редактор после просмотра исправлений сообщений.  = 0,4 =
* Исправлено удаление вызова «Попробуйте Gutenberg», когда плагин Gutenberg не активирован.
* Исправлено: настройки и ссылка на настройки всегда отображаются в таблице списка плагинов.
* Обновлен текст ридми.  = 0,3 =
* Обновлен вариант с флажка до пары переключателей, кажется более понятным. Спасибо @designsimply за предложения по тексту этикеток.
* Некоторые общие обновления и чистка.= 0,2 =
* Обновление для Gutenberg 1.9.
* Убрать предупреждение и автоматическое отключение, когда Гутенберг не активен.  = 0,1 =
Начальная версия.  == Часто задаваемые вопросы ==  = Настройки по умолчанию =  При активации этот плагин восстановит предыдущий («классический») редактор WordPress и скроет новый редактор блоков («Gutenberg»).
Эти настройки можно изменить на экране «Настройки» => «Запись».  = Настройки по умолчанию для сетевой установки =  Есть два варианта:  * При сетевой активации этот плагин устанавливает классический редактор по умолчанию и запрещает администраторам и пользователям сайта менять редакторов.Настройки могут быть изменены, и сетевой редактор по умолчанию может быть выбран на экране сетевых настроек.
* Если сеть не активирована, каждый администратор сайта сможет активировать плагин и выбрать параметры для своих пользователей.  = Не удается найти ссылку «Перейти к классическому редактору» =  Он находится в главном меню редактора блоков, см. Этот [снимок экрана] (https://ps.w.org/classic-editor/assets/screenshot-7.png?rev=2023480).