{"id":2749,"date":"2024-07-30T14:54:07","date_gmt":"2024-07-30T18:54:07","guid":{"rendered":"https:\/\/sites.georgetown.edu\/1789-documentation\/?page_id=2749"},"modified":"2024-08-19T16:17:45","modified_gmt":"2024-08-19T20:17:45","slug":"how-to-split-content","status":"publish","type":"page","link":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/design-and-layout\/split-content\/how-to-split-content\/","title":{"rendered":"How To: Split Content"},"content":{"rendered":"\n<h2 class=\"wp-block-heading body-text-heading\">Adding the Block<\/h2>\n\n\n\n<p class=\"wp-block-paragraph body-text\">To add the Split Content block, click the \u201c+\u201d symbol and search for \u201cSplit Content.\u201d Then, select the Split Icon block icon.<\/p>\n\n\n<div class=\"gu-block gu-block-image\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"704\" height=\"444\" src=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/07\/Screenshot-2024-07-30-at-3.02.45\u202fPM.png\" alt=\"Split Content block icon in the WordPress block inserter.\" class=\"wp-image-2757\" style=\"width:302px;height:auto\" srcset=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/07\/Screenshot-2024-07-30-at-3.02.45\u202fPM.png 704w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/07\/Screenshot-2024-07-30-at-3.02.45\u202fPM-300x189.png 300w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/07\/Screenshot-2024-07-30-at-3.02.45\u202fPM-641x404.png 641w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/07\/Screenshot-2024-07-30-at-3.02.45\u202fPM-660x416.png 660w\" sizes=\"(max-width: 704px) 100vw, 704px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading body-text-heading\">Editing the Block<\/h2>\n\n\n\n<p class=\"wp-block-paragraph body-text\">Next, you can select the ratio of the block in the Inspector Panel.<\/p>\n\n\n<div class=\"gu-block gu-block-image\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"578\" height=\"936\" src=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/07\/Screenshot-2024-07-30-at-3.02.55\u202fPM.png\" alt=\"Style options for the Split Content block in the Inspector Panel\" class=\"wp-image-2758\" style=\"width:232px;height:auto\" srcset=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/07\/Screenshot-2024-07-30-at-3.02.55\u202fPM.png 578w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/07\/Screenshot-2024-07-30-at-3.02.55\u202fPM-185x300.png 185w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/07\/Screenshot-2024-07-30-at-3.02.55\u202fPM-249x404.png 249w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/07\/Screenshot-2024-07-30-at-3.02.55\u202fPM-499x808.png 499w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/07\/Screenshot-2024-07-30-at-3.02.55\u202fPM-306x495.png 306w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/07\/Screenshot-2024-07-30-at-3.02.55\u202fPM-271x439.png 271w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/07\/Screenshot-2024-07-30-at-3.02.55\u202fPM-543x879.png 543w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/07\/Screenshot-2024-07-30-at-3.02.55\u202fPM-463x750.png 463w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/07\/Screenshot-2024-07-30-at-3.02.55\u202fPM-412x667.png 412w\" sizes=\"(max-width: 578px) 100vw, 578px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph body-text\">Once you have created the &#8220;split content&#8221; you can add blocks to each area by selecting the individual area and adding blocks as you would normally do in the general editor.<\/p>\n\n\n<div class=\"gu-block gu-block-image\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"822\" height=\"248\" src=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/07\/Screenshot-2024-07-30-at-3.11.37\u202fPM.png\" alt=\"Select individual Split Content block and add blocks\" class=\"wp-image-2760\" style=\"width:367px;height:auto\" srcset=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/07\/Screenshot-2024-07-30-at-3.11.37\u202fPM.png 822w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/07\/Screenshot-2024-07-30-at-3.11.37\u202fPM-300x91.png 300w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/07\/Screenshot-2024-07-30-at-3.11.37\u202fPM-768x232.png 768w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/07\/Screenshot-2024-07-30-at-3.11.37\u202fPM-660x199.png 660w\" sizes=\"(max-width: 822px) 100vw, 822px\" \/><\/figure>\n<\/div>\n\n<div class=\"gu-block gu-container  gu-block-quick-links gu-block-full has-text-align-center     \"><div class=\"gu-block gu-container gu-container-inner gu-block-quick-links-inner gu-block-wide \"><nav class=\"gu-block-quick-links-nav gu-cards gu-sidebar\" aria-label=\"Quick Links\">\n\n    <p class=\"gu-block gu-paragraph body-text gu-block-quick-links-text gu-sidebar-aside\">Quick Links<\/p>\n<ol class=\"gu-block gu-list list-ordered gu-block-quick-links-list gu-cards-content gu-sidebar-main is-style-none \"><li class=\"list-item gu-block-quick-links-item gu-cards-card\"><a class=\"gu-link gu-block gu-block-link-cta gu-block-quick-links-link gu-block-link-cta-btn gu-block-link-cta-gray \" href=\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/design-and-layout\/split-content\/design-split-content\/\">Design: Split Content <\/a><\/li>\n<li class=\"list-item gu-block-quick-links-item gu-cards-card\"><a class=\"gu-link gu-block gu-block-link-cta gu-block-quick-links-link gu-block-link-cta-btn gu-block-link-cta-gray \" href=\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/design-and-layout\/\">More Design and Layout Blocks<\/a><\/li>\n<\/ol>\n<\/nav><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Adding the Block To add the Split Content block, click the \u201c+\u201d symbol and search for \u201cSplit Content.\u201d Then, select the Split Icon block icon. Editing the Block Next, you can select the ratio of the block in the Inspector Panel. Once you have created the &#8220;split content&#8221; you can add blocks to each area [&hellip;]<\/p>\n","protected":false},"author":1387,"featured_media":0,"parent":2726,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"page-chaptered.php","meta":{"gu_featured_image_display":true,"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-2749","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How To: Split Content - 1789 Handbook<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/design-and-layout\/split-content\/how-to-split-content\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To: Split Content - 1789 Handbook\" \/>\n<meta property=\"og:description\" content=\"Adding the Block To add the Split Content block, click the \u201c+\u201d symbol and search for \u201cSplit Content.\u201d Then, select the Split Icon block icon. Editing the Block Next, you can select the ratio of the block in the Inspector Panel. Once you have created the &#8220;split content&#8221; you can add blocks to each area [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/design-and-layout\/split-content\/how-to-split-content\/\" \/>\n<meta property=\"og:site_name\" content=\"1789 Handbook\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-19T20:17:45+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/design-and-layout\/split-content\/how-to-split-content\/\",\"url\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/design-and-layout\/split-content\/how-to-split-content\/\",\"name\":\"How To: Split Content - 1789 Handbook\",\"isPartOf\":{\"@id\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/#website\"},\"datePublished\":\"2024-07-30T18:54:07+00:00\",\"dateModified\":\"2024-08-19T20:17:45+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/design-and-layout\/split-content\/how-to-split-content\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/design-and-layout\/split-content\/how-to-split-content\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/design-and-layout\/split-content\/how-to-split-content\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Block Catalog\",\"item\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Design and Layout\",\"item\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/design-and-layout\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Split Content\",\"item\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/design-and-layout\/split-content\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"How To: Split Content\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/#website\",\"url\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/\",\"name\":\"1789 Handbook\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How To: Split Content - 1789 Handbook","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/design-and-layout\/split-content\/how-to-split-content\/","og_locale":"en_US","og_type":"article","og_title":"How To: Split Content - 1789 Handbook","og_description":"Adding the Block To add the Split Content block, click the \u201c+\u201d symbol and search for \u201cSplit Content.\u201d Then, select the Split Icon block icon. Editing the Block Next, you can select the ratio of the block in the Inspector Panel. Once you have created the &#8220;split content&#8221; you can add blocks to each area [&hellip;]","og_url":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/design-and-layout\/split-content\/how-to-split-content\/","og_site_name":"1789 Handbook","article_modified_time":"2024-08-19T20:17:45+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/design-and-layout\/split-content\/how-to-split-content\/","url":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/design-and-layout\/split-content\/how-to-split-content\/","name":"How To: Split Content - 1789 Handbook","isPartOf":{"@id":"https:\/\/sites.georgetown.edu\/1789-documentation\/#website"},"datePublished":"2024-07-30T18:54:07+00:00","dateModified":"2024-08-19T20:17:45+00:00","breadcrumb":{"@id":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/design-and-layout\/split-content\/how-to-split-content\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/design-and-layout\/split-content\/how-to-split-content\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/design-and-layout\/split-content\/how-to-split-content\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sites.georgetown.edu\/1789-documentation\/"},{"@type":"ListItem","position":2,"name":"Block Catalog","item":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/"},{"@type":"ListItem","position":3,"name":"Design and Layout","item":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/design-and-layout\/"},{"@type":"ListItem","position":4,"name":"Split Content","item":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/design-and-layout\/split-content\/"},{"@type":"ListItem","position":5,"name":"How To: Split Content"}]},{"@type":"WebSite","@id":"https:\/\/sites.georgetown.edu\/1789-documentation\/#website","url":"https:\/\/sites.georgetown.edu\/1789-documentation\/","name":"1789 Handbook","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sites.georgetown.edu\/1789-documentation\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/pages\/2749","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/users\/1387"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/comments?post=2749"}],"version-history":[{"count":4,"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/pages\/2749\/revisions"}],"predecessor-version":[{"id":3017,"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/pages\/2749\/revisions\/3017"}],"up":[{"embeddable":true,"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/pages\/2726"}],"wp:attachment":[{"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/media?parent=2749"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}