{"id":1409,"date":"2022-02-09T09:00:59","date_gmt":"2022-02-09T14:00:59","guid":{"rendered":"https:\/\/carleton.ca\/cms-help\/?page_id=1409"},"modified":"2022-03-03T09:23:56","modified_gmt":"2022-03-03T14:23:56","slug":"columns","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cms-help\/basic-training\/module-3-post-elements\/columns\/","title":{"rendered":"Columns"},"content":{"rendered":"<p>Columns are useful for displaying content on your page or post.<\/p>\n<p>Here are some <a href=\"https:\/\/carleton.ca\/cms-help\/basic-training\/module-3-post-elements\/columns\/sample-columns\/\">examples of columns<\/a>.<\/p>\n<h2>Step-by-Step<\/h2>\n<ol>\n<li>Select the column button as shown below<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-381 size-full\" src=\"http:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2016-07-06-at-2.48.14-PM.png\" sizes=\"(max-width: 738px) 100vw, 738px\" srcset=\"https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2016-07-06-at-2.48.14-PM.png 738w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2016-07-06-at-2.48.14-PM-160x30.png 160w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2016-07-06-at-2.48.14-PM-240x45.png 240w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2016-07-06-at-2.48.14-PM-400x75.png 400w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2016-07-06-at-2.48.14-PM-360x67.png 360w\" alt=\"Screen Shot 2016-07-06 at 2.48.14 PM\" width=\"738\" height=\"138\" \/><\/li>\n<li>Select whether you would like two or three columns from the drop-down menu.<\/li>\n<li>Click\u00a0<strong>OK<\/strong>.<\/li>\n<li>A few lines of shortcode will now appear in the editing box. Enter your content for the columns where prompted.<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-1483 size-large\" src=\"https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2022-02-10-at-3.23.10-PM-400x340.png\" alt=\"\" width=\"400\" height=\"340\" srcset=\"https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2022-02-10-at-3.23.10-PM-400x340.png 400w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2022-02-10-at-3.23.10-PM-240x204.png 240w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2022-02-10-at-3.23.10-PM-160x136.png 160w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2022-02-10-at-3.23.10-PM.png 708w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2022-02-10-at-3.23.10-PM-360x306.png 360w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/li>\n<li>Update the page.<\/li>\n<\/ol>\n<h3>Important Notes<\/h3>\n<ul>\n<li>Do not remove or modify the code, as the columns will not appear correctly<\/li>\n<\/ul>\n<h2>Video Tutorial<\/h2>\n<div class=\"content__video\"><iframe loading=\"lazy\" title=\"Module 3: Columns\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/mMT4SlNHeNI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n<h3>Transcript<\/h3>\n<div class=\"slideme\"><dl class=\"slideme__list\"><dt class=\"slideme__term\"><a href=\"#slideme-module-3-columns\" aria-expanded=\"false\" aria-controls=\"slideme-module-3-columns\" class=\"slideme__heading slideme__trigger\">Module 3: Columns<\/a><\/dt><dd class=\"slideme__description\" id=\"slideme-module-3-columns\" aria-hidden=\"true\"><p><\/p>\n<p>Hello and welcome back to Module 3 of the Basic CMS Training. This video is about columns.<\/p>\n<p>Columns are useful to display and organize content on your page. You can have two or three columns.<\/p>\n<p>To add columns, click the \u201cColumns\u201d button. You will be prompted to select the number of columns you want to display. Then click \u201cOK\u201d.<\/p>\n<p>A few lines of shortcode will now appear in the editing area. Insert your content where it says \u201cPlace your content for the column here\u201d.<\/p>\n<p>Do not remove or modify the code, as the columns will not appear correctly.<\/p>\n<p>Now, click \u201cPreview\u201d to see your columns on the front end.<\/p>\n<p><\/p><\/dd><dl><\/div>\n<h2>Try It Out!<\/h2>\n<p>Now that you have learned about columns, time to try it out!<\/p>\n<ol>\n<li>Create 2 or 3 columns on your page or post.<\/li>\n<li>Try adding different types of content: heading, image, lists, etc., and click &#8220;Preview&#8221; to see the result!<\/li>\n<\/ol>\n\n<div class=\"u-center-text\">\n\t<p>\n\t\t<a class=\"button__red button__red--solid\" href=\"https:\/\/carleton.ca\/cms-help\/basic-training\/module-3-post-elements\/slideme\/\"  rel=\"noopener noreferrer\">Next: Slideme<\/a>\n\t<\/p>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Columns are useful for displaying content on your page or post. Here are some examples of columns. Step-by-Step Select the column button as shown below Select whether you would like two or three columns from the drop-down menu. Click\u00a0OK. A few lines of shortcode will now appear in the editing box. Enter your content for [&hellip;]<\/p>\n","protected":false},"author":20,"featured_media":0,"parent":848,"menu_order":5,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"","_relevanssi_noindex_reason":"","_mi_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Columns - Carleton CMS Help Centre<\/title>\n<meta name=\"description\" content=\"Columns are useful for displaying content on your page or post. Here are some examples of columns. Step-by-Step Select the column button as shown below\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/carleton.ca\/cms-help\/basic-training\/module-3-post-elements\/columns\/\" \/>\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:\/\/carleton.ca\/cms-help\/basic-training\/module-3-post-elements\/columns\/\",\"url\":\"https:\/\/carleton.ca\/cms-help\/basic-training\/module-3-post-elements\/columns\/\",\"name\":\"Columns - Carleton CMS Help Centre\",\"isPartOf\":{\"@id\":\"https:\/\/carleton.ca\/cms-help\/#website\"},\"datePublished\":\"2022-02-09T14:00:59+00:00\",\"dateModified\":\"2022-03-03T14:23:56+00:00\",\"description\":\"Columns are useful for displaying content on your page or post. Here are some examples of columns. Step-by-Step Select the column button as shown below\",\"breadcrumb\":{\"@id\":\"https:\/\/carleton.ca\/cms-help\/basic-training\/module-3-post-elements\/columns\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/carleton.ca\/cms-help\/basic-training\/module-3-post-elements\/columns\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/carleton.ca\/cms-help\/basic-training\/module-3-post-elements\/columns\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/carleton.ca\/cms-help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Basic Training\",\"item\":\"https:\/\/carleton.ca\/cms-help\/basic-training\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Module 3: Post Elements\",\"item\":\"https:\/\/carleton.ca\/cms-help\/basic-training\/module-3-post-elements\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Columns\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/carleton.ca\/cms-help\/#website\",\"url\":\"https:\/\/carleton.ca\/cms-help\/\",\"name\":\"Carleton CMS Help Centre\",\"description\":\"Web Services - Carleton university\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/carleton.ca\/cms-help\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Columns - Carleton CMS Help Centre","description":"Columns are useful for displaying content on your page or post. Here are some examples of columns. Step-by-Step Select the column button as shown below","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:\/\/carleton.ca\/cms-help\/basic-training\/module-3-post-elements\/columns\/","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/carleton.ca\/cms-help\/basic-training\/module-3-post-elements\/columns\/","url":"https:\/\/carleton.ca\/cms-help\/basic-training\/module-3-post-elements\/columns\/","name":"Columns - Carleton CMS Help Centre","isPartOf":{"@id":"https:\/\/carleton.ca\/cms-help\/#website"},"datePublished":"2022-02-09T14:00:59+00:00","dateModified":"2022-03-03T14:23:56+00:00","description":"Columns are useful for displaying content on your page or post. Here are some examples of columns. Step-by-Step Select the column button as shown below","breadcrumb":{"@id":"https:\/\/carleton.ca\/cms-help\/basic-training\/module-3-post-elements\/columns\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/carleton.ca\/cms-help\/basic-training\/module-3-post-elements\/columns\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/carleton.ca\/cms-help\/basic-training\/module-3-post-elements\/columns\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/carleton.ca\/cms-help\/"},{"@type":"ListItem","position":2,"name":"Basic Training","item":"https:\/\/carleton.ca\/cms-help\/basic-training\/"},{"@type":"ListItem","position":3,"name":"Module 3: Post Elements","item":"https:\/\/carleton.ca\/cms-help\/basic-training\/module-3-post-elements\/"},{"@type":"ListItem","position":4,"name":"Columns"}]},{"@type":"WebSite","@id":"https:\/\/carleton.ca\/cms-help\/#website","url":"https:\/\/carleton.ca\/cms-help\/","name":"Carleton CMS Help Centre","description":"Web Services - Carleton university","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/carleton.ca\/cms-help\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"acf":{"banner_image_type":null,"banner_uploaded_image":null,"banner_hosted_image":null,"banner_opacity":null,"banner_button":null,"banner_buttons":null},"_links":{"self":[{"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/pages\/1409"}],"collection":[{"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/comments?post=1409"}],"version-history":[{"count":3,"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/pages\/1409\/revisions"}],"predecessor-version":[{"id":1485,"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/pages\/1409\/revisions\/1485"}],"up":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/pages\/848"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/media?parent=1409"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}