{"id":477,"date":"2023-04-10T16:10:34","date_gmt":"2023-04-10T21:10:34","guid":{"rendered":"https:\/\/wp.stolaf.edu\/using-wordpress\/?page_id=477"},"modified":"2023-06-07T08:40:25","modified_gmt":"2023-06-07T13:40:25","slug":"the-basics-of-blocks","status":"publish","type":"page","link":"https:\/\/wp.stolaf.edu\/using-wordpress\/welcome-to-blocks\/the-basics-of-blocks\/","title":{"rendered":"The Basics of Blocks"},"content":{"rendered":"<div data-modular-content-collection><!-- begin-migrated-from-panel-builder -->\t\t\t<div\n\t\t\tclass=\"site-section site-panel__wysiwyg panel panel-wysiwyg site-section__bg--default\"\n\t\t\tdata-depth=\"\"\n\t\t\tdata-js-panel=\"wysiwyg\"\n\t\t>\n\t\n\t\t\t<div class=\"site-section__inner l-wrapper \">\n\t\n\t\n\t\t\t\t\t<header class=\"site-section__header\">\n\n\t\t\t\t<h2 class=\"site-section__title h3\" id=\"blocks-basics\" data-name=\"title\" data-livetext data-depth=\"0\" data-index=\"0\">Blocks Basics<\/h2>\n\n\t\t\t<\/header>\n\t\t\n\t\n\t\n\t<div class=\"site-section__content \">\n\t\t<div class=\"site-grid site-grid__wrapper site-grid__wrapper-stagger\"\n\t\t\t data-depth=\"0\"\n\t\t\t data-name=\"columns\"\n\t\t\t data-livetext>\n\n\t\t\t\t\t\t\t<div class=\"site-grid__col\">\n\t\t\t\t\t<div class=\"site-panel__wysiwyg-content\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"t-content \"\n\t\t\t\t\t\t\t\t data-depth=\"0\"\n\t\t\t\t\t\t\t\t data-index=\"0\"\n\t\t\t\t\t\t\t\t data-autop=\"true\"\n\t\t\t\t\t\t\t\t data-name=\"column_content\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<p>An introduction to the basics of adding blocks, adding and altering content, and where to manage options and settings for blocks.<\/p>\n<h3>Everything is a Block<\/h3>\n<p>In the Block Editor, which is where our content now lives, everything is now a block.<\/p>\n<p>Well, not every sentence, but every <em>paragraph<\/em> certainly has. A list is also a block, as well as an image.<\/p>\n<p>Does that mean our old content has been deconstructed entirely into blocks? <strong>Not necessarily.<\/strong><\/p>\n<p>Much of our old content now lives inside a WYSIWYG block as a sort of <em>interim<\/em> state. In other words, if it was created inside a WYSIWYG panel, or somewhere <em>other<\/em> than a panel, it will now be in a WYSIWYG block, and that&#8217;s O.K.!<\/p>\n<h4>Blocks are Content &#8220;Containers&#8221;<\/h4>\n<p>So really, they are just a different way of organizing your content on the page. But they&#8217;re also robust. Make sure you&#8217;re checking out all the options and settings available with each block as you add them to your page.<\/p>\n<h4>Each block has its own toolbar.<\/h4>\n<p>See the image below for what a typical toolbar includes.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wp.stolaf.edu\/using-wordpress\/files\/2023\/06\/block-toolbar-revised.jpg\" alt=\"layout of typical block toolbar\" \/><\/p>\n<h3>Adding a Block<\/h3>\n<p>You can add a new block in a few different places:<\/p>\n<ul>\n<li>Directly after the last block on the page (scroll down lower right-hand corner)<\/li>\n<li>From the Block Inserter (upper left-hand corner)<\/li>\n<\/ul>\n<p><img decoding=\"async\" src=\"https:\/\/wp.stolaf.edu\/using-wordpress\/files\/2023\/06\/Screenshot-2023-06-06-at-4.14.18-PM.jpg\" alt=\"where to add blocks\" \/><\/p>\n<ol>\n<li style=\"list-style-type: none;\">\n<ul>\n<li>By selecting a block&#8217;s options and clicking &#8220;Insert before&#8221; or &#8220;Insert after&#8221;<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<p><img decoding=\"async\" src=\"https:\/\/wp.stolaf.edu\/using-wordpress\/files\/2023\/06\/Screenshot-2023-06-06-at-4.20.18-PM.jpg\" alt=\"add blocks either before or after an existing block with the block's menu\" \/><\/p>\n<h3>Learn More<\/h3>\n<p>Learn about <a href=\"https:\/\/wp.stolaf.edu\/using-wordpress\/welcome-to-blocks\/troubleshooting\/\">troubleshooting blocks and other migrated content&#8230;<\/a><\/p>\n\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t<\/div> <!-- .site-grid__col -->\n\t\t\t\n\t\t<\/div> <!-- .site-grid, .site-grid__wrapper -->\n\t<\/div> <!-- site-section__content -->\n\n\n\t\t\t\t\n\t\t\t<\/div>\n\t\n\t\t\t<\/div>\n\t\n<!-- end-migrated-from-panel-builder --><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":9083,"featured_media":0,"parent":472,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-477","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/wp.stolaf.edu\/using-wordpress\/wp-json\/wp\/v2\/pages\/477","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.stolaf.edu\/using-wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp.stolaf.edu\/using-wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wp.stolaf.edu\/using-wordpress\/wp-json\/wp\/v2\/users\/9083"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.stolaf.edu\/using-wordpress\/wp-json\/wp\/v2\/comments?post=477"}],"version-history":[{"count":13,"href":"https:\/\/wp.stolaf.edu\/using-wordpress\/wp-json\/wp\/v2\/pages\/477\/revisions"}],"predecessor-version":[{"id":706,"href":"https:\/\/wp.stolaf.edu\/using-wordpress\/wp-json\/wp\/v2\/pages\/477\/revisions\/706"}],"up":[{"embeddable":true,"href":"https:\/\/wp.stolaf.edu\/using-wordpress\/wp-json\/wp\/v2\/pages\/472"}],"wp:attachment":[{"href":"https:\/\/wp.stolaf.edu\/using-wordpress\/wp-json\/wp\/v2\/media?parent=477"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}