Добро пожаловать в редактор Gutenberg

Книга Гор и морей

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

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

… как этот, который выровнен по правому краю.

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

Одна картинка стоит тысячи слов

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

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

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

Инструмент вставки

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

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

  • Текст и заголовки
  • Изображения и видео
  • Галереи
  • Вставки, видео с YouTube, твиты или другие записи WordPress.
  • Блоки макетов, кнопки, изображения, разделители и т.д.
  • И списки, как эти, конечно 🙂

Визуальное редактирование

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

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

Мет Муллевенг, 2017

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

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

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

Медиа

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

Доступность важна — не забывайте атрибут alt

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

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

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

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

Код — это поэзия.

Сообщество WordPress

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


Спасибо за тестирование Gutenberg!

?

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

Расчет стоимости приложения за 5 шагов

1
2
3
4
5
6

Для чего требуется мобильное приложение?

Ваша скидка: 0 руб.
Далее

Сфера вашей деятельности

Ваша скидка: 3, 000 руб.
Назад
Далее

Выделите необходимые функции

Ваша скидка: 6, 000 руб.
Назад
Далее

Выберите операционную систему

Ваша скидка: 9, 000 руб.
Назад
Далее

Бюджет разработки

Ваша скидка: 12, 000 руб.
Назад
Далее
Примерная стоимость приложения 200 - 400 рублей
Ваша скидка: 15,000 руб.
У нас имеется опыт разработки по Вашему запросу. Если предварительная цена устраивает, рекомендуем рассчитать коммерческое предложение с нашим отделом клиентского сервиса.
Оставьте вашу почту и мы вышлем вам:
- предложение "как сэкономить до 20% от стоимости"
- объясним этапность работ и прикрепим примеры технического задания, прототипа, дизайна, проектов
- расскажем и покажем, с кем работаем
- информацию о нашей компании
- объясним, чем мы лучше
Рассчитать

Ваша скидка:

0

руб.

Расчет стоимости приложения за 5 шагов

1
2
3
4
5
6

Для чего требуется мобильное приложение?

Ваша скидка: 0 руб.
Далее

Сфера вашей деятельности

Ваша скидка: 3, 000 руб.
Назад
Далее

Выделите необходимые функции

Ваша скидка: 6, 000 руб.
Назад
Далее

Выберите операционную систему

Ваша скидка: 9, 000 руб.
Назад
Далее

Бюджет разработки

Ваша скидка: 12, 000 руб.
Назад
Далее
Примерная стоимость приложения 200 - 400 рублей
Ваша скидка: 15,000 руб.
У нас имеется опыт разработки по Вашему запросу. Если предварительная цена устраивает, рекомендуем рассчитать коммерческое предложение с нашим отделом клиентского сервиса.
Оставьте вашу почту и мы вышлем вам:
- предложение "как сэкономить до 20% от стоимости"
- объясним этапность работ и прикрепим примеры технического задания, прототипа, дизайна, проектов
- расскажем и покажем, с кем работаем
- информацию о нашей компании
- объясним, чем мы лучше
Рассчитать

Ваша скидка:

0

руб.

Оставьте Ваши контакты для консультации

Услуги для ресторана:
-Разработка корпоративного веб-сайта
-Мобильное приложение iOS + Android
-Контекстная реклама Яндекс.Директ + Google Ads
-Рекламная сеть Яндекса + Контекстно-медийная сеть Google
-Интеграция систем аналитики
-Поддержка и ведение
-Переговоры по новым услугам

Задачи:
-Закрепление лояльности гостей
-Увеличение повторных продаж
-Формирование бренда в интернете
-Привлечение новых пользователей на доставку еды
-Автоматизация бизнес-процессов для администраторов
-Разработка программы лояльности

Услуги для компании:
-Digital-стратегия продвижения бренда
-Стратегия масштабирования бизнеса с помощью франчайзин
-Ребрендинг, разработка логотипа, брендбука и фирменного стиля
Разработка интернет-магазина
Разработка веб-сайта для продажи франшиз
-Мобильное приложение iOS, Android, iPad, Android tablet
-Контекстная реклама Яндекс.Директ + Google Ads
-Рекламная сеть Яндекса + Контекстно-медийная сеть Google
-SEO-продвижение
-Таргетированная реклама в социальных сетях
-Закупка трафика в социальных сетях
-Продвижение mobile-проектов в социальных сетях, платформе MyTarget
-Поддержка и ведение

Задачи:
-Создание цветочного бренда
-Удержание лояльности клиентов
-Генерация большого объема трафика
-Автоматизация бизнес-процессов для менеджеров
-Разработка программы лояльности
-Увеличение повторных продаж
-Масштабирование проекта

Услуги для компании:
Разработка корпоративного веб-сайта
Разработка веб-сайта для банкетов
-Мобильное приложение iOS, Android, iPad, Android tablet
-Контекстная реклама Яндекс.Директ + Google Ads
-Рекламная сеть Яндекса + Контекстно-медийная сеть Google
-SEO-продвижение
-Таргетированная реклама в социальных сетях
-Поддержка и ведение

Задачи:
-Закрепление лояльности гостей
-Увеличение повторных продаж
-Формирование бренда в интернете
-Привлечение новых пользователей на доставку еды и банкеты
-Автоматизация бизнес-процессов для администраторов
-Разработка программы лояльности

Услуги для салона:
-Мобильное приложение iOS + Android
-Интеграция систем аналитики
-Поддержка и ведение
-Переговоры по новым услугам

Задачи:
-Закрепление лояльности гостей
-Увеличение повторных записей
-Формирование бренда в интернете
-Привлечение новых пользователей на услуги салона
-Автоматизация бизнес-процессов для администраторов
-Разработка программы лояльности