<!-- wp:cover {"url":"https://cldup.com/Fz-ASbo2s3.jpg","className":"alignwide"} -->
<div class="wp-block-cover has-background-dim alignwide" style="background-image: url('https://cldup.com/Fz-ASbo2s3.jpg');">
<div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large"} -->
<p class="has-text-align-center has-large-font-size">Книга гор и морей</p>
<!-- /wp:paragraph --></div>
</div>
<!-- /wp:cover -->

<!-- wp:paragraph -->
<p>Цель нового редактора - сделать добавление контента в WordPress простым и приятным. Вся эта запись состоит из <em> фрагментов контента</em>, что похоже на LEGO-кирпичи, которые вы можете перемещать и конструировать. Перемещайте курсор, и вы заметите, что различные блоки загораются контурами и стрелками. Нажмите стрелки, чтобы быстро переместить блоки, не опасаясь потерять контент в процессе копирования и вставки.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>То, что вы сейчас читаете, представляет собой <strong>параграф</strong>. Самый основной блок из всех. Параграф имеет свои собственные элементы управления, которые можно свободно перемещать по записи...</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"right"} -->
<p class="has-text-align-right">... как этот, который выровнен по правому краю.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Заголовки также являются отдельными блоками, что помогает с организацией вашего содержимого статьи.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":2} -->
<h2>Одна картинка стоит тысячи слов</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Основное внимание в новом редакторе уделяется обработке изображений и мультимедиа с максимальной осторожностью. Надеемся, вы найдете возможности добавления подписи изображения или перехода на полную ширину намного проще и надежнее, чем раньше.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"align":"center"} -->
<div class="wp-block-image">
<figure class="aligncenter"><img src="https://cldup.com/cXyG__fTLN.jpg" alt="Прекрасный пейзаж" />
<figcaption>Если ваша тема поддерживает режим «на всю ширину», вы увидите кнопку «на всю ширину» на панели инструментов. Попробуйте.</figcaption>
</figure>
</div>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Попробуйте выбрать, удалить или отредактировать заголовок. Теперь вам не нужно быть осторожным при выборе изображения или другого текста, чтобы не разрушить презентацию.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":2} -->
<h2>Инструмент <em>вставки</em></h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Представьте, что все, что может сделать WordPress, доступно вам быстро и из одного места. Нет необходимости определять HTML-теги, классы или помнить сложный синтаксис шорткодов. Кнопка <code>(+)</code>, которую вы увидите около редактора, позволяет просматривать все доступные блоки контента и добавлять их в свою запись. Плагины и темы могут регистрировать свои собственные блоки, открывая все возможности для редактирования и публикации ваших статей.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Попробуйте, WordPress уже может добавить в ваши записи, блоки о которых вы не знали. Вот краткий список того, что вы можете найти в настоящее время:</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul>
<li>Текст и заголовки</li>
<li>Изображения и видео</li>
<li>Галереи</li>
<li>Вставки, видео с YouTube, твиты или другие записи WordPress.</li>
<li>Блоки макетов, кнопки, изображения, разделители и т.д.</li>
<li>И <em>списки</em>, как эти, конечно :)</li>
</ul>
<!-- /wp:list -->

<!-- wp:separator --><hr class="wp-block-separator" /><!-- /wp:separator -->

<!-- wp:heading {"level":2} -->
<h2>Визуальное редактирование</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Огромное преимущество блоков заключается в том, что вы можете сразу их редактировать и напрямую манипулировать своим контентом. Вместо того, чтобы изменять поля для редактирования таких вещей, как источник цитаты, или текст кнопки, вы можете напрямую изменить содержимое. Попробуйте отредактировать следующую цитату:</p>
<!-- /wp:paragraph -->

<!-- wp:quote {"style":1} -->
<blockquote class="wp-block-quote">
<p>Редактор стремится дать новый опыт создания постов и страниц, который позволит легко создавать насыщенные посты с помощью «блоков» - вместо использующихся сейчас шорткодов, произвольных html или всевозможных махинаций со вставкой кода</p>
<cite>Мэтт Мулленвег, 2017</cite></blockquote>
<!-- /wp:quote -->

<!-- wp:paragraph -->
<p>Информация о источнике цитаты представляет собой отдельное текстовое поле, аналогичное подписи под изображениями. Поэтому структура цитаты неизменная, даже если вы выбираете, изменяете или удаляете источник. Источник можно легко добавить в любое время.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Блоки могут быть любыми. Например, вы можете добавить цитату как часть композиции своего текста или вы можете показать гигантский стилизованный текст. Все это доступно в настройках.</p>
<!-- /wp:paragraph -->

<!-- wp:gallery {"ids":[null,null,null],"columns":2} -->
<figure class="wp-block-gallery columns-2 is-cropped">
<ul class="blocks-gallery-grid">
<li class="blocks-gallery-item">
<figure><img src="https://cldup.com/n0g6ME5VKC.jpg" alt="" /></figure>
</li>
<li class="blocks-gallery-item">
<figure><img src="https://cldup.com/ZjESfxPI3R.jpg" alt="" /></figure>
</li>
<li class="blocks-gallery-item">
<figure><img src="https://cldup.com/EKNF8xD2UM.jpg" alt="" /></figure>
</li>
</ul>
</figure>
<!-- /wp:gallery -->

<!-- wp:paragraph -->
<p>Вы можете изменить количество столбцов в своих галереях, перетащив ползунок в инспекторе блоков на боковой панели.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":2} -->
<h2>Медиа</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Если объединить новые выравнивания <strong>по ширине содержимого</strong> и <strong>на всю ширину</strong> с галереями, вы можете создать очень богатый медиа-макет очень быстро:</p>
<!-- /wp:paragraph -->

<!-- wp:image {"align":"full"} -->
<figure class="wp-block-image alignfull"><img src="https://cldup.com/8lhI-gKnI2.jpg" alt="Доступность важна — не забывайте атрибут alt" /></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Конечно, полномасштабное изображение может быть довольно большим. Но иногда это стоит того.</p>
<!-- /wp:paragraph -->

<!-- wp:gallery {"ids":[null,null],"align":"wide"} -->
<figure class="wp-block-gallery alignwide columns-2 is-cropped">
<ul class="blocks-gallery-grid">
<li class="blocks-gallery-item">
<figure><img src="https://cldup.com/_rSwtEeDGD.jpg" alt="" /></figure>
</li>
<li class="blocks-gallery-item">
<figure><img src="https://cldup.com/L-cC3qX2DN.jpg" alt="" /></figure>
</li>
</ul>
</figure>
<!-- /wp:gallery -->

<!-- wp:paragraph -->
<p>Выше была галерея с двумя изображениями. Это более простой способ создания визуально привлекательных макетов. Вы также можете легко преобразовать галерею обратно в отдельные изображения, используя блок-переключатель.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Любой блок может быть выровнен. Встраиваемый блок имеет их также выравнивается и является адаптивным по умолчанию:</p>
<!-- /wp:paragraph -->

<!-- wp:core-embed/vimeo {"url":"https://vimeo.com/22439234","type":"video","providerNameSlug":"vimeo","align":"wide","className":"wp-has-aspect-ratio wp-embed-aspect-16-9"} -->
<figure class="wp-block-embed-vimeo alignwide wp-block-embed is-type-video is-provider-vimeo wp-has-aspect-ratio wp-embed-aspect-16-9">
<div class="wp-block-embed__wrapper">https://vimeo.com/22439234</div>
</figure>
<!-- /wp:core-embed/vimeo -->

<!-- wp:paragraph -->
<p>Вы можете построить любой интересующий вас блок, статический или динамический, декоративный или простой. Вот блок Выдержка:</p>
<!-- /wp:paragraph -->

<!-- wp:pullquote -->
<figure class="wp-block-pullquote">
<blockquote>
<p>Код — это поэзия.</p>
<cite>Сообщество WordPress</cite></blockquote>
</figure>
<!-- /wp:pullquote -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><em> Если вы хотите узнать больше о том, как создавать дополнительные блоки, или если вы хотите помочь в развитии проекта, заходите в <a href="https://github.com/WordPress/gutenberg">репозиторий GitHub</a>. </em></p>
<!-- /wp:paragraph -->

<!-- wp:button { "align": "center" } -->
<div class="wp-block-button aligncenter"><a class="wp-block-button__link" href="https://github.com/WordPress/gutenberg">Помогите создавать Gutenberg</a></div>
<!-- /wp:button -->

<!-- wp:separator --><hr class="wp-block-separator" /><!-- /wp:separator -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Спасибо за тестирование Gutenberg!</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">👋</p>
<!-- /wp:paragraph -->
<p>&nbsp;</p>