  {"id":352,"date":"2023-10-24T13:30:24","date_gmt":"2023-10-24T17:30:24","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?page_id=352"},"modified":"2026-08-10T20:06:20","modified_gmt":"2026-08-11T00:06:20","slug":"list","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cutheme-docs\/basic-training\/basic-training-module-3-essential-blocks\/list\/","title":{"rendered":"List"},"content":{"rendered":"\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n            <div class=\"cu-textmedia flex flex-col lg:flex-row mx-auto gap-6 md:gap-10 my-6 md:my-12 first:mt-0 max-w-5xl\">\n        <div class=\"justify-start cu-textmedia-content cu-prose-first-last\" style=\"flex: 0 0 100%;\">\n            <header class=\"font-light prose-xl cu-pageheader md:prose-2xl cu-component-updated cu-prose-first-last\">\n                                    <h1 class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px text-3xl md:text-4xl lg:text-5xl lg:leading-[3.5rem] pb-5 after:w-10 text-cu-black-700 not-prose\">\n                        List\n                    <\/h1>\n                \n                                \n                                    \n\n<p class=\"wp-block-paragraph\">Basic Training Module 3: Essential Blocks<\/p>\n\n\n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<p class=\"wp-block-paragraph\">The List block is used to present information in a clear, organized format. Lists help break up large amounts of text and make content easier to read and scan.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lists are commonly used for:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Step-by-step instructions<\/li>\n\n\n\n<li>Key points or highlights<\/li>\n\n\n\n<li>Requirements and criteria<\/li>\n\n\n\n<li>Benefits or features<\/li>\n\n\n\n<li>Contact information<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Using lists appropriately can improve readability and make important information easier for visitors to find.<\/p>\n\n\n\n<h2 id=\"when-to-use-a-list-block\" class=\"wp-block-heading\">When to Use a List Block<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Use a List block when information can be presented as a collection of related items.<\/p>\n\n\n\n<h3 id=\"unordered-lists\" class=\"wp-block-heading\">Unordered Lists<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Unordered lists use bullets and are best used when the order of items is not important.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Example:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Program information<\/li>\n\n\n\n<li>Admission requirements<\/li>\n\n\n\n<li>Tuition and fees<\/li>\n\n\n\n<li>Contact information<\/li>\n<\/ul>\n\n\n\n<h3 id=\"ordered-lists\" class=\"wp-block-heading\">Ordered Lists<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Ordered lists use numbers and are best used when items must be completed in a specific order.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Example:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Log in to your website.<\/li>\n\n\n\n<li>Create a new page.<\/li>\n\n\n\n<li>Add content.<\/li>\n\n\n\n<li>Publish the page.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Use numbered lists whenever the sequence of steps matters.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-outline is-style-outline--1\"><img loading=\"lazy\" decoding=\"async\" width=\"1190\" height=\"700\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/08\/list-block.png\" alt=\"A selected list block in the content editing area.\" class=\"wp-image-5338\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/08\/list-block.png 1190w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/08\/list-block-512x301.png 512w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/08\/list-block-1024x602.png 1024w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/08\/list-block-320x188.png 320w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/08\/list-block-768x452.png 768w\" sizes=\"auto, (max-width: 1190px) 100vw, 1190px\" \/><\/figure>\n\n\n\n<h2 id=\"adding-a-list-block\" class=\"wp-block-heading\">Adding a List Block<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To add a List block:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click the <strong>+<\/strong> button and search for <strong>List<\/strong>.<\/li>\n\n\n\n<li>Select the List block.<\/li>\n\n\n\n<li>Choose whether you want a bulleted list or a numbered list.<\/li>\n\n\n\n<li>Begin entering your items.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Press <strong>Enter<\/strong> to add a new list item.<\/p>\n\n\n\n<h2 id=\"nested-lists\" class=\"wp-block-heading\">Nested Lists<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Lists can contain sub-items to help organize information further.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For example:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Undergraduate Programs\n<ul class=\"wp-block-list\">\n<li>Bachelor of Arts<\/li>\n\n\n\n<li>Bachelor of Science<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Graduate Programs\n<ul class=\"wp-block-list\">\n<li>Master&#8217;s Programs<\/li>\n\n\n\n<li>Doctoral Programs<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Nested lists can help represent hierarchy and relationships between items.<\/p>\n\n\n\n<h2 id=\"list-settings\" class=\"wp-block-heading\">List Settings<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">When a List block is selected, additional settings may be available.<\/p>\n\n\n\n<h3 id=\"change-list-type\" class=\"wp-block-heading\">Change List Type<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Switch between:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Bulleted lists<\/li>\n\n\n\n<li>Numbered lists<\/li>\n<\/ul>\n\n\n\n<h3 id=\"starting-number\" class=\"wp-block-heading\">Starting Number<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">For numbered lists, you can choose a custom starting value.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Example:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Step Five<\/li>\n\n\n\n<li>Step Six<\/li>\n\n\n\n<li>Step Seven<\/li>\n<\/ol>\n\n\n\n<h3 id=\"reverse-numbering\" class=\"wp-block-heading\">Reverse Numbering<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Numbered lists can also be displayed in reverse order when needed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Example:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>First Step<\/li>\n\n\n\n<li>Final Step<\/li>\n\n\n\n<li>Second Step<\/li>\n<\/ul>\n\n\n\n<h2 id=\"best-practices\" class=\"wp-block-heading\">Best Practices<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong class=\"myprefix-text-bold\">Use Lists to Improve Readability<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Lists make content easier to scan than long paragraphs.<\/li>\n\n\n\n<li>Whenever several related points appear together, consider using a list.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong class=\"myprefix-text-bold\">Choose the Right List Type<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Use:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Bulleted lists for related information<\/li>\n\n\n\n<li>Numbered lists for instructions and processes<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong class=\"myprefix-text-bold\">Keep List Items Consistent<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Try to keep list items similar in length and structure.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Good Example:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Create a page<\/li>\n\n\n\n<li>Add content<\/li>\n\n\n\n<li>Publish your changes<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Less Effective Example<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Create a page<\/li>\n\n\n\n<li>Add content using several different blocks and settings while considering visual design<\/li>\n\n\n\n<li>Publish<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong class=\"myprefix-text-bold\">Avoid Overusing Lists<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Not every section needs to be a list. Use lists when they make information clearer, not simply to break up content.<\/p>\n\n\n\n<figure class=\"wp-block-embed alignwide is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio w-screen ml-offset-center cu-max-w-child-7xl px-4 md:px-6 lg:px-12\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Getting Started with cutheme - List Block\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/Hjr3f8FlMx0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n        \n    \n    <dl class=\"cu-description cu-component-updated\">\n        \n    <div class=\"grid pt-4 pb-3 border-b accordion border-cu-black-100 md:pt-6 md:pb-5 first:border-t\">\n        <dt class=\"font-semibold not-prose\">\n            <button class=\"flex items-center justify-between w-full text-left accordion__button\" aria-expanded=\"false\" aria-controls=\"accordion-transcript-list-block\">\n                <span class=\"flex-1 ml-auto text-left break-words whitespace-normal cu-icon\">\n                    Transcript \u2013 List Block\n                <\/span>\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\" class=\"w-5 h-5 ml-auto transition-transform rotate-0 accordion__icon text-cu-black-500\">\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8.25 4.5l7.5 7.5-7.5 7.5\"><\/path>\n                <\/svg>\n            <\/button>\n        <\/dt>\n        <dd class=\"p-0 mt-0 cu-prose cu-prose-first-last accordion__content md:p-0 md:mt-0\" hidden=\"\" id=\"accordion-transcript-list-block\">\n            \n\n<p class=\"wp-block-paragraph\">Welcome to getting started with cutheme, module 3. This video is going to explain how to use the list block.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Let\u2019s go ahead and add a list block.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The function of the list block is to create a bulleted or numbered list. You can switch between bullets and numbers by clicking on these buttons at the top. Unordered lists use bullets whereas ordered lists use numbers.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pressing enter will automatically add a new item to the list and take you to the next line.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you highlight an item, you can increase or decrease the indent by clicking on this icon right here.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In the block options menu, you have the option to change the start value if you\u2019re using an ordered list. This is really helpful if you\u2019re splitting up a list using columns and you want to continue the list in the second column.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lastly, you can reverse the order of the list by clicking on this button.<\/p>\n\n\n        <\/dd>\n    <\/div>\n\n\n    <\/dl>\n\n\n    <\/div>\n<\/section>\n\n\n\n<h2 id=\"try-it-out\" class=\"wp-block-heading\">Try It Out<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Practice using the List block.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Add a List block to a page.<\/li>\n\n\n\n<li>Create a bulleted list with at least four items.<\/li>\n\n\n\n<li>Convert the list to a numbered list.<\/li>\n\n\n\n<li>Add a nested list item.<\/li>\n\n\n\n<li>Experiment with the starting number option.<\/li>\n\n\n\n<li>Try reversing the numbering order.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to create bulleted and numbered lists to organize content and improve readability.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":82,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_cu_dining_location_slug":"","footnotes":"","_links_to":"","_links_to_target":""},"cu_page_type":[65],"class_list":["post-352","page","type-page","status-publish","hentry","cu_page_type-basic-training-module-3"],"acf":{"cu_post_thumbnail":""},"_links":{"self":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/352","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/comments?post=352"}],"version-history":[{"count":5,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/352\/revisions"}],"predecessor-version":[{"id":4309,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/352\/revisions\/4309"}],"up":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/82"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/media?parent=352"}],"wp:term":[{"taxonomy":"cu_page_type","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/cu_page_type?post=352"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}