Gutenberg

Опис

The block editor was introduced in core WordPress with version 5.0 but the Gutenberg project will ultimately impact the entire publishing experience including customization (the next focus area). This beta plugin allows you to test bleeding-edge features around editing and customization projects before they land in future WordPress releases.

Дізнайтеся більше про проект .

Редагування фокусу

Редактор створить новий досвід редагування сторінок і після створення, який робить писання багатих повідомлень легким і має “блоки“, щоб зробити це легким, що сьогодні може мати короткі коди, спеціальний HTML або відкриття вставки “таємне м’ясо“. – Метт Малленвег

Одна справа, що встановлює WordPress крім інших систем, полягає в тому, що вона дозволяє створити як багатий макет посту, як ви можете собі уявити, – але тільки якщо ви знаєте HTML і CSS і створите власну власну тему. Мислячи про редактор як про інструмент, що дозволяє писати багаті повідомлення та створювати гарні макети, ми можемо перетворити WordPress на те, що користувачі люблять WordPress, на відміну від того, що вони вибирають, тому що це те, що використовують усі інші.

Гутенберг розглядає редактора як більше, ніж поле вмісту, перегляд макета, який практично не змінився протягом майже десятиліття. Це дозволяє нам цілеспрямовано спроектувати сучасний досвід редагування та побудувати фундамент для майбутнього.

Ось чому ми дивимося на весь екран редагування, на відміну від просто поля вмісту:

  1. Блок об’єднує декілька інтерфейсів. Якщо додати, що поверх існуючого інтерфейсу, це додасть складності, а не видаляє його.
  2. Переглядаючи інтерфейс, ми можемо модернізувати досвід написання, редагування та публікації з урахуванням зручності використання та простоти, користуючись як новими, так і звичайними користувачами.
  3. Коли сингулярний інтерфейс блоку займає центральну стадію, це демонструє чіткий шлях для розробників для створення преміум-блоків, які кращі як для коротких кодів, так і для віджетів.
  4. Враховуючи, що весь інтерфейс ставить міцну основу для наступного фокусування, повної настройки сайту.
  5. Дивлячись на повний екран редактора також дає нам змогу кардинально модернізувати фундамент та зробити кроки до більш живого та JavaScript потужого майбутнього, який повністю використовує API для відновлення WordPress.

Блоки

Блоки являють собою об’єднуючу еволюцію того, що зараз покривається різними способами короткими кодами, вставками, віджетами, форматами публікацій, тими спеціальними публікаціями, параметрами теми, мета-кодами та іншими елементами форматування. Вони охоплюють широту функціональності WordPress, з яскравим послідовністю користувацького досвіду.

Уявіть собі спеціальний блок “співробітник“, який клієнт може перетягнути на сторінку “Про“, щоб автоматично відображати зображення, ім’я та біографію. Цілковита універсальність плагінів, які всі поширюють WordPress таким же чином. Спрощений меню та віджети. Користувачі, які можуть миттєво зрозуміти та використовувати WordPress – і 90% плагінів. Це дозволить вам легко створювати прекрасні публікації, як цей приклад .

Ознайомтеся з поширеними запитаннями для відповіді на найбільш поширені запитання про проект.

Сумісність

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

Етапи Gutenberg

Гутенберг має три заплановані етапи. Перший, призначений для включення в WordPress 5.0, зосереджений на досвіді редагування та реалізації блоків. Цей початковий етап зосереджується на першому підході до контенту. Використання блоків, як описано вище, дозволяє зосередити увагу на тому, як ваш вміст буде виглядати без відволікання інших параметрів конфігурації. Це, в кінцевому підсумку, допоможе всім користувачам представляти свій вміст таким чином, що він зацікавлений, прямий та візуальний.

Ці фундаментальні елементи прокладуть шлях до етапів 2 та 3, запланованих на наступний рік, щоб вийти за рамки публікації в шаблони сторінок і, в остаточному підсумку, повністю налаштувати сайт.

Гутенберг – це велика зміна, і існують способи гарантувати, що існуючі функціональні можливості (наприклад, короткі коди та мета-коробки) продовжують працювати, дозволяючи розробникам час і шляхи для ефективного переходу. Зрештою, це відкриє нові можливості для плагінів і розробників тем для кращого обслуговування користувачів через більш захоплюючий і візуальний досвід, який використовує набір інструментів, підтримуваний ядром.

Помічники

Гутенберг побудований багатьма співробітниками та волонтери. Будь-ласка, перегляньте повний список на сайті CONTRIBUTORS.md .

Блоки

Цей плагін надає 17 блоків.

core/block
Gutenberg
core/template-part
Gutenberg
core/social-link-
Gutenberg
core/post-content
Gutenberg
core/latest-posts
Gutenberg
core/shortcode
Gutenberg
core/legacy-widget
Gutenberg
core/tag-cloud
Gutenberg
core/categories
Gutenberg
core/post-title
Gutenberg
core/latest-comments
Gutenberg
core/site-title
Gutenberg
core/navigation
Gutenberg
core/calendar
Gutenberg
core/archives
Gutenberg
core/search
Gutenberg
core/rss
Gutenberg

Часті питання

Як я можу відправити відгук або отримати допомогу з помилкою?

Ми хотіли б почути ваші повідомлення про помилки, пропозиції щодо функцій та інші відгуки! Будь ласка, перейдіть на сторінку проблем GitHub, щоб знайти існуючі проблеми або відкрити новий. Поки ми намагатимемося вирішувати проблеми, про які повідомили тут на форумі плагінів, ви отримаєте швидку відповідь (і зменшить дублювання зусиль), зберігаючи все централізоване в сховищі GitHub.

Як я можу допомогти?

Ми закликаємо цей редактор проекту “Гутенберг“, тому що це велика справа. Ми працюємо над цим щодня в GitHub, і ми будемо любити вашу допомогу в його створенні. Ви також можете надіслати відгук, найлегше приєднатися до нас у нашому каналі Slack , #core-editor .

Перегляньте також CONTRIBUTING.md.

Де я можу більше дізнатись про Gutenberg?

Відгуки

18.01.2020
This is really nice solution. I like it much more then classic editor.
17.01.2020
This is a nightmare. I can't do anything I want with. Diverse HTML tags are taken out of your control entirely. If you want complete control over your HTML, then you need to save and maintain your content off-site, edit your HTML there, paste it into the Gutenberg-editor, save and view. If you want to change your content later, the you will have to relocate the matching html code you had saved somewhere on your computer... Is this supposed to be innovation? This is a one-way HTML editor. Once you paste your HTML into Gutenberg, then half of it is gone after saving...
15.01.2020
How do you cut and paste plain text and then format? Not easy - when you create a new para block it adds an extra line. No easy way to convert HTML back and forth without it screwing up. Doesn't recognize <i> tags when pasting. How do you insert a block? Does weird reformatting when you don't expect it. User interface is totally confusing - the so-called 'clean UI' just means there are no visual prompts. How do you superscript or subscript? Shall I go on? Total fail. This is an example of developers trying to be clever but not relying on user input for their design/coding decisions.
15.01.2020
Since I installed Gutenberg I felt in love again with WordPress. Everything is a shortcut now and it's amazing.
15.01.2020
Why is this plugin still supplied with WP. Its the worst plugin I have ever worked upon
Прочитати всі 3 007 відгуків

Учасники та розробники

“Gutenberg” — проект з відкритим вихідним кодом. В розвиток плагіну внесли свій вклад наступні учасники:

Учасники

“Gutenberg” було перекладено на 46 локалізацій. Дякуємо перекладачам за їх роботу.

Перекладіть “Gutenberg” на вашу мову.

Цікавитесь розробкою?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Журнал змін

New Features

  • Add a new Buttons block. #17352
  • Support adding links to Media & Text block image. #18139
  • Navigation block: Support changing the font size. #19127
  • Gallery block: Add images size selector. #18581

Enhancements

  • Improve the block inserter search algorithm. #19122
  • Improve the block placeholders design and responsiveness. #18745
  • Navigation mode: Auto-enable when tabbing to the block list with an existing block selection. #19238 #19298
  • Use tabs for gradient and color. #19133
  • Add “download” keyword to the File block. #18995
  • Add “poem” keyword to the Verse block. #19355
  • Convert to blocks:
    • preserve text alignment. #19097
    • Skip shortcode if not on its own line. #19059
  • Writing flow: Improve tabbing for Edit mode. #19235
  • Use Popover for the block toolbar. #18779
  • Improve the block multi-selection styles. #19094 #19121
  • Support reduced-motion for Social Links transitions. #18750
  • Use the default cursor for Select Tool #19157
  • Round position attributes on cover focal point save. #19183
  • Remove block inserter shortcuts. #19045
  • Navigation block:
    • Clarify the placeholder label. #19105
    • Removes the reusable block option from the items. #19250
    • Sub-items white background adjustment. #18976
  • Adjustments to the welcome guide. #19195
  • Audio block: Don’t render an empty audio tag. #18850
  • Make validation of block html tags and attributes case insensitive #19207
  • Block examples: concatenate strings and add translators notes. #19048
  • Show the trash button as a link. #19131
  • Removed the bottom-margin for the RadioControl component. #19340
  • Copy:
    • Capitalize “Manager” in Block Manager. #19375
    • Expand on sentence case usage. #18758 #19377
    • Update the copy of the Experiments page #18233
    • Removes title case from alignments for text and image. #18757
    • Unify not capitalizing the heading for each of the attributes. #19374
    • Updates description of the navigation block. #19098

Performance:

  • Remove the BlockAsyncRenderProvider and render parents asynchronously #19343

Bugs:

  • A11y:
    • Make text alignment items radio menu items. #19233
    • Add group role to the block wrapper element. #19213
    • Prevent tabbing to the block drag handle. #19211
    • Add a label attribute to the Social Icons block. #18651
    • Improve Welcome guide and modal component. #19261 #19290
  • Pasting:
    • Content that results in a new block shouldn’t be treated as inline content. #19084
    • Preserve inline images. #19064
    • Remove trailing br elements. #19035
    • Remove windows paste markers. #19040
    • Strip HTML formatting space for inline text. #19043
    • Apply active formats when pasting inline. #14815
  • Rich Text:
    • Fix applying a format across 2 other formats. #19053
    • Fix using composed characters on Safari. #19171
  • Fix block navigation using the up arrow key. #19135
  • Fix Welcome Guide modal display for Internet Explorer. #19201
  • Fix Gallery block crashing on the contributor role. #19060
  • Only show available image sizes for Image and Gallery blocks. #19301
  • Remove the circle mask style from the Image block, and add a “rounded” style instead. #19028
  • Fix the Jest Preset Default package: Update preset file extension for inclusion in NPM deployments. #19306
  • Fix the Base Styles package: Import colors into variables. #19159
  • Limit the Next Page (Page Break) block to root level only. #18260
  • Navigation mode: fix reverse tabbing to the post title. #19305
  • Reposition Popovers on click. #19268
  • Fix RangeControl initialPosition prop to accept 0 as a value. #18611 #19202
  • CustomSelectControl: Use items width instead of 100%. #19150
  • Verse block: fix white space. #19173
  • Add missing i18n to the Latest Posts block settings strings #19032
  • Fix ColorPicker alpha value normalization. #18991
  • Fix Post title encoding. #19187
  • Fix dates alignments in the picker. #19294
  • Media Replace Flow: Don’t show the URL option unless there is a handler. #19063
  • Popover: don’t render fallback anchor if anchorRef is defined. #19308
  • Fix cursor position when splitting blocks with IME keyboard. #19055
  • URLInput: Avoid showing the suggestions loader when disabled. #18979
  • Translate block example strings. #18162
  • Writing flow: simplify & fix tabbing out of block. #19312

New APIs:

  • Button component:
    • Support the icon prop and use a consistent button height. #19193 #19366 #19123 #19058
    • Deprecate IconButton and replace its usage with Button. #19299 #19241
    • Support isPressed prop in Button and SVG components. #17748
  • New the @wordpress/keyboard-shortcuts package:
  • New React hook: useInstanceId. #19091
  • Support running arbitrary commands on the @wordpress/env containers and use it for linting and server registered fixtures. #18986
  • Font Size Picker: Add default size #18273

Experiments

  • Full Site Editing:
    • Add package with barebones site editor screen. #19054
    • Add Multi-Entity Saving flow. #18029 #19155
  • Widgets screen & customizer:
    • Fix Customiser block editor crash. #19023
    • Fix Drag & Drop not working on the widgets screen. #19029
  • Allow parent Block to consume child Block’s toolbar. #18440
  • Allow disabling the Block UI. #18173
  • Block Directory:
    • Update the regular expression that determines whether the plugin is using an img URL or an icon slug. #19316
    • Use the block’s title for alt text on block directory plugin items. #19263

Documentation

Various

  • Block Editor: Remove legacy “editor-” class name compatibility. #19050(https://github.com/wordpress/gutenberg/pull/19046)
  • Block Editor: Test ContrastChecker notices by string comparison. #19169
  • Fix useColors crashes on storybook. [#19046]
  • Data: Remove unused forceRender argument #19206
  • Define useSelect dependencies properly. #19044
  • Deprecate @wordpress/nux package. #18981
  • E2E Test Utils: Remove empty, unused KeyboardMode file. #19166
  • Popover: remove buffer options #19283
  • Refactor the MediaReplaceFlow component to use Dropdown. #19126
  • Remove unused is-hovered class from the block wrapper. #19390
  • RichText:
    • Rewrite withFilters with hooks. #19117
    • split out boundary style calculation. #19319
  • WritingFlow: rewrite with hooks. #19393
  • Project management: Add prepublish packages command for npm releases. #19214
  • Remove unused blocks-font-size classname. #19208
  • Add a pre-commit hook to check whether API docs are updated. #18820
  • Add mechanism to set a width on withViewportMatch. #17085
  • Add minimum and maximum values to the Gallery columns attribute. #16314
  • Include demo block templates in build ZIP. #19072
  • Fix CSS Coding Standards issue. #19272
  • Resolve WordPress package type imports. #18927
  • Add e2e tests:
    • Splitting and merging text. #19049
    • InnerBlocks renderAppender. #14996
    • Navigation block. #19189
    • Validate embed rendering before proceeding to next #19042
  • Add unit tests to the useViewportMatch and useMediaQuery React hooks. #19019