{"id":719,"date":"2023-10-31T13:39:16","date_gmt":"2023-10-31T17:39:16","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?page_id=719"},"modified":"2024-09-18T20:31:29","modified_gmt":"2024-09-19T00:31:29","slug":"listing-block","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cutheme-docs\/advanced\/module-2-cards-listing-blocks\/listing-block\/","title":{"rendered":"Stacked Blocks"},"content":{"rendered":"\n
\n
\n\n
\n
\n
\n

\n Stacked Blocks\n <\/h1>\n \n \n \n\n\n

Module 2.2 \u2013 Advanced: Listing Blocks: Stacked<\/p>\n\n\n\n

\n
Examples: Stacked Listing Blocks<\/a><\/div>\n<\/div>\n\n\n\n <\/header>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n<\/section>\n\n\n\n\n
\n

\n Table of Contents\n <\/h2>\n
\n
\n \n
\n
\n \n 1.\n <\/span>\n\n \n News Listing Block – Example\n <\/a>\n <\/div>\n\n <\/div>\n \n
\n
\n \n 2.\n <\/span>\n\n \n Step-By-Step\n <\/a>\n <\/div>\n\n
\n \n
\n
\n \n 2.1\n <\/span>\n\n \n Add a Block\n <\/a>\n <\/div>\n\n <\/div>\n \n
\n
\n \n 2.2\n <\/span>\n\n \n News Options\n <\/a>\n <\/div>\n\n <\/div>\n \n
\n
\n \n 2.3\n <\/span>\n\n \n Event Options\n <\/a>\n <\/div>\n\n <\/div>\n \n
\n
\n \n 2.4\n <\/span>\n\n \n File Options\n <\/a>\n <\/div>\n\n <\/div>\n \n
\n
\n \n 2.5\n <\/span>\n\n \n Page Options\n <\/a>\n <\/div>\n\n <\/div>\n \n
\n
\n \n 2.6\n <\/span>\n\n \n People Options\n <\/a>\n <\/div>\n\n <\/div>\n \n
\n
\n \n 2.7\n <\/span>\n\n \n Descriptions\n <\/a>\n <\/div>\n\n <\/div>\n <\/div>\n\n <\/div>\n \n
\n
\n \n 3.\n <\/span>\n\n \n Video Tutorial\n <\/a>\n <\/div>\n\n <\/div>\n \n
\n
\n \n 4.\n <\/span>\n\n \n Try it Out!\n <\/a>\n <\/div>\n\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n\n\n

Listing blocks pull categorized content onto a page. Stacked<\/em><\/strong> listing blocks are formatted like a list (sequentially as a unit) vs. card blocks <\/a>which are formatted like individual cards.<\/p>\n\n\n\n

Six stacked listing blocks are available: Events, Files, News, Pages, People, and Descriptions.<\/p>\n\n\n\n

Follow along below to learn more about using a stacked listing block. I’ll focus on the News Listing block but the process is the same for all listing blocks:<\/p>\n\n\n\n

    \n
  1. Add a stacked listing block<\/li>\n\n\n\n
  2. Select Display Options (e.g., header, block background color, number columns)<\/li>\n\n\n\n
  3. Select Listing Options where applicable (e.g., show images, dates, excerpts)<\/li>\n\n\n\n
  4. Select Filter Options where applicable (e.g., number of posts, more button, categories)<\/li>\n<\/ol>\n\n\n\n

    Here is an example to give you an idea of what the news listing block looks like.<\/p>\n\n\n\n

    News Listing Block – Example<\/h2>\n\n\n\n \n\n\n\n\n \n\n\n\n
    \n
    \n\n \n \n