{"id":25,"date":"2020-10-12T11:32:12","date_gmt":"2020-10-12T11:32:12","guid":{"rendered":"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/?p=25"},"modified":"2024-12-08T21:57:58","modified_gmt":"2024-12-08T21:57:58","slug":"core-blocks","status":"publish","type":"post","link":"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/2020\/10\/12\/core-blocks\/","title":{"rendered":"Core blocks"},"content":{"rendered":"\n<p>Welcome to the <strong>new block editor<\/strong>. You are looking at a <em>paragraph block<\/em>. At the end of it there is a more block. If you&#8217;re reading this text from an archive you can see a link to read the full post following the paragraph. This one for example shows &#8220;Keep reading&#8221; but the default value is &#8220;Read more&#8221;. The text of the read more link can be customized from within the editor.<\/p>\n\n\n\n<!--more Keep reading-->\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/4\/2020\/10\/akira-hojo-VC_Z_yJsFwE-unsplash-scaled.jpg\"><img decoding=\"async\" data-attachment-id=\"159\" data-permalink=\"https:\/\/enlightenment-demo.onedesigns.com\/blog\/2020\/09\/04\/in-space-this-is-the-age-of-reusability\/marcus-urbenz-4iqygdfwmlk-unsplash\/\" data-orig-file=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/2\/2020\/10\/marcus-urbenz-4iQYGdFWmlk-unsplash-scaled.jpg\" data-orig-size=\"2560,1437\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"marcus-urbenz-4iQYGdFWmlk-unsplash\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/2\/2020\/10\/marcus-urbenz-4iQYGdFWmlk-unsplash-300x168.jpg\" data-large-file=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/2\/2020\/10\/marcus-urbenz-4iQYGdFWmlk-unsplash-1024x575.jpg\" src=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/4\/2020\/10\/akira-hojo-VC_Z_yJsFwE-unsplash-2160x1440.jpg\" alt=\"\" class=\"wp-image-159\"\/><\/a><figcaption class=\"wp-element-caption\">A standard image with caption<\/figcaption><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>And this is an example of a quote block. In the new editor you can add citations to quotes which was not possible in the earlier editor. Pretty neat, huh?<\/p>\n<cite>Nobody, ever<\/cite><\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Table of contents<\/h2>\n\n\n\n<p>And that was a heading block. What follows is a list block with links that point to anchors assigned to heading blocks.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Image blocks<\/li>\n\n\n\n<li>Gallery blocks<\/li>\n\n\n\n<li>Video block<\/li>\n\n\n\n<li>Audio block<\/li>\n\n\n\n<li>Embed blocks<\/li>\n\n\n\n<li>Cover blocks<\/li>\n\n\n\n<li>Formatting blocks<\/li>\n\n\n\n<li>Dynamic content blocks<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Image blocks<\/h2>\n\n\n\n<p>The Gutenberg editor introduces some new ways to display images. Here is for example an image block with full width alignment. When aligned full width the image will expand outside the content margins all the way to the edges of the screen. Useful for when you need to showcase an image with lots of detail.<\/p>\n\n\n\n<figure class=\"wp-block-image alignfull size-large\"><img decoding=\"async\" src=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/4\/2020\/10\/nicolai-berntsen-Fr4GbL5d3TA-unsplash-2160x1440.jpg\" alt=\"\" class=\"wp-image-41\"\/><\/figure>\n\n\n\n<p>You can <strong>format<\/strong> the content <em>inline<\/em> like with the <a href=\"https:\/\/wordpress.org\/plugins\/classic-editor\/\">classic editor<\/a> and you also have a plethora of new block options to create richer content like ever before. Now you can add elements like buttons and tables and even separate the content into columns.<\/p>\n\n\n\n<p>Of course it is still possible to align images the traditional way. Here is for example a left aligned image with a caption.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-medium\"><a href=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/4\/2020\/10\/anna-pelzer-IGfIGP5ONV0-unsplash-scaled.jpg\"><img decoding=\"async\" src=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/4\/2020\/10\/anna-pelzer-IGfIGP5ONV0-unsplash-300x200.jpg\" alt=\"\" class=\"wp-image-33\"\/><\/a><figcaption class=\"wp-element-caption\">A left aligned image with caption<\/figcaption><\/figure>\n<\/div>\n\n\n<p>All children, except one, grow up. They soon know that they will grow up, and the way Wendy knew was this. One day when she was two years old she was playing in a garden, and she plucked another flower and ran with it to her mother. I suppose she must have looked rather delightful, for Mrs. Darling put her hand to her heart and cried, &#8220;Oh, why can&#8217;t you remain like this for ever!&#8221; This was all that passed between them on the subject, but henceforth Wendy knew that she must grow up. You always know after you are two. Two is the beginning of the end.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Pull quotes<\/h2>\n\n\n\n<p>Pull quotes have been a part of the print industry for a long time and now you can use them in your posts. Use them to emphasize an important piece of text in your content. You have several alignment options to choose from and you can even change their color and background, add borders or add citations.<\/p>\n\n\n\n<figure class=\"wp-block-pullquote alignwide has-border-color has-vivid-red-color has-text-color\" style=\"border-color:#cf2e2e\"><blockquote><p>&#8220;You&#8217;ve got to ask yourself one question: &#8216;Do I feel lucky?&#8217; Well do ya, punk?&#8221;<\/p><cite>Dirty Harry<\/cite><\/blockquote><\/figure>\n\n\n\n<p>You don&#8217;t have to align images all the way to the edges of the screen though. Use the wide width alignment to have an image expand just outside the content margins. A great way to emphasize important images.<\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-large\"><img decoding=\"async\" src=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/4\/2020\/10\/karen-uppal-q3JqFkXlhL0-unsplash-2160x1620.jpg\" alt=\"\" class=\"wp-image-73\"\/><\/figure>\n\n\n\n<p>When aligned to the left or right, <em>pull quotes<\/em> will expand outside the content margins. This helps them stand out and attract your reader&#8217;s attention. It&#8217;s why they are called pull quotes after all.<\/p>\n\n\n\n<figure class=\"wp-block-pullquote alignleft has-border-color\" style=\"border-color:#abb8c3\"><blockquote><p>Toto, I have a feeling we&#8217;re not in Kansas anymore.<\/p><\/blockquote><\/figure>\n\n\n\n<p>We must be up inside the cyclone! Oh! Miss Gulch! Oh! Toto, I have a feeling we&#8217;re not in Kansas anymore. We must be over the rainbow! Now I know we&#8217;re not in Kansas. Are you a good witch or a bad witch? Why, I&#8217;m not a witch at all. I&#8217;m Dorothy Gale, from Kansas. Toto&#8217;s my dog. But l&#8217;ve already told you, I&#8217;m not a witch at all. Witches are old and ugly.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Gallery blocks<\/h2>\n\n\n\n<p>Items in the last row of gallery blocks whose items don&#8217;t divine in an even number by their columns expand to fill the entire available space giving you the ability to create beautiful grids.<\/p>\n\n\n\n<figure class=\"wp-block-gallery alignwide has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/4\/2020\/10\/brooke-lark-nTZOILVZuOg-unsplash-scaled.jpg\"><img decoding=\"async\" data-id=\"69\" src=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/4\/2020\/10\/brooke-lark-nTZOILVZuOg-unsplash-2160x1554.jpg\" alt=\"\" class=\"wp-image-69\"\/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/4\/2020\/10\/clarke-sanders-HOQpBGL95Z8-unsplash-scaled.jpg\"><img decoding=\"async\" data-id=\"70\" src=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/4\/2020\/10\/clarke-sanders-HOQpBGL95Z8-unsplash-2160x1440.jpg\" alt=\"\" class=\"wp-image-70\"\/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/4\/2020\/10\/hendrik-cornelissen-qrcOR33ErA-unsplash-scaled.jpg\"><img decoding=\"async\" data-attachment-id=\"71\" data-permalink=\"https:\/\/enlightenment-demo.onedesigns.com\/blog\/naassom-azevedo-q_sei-tqslc-unsplash-2\/\" data-orig-file=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/2\/2020\/09\/naassom-azevedo-Q_Sei-TqSlc-unsplash-2-scaled.jpg\" data-orig-size=\"2560,1920\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"naassom-azevedo-Q_Sei-TqSlc-unsplash (2)\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/2\/2020\/09\/naassom-azevedo-Q_Sei-TqSlc-unsplash-2-600x450.jpg\" data-large-file=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/2\/2020\/09\/naassom-azevedo-Q_Sei-TqSlc-unsplash-2-2160x1620.jpg\" data-id=\"71\" src=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/4\/2020\/10\/hendrik-cornelissen-qrcOR33ErA-unsplash-2160x1307.jpg\" alt=\"\" class=\"wp-image-71\"\/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/4\/2020\/10\/kazuo-ota-VdwDgKUBnjw-unsplash-scaled.jpg\"><img decoding=\"async\" data-id=\"75\" src=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/4\/2020\/10\/kazuo-ota-VdwDgKUBnjw-unsplash-2160x1620.jpg\" alt=\"\" class=\"wp-image-75\"\/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/4\/2020\/10\/lopez-robin-XZPHNxsWSDU-unsplash-scaled.jpg\"><img decoding=\"async\" data-id=\"76\" src=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/4\/2020\/10\/lopez-robin-XZPHNxsWSDU-unsplash-2160x1440.jpg\" alt=\"\" class=\"wp-image-76\"\/><\/a><\/figure>\n<figcaption class=\"blocks-gallery-caption wp-element-caption\">Galleries can also have captions<\/figcaption><\/figure>\n\n\n\n<p>This example is wide aligned but you have multiple alignment options to choose from. We won&#8217;t show all of them here as to not bloat the page too much.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Separator blocks<\/h2>\n\n\n\n<p>Use separators to indicate a thematic change in content. Here&#8217;s the standard separator block which displays a horizontal rule.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p>You have more options to choose from though. Here is the same block displaying dots instead of a line.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity is-style-dots\"\/>\n\n\n\n<p>You can also display a wider and thinner horizontal like.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity is-style-wide\"\/>\n\n\n\n<p>And that&#8217;s about it when it comes to separators.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Cover blocks<\/h2>\n\n\n\n<p>The Cover block displays text overlaid on an image used as background. It is quite a versatile block and can be used in many creative ways.<\/p>\n\n\n\n<div class=\"wp-block-cover\"><img decoding=\"async\" class=\"wp-block-cover__image-background wp-image-106\" alt=\"\" src=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/4\/2020\/10\/patrick-tomasso-5hvn-2WW6rY-unsplash-scaled.jpg\" data-object-fit=\"cover\"\/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-large-font-size\">All roads lead somewhere.<\/p>\n<\/div><\/div>\n\n\n\n<p>The above is the default way that the cover block looks like, with a dark overlay and large text. You can control most aspects of the cover block, however. Like for example the opacity of the overlay or the size of the text and even the focal point of the image or set the background as fixed.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Table blocks<\/h2>\n\n\n\n<p>Tables have several options you can choose from but the most important are the simple and striped styles. Below is an example of the simple style which is also the default one.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Level<\/th><th>Description<\/th><th>Skills<\/th><\/tr><\/thead><tbody><tr><td>A1<\/td><td>Beginner<\/td><td>Basic vocabulary and grammar<\/td><\/tr><tr><td>A2<\/td><td>Elementary<\/td><td>Basic listening and understanding<\/td><\/tr><tr><td>B1<\/td><td>Intermediate<\/td><td>Can carry simple conversations<\/td><\/tr><tr><td>B2<\/td><td>Advanced<\/td><td>Can carry complex conversations<\/td><\/tr><tr><td>C1<\/td><td>Proficient<\/td><td>Can carry technical conversations<\/td><\/tr><\/tbody><\/table><figcaption class=\"wp-element-caption\">You can give your tables captions<\/figcaption><\/figure>\n\n\n\n<p>The striped style alternated rows making it easier to follow the flow of the content.<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table><thead><tr><th>Level<\/th><th>Description<\/th><th>Skills<\/th><\/tr><\/thead><tbody><tr><td>A1<\/td><td>Beginner<\/td><td>Basic vocabulary and grammar<\/td><\/tr><tr><td>A2<\/td><td>Elementary<\/td><td>Basic listening and understanding<\/td><\/tr><tr><td>B1<\/td><td>Intermediate<\/td><td>Can carry simple conversations<\/td><\/tr><tr><td>B2<\/td><td>Advanced<\/td><td>Can carry complex conversations<\/td><\/tr><tr><td>C1<\/td><td>Proficient<\/td><td>Can carry technical conversations<\/td><\/tr><\/tbody><\/table><figcaption class=\"wp-element-caption\">You can give your tables captions<\/figcaption><\/figure>\n\n\n\n<p>You can also assign backgrounds or make all columns of equal width. We won&#8217;t be showing all possible examples here to keep this demo concise.<\/p>\n\n\n\n<p>When the <strong>cover block<\/strong> is aligned full-width and full-height, the background is set to fixed and the content aligned to bottom the theme adds a scroll effect to the cover block creating an immersive reading experience. It works best with large chunks of text that are longer than the viewport of the screen and since you can separate the text into paragraphs you can fit an entire chapter in a cover block. Below some filler text to demonstrate the feature.<\/p>\n\n\n\n<div class=\"wp-block-cover alignfull is-light has-parallax has-custom-content-position is-position-bottom-center\" style=\"min-height:100vh;aspect-ratio:unset;\"><div class=\"wp-block-cover__image-background wp-image-109 has-parallax\" style=\"background-position:50% 50%;background-image:url(https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/4\/2020\/10\/veeterzy-sMQiL_2v4vs-unsplash-scaled.jpg)\"><\/div><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-left\">All children, except one, grow up. They soon know that they will grow up, and the way Wendy knew was this. One day when she was two years old she was playing in a garden, and she plucked another flower and ran with it to her mother. I suppose she must have looked rather delightful, for Mrs. Darling put her hand to her heart and cried, &#8220;Oh, why can&#8217;t you remain like this for ever!&#8221; This was all that passed between them on the subject, but henceforth Wendy knew that she must grow up. You always know after you are two. Two is the beginning of the end.<\/p>\n\n\n\n<p>Of course they lived at 14 [their house number on their street], and until Wendy came her mother was the chief one. She was a lovely lady, with a romantic mind and such a sweet mocking mouth. Her romantic mind was like the tiny boxes, one within the other, that come from the puzzling East, however many you discover there is always one more; and her sweet mocking mouth had one kiss on it that Wendy could never get, though there it was, perfectly conspicuous in the right-hand corner.<\/p>\n\n\n\n<p>The way Mr. Darling won her was this: the many gentlemen who had been boys when she was a girl discovered simultaneously that they loved her, and they all ran to her house to propose to her except Mr. Darling, who took a cab and nipped in first, and so he got her. He got all of her, except the innermost box and the kiss. He never knew about the box, and in time he gave up trying for the kiss. Wendy thought Napoleon could have got it, but I can picture him trying, and then going off in a passion, slamming the door.<\/p>\n\n\n\n<p>Mr. Darling used to boast to Wendy that her mother not only loved him but respected him. He was one of those deep ones who know about stocks and shares. Of course no one really knows, but he quite seemed to know, and he often said stocks were up and shares were down in a way that would have made any woman respect him.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Buttons blocks<\/h2>\n\n\n\n<p>Here are some buttons in different styles.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-vivid-red-background-color has-text-color has-background wp-element-button\" href=\"javascript:void(0)\">Solid button<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--2\"><a class=\"wp-block-button__link has-vivid-cyan-blue-color has-text-color wp-element-button\" href=\"javascript:void(0)\">Outline button<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-vivid-green-cyan-background-color has-text-color has-background wp-element-button\" href=\"javascript:void(0)\" style=\"border-radius:4px\">4px border radius<\/a><\/div>\n<\/div>\n\n\n\n<p>You can pick from solid or outline style and customize the button&#8217;s color, background and border radius.<\/p>\n\n\n\n<p>There is also a file block where you can add a button to download the file.<\/p>\n\n\n\n<div class=\"wp-block-file\"><a id=\"wp-block-file--media-d1180f7f-375c-404f-80a5-19b036acd3b8\" href=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/4\/2020\/10\/dummy.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">Sample PDF File<\/a><a href=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/4\/2020\/10\/dummy.pdf\" class=\"wp-block-file__button wp-element-button\" download aria-describedby=\"wp-block-file--media-d1180f7f-375c-404f-80a5-19b036acd3b8\">Download<\/a><\/div>\n\n\n\n<p>Next to the button the name of the file will be displayed (which can be customized from the editor) as well as an icon indicating the file&#8217;s type.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Video blocks<\/h2>\n\n\n\n<p>You can self-host videos and display them on your website. The video block works similar to the old video shortcode but offering many more possibilities like choosing which controls to display and adding captions.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls poster=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/4\/2020\/10\/959951762_2560x1440.jpg\" src=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/4\/2020\/10\/Flamingo-49459.mp4\"><\/video><figcaption>Flamingos drinking water next to some wild ducks<\/figcaption><\/figure>\n\n\n\n<p>Of course you are not limited to self-hosted videos. Here is an example of an embedded Youtube video. You can even align videos and embeds wide or full width. How cool is that?<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Trick or Treat\" width=\"720\" height=\"405\" src=\"https:\/\/www.youtube.com\/embed\/3RBCvUP8Xnw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Speaking of embeds&#8230;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Embed blocks<\/h2>\n\n\n\n<p>With the new editor you can embed pretty much anything. Here is a Spotify playlist for example.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-spotify wp-block-embed-spotify wp-embed-aspect-21-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Spotify Embed: Jazz in the Background\" style=\"border-radius: 12px\" width=\"100%\" height=\"352\" frameborder=\"0\" allowfullscreen allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\" src=\"https:\/\/open.spotify.com\/embed\/playlist\/37i9dQZF1DWV7EzJMK2FUI?utm_source=oembed\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Some popular services like Facebook and Instagram don&#8217;t work out of the box but fortunately the Jetpack plugin has you covered. See the Jetback blocks post for examples.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Columns block<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Here&#8217;s some text spread over two columns. You can nest additional blocks inside the columns. Here&#8217;s an image block.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/4\/2020\/10\/faye-cornish-Uq3gTiPlqRo-unsplash-2160x1728.jpg\" alt=\"\" class=\"wp-image-137\"\/><\/figure>\n\n\n\n<p>On mobile devices the columns stack on top of each other.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>If you&#8217;re reading this from your phone you should see it below the previous content, otherwise you should see it next to it.<\/p>\n\n\n\n<p>You can pick the number of columns and even customize their width and change their alignment, including their vertical alignment.<\/p>\n\n\n\n<p>Overall the columns block is pretty versatile, allowing you to build advanced layouts. The theme integrates Bootstrap&#8217;s grid system with the columns block to make it look consistent with the rest of the theme&#8217;s design language.<\/p>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Audio blocks<\/h2>\n\n\n\n<p>You can also add audio tracks. Useful for example for podcasts or audio transcriptions for your posts.<\/p>\n\n\n\n<figure class=\"wp-block-audio\"><audio controls src=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/4\/2020\/10\/file_example_MP3_700KB-15.mp3\"><\/audio><\/figure>\n\n\n\n<p>And of course you can also embed music from popular websites. Here is a song from SoundCloud.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-soundcloud wp-block-embed-soundcloud\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Joel Corry - Head &amp; Heart (feat. MNEK) by Joel Corry\" width=\"720\" height=\"400\" scrolling=\"no\" frameborder=\"no\" src=\"https:\/\/w.soundcloud.com\/player\/?visual=true&#038;url=https%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F842491084&#038;show_artwork=true&#038;maxheight=1000&#038;maxwidth=720\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Media &amp; Text block<\/h2>\n\n\n\n<p>The Media &amp; Text block, as the name implies, allows you to display text next to a media item like an image or video. Useful for when you need to convey more information than fits in a typical caption.<\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img decoding=\"async\" src=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/4\/2020\/10\/adam-kool-ndN00KmbJ1c-unsplash-2160x1440.jpg\" alt=\"\" class=\"wp-image-152 size-full\"\/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-medium-font-size\">Yosemite National Park is located in the Sierra Nevada mountains in California. It is known for its ancient sequoia trees and the El Capitan rock formation is probably its most famous landmark. With a height of about 3,000 feet or 914 meters from its base to the summit it is a popular choice for rock climbers. The top of El Capitan can be reached by hiking out of Yosemite Valley on the trail next to Yosemite Falls, then proceeding west.<\/p>\n<\/div><\/div>\n\n\n\n<p>The Media &amp; Text block is wide aligned by default as shown above. The image can be aligned either left or right and you can customize the block&#8217;s vertical alignment and choose whether to stack the columns on mobile or not.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Latest posts block<\/h2>\n\n\n\n<p>The &#8220;Latest posts&#8221; block like the recent posts widget displays the latest posts from your blog but offers additional useful options like displaying the date, author, featured image and summary. Additionally, it allows you to filter posts by author and category and also allows you to change the posts&#8217; order.<\/p>\n\n\n<ul class=\"wp-block-latest-posts__list has-dates has-author wp-block-latest-posts\"><li><div class=\"wp-block-latest-posts__featured-image alignleft\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/2\/2020\/09\/pexels-buro-millennial-1438072-300x300.jpg\" class=\"attachment-thumbnail size-thumbnail wp-post-image\" alt=\"\" style=\"max-width:150px;max-height:150px;\" srcset=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/2\/2020\/09\/pexels-buro-millennial-1438072-300x300.jpg 300w, https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/2\/2020\/09\/pexels-buro-millennial-1438072-75x75.jpg 75w, https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/2\/2020\/09\/pexels-buro-millennial-1438072-150x150.jpg 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" data-attachment-id=\"6\" data-permalink=\"https:\/\/enlightenment-demo.onedesigns.com\/blog\/pexels-buro-millennial-1438072\/\" data-orig-file=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/2\/2020\/09\/pexels-buro-millennial-1438072-scaled.jpg\" data-orig-size=\"2560,1709\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"pexels-buro-millennial-1438072\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/2\/2020\/09\/pexels-buro-millennial-1438072-600x401.jpg\" data-large-file=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/2\/2020\/09\/pexels-buro-millennial-1438072-2160x1442.jpg\" \/><\/div><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/enlightenment-demo.onedesigns.com\/blog\/2020\/09\/21\/how-we-learned-to-love-failure\/\">How we learned to love failure<\/a><div class=\"wp-block-latest-posts__post-author\">by Emma Jansen<\/div><time datetime=\"2020-09-21T00:07:56+00:00\" class=\"wp-block-latest-posts__post-date\">September 21, 2020<\/time><div class=\"wp-block-latest-posts__post-excerpt\">A week of celebration in a Melbourne school helped mistake-wary students understand the power of getting things wrong.<\/div><\/li>\n<li><div class=\"wp-block-latest-posts__featured-image alignleft\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/2\/2020\/09\/xavier-mouton-photographie-ry_sD0P1ZL0-unsplash-300x300.jpg\" class=\"attachment-thumbnail size-thumbnail wp-post-image\" alt=\"\" style=\"max-width:150px;max-height:150px;\" srcset=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/2\/2020\/09\/xavier-mouton-photographie-ry_sD0P1ZL0-unsplash-300x300.jpg 300w, https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/2\/2020\/09\/xavier-mouton-photographie-ry_sD0P1ZL0-unsplash-75x75.jpg 75w, https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/2\/2020\/09\/xavier-mouton-photographie-ry_sD0P1ZL0-unsplash-150x150.jpg 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" data-attachment-id=\"31\" data-permalink=\"https:\/\/enlightenment-demo.onedesigns.com\/blog\/xavier-mouton-photographie-ry_sd0p1zl0-unsplash\/\" data-orig-file=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/2\/2020\/09\/xavier-mouton-photographie-ry_sD0P1ZL0-unsplash-scaled.jpg\" data-orig-size=\"2560,1707\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"xavier-mouton-photographie-ry_sD0P1ZL0-unsplash\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/2\/2020\/09\/xavier-mouton-photographie-ry_sD0P1ZL0-unsplash-600x400.jpg\" data-large-file=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/2\/2020\/09\/xavier-mouton-photographie-ry_sD0P1ZL0-unsplash-2160x1440.jpg\" \/><\/div><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/enlightenment-demo.onedesigns.com\/blog\/2020\/09\/20\/the-art-of-mindful-parenting\/\">The art of mindful parenting<\/a><div class=\"wp-block-latest-posts__post-author\">by Emma Jansen<\/div><time datetime=\"2020-09-20T18:21:00+00:00\" class=\"wp-block-latest-posts__post-date\">September 20, 2020<\/time><div class=\"wp-block-latest-posts__post-excerpt\">Bringing mindfulness to the challenges of children can help parents to better enjoy the precious early years.<\/div><\/li>\n<li><div class=\"wp-block-latest-posts__featured-image alignleft\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/2\/2020\/09\/paige-cody-ITTqjS3UpoY-unsplash-300x300.jpg\" class=\"attachment-thumbnail size-thumbnail wp-post-image\" alt=\"\" style=\"max-width:150px;max-height:150px;\" srcset=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/2\/2020\/09\/paige-cody-ITTqjS3UpoY-unsplash-300x300.jpg 300w, https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/2\/2020\/09\/paige-cody-ITTqjS3UpoY-unsplash-75x75.jpg 75w, https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/2\/2020\/09\/paige-cody-ITTqjS3UpoY-unsplash-150x150.jpg 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" data-attachment-id=\"36\" data-permalink=\"https:\/\/enlightenment-demo.onedesigns.com\/blog\/paige-cody-ittqjs3upoy-unsplash\/\" data-orig-file=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/2\/2020\/09\/paige-cody-ITTqjS3UpoY-unsplash-scaled.jpg\" data-orig-size=\"2560,1709\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"paige-cody-ITTqjS3UpoY-unsplash\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/2\/2020\/09\/paige-cody-ITTqjS3UpoY-unsplash-600x401.jpg\" data-large-file=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/2\/2020\/09\/paige-cody-ITTqjS3UpoY-unsplash-2160x1442.jpg\" \/><\/div><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/enlightenment-demo.onedesigns.com\/blog\/2020\/09\/19\/why-remote-work-makes-business-sense\/\">Why remote work makes business sense<\/a><div class=\"wp-block-latest-posts__post-author\">by Emma Jansen<\/div><time datetime=\"2020-09-19T18:40:00+00:00\" class=\"wp-block-latest-posts__post-date\">September 19, 2020<\/time><div class=\"wp-block-latest-posts__post-excerpt\">Flexible work should not be a perk or a privilege. Implemented correctly, it benefits both company and employee.<\/div><\/li>\n<li><div class=\"wp-block-latest-posts__featured-image alignleft\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/2\/2020\/09\/bruce-mars-hE8Mog4qK4Y-unsplash-300x300.jpg\" class=\"attachment-thumbnail size-thumbnail wp-post-image\" alt=\"\" style=\"max-width:150px;max-height:150px;\" srcset=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/2\/2020\/09\/bruce-mars-hE8Mog4qK4Y-unsplash-300x300.jpg 300w, https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/2\/2020\/09\/bruce-mars-hE8Mog4qK4Y-unsplash-75x75.jpg 75w, https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/2\/2020\/09\/bruce-mars-hE8Mog4qK4Y-unsplash-150x150.jpg 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" data-attachment-id=\"39\" data-permalink=\"https:\/\/enlightenment-demo.onedesigns.com\/blog\/bruce-mars-he8mog4qk4y-unsplash\/\" data-orig-file=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/2\/2020\/09\/bruce-mars-hE8Mog4qK4Y-unsplash-scaled.jpg\" data-orig-size=\"2560,1707\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"bruce-mars-hE8Mog4qK4Y-unsplash\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/2\/2020\/09\/bruce-mars-hE8Mog4qK4Y-unsplash-600x400.jpg\" data-large-file=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/2\/2020\/09\/bruce-mars-hE8Mog4qK4Y-unsplash-2160x1440.jpg\" \/><\/div><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/enlightenment-demo.onedesigns.com\/blog\/2020\/09\/18\/how-to-find-your-flow-and-boost-your-psychological-health\/\">How to find your flow and boost your psychological health<\/a><div class=\"wp-block-latest-posts__post-author\">by Emma Jansen<\/div><time datetime=\"2020-09-18T18:56:00+00:00\" class=\"wp-block-latest-posts__post-date\">September 18, 2020<\/time><div class=\"wp-block-latest-posts__post-excerpt\">Moments of pure absorption in your work provide powerful insights that help to boost your wellbeing and performance.<\/div><\/li>\n<li><div class=\"wp-block-latest-posts__featured-image alignleft\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/2\/2020\/09\/workplace-1245776-300x300.jpg\" class=\"attachment-thumbnail size-thumbnail wp-post-image\" alt=\"\" style=\"max-width:150px;max-height:150px;\" srcset=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/2\/2020\/09\/workplace-1245776-300x300.jpg 300w, https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/2\/2020\/09\/workplace-1245776-75x75.jpg 75w, https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/2\/2020\/09\/workplace-1245776-150x150.jpg 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" data-attachment-id=\"45\" data-permalink=\"https:\/\/enlightenment-demo.onedesigns.com\/blog\/workplace-1245776\/\" data-orig-file=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/2\/2020\/09\/workplace-1245776-scaled.jpg\" data-orig-size=\"2560,1707\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"workplace-1245776\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/2\/2020\/09\/workplace-1245776-600x400.jpg\" data-large-file=\"https:\/\/enlightenment-demo.onedesigns.com\/gutenberg\/wp-content\/uploads\/sites\/2\/2020\/09\/workplace-1245776-2160x1440.jpg\" \/><\/div><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/enlightenment-demo.onedesigns.com\/blog\/2020\/09\/17\/strengths-based-leadership-create-a-thriving-workplace-culture\/\">Strengths-based leadership: Create a thriving workplace culture<\/a><div class=\"wp-block-latest-posts__post-author\">by Emma Jansen<\/div><time datetime=\"2020-09-17T19:36:00+00:00\" class=\"wp-block-latest-posts__post-date\">September 17, 2020<\/time><div class=\"wp-block-latest-posts__post-excerpt\">A strengths-based approach to leadership is more effective than the traditional method of focussing on performance weaknesses.<\/div><\/li>\n<\/ul>\n\n\n<p>The theme styles this blog as a simple list when the options are set to display only the post&#8217;s title, which is the default behavior, and as a rich widget when it is set to display other options. Useful for when you want to create a custom front page for your website, like a magazine cover.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Code blocks<\/h2>\n\n\n\n<p>Use the code or preformatted blocks to show bits of code.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php\nfunction print_hello_world() {\n\techo 'Hello World';\n\treturn true;\n}<\/code><\/pre>\n\n\n\n<p>The code or preformatted blocks look and feel almost identical, the only perceivable difference being that with the code block you can use tabs indentation, while with the preformatted block you can not.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;?php\necho 'Hello World';\ndie();<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Verse block<\/h2>\n\n\n\n<p>The verse block is intended for writing poetry. It&#8217;s especially useful for short poetry such as haikus.<\/p>\n\n\n\n<pre class=\"wp-block-verse\">A block for haiku?\nWhy not?\nBlocks for all the things!<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>The new Gutenberg editor adds exciting new ways to edit your content. See examples of how the theme handles the built-in blocks.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_enlightenment_navbar_transparent":"","_enlightenment_single_post_thumbnail":"","_enlightenment_header_image_position":"","_enlightenment_header_overlay_color":"","_jetpack_memberships_contains_paid_content":false,"_enlightenment_custom_layout":[],"_enlightenment_sidebar_locations":[],"footnotes":""},"categories":[],"tags":[],"class_list":["post-25","nav_menu_item","type-nav_menu_item","status-publish","hentry"],"yoast_head":null,"yoast_head_json":null,"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/enlightenment-demo.onedesigns.com\/blog\/wp-json\/wp\/v2\/menu-items\/25"}],"collection":[{"href":"https:\/\/enlightenment-demo.onedesigns.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/enlightenment-demo.onedesigns.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/enlightenment-demo.onedesigns.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/enlightenment-demo.onedesigns.com\/blog\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":0,"href":"https:\/\/enlightenment-demo.onedesigns.com\/blog\/wp-json\/wp\/v2\/posts\/25\/revisions"}],"wp:attachment":[{"href":"https:\/\/enlightenment-demo.onedesigns.com\/blog\/wp-json\/wp\/v2\/media?parent=25"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/enlightenment-demo.onedesigns.com\/blog\/wp-json\/wp\/v2\/categories?post=25"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/enlightenment-demo.onedesigns.com\/blog\/wp-json\/wp\/v2\/tags?post=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}