Описание

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

Узнайте больше о проекте.

Сфокусируйся на редактировании

Редактор стремится дать новый опыт работы с страницами и записями для создания разнообразных публикаций, и имеющиеся «блоки» облегчат сегодня работу с шорткодами, произвольным HTML, или «таинственным фаршем» встраиваний (embed). — Мэтт Мулленвег

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

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

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

1. Блок объединяет несколько интерфейсов. Если мы добавим, что-то поверх существующего интерфейса будет сложнее добавить, а не удалить его.
2. Пересматривая интерфейс, мы можем модернизировать процесс написания, редактирования и публикации, с удобством использования и простотой, принося пользу как новым, так и постоянным пользователям.
3. Когда одиночный блок занимает центральное место, он демонстрирует четкий путь для разработчиков, чтобы создавать премиальные блоки, превосходящие как шорткоды, так и виджеты.
4. Обдумывание всего интерфейса закладывает прочную основу для следующего шага: полной настройки сайта.
5. Взгляд на полноценный экран редактора также дает нам возможность кардинально модернизировать фундамент и предпринять шаги в направлении более гибкого и будущего использования JavaScript, который полностью использует API-интерфейс WordPress REST.

Блоки

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

Представьте себе произвольный блок: “сотрудник“, который автор может перетащить на страницу «Обо мне», и автоматически отображать изображение, имя и биографию. Целая вселенная плагинов, которые расширяют WordPress таким же образом. Простые меню и виджеты. Пользователи, которые могут мгновенно понять и использовать WordPress — и 90% плагинов. Это позволит вам легко создавать красивые записи, такие как в этом примере.

Посмотрите FAQ — для поиска ответов на наиболее распространенные вопросы о проекте.

Совместимость

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

Этапы Гутенберга

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

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

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

Авторы

Гутенберг построен многими участниками и волонтерами. Пожалуйста, просмотрите полный список участников на CONTRIBUTORS.md.

Features

• Add a new Search block.
• Add a new Calendar block.
• Add a new Tag Cloud block.

Enhancements

• Add micro-animations to the editor UI:
  • Opening Popovers.
  • Opening Sidebars.
• Restore the block movers for the floated blocks.
• Consistency in alignment options between archives and categories blocks.
• Set the minimum size for form fields on mobile.
• Disable the block navigation in the code editor mode.
• Consistency for the modal styles.
• Improve the FormToggle styling when used outside of WordPress context.
• Use the block icons in the media placeholders.
• Fix rounded corners for the block svg icons.
• Improve the CSS specificity of the paragraph block styles.
• Require an initial click on embed previews before being interactive.
• Improve the disabled block switcher styles.
• Do not split paragraph line breaks when transforming multiple paragraphs to a list.
• Enhance the Quote block styling for different text alignments.
• Remove the left padding from the Quote block when it’s centered.
• A11y:
  • Improve the permalink field label.
  • Improve the region navigation styling.
• Remove the 3 keywords limit for the block registration.
• Add consistent background colors to the hovered menu items.
• Allow the editor notices to push down the content.
• Rename the default block styles.

Bug Fixes

• Fix a number of formatting issues:
  • Multiple formats.
  • Flashing backgrounds when typing.
  • Highlighted format buttons.
  • Inline code with backticks.
  • Spaces deleted after formats.
  • Inline boundaries styling issues.
  • Touch Bar format buttons.
• Fix a number of list block writing flow issues:
  • Allow line breaks in list items.
  • Empty items not being removed.
  • Backspace merging list items.
  • Selecting formats at the beginning of list items.
• Fix the color picker styling.
• Set default values for the image dimensions inputs.
• Fix sidebar panels spacing.
• Fix wording of the nux tip nudging about the sidebar settings.
• Fix the translator comments pot extraction.
• Fix the plugins icons color overriding.
• Fix conflicting notices styles when using editor styles.
• Fix controls recursion in the redux-routine package.
• Fix the generic embed block when using Giphy as provider.
• Fix the i18n message used in the Gallery block edit button.
• Fix the icon size of the block switcher menu.
• Fix the loading state of the FlatTermSelector (tags selector).
• Fix the embed placeholders styling.
• Fix incorrectly triggered auto-saves for published posts.
• Fix missing classname in the Latest comments block.
• Fix HTML in shortcodes breaking block validation.
• Fix JavaScript errors when typing quickly and creating undo levels.
• Fix issue with mover colors in dark themes.
• Fix internationalisation issue with permalink slugs.

Various

• Implement the inline format boundaries without relying on the DOM.
• Introduce the Registry Selectors in the data module.
• Introduce the Registry Controls in the data module.
• Allow extending the latest posts block query by using get_posts.
• Extend the range of allowed years in the DateTime component.
• Allow null values for the DateTime component.
• Do not render the FontSizePicker if no sizes defined.
• Add className prop support to the UrlInput component.
• Add inline image resizing UI.

Chore

• Update lodash and deasync dependencies.
• Use addQueryArgs consistently to generate WordPress links.
• Remove merged PHP code:
  • jQuery to Hooks heartbeat proxyfying.
  • References to the classic editor.
  • gutenberg_can_edit_post function.
• Disable CSS animations in e2e tests.
• ESLint
  • Add a rule to ensure the consistency of the import groups.
  • Add a rule to protect against invalid sprintf use.
• Remove obsolete CSS rules.
• Add e2e tests for tags creation.
• Add the feature flags setup.
• Implement block editor styles using a filter.

Documentation

• Add a new tutorial about the editor notices.
• Add JavaScript build tools documentation.
• Enhance the block’s edit/save documentation and code examples.
• Use Title Case consistently.
• Add e2e test utils documentation.
• Small enhancements and typos: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14.

Mobile

• Add bottom sheet settings for the image block:
  • alt description.
  • Links.
• Implement the media upload options sheet.
• Implementing Clear All Settings button on Image Settings.
• Avoid hard-coded font family styling for the image blocks.
• Improve the post title component.
• Fix the bottom sheet styling for RTL layouts.
• Support the placeholder prop in the RichText component.