  {"id":187,"date":"2023-10-20T15:19:09","date_gmt":"2023-10-20T19:19:09","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?page_id=187"},"modified":"2024-09-18T20:31:34","modified_gmt":"2024-09-19T00:31:34","slug":"basic-text-editing","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cutheme-docs\/getting-started\/module-1-editing-essentials\/basic-text-editing\/","title":{"rendered":"Basic Text Editing"},"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                        Basic Text Editing\n                    <\/h1>\n                \n                                \n                                    \n\n\n<p>Module 1.5 \u2013 Getting Started: Editing Essentials: Text Editing<\/p>\n\n\n\n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\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=\"#step-by-step\" class=\"font-medium hover:underline\">\n                        Step-By-Step\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=\"#video-tutorial\" class=\"font-medium hover:underline\">\n                        Video Tutorial\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=\"#try-it-out\" class=\"font-medium hover:underline\">\n                        Try it Out!\n                    <\/a>\n                <\/div>\n\n                            <\/div>\n            <\/div>\n\n    <\/div>\n<\/div>\n\n\n\n<p>Basic text editing involves a variety of options that you may be familiar with from using word processing programs. Using the text editing toolbar, you are able to move or change the block you&#8217;re editing, alter text alignment, add hyperlinks, and more!<\/p>\n\n\n\n<h2 id=\"step-by-step\" class=\"wp-block-heading\">Step-By-Step<\/h2>\n\n\n\n<p>While editing a &#8220;Page&#8221; or &#8220;Post&#8221;, click on the empty block and begin typing.<\/p>\n\n\n\n<p>Once you&#8217;ve typed in some text, a menu will appear above the text, with several text editing options on it.<\/p>\n\n\n\n<p>Text Edit Options<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"398\" height=\"59\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/CleanShot-2023-10-20-at-15.11.52.png\" alt=\"\" class=\"wp-image-188\" style=\"width:368px;height:55px\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/CleanShot-2023-10-20-at-15.11.52.png 398w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/CleanShot-2023-10-20-at-15.11.52-320x47.png 320w\" sizes=\"auto, (max-width: 398px) 100vw, 398px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>This indicates what type of block you&#8217;re using. It will have the icon of that block visible, and clicking on it will provide a list of other blocks you can convert your content into.<\/li>\n\n\n\n<li>Next are the&nbsp;<strong>up<\/strong>&nbsp;and&nbsp;<strong>down<\/strong>&nbsp;arrows. Clicking on either of these buttons will move the text block up or down one space. <\/li>\n\n\n\n<li>The next button, which has three horizontal stripes, allows you to change the text alignment. Clicking on it will give you the option to align your text to the left, center, or right.<\/li>\n\n\n\n<li>Next up are &#8220;<strong>B<\/strong>&#8221; for making the text bold, and <\/li>\n\n\n\n<li>&#8220;<em>I<\/em>&#8221; for italicizing the text. <\/li>\n\n\n\n<li>The next button is for creating a hyperlink. To add a hyperlink, highlight some text and click on the hyperlink button. You will then have the option to add the URL and decide if you want the link to open in a new tab or not.<\/li>\n\n\n\n<li>The down arrow allows you to select further formatting options such as strikethrough.<\/li>\n\n\n\n<li>At the far right is an icon of three dots. Click to view block settings such as copy, duplicate, and delete.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"260\" height=\"403\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/CleanShot-2023-10-20-at-15.17.02.png\" alt=\"\" class=\"wp-image-189\" style=\"width:248px;height:384px\"\/><\/figure>\n\n\n\n<h2 id=\"video-tutorial\" class=\"wp-block-heading\">Video Tutorial<\/h2>\n\n\n\n<div class=\"cu-section cu-section-5xl not-contained  cu-prose cu-prose-dark\"><figure class=\"cu-embed cu-component not-contained mx-auto max-w-5xl\"><div class=\"relative w-full pb-[56.25%] overflow-hidden border border-cu-black-100\"><iframe title=\"Videos Embed\" src=\"https:\/\/www.youtube.com\/embed\/1wWDNf9-sD0\" class=\"cu-embed-iframe\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe><\/div><\/figure><\/div>\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-basic-text-editing\">\n                <span class=\"flex-1 ml-auto text-left break-words whitespace-normal cu-icon\">\n                    Transcript \u2013 Basic Text Editing\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-basic-text-editing\">\n            \n\n<p>Welcome to the final video of getting started with cuTheme module one. This video is going to introduce you to working with text on our new theme.<\/p>\n\n\n\n<p>We\u2019ll go over the basics of making edits to a page that already exists. Once you have logged into your site, navigate to the page where you\u2019d like to make changes. and then click&nbsp;<strong>Edit Page<\/strong>&nbsp;at the top.<\/p>\n\n\n\n<p>Click your cursor inside of a paragraph block, and you\u2019ll see a menu appear above the text.<\/p>\n\n\n\n<p>The first icon indicates what type of block you\u2019re using. It will have the icon of the current block and if you click on that, you can see a list of the other kinds of blocks that you can convert to.<\/p>\n\n\n\n<p>Next, the up and down arrows allow you to move the block up and down throughout your page.<\/p>\n\n\n\n<p>The rest of the menu has a lot of the basic text formatting options that you\u2019re familiar and used to seeing in other word processing platforms.<\/p>\n\n\n\n<p>For example, the next icon allows you to align your text left, center or to the right.<\/p>\n\n\n\n<p>Highlight text and then click the&nbsp;<strong>B<\/strong>&nbsp;to bold or the&nbsp;<em><strong>I<\/strong><\/em><strong><em>&nbsp;<\/em><\/strong>icon to italicize the Text.<\/p>\n\n\n\n<p>The chain icon allows you to create hyperlinks. Highlight the text that you\u2019d like to use as the anchor. Click on the chain and then you can paste in the URL or start typing the name of a page from your website and it will appear for you to select.<\/p>\n\n\n\n<p>Click the drop-down menu to find other options such as strikethrough.<\/p>\n\n\n\n<p>And at the far right, you\u2019ll notice the three dots. Click on these to view block settings such as&nbsp;<strong>copy<\/strong>&nbsp;and&nbsp;<strong>duplicate.<\/strong><\/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>Now that you have learned basic text editing, it&#8217;s time to try it out!<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Type in some text in a blank\/paragraph block.<\/li>\n\n\n\n<li>Bold the text, italicize the text, and then add a hyperlink to the text.<\/li>\n\n\n\n<li>Add another paragraph block. Transform it into a heading.<\/li>\n\n\n\n<li>Move the heading block above the paragraph block.<\/li>\n\n\n\n<li>Delete the paragraph block.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/carleton.ca\/cutheme-docs\/getting-started\/module-2-content-essentials\/\">Next: Module 2 &#8211; Content Essentials<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Basic text editing involves a variety of options that you may be familiar with from using word processing programs. Using the text editing toolbar, you are able to move or change the block you&#8217;re editing, alter text alignment, add hyperlinks, and more! Step-By-Step While editing a &#8220;Page&#8221; or &#8220;Post&#8221;, click on the empty block and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":74,"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":[11],"class_list":["post-187","page","type-page","status-publish","hentry","cu_page_type-general"],"acf":{"cu_post_thumbnail":false},"_links":{"self":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/187","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=187"}],"version-history":[{"count":5,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/187\/revisions"}],"predecessor-version":[{"id":4324,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/187\/revisions\/4324"}],"up":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/74"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/media?parent=187"}],"wp:term":[{"taxonomy":"cu_page_type","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/cu_page_type?post=187"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}