Skip to main content
Fake admin toolbar
Toolbar items
Back to site
Title
Not published
Last saved
09/21/2022 - 13:51
Author
webadmin
Create new revision
Revision log message
Briefly describe the changes you have made.
More settings
Summary
Leave blank to use trimmed value of full text as the summary.
Tags
Order
Tags (value 1)
Loading…
Weight for row 1
0
<!-- wp:group {"align":"full","layout":{"inherit":false,"contentSize":"1200px"}} --> <div class="wp-block-group alignfull"><div class="wp-block-group__inner-container"><!-- wp:columns {"align":"wide"} --> <div class="wp-block-columns alignwide"><!-- wp:column {"width":"60%"} --> <div class="wp-block-column" style="flex-basis:60%"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical"}} --> <div class="wp-block-group"><div class="wp-block-group__inner-container"><!-- wp:image {"id":17,"width":38,"height":38,"sizeSlug":"full","linkDestination":"none"} --> <figure class="wp-block-image size-full is-resized"><img src="https://wordpress.org/gutenberg/files/2022/06/site_icon.png" alt="" class="wp-image-17" width="38" height="38"/></figure> <!-- /wp:image --> <!-- wp:spacer --> <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:heading {"level":1,"fontSize":"level-6"} --> <h1 class="has-level-6-font-size">Say Hello to<br>Drupal Gutenberg, <br>an improved Editor</h1> <!-- /wp:heading --> <!-- wp:paragraph {"fontSize":"level-2"} --> <p class="has-level-2-font-size">Experience the flexibility that blocks allow, whether you’re building your first site or write code for a living.</p> <!-- /wp:paragraph --> <!-- wp:buttons --> <div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline"} --> <div class="wp-block-button is-style-outline"><a class="wp-block-button__link">Try Drupal Gutenberg today</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --> <!-- wp:spacer --> <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:group {"style":{"spacing":{"padding":{"bottom":"60px"}}}} --> <div class="wp-block-group" style="padding-bottom:60px"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"fontSize":"small"} --> <p class="has-small-font-size"><em>This page was built with blocks — pieces of content that you can move around. <strong>Click around to explore them.</strong></em></p> <!-- /wp:paragraph --></div></div> <!-- /wp:group --></div></div> <!-- /wp:group --></div> <!-- /wp:column --> <!-- wp:column {"width":"30%"} --> <div class="wp-block-column" style="flex-basis:30%"></div> <!-- /wp:column --></div> <!-- /wp:columns --></div></div> <!-- /wp:group --> <!-- wp:cover {"url":"https://wordpress.org/gutenberg/files/2022/05/Gradient-Background.png","id":1194,"hasParallax":true,"dimRatio":10,"align":"full","className":"is-light","style":{"spacing":{"padding":{"top":"120px","bottom":"120px"}}}} --> <div class="wp-block-cover alignfull has-background-dim-10 has-background-dim has-parallax is-light" style="padding-top:120px;padding-bottom:120px;background-image:url(https://wordpress.org/gutenberg/files/2022/05/Gradient-Background.png)"><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"inherit":false,"wideSize":"1200px"}} --> <div class="wp-block-group"><div class="wp-block-group__inner-container"><!-- wp:columns --> <div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"top","style":{"spacing":{"padding":{"top":"0px","left":"0px","bottom":"30px"}}}} --> <div class="wp-block-column is-vertically-aligned-top" style="padding-top:0px;padding-bottom:30px;padding-left:0px"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical"}} --> <div class="wp-block-group"><div class="wp-block-group__inner-container"><!-- wp:image {"id":243,"width":35,"height":35,"sizeSlug":"full","linkDestination":"none"} --> <figure class="wp-block-image size-full is-resized"><img src="https://wordpress.org/gutenberg/files/2022/06/block-media-text.png" alt="" class="wp-image-243" width="35" height="35"/></figure> <!-- /wp:image --> <!-- wp:paragraph {"textColor":"tertiary","fontSize":"medium"} --> <p class="has-tertiary-color has-text-color has-medium-font-size">Create modern layouts with rich content.</p> <!-- /wp:paragraph --></div></div> <!-- /wp:group --></div> <!-- /wp:column --> <!-- wp:column {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"30px","left":"0px"}}}} --> <div class="wp-block-column" style="padding-top:0px;padding-right:0px;padding-bottom:30px;padding-left:0px"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical"}} --> <div class="wp-block-group"><div class="wp-block-group__inner-container"><!-- wp:image {"id":244,"width":36,"sizeSlug":"full","linkDestination":"none"} --> <figure class="wp-block-image size-full is-resized"><img src="https://wordpress.org/gutenberg/files/2022/06/block-gallery.png" alt="" class="wp-image-244" width="36"/></figure> <!-- /wp:image --> <!-- wp:paragraph {"textColor":"tertiary","fontSize":"medium"} --> <p class="has-tertiary-color has-text-color has-medium-font-size">Trust that your editor looks like your website.</p> <!-- /wp:paragraph --></div></div> <!-- /wp:group --></div> <!-- /wp:column --></div> <!-- /wp:columns --> <!-- wp:columns --> <div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"padding":{"bottom":"30px"}}}} --> <div class="wp-block-column" style="padding-bottom:30px"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical"}} --> <div class="wp-block-group"><div class="wp-block-group__inner-container"><!-- wp:image {"id":242,"width":22,"sizeSlug":"full","linkDestination":"none"} --> <figure class="wp-block-image size-full is-resized"><img src="https://wordpress.org/gutenberg/files/2022/06/mobile.png" alt="" class="wp-image-242" width="22"/></figure> <!-- /wp:image --> <!-- wp:paragraph {"textColor":"tertiary","fontSize":"medium"} --> <p class="has-tertiary-color has-text-color has-medium-font-size">Work across screen sizes and devices.</p> <!-- /wp:paragraph --></div></div> <!-- /wp:group --></div> <!-- /wp:column --> <!-- wp:column {"style":{"spacing":{"padding":{"bottom":"30px"}}}} --> <div class="wp-block-column" style="padding-bottom:30px"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical"}} --> <div class="wp-block-group"><div class="wp-block-group__inner-container"><!-- wp:image {"id":241,"width":25,"sizeSlug":"full","linkDestination":"none"} --> <figure class="wp-block-image size-full is-resized"><img src="https://wordpress.org/gutenberg/files/2022//06/plugin.png" alt="" class="wp-image-241" width="25"/></figure> <!-- /wp:image --> <!-- wp:paragraph {"textColor":"tertiary","fontSize":"medium"} --> <p class="has-tertiary-color has-text-color has-medium-font-size">Do more with fewer plugins.</p> <!-- /wp:paragraph --></div></div> <!-- /wp:group --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div></div> <!-- /wp:group --></div></div> <!-- /wp:cover --> <!-- wp:columns {"style":{"spacing":{"padding":{"top":"0px","bottom":"0px"}}}} --> <div class="wp-block-columns" style="padding-top:0px;padding-bottom:0px"><!-- wp:column {"width":"80%"} --> <div class="wp-block-column" style="flex-basis:80%"><!-- wp:group {"align":"wide","className":"wporg-gutenberg-block-layout"} --> <div class="wp-block-group alignwide wporg-gutenberg-block-layout"><div class="wp-block-group__inner-container"><!-- wp:heading {"align":"wide","fontSize":"level-5"} --> <h2 class="alignwide has-level-5-font-size" id="be-your-own-builder">Be your own builder.</h2> <!-- /wp:heading --> <!-- wp:paragraph {"fontSize":"medium"} --> <p class="has-medium-font-size">Blocks allow you to build your own custom posts and pages without any coding knowledge. Here’s a selection of the default blocks included with Gutenberg:</p> <!-- /wp:paragraph --></div></div> <!-- /wp:group --></div> <!-- /wp:column --> <!-- wp:column {"width":"5%","className":"wporg-gutenberg-hide-on-mobile"} --> <div class="wp-block-column wporg-gutenberg-hide-on-mobile" style="flex-basis:5%"></div> <!-- /wp:column --> <!-- wp:column {"verticalAlignment":"top","width":"25%","style":{"spacing":{"padding":{"top":"10px"}}}} --> <div class="wp-block-column is-vertically-aligned-top" style="padding-top:10px;flex-basis:25%"></div> <!-- /wp:column --></div> <!-- /wp:columns --> <!-- wp:columns {"align":"wide","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} --> <div class="wp-block-columns alignwide" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:column --> <div class="wp-block-column"><!-- wp:columns {"className":"is-not-stacked-on-mobile"} --> <div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column --> <div class="wp-block-column"><!-- wp:image {"id":1192,"sizeSlug":"full","linkDestination":"none"} --> <figure class="wp-block-image size-full"><img src="https://wordpress.org/gutenberg/files/2022/05/Paragraph.png" alt="" class="wp-image-1192"/><figcaption>Paragraph</figcaption></figure> <!-- /wp:image --></div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"><!-- wp:image {"id":1219,"sizeSlug":"full","linkDestination":"none"} --> <figure class="wp-block-image size-full"><img src="https://wordpress.org/gutenberg/files/2022/05/Heading.png" alt="" class="wp-image-1219"/><figcaption>Heading</figcaption></figure> <!-- /wp:image --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"><!-- wp:columns {"className":"is-not-stacked-on-mobile"} --> <div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column --> <div class="wp-block-column"><!-- wp:image {"id":1220,"sizeSlug":"full","linkDestination":"none"} --> <figure class="wp-block-image size-full"><img src="https://wordpress.org/gutenberg/files/2022/05/Media-Text.png" alt="" class="wp-image-1220"/><figcaption>Media & Text</figcaption></figure> <!-- /wp:image --></div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"><!-- wp:image {"id":1221,"sizeSlug":"full","linkDestination":"none"} --> <figure class="wp-block-image size-full"><img src="https://wordpress.org/gutenberg/files/2022/05/Image.png" alt="" class="wp-image-1221"/><figcaption>Image</figcaption></figure> <!-- /wp:image --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"><!-- wp:columns {"className":"is-not-stacked-on-mobile"} --> <div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column --> <div class="wp-block-column"><!-- wp:image {"id":192,"sizeSlug":"large","linkDestination":"none"} --> <figure class="wp-block-image size-large"><img src="https://wordpress.org/gutenberg/files/2022/05/Cover-1024x1024.png" alt="" class="wp-image-192"/><figcaption>Cover</figcaption></figure> <!-- /wp:image --></div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"><!-- wp:image {"id":1222,"sizeSlug":"full","linkDestination":"none"} --> <figure class="wp-block-image size-full"><img src="https://wordpress.org/gutenberg/files/2022/05/Gallery.png" alt="" class="wp-image-1222"/><figcaption>Gallery</figcaption></figure> <!-- /wp:image --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div> <!-- /wp:column --></div> <!-- /wp:columns --> <!-- wp:columns {"align":"wide","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} --> <div class="wp-block-columns alignwide" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:column --> <div class="wp-block-column"><!-- wp:columns {"className":"is-not-stacked-on-mobile"} --> <div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column --> <div class="wp-block-column"><!-- wp:image {"id":1226,"sizeSlug":"full","linkDestination":"none"} --> <figure class="wp-block-image size-full"><img src="https://wordpress.org/gutenberg/files/2022/05/Video.png" alt="" class="wp-image-1226"/><figcaption>Video</figcaption></figure> <!-- /wp:image --></div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"><!-- wp:image {"id":1227,"sizeSlug":"full","linkDestination":"none"} --> <figure class="wp-block-image size-full"><img src="https://wordpress.org/gutenberg/files/2022/05/Audio.png" alt="" class="wp-image-1227"/><figcaption>Audio</figcaption></figure> <!-- /wp:image --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"><!-- wp:columns {"className":"is-not-stacked-on-mobile"} --> <div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column --> <div class="wp-block-column"><!-- wp:image {"id":225,"sizeSlug":"large","linkDestination":"none"} --> <figure class="wp-block-image size-large"><img src="https://wordpress.org/gutenberg/files/2022/05/Collumns.png" alt="" class="wp-image-225"/><figcaption>Columns</figcaption></figure> <!-- /wp:image --></div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"><!-- wp:image {"id":1229,"sizeSlug":"full","linkDestination":"none"} --> <figure class="wp-block-image size-full"><img src="https://wordpress.org/gutenberg/files/2022/05/File.png" alt="" class="wp-image-1229"/><figcaption>File</figcaption></figure> <!-- /wp:image --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"><!-- wp:columns {"className":"is-not-stacked-on-mobile"} --> <div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column --> <div class="wp-block-column"><!-- wp:image {"id":1230,"sizeSlug":"full","linkDestination":"none"} --> <figure class="wp-block-image size-full"><img src="https://wordpress.org/gutenberg/files/2022/05/Code.png" alt="" class="wp-image-1230"/><figcaption>Code</figcaption></figure> <!-- /wp:image --></div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"><!-- wp:image {"id":1231,"sizeSlug":"full","linkDestination":"none"} --> <figure class="wp-block-image size-full"><img src="https://wordpress.org/gutenberg/files/2022/05/List.png" alt="" class="wp-image-1231"/><figcaption>List</figcaption></figure> <!-- /wp:image --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div> <!-- /wp:column --></div> <!-- /wp:columns --> <!-- wp:cover {"customOverlayColor":"#fbfaf7","minHeightUnit":"px","contentPosition":"center center","align":"full","style":{"spacing":{"padding":{"top":"120px","bottom":"0px"}}}} --> <div class="wp-block-cover alignfull has-background-dim" style="padding-top:120px;padding-bottom:0px;background-color:#fbfaf7;min-height:undefinedpx"><div class="wp-block-cover__inner-container"><!-- wp:group {"className":"wporg-gutenberg-block-layout","layout":{"contentSize":"1200px"}} --> <div class="wp-block-group wporg-gutenberg-block-layout"><div class="wp-block-group__inner-container"><!-- wp:columns {"style":{"spacing":{"padding":{"right":"0px","left":"0px"}}}} --> <div class="wp-block-columns" style="padding-right:0px;padding-left:0px"><!-- wp:column {"verticalAlignment":"top","width":"53%","style":{"spacing":{"padding":{"bottom":"0px"}}}} --> <div class="wp-block-column is-vertically-aligned-top" style="padding-bottom:0px;flex-basis:53%"><!-- wp:heading {"level":1,"textColor":"black"} --> <h1 class="has-black-color has-text-color">Give your creativity a head start</h1> <!-- /wp:heading --> <!-- wp:spacer {"height":66,"className":"wporg-gutenberg-hide-on-mobile"} --> <div style="height:66px" aria-hidden="true" class="wp-block-spacer wporg-gutenberg-hide-on-mobile"></div> <!-- /wp:spacer --> <!-- wp:paragraph {"textColor":"black"} --> <p class="has-black-color has-text-color">Beautiful content doesn’t 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> <!-- /wp:paragraph --></div> <!-- /wp:column --> <!-- wp:column {"width":"2%","className":"wporg-gutenberg-hide-on-mobile"} --> <div class="wp-block-column wporg-gutenberg-hide-on-mobile" style="flex-basis:2%"><!-- wp:spacer --> <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --></div> <!-- /wp:column --> <!-- wp:column {"verticalAlignment":"bottom","width":"55%"} --> <div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:55%"><!-- wp:image {"id":212,"width":423,"height":534,"sizeSlug":"large","linkDestination":"none"} --> <figure class="wp-block-image size-large is-resized"><img src="https://wordpress.org/gutenberg/files/2022/06/pattern-preview.png" alt="" class="wp-image-212" width="423" height="534"/></figure> <!-- /wp:image --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div></div> <!-- /wp:group --></div></div> <!-- /wp:cover --> <!-- wp:cover {"overlayColor":"light-grey","align":"full"} --> <div class="wp-block-cover alignfull has-light-grey-background-color has-background-dim"><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"left","placeholder":"Write title…","textColor":"dark-blue","fontSize":"large"} --> <p class="has-text-align-left has-dark-blue-color has-text-color has-large-font-size">Thanks for trying Drupal Gutenberg!</p> <!-- /wp:paragraph --> <!-- wp:columns --> <div class="wp-block-columns"><!-- wp:column --> <div class="wp-block-column"><!-- wp:paragraph {"textColor":"dark-blue"} --> <p class="has-dark-blue-color has-text-color">Drupal Gutenberg is available to be downloaded and installed within your Drupal site already. You'll find that on the module page on drupal.org.</p> <!-- /wp:paragraph --></div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"><!-- wp:paragraph {"textColor":"dark-blue"} --> <p class="has-dark-blue-color has-text-color"><a href="https://twitter.com/drupalgutenberg" data-type="URL" data-id="https://twitter.com/drupalgutenberg">Twitter</a></p> <!-- /wp:paragraph --> <!-- wp:paragraph {"textColor":"dark-blue"} --> <p class="has-dark-blue-color has-text-color"><a href="https://www.drupal.org/project/gutenberg" data-type="URL" data-id="https://www.drupal.org/project/gutenberg">Drupal.org</a></p> <!-- /wp:paragraph --></div> <!-- /wp:column --> <!-- wp:column {"verticalAlignment":"bottom"} --> <div class="wp-block-column is-vertically-aligned-bottom"><!-- wp:image {"align":"right","id":17,"width":38,"height":38,"linkDestination":"none","className":"size-full","style":{"color":{"duotone":["#fff","#fff"]}},"mediaAttrs":{}} --> <div class="wp-block-image size-full"><figure class="alignright is-resized"><img src="https://wordpress.org/gutenberg/files/2022/06/site_icon.png" alt="" class="wp-image-17" width="38" height="38"/></figure></div> <!-- /wp:image --></div> <!-- /wp:column --></div> <!-- /wp:columns --> <!-- wp:paragraph --> <p></p> <!-- /wp:paragraph --></div></div> <!-- /wp:cover -->
About text formats
Text format
Gutenberg Blocks
Restricted HTML
Restricted HTML
Allowed HTML tags: <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id>
Lines and paragraphs break automatically.
Web page addresses and email addresses turn into links automatically.