  {"id":3913,"date":"2024-06-18T10:19:10","date_gmt":"2024-06-18T14:19:10","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?p=3913"},"modified":"2024-06-18T10:30:52","modified_gmt":"2024-06-18T14:30:52","slug":"how-to-structure-engaging-news-posts-in-cutheme","status":"publish","type":"post","link":"https:\/\/carleton.ca\/cutheme-docs\/2024\/how-to-structure-engaging-news-posts-in-cutheme\/","title":{"rendered":"How to Structure Engaging News Posts in cuTheme"},"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                        How to Structure Engaging News Posts in cuTheme\n                    <\/h1>\n                \n                                \n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<p>Welcome to the exciting world of cuTheme! If you\u2019re used to our ccms theme (in classic WordPress), you\u2019ll find that cuTheme opens up a whole new universe of possibilities. <\/p>\n\n\n\n<p>This tutorial will explore how to structure your news posts using blocks. This can make your content more engaging and visually appealing.<\/p>\n\n\n\n\n<div class=\"w-full max-w-xl mx-auto overflow-hidden bg-white rounded-lg shadow-lg cu-stackedlist cu-component not-contained not-prose\">\n    <h2 class=\"px-6 py-4 text-base font-semibold border-b rounded-t-lg md:text-xl bg-gray-50 text-cu-black-800\">\n        Table of Contents\n    <\/h2>\n    <div class=\"grid cu-scrollto cu-stackedlist--toc cu-stackedlist--1 md:grid-cols-1\">\n            <div class=\"space-y-1\">\n                    \n            <div class=\"pl-4 text-cu-red-700\">\n                <div class=\"flex gap-2 pb-3 text-base md:text-lg\">\n                    <span class=\"font-light text-cu-black-700\">\n                        1.\n                    <\/span>\n\n                    <a href=\"#start-with-a-solid-foundation\" class=\"font-medium hover:underline\">\n                        Start with a Solid Foundation\n                    <\/a>\n                <\/div>\n\n                            <\/div>\n                    \n            <div class=\"pl-4 text-cu-red-700\">\n                <div class=\"flex gap-2 pb-3 text-base md:text-lg\">\n                    <span class=\"font-light text-cu-black-700\">\n                        2.\n                    <\/span>\n\n                    <a href=\"#the-power-of-paragraph-blocks\" class=\"font-medium hover:underline\">\n                        The Power of Paragraph Blocks\n                    <\/a>\n                <\/div>\n\n                            <\/div>\n                    \n            <div class=\"pl-4 text-cu-red-700\">\n                <div class=\"flex gap-2 pb-3 text-base md:text-lg\">\n                    <span class=\"font-light text-cu-black-700\">\n                        3.\n                    <\/span>\n\n                    <a href=\"#heading-blocks-for-structure\" class=\"font-medium hover:underline\">\n                        Heading Blocks for Structure\n                    <\/a>\n                <\/div>\n\n                            <\/div>\n                    \n            <div class=\"pl-4 text-cu-red-700\">\n                <div class=\"flex gap-2 pb-3 text-base md:text-lg\">\n                    <span class=\"font-light text-cu-black-700\">\n                        4.\n                    <\/span>\n\n                    <a href=\"#image-blocks-a-picture-is-worth-a-thousand-words\" class=\"font-medium hover:underline\">\n                        Image Blocks: A Picture Is Worth a Thousand Words\n                    <\/a>\n                <\/div>\n\n                            <\/div>\n                    \n            <div class=\"pl-4 text-cu-red-700\">\n                <div class=\"flex gap-2 pb-3 text-base md:text-lg\">\n                    <span class=\"font-light text-cu-black-700\">\n                        5.\n                    <\/span>\n\n                    <a href=\"#quote-blocks-highlight-key-points\" class=\"font-medium hover:underline\">\n                        Quote Blocks: Highlight Key Points\n                    <\/a>\n                <\/div>\n\n                            <\/div>\n                    \n            <div class=\"pl-4 text-cu-red-700\">\n                <div class=\"flex gap-2 pb-3 text-base md:text-lg\">\n                    <span class=\"font-light text-cu-black-700\">\n                        6.\n                    <\/span>\n\n                    <a href=\"#list-blocks-organize-information\" class=\"font-medium hover:underline\">\n                        List Blocks: Organize Information\n                    <\/a>\n                <\/div>\n\n                            <\/div>\n                    \n            <div class=\"pl-4 text-cu-red-700\">\n                <div class=\"flex gap-2 pb-3 text-base md:text-lg\">\n                    <span class=\"font-light text-cu-black-700\">\n                        7.\n                    <\/span>\n\n                    <a href=\"#custom-blocks-get-creative\" class=\"font-medium hover:underline\">\n                        Custom Blocks: Get Creative\n                    <\/a>\n                <\/div>\n\n                            <\/div>\n            <\/div>\n\n    <\/div>\n<\/div>\n\n\n\n<h2 id=\"start-with-a-solid-foundation\" class=\"wp-block-heading\">Start with a Solid Foundation<\/h2>\n\n\n\n<p>Before diving into the details, let\u2019s set the stage. When creating a new blog post, think about the overall structure. Here\u2019s a simple framework:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Introduction<\/strong>: Hook your readers with a compelling opening paragraph.<\/li>\n\n\n\n<li><strong>Main Content<\/strong>: Break down your topic into logical sections.<\/li>\n\n\n\n<li><strong>Conclusion<\/strong>: Summarize your key points and encourage action (e.g., going to another page or signing up for something).<\/li>\n<\/ul>\n\n\n\n<h2 id=\"the-power-of-paragraph-blocks\" class=\"wp-block-heading\">The Power of Paragraph Blocks<\/h2>\n\n\n\n<p>The <a href=\"https:\/\/carleton.ca\/cutheme-docs\/getting-started\/module-3-basic-building-blocks\/module-3-basic-building-blocks\/paragraph\/\">paragraph block<\/a> is your best friend. Use it for regular text, explanations, and storytelling. Remember to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Keep paragraphs concise (2-3 sentences).<\/li>\n\n\n\n<li>Use headings and subheadings (heading blocks) to break up long text.<\/li>\n\n\n\n<li>Add emphasis with bold or italic formatting.<\/li>\n<\/ul>\n\n\n\n<h2 id=\"heading-blocks-for-structure\" class=\"wp-block-heading\">Heading Blocks for Structure<\/h2>\n\n\n\n<p><a href=\"https:\/\/carleton.ca\/cutheme-docs\/getting-started\/module-3-basic-building-blocks\/module-3-basic-building-blocks\/heading\/\">Heading blocks<\/a> (H2, H3, etc.) organize your content hierarchy. They make it accessible and easier to read for everyone. Here\u2019s how to use them effectively:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>H1 (Main Title)<\/strong>: Your blog post title. Make it attention-grabbing!<\/li>\n\n\n\n<li><strong>H2 (Subheadings)<\/strong>: Divide your content into sections. Use descriptive subheadings.<\/li>\n\n\n\n<li><strong>H3 (Sub-subheadings)<\/strong>: Further break down complex topics.<\/li>\n<\/ul>\n\n\n\n<h2 id=\"image-blocks-a-picture-is-worth-a-thousand-words\" class=\"wp-block-heading\">Image Blocks: A Picture Is Worth a Thousand Words<\/h2>\n\n\n\n<p>Visuals enhance readability. Insert<a href=\"https:\/\/carleton.ca\/cutheme-docs\/getting-started\/module-3-basic-building-blocks\/basic-image-blocks\/image\/\"> image blocks<\/a> to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Illustrate concepts.<\/li>\n\n\n\n<li>Break up text-heavy sections.<\/li>\n\n\n\n<li>Add personality to your post.<\/li>\n<\/ul>\n\n\n\n<p>Remember to add alt tags to your images to make them accessible.<\/p>\n\n\n\n<h2 id=\"quote-blocks-highlight-key-points\" class=\"wp-block-heading\">Quote Blocks: Highlight Key Points<\/h2>\n\n\n\n<p>Quotes add credibility and emphasize important points. Use <a href=\"https:\/\/carleton.ca\/cutheme-docs\/mastery\/module-1-text-block-mastery\/quote\/\">quote blocks<\/a> for:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Pulling out memorable phrases.<\/li>\n\n\n\n<li>Citing experts or sources.<\/li>\n\n\n\n<li>Creating visual interest.<\/li>\n<\/ul>\n\n\n\n<h2 id=\"list-blocks-organize-information\" class=\"wp-block-heading\">List Blocks: Organize Information<\/h2>\n\n\n\n<p><a href=\"https:\/\/carleton.ca\/cutheme-docs\/getting-started\/module-3-basic-building-blocks\/module-3-basic-building-blocks\/list\/\">Lists<\/a> keep readers engaged. Use:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Bullet Lists<\/strong>: For quick points.<\/li>\n\n\n\n<li><strong>Numbered Lists<\/strong>: For step-by-step instructions.<\/li>\n<\/ul>\n\n\n\n<h2 id=\"custom-blocks-get-creative\" class=\"wp-block-heading\">Custom Blocks: Get Creative<\/h2>\n\n\n\n<p>cuTheme offers custom blocks for specific content types:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Table of Contents<\/strong>: Automatically generate a <a href=\"https:\/\/carleton.ca\/cutheme-docs\/block-library\/design-blocks\/table-of-contents-block\/\">table of contents<\/a> based on headings.<\/li>\n\n\n\n<li><strong>Buttons<\/strong>: Create call-to-action <a href=\"https:\/\/carleton.ca\/cutheme-docs\/mastery\/module-2-design-block-mastery\/button\/\">buttons<\/a>.<\/li>\n\n\n\n<li><strong>Embeds<\/strong>: Add YouTube <a href=\"https:\/\/carleton.ca\/cutheme-docs\/mastery\/module-4-embed-blocks\/video-embeds\/\">videos<\/a> to your posts.<\/li>\n<\/ul>\n\n\n\n<p>cuTheme empowers you to structure blog posts like a pro. Experiment, play with blocks, and find your unique style!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Welcome to the exciting world of cuTheme! If you\u2019re used to our ccms theme (in classic WordPress), you\u2019ll find that cuTheme opens up a whole new universe of possibilities. This tutorial will explore how to structure your news posts using blocks. This can make your content more engaging and visually appealing. Start with a Solid [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[36,25,44],"tags":[],"class_list":["post-3913","post","type-post","status-publish","format-standard","hentry","category-blocks","category-tips-tricks","category-writing-for-the-web"],"acf":{"cu_post_thumbnail":""},"_links":{"self":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/posts\/3913","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/comments?post=3913"}],"version-history":[{"count":5,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/posts\/3913\/revisions"}],"predecessor-version":[{"id":3950,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/posts\/3913\/revisions\/3950"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/media?parent=3913"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/categories?post=3913"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/tags?post=3913"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}