Как создать сайт или блог в 2020 году - бесплатное и простое руководство по созданию сайта

Гутенберг учебник WordPress

После десятилетий завоевания популярности как самой универсальной и удобной CMS, WordPress всегда был в состоянии очаровать своих пользователей модными техническими обновлениями. В последней версии 5.0 WordPress представил свой новый визуальный редактор, то есть «Гутенберг». Итак, давайте демистифицируем Гутенберга и Блоков. Это история WordPress Gutenberg и краткое руководство по WordPress Gutenberg, которое поможет вам получить все преимущества редактора Gutenberg.

Гутенберг учебник WordPress

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

Мэтт Малленвег предложил новый подход к замене классического редактора WordPress в WordCamp Europe 2018 под названием «Gutenberg», который понимается как название проекта, когда он находился в разработке. В связи с выпуском 6 декабря 2018 года, упакованным с WordPress 5.0, проект Gutenberg теперь назывался «Редактор WordPress» или «Редактор блоков», чтобы быть более конкретным. Классический редактор устарел в соответствии с текущими тенденциями перетаскивания веб-сайтов. Результатом стал WordPress Gutenberg и совершенно новый редактор WordPress, который сконструирован так, чтобы быть похожим на инструменты для создания веб-сайтов и веб-сайтов.

WordPress-Gutenberg-welcome "class =" wp-image-4751 "srcset =" https://b9w4c2c6.stackpathcdn.com/wp-content/uploads/2019/03/WordPress-Gutenberg-welcome-you.png 1024w, https : //b9w4c2c6.stackpathcdn.com/wp-content/uploads/2019/03/WordPress-Gutenberg-welcome-you-300x125.png 300 Вт, https://b9w4c2c6.stackpathcdn.com/wp-content/uploads/2019/ 03 / WordPress-Gutenberg-welcome-you-768x320.png 768w, https://b9w4c2c6.stackpathcdn.com/wp-content/uploads/2019/03/WordPress-Gutenberg-welcome-you-850x354.png 850 Вт, https: //b9w4c2c6.stackpathcdn.com/wp-content/uploads/2019/03/WordPress-Gutenberg-welcome-you-500x208.png 500 Вт, https://b9w4c2c6.stackpathcdn.com/wp-content/uploads/2019/03 /WordPress-Gutenberg-welcome-you-600x250.png 600w "data-lazy-sizes =" (максимальная ширина: 1024px) 100vw, 1024px "src =" https://b9w4c2c6.stackpathcdn.com/wp-content/uploads / 2019/03 / WordPress-Gutenberg-welcome-you-1024x426.png "></figure>
<h2><span class="ez-toc-section" id="%D0%A2%D0%B5%D0%BC%D1%8B_%D0%BA%D0%BE%D1%82%D0%BE%D1%80%D1%8B%D0%B5_%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B0%D1%8E%D1%82_%D1%81_%D0%93%D1%83%D1%82%D0%B5%D0%BD%D0%B1%D0%B5%D1%80%D0%B3%D0%BE%D0%BC"></span>Темы, которые работают с Гутенбергом<span class="ez-toc-section-end"></span></h2>
<div class=

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

Плагины, которые работают с Гутенбергом

Это множество плагинов, доступных на рынке WordPress, но не все они работают с редактором Гутенберга, вот некоторые из них.

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

Блоки – это просто фрагменты контента. Это может быть текстовый абзац, аудиофайл, фотография или фотогалерея, возможно, даже видео или какой-то более динамичный тип, например список записей. Это основа опыта редактирования Gutenberg WordPress. Замки используются для создания публикаций и веб-страниц. То, что пользователи обычно видят в WordPress, является стандартным блоком, встроенным в Gutenberg, и доступен для любого сайта WordPress, использующего редактор Gutenberg. Но Гутенберг был создан таким образом, что он позволяет программистам расширять и расширять доступные блоки. Блоки могут быть добавлены с помощью плагинов или тем. Поэтому пользователи имеют доступ к дополнительным блокам вместо того, чтобы ограничивать себя стандартными блоками.

Когда вы находитесь в WordPress 5.0, вы получите «Редактор блоков» или «GutenbergEditor» в качестве текстового редактора по умолчанию для 5.0. Сегодня мы постараемся познакомить вас с новым редактором блоков. Итак, без промедления, давайте погрузимся. Перво-наперво, чтобы создать новый пост, как всегда, нажмите «Добавить новый» под сообщениями и взрыва! то, что вы увидите, это очень новый блок.

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

Верхний раздел:

WordPress-Gutenberg-Top-Section "class =" wp-image-4752 "srcset =" https://b9w4c2c6.stackpathcdn.com/wp-content/uploads/2019/03/WordPress-Gutenberg-Top-Section.png 1024w , https://b9w4c2c6.stackpathcdn.com/wp-content/uploads/2019/03/WordPress-Gutenberg-Top-Section-300x25.png 300w, https://b9w4c2c6.stackpathcdn.com/wp-content/uploads/ 2019/03 / WordPress-Gutenberg-Top-Section-768x65.png 768w, https://b9w4c2c6.stackpathcdn.com/wp-content/uploads/2019/03/WordPress-Gutenberg-Top-Section-850x71.png 850w, https://b9w4c2c6.stackpathcdn.com/wp-content/uploads/2019/03/WordPress-Gutenberg-Top-Section-500x42.png 500w, https://b9w4c2c6.stackpathcdn.com/wp-content/uploads/2019 /03/WordPress-Gutenberg-Top-Section-600x50.png 600 Вт "data-lazy-sizes =" (максимальная ширина: 1024 пикселя) 100vw, 1024 пикселя "src =" https://b9w4c2c6.stackpathcdn.com/wp-content / uploads / 2019/03 / WordPress-Gutenberg-Top-Section-1024x86.png "></figure>
<p>В этом верхнем разделе вы можете добавлять новые блоки, а также выполнять такие действия, как отмена и повтор при любом изменении блока. Вы также можете просматривать информацию о структуре контента, такую ​​как несколько слов, заголовки, абзацы и блоки, и даже перемещаться по блокам с помощью кнопки «i». </p>
<div class=

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

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

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

Добавить блоки

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

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

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

Завершение учебника Гутенберга по WordPress

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