{"id":97589,"date":"2018-07-26T01:46:26","date_gmt":"2018-07-26T01:46:26","guid":{"rendered":"https:\/\/wordpress.org\/gutenberg\/?page_id=97589"},"modified":"2024-11-13T18:06:39","modified_gmt":"2024-11-13T18:06:39","slug":"test","status":"publish","type":"page","link":"https:\/\/wordpress.org\/gutenberg\/","title":{"rendered":"The new Gutenberg editing experience"},"content":{"rendered":"\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n \n\n
\n
\n
\n

Say Hello to Gutenberg, the WordPress Editor<\/h1>\n\n\n\n

Experience the flexibility that blocks allow, whether you\u2019re building your first site or write code for a living.<\/p>\n\n\n\n

\n
Try Gutenberg today in WordPress<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
<\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n
\n

This page was built with blocks \u2014 pieces of content that you can move around. Click around to explore them.<\/strong><\/em><\/p>\n<\/div>\n<\/div>\n\n\n\n

<\/span>
\n
\n
\n
\n
\n
\"\"<\/figure>\n\n\n\n

Create modern layouts with rich content.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\"\"<\/figure>\n\n\n\n

Trust that your editor looks like your website.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\n
\"\"<\/figure>\n\n\n\n

Work across screen sizes and devices.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\"\"<\/figure>\n\n\n\n

Do more with fewer plugins.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n

<\/span>
\n
\n
\n
\n
\n

Be your own builder.<\/h2>\n\n\n\n

Blocks allow you to build your own custom posts and pages without any coding knowledge. Here\u2019s a selection of the default blocks included with Gutenberg:<\/p>\n<\/div>\n<\/div>\n\n\n\n

<\/div>\n\n\n\n
\n
\n
Browse all blocks<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n
\n
\n
\n
\n
\"\"
Paragraph<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
Heading<\/figcaption><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
\"\"
Media & Text<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
Image<\/figcaption><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
\"\"
Cover<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
Gallery<\/figcaption><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
\n
\"\"
Video<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
Audio<\/figcaption><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
\"\"
Columns<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
File<\/figcaption><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
\"\"
Code<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
List<\/figcaption><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n
<\/span>
\n
\n
\n
\n
\n

Give your creativity a head start.<\/h2>\n\n\n\n
<\/div>\n\n\n\n

Beautiful content doesn\u2019t have to be designed from scratch. Patterns are collections of pre-arranged blocks you can assemble to make your content impactful, meaningful and appealing.<\/p>\n\n\n\n

\n
\n
\n
Block Pattern Directory<\/a><\/div>\n<\/div>\n\n\n\n
\n
Learn how to create patterns<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n
<\/div>\n<\/div>\n<\/div>\n\n\n\n
<\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n
<\/span>
\n
\n

Gutenberg \u2764\ufe0f everyone<\/h2>\n\n\n\n
\n
\n
\n

Created by the community.<\/strong><\/p>\n<\/div>\n\n\n\n

\n

Built by people from all over the world who work daily, meet weekly, and ship biweekly. You can be a part of it.<\/p>\n<\/div>\n\n\n\n

\n
\n
Join the WordPress Community<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n
\n
\n

Built for a great developer experience.<\/strong><\/p>\n<\/div>\n\n\n\n

\n

Gutenberg lives on GitHub using the WordPress REST API, JavaScript, and React.<\/p>\n<\/div>\n\n\n\n

\n
\n
Browse the documentation<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n
\n
\n

Designed for compatibility.<\/strong><\/p>\n<\/div>\n\n\n\n

\n

Gutenberg recommends migrating features to blocks but supports previous versions.<\/p>\n<\/div>\n\n\n\n

\n
\n
Learn more about compatibility<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n
\n
\n

Focused on accessibility.<\/strong><\/p>\n<\/div>\n\n\n\n

\n

Designing with and for everyone is at the core of the editor and its future.<\/p>\n<\/div>\n\n\n\n

\n
\n
See accessibility improvements<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n
<\/span>
\n
\n
\n
\n
\n

New to WordPress?
No problem.<\/h2>\n<\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n

You can learn all the basics on Learn WordPress<\/a>, a whole section dedicated to helping you get started.<\/p>\n<\/div>\n\n\n\n

<\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n
\n
\n

How to Install WordPress \u2197<\/a>
How to Choose and Install a Theme \u2197<\/a>
Intro to Block Patterns \u2197<\/a>
Advanced Layouts With the Block Editor \u2197<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n

<\/span>
\n
\n
\n
\n

Some more helpful content and places to dig deeper about Gutenberg.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n

Gutenberg FAQs \u2197<\/a>
WordPress.tv talks about Gutenberg \u2197<\/a>
Gutenberg Design Principles \u2197<\/a>
WordPress Editor Documentation \u2197<\/a>
Development Updates \u2197<\/a> <\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n

<\/span>
\n
\n
\n
\n

\u201cGutenberg meets our challenges and opportunities head on while simultaneously benefitting everyone who makes a living working in the WP ecosystem. It\u2019s about a lot more than just blocks.\u201d<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\u2014 MATT MULLENWEG, IN MA.TT<\/a><\/p>\n<\/div><\/div>\n\n\n\n

<\/span>
\n
\n

Thanks for trying Gutenberg!<\/h2>\n\n\n\n
\n
\n
\n
\n
\n
\n

‘Gutenberg is available as part of WordPress 5.0 and later. New developments and experiments will continue in the Gutenberg plugin<\/a>.<\/p>\n<\/div>\n<\/div>\n\n\n\n

<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n

Twitter \u2197
\n<\/a>GitHub \u2197<\/a>\n<\/p>\n<\/div>\n\n\n\n

\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"

A new editing experience for WordPress is in the works, code name Gutenberg. Read more about it and test it!<\/p>\n","protected":false},"author":8772187,"featured_media":112599,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"jetpack_post_was_ever_published":false,"footnotes":""},"class_list":["post-97589","page","type-page","status-publish","has-post-thumbnail","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/gutenberg\/wp-json\/wp\/v2\/pages\/97589","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/gutenberg\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wordpress.org\/gutenberg\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/gutenberg\/wp-json\/wp\/v2\/users\/8772187"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/gutenberg\/wp-json\/wp\/v2\/comments?post=97589"}],"version-history":[{"count":30,"href":"https:\/\/wordpress.org\/gutenberg\/wp-json\/wp\/v2\/pages\/97589\/revisions"}],"predecessor-version":[{"id":112750,"href":"https:\/\/wordpress.org\/gutenberg\/wp-json\/wp\/v2\/pages\/97589\/revisions\/112750"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.org\/gutenberg\/wp-json\/wp\/v2\/media\/112599"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/gutenberg\/wp-json\/wp\/v2\/media?parent=97589"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}