{"id":95,"date":"2020-07-13T11:42:09","date_gmt":"2020-07-13T11:42:09","guid":{"rendered":"https:\/\/learn.isms.ph\/howto\/?p=95"},"modified":"2020-07-13T11:42:09","modified_gmt":"2020-07-13T11:42:09","slug":"how-to-customize-your-introduction-section","status":"publish","type":"post","link":"https:\/\/learn.isms.ph\/howto\/how-to-customize-your-introduction-section\/","title":{"rendered":"How to customize your introduction section"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"515\" src=\"https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-25-1024x515.png\" alt=\"\" class=\"wp-image-104\" srcset=\"https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-25-1024x515.png 1024w, https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-25-300x151.png 300w, https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-25-768x386.png 768w, https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-25-1536x772.png 1536w, https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-25.png 1908w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>You&#8217;ll notice that above the first section, which is Nature of Mathematics, we have this blank area. That&#8217;s the<strong> introduction section. <\/strong><\/p>\n\n\n\n<p>This is what the students will first see when they log into your course. <\/p>\n\n\n\n<p>So I recommend that you take the time to set it up and customize it. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"183\" src=\"https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-26-1024x183.png\" alt=\"\" class=\"wp-image-105\" srcset=\"https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-26-1024x183.png 1024w, https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-26-300x54.png 300w, https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-26-768x137.png 768w, https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-26.png 1389w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"174\" src=\"https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-27-1024x174.png\" alt=\"\" class=\"wp-image-106\" srcset=\"https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-27-1024x174.png 1024w, https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-27-300x51.png 300w, https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-27-768x130.png 768w, https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-27.png 1414w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>This brings us to the page where we can customize it. Now, if we want to customize it the first thing we need to do is to click on the &#8220;custom&#8221; button. And now we can add a title in here. I&#8217;m going to title it, &#8220;Hi, I&#8217;m Ma&#8217;am Tania! I&#8217;ll be your math teacher for this semester&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"529\" src=\"https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-29-1024x529.png\" alt=\"\" class=\"wp-image-108\" srcset=\"https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-29-1024x529.png 1024w, https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-29-300x155.png 300w, https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-29-768x397.png 768w, https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-29-1536x793.png 1536w, https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-29.png 1865w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Now, down below we have this rich text editor where we can add in different things. Some things that I think are good to put in this introduction section include the title of the course. Perhaps you want to even leave a description. And I like to leave an image of myself so that students can familiarize themselves with what I look like. <\/p>\n\n\n\n<p>Right now I&#8217;m going to go in here and actually add an image. I&#8217;ll do that by using the rich text editor. I&#8217;ll click on image. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"642\" src=\"https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-30-1024x642.png\" alt=\"\" class=\"wp-image-109\" srcset=\"https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-30-1024x642.png 1024w, https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-30-300x188.png 300w, https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-30-768x481.png 768w, https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-30.png 1095w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>I&#8217;ll click on browse repositories<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"872\" height=\"258\" src=\"https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-32.png\" alt=\"\" class=\"wp-image-111\" srcset=\"https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-32.png 872w, https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-32-300x89.png 300w, https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-32-768x227.png 768w\" sizes=\"auto, (max-width: 872px) 100vw, 872px\" \/><\/figure>\n\n\n\n<p>Under upload a file. I&#8217;ll click browse.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"535\" height=\"571\" src=\"https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-34.png\" alt=\"\" class=\"wp-image-113\" srcset=\"https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-34.png 535w, https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-34-281x300.png 281w\" sizes=\"auto, (max-width: 535px) 100vw, 535px\" \/><\/figure>\n\n\n\n<p>I&#8217;m going to browse my computer. And here I have a picture of me. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"693\" src=\"https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-35-1024x693.png\" alt=\"\" class=\"wp-image-114\" srcset=\"https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-35-1024x693.png 1024w, https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-35-300x203.png 300w, https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-35-768x519.png 768w, https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-35.png 1143w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>We can see it loaded in here.  I&#8217;ll click on upload this file<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"841\" height=\"624\" src=\"https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-36.png\" alt=\"\" class=\"wp-image-115\" srcset=\"https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-36.png 841w, https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-36-300x223.png 300w, https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-36-768x570.png 768w\" sizes=\"auto, (max-width: 841px) 100vw, 841px\" \/><\/figure>\n\n\n\n<p>Down below, we can leave a description of it, &#8220;Image of your teacher, Ma&#8217;am Tania.&#8221; And then down below, it shows us the size. Now this is a gigantic size right now. So I&#8217;m going to change this. I&#8217;ll change it over here to 100 pixels. And then notice off to the right, if I keep auto-size checked it should automatically keep the ratio maintained. So I&#8217;ll click off of this. And you can see that it did change that to 100 to keep that ratio the same. We can align it where we want. I&#8217;ll keep it on the bottom. And then I&#8217;ll click on save image. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"934\" height=\"844\" src=\"https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-37.png\" alt=\"\" class=\"wp-image-116\" srcset=\"https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-37.png 934w, https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-37-300x271.png 300w, https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-37-768x694.png 768w\" sizes=\"auto, (max-width: 934px) 100vw, 934px\" \/><\/figure>\n\n\n\n<p>So like that I now have that image inside of here. When I&#8217;m done, I&#8217;m going to go down and click on save changes. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"545\" src=\"https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-39-1024x545.png\" alt=\"\" class=\"wp-image-118\" srcset=\"https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-39-1024x545.png 1024w, https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-39-300x160.png 300w, https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-39-768x409.png 768w, https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-39-1536x818.png 1536w, https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-39.png 1807w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>And like that, I have now customized my introduction section. I think this looks a lot better. One other important element in the introduction section is the announcements feature. But we&#8217;ll discuss this in another article right here. Take the time to set up this introduction section to help tie the course together and improve the user experience.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"518\" src=\"https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-40-1024x518.png\" alt=\"\" class=\"wp-image-119\" srcset=\"https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-40-1024x518.png 1024w, https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-40-300x152.png 300w, https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-40-768x388.png 768w, https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-40-1536x777.png 1536w, https:\/\/learn.isms.ph\/howto\/wp-content\/uploads\/2020\/07\/image-40.png 1908w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>You&#8217;ll notice that above the first section, which is Nature of Mathematics, we have this blank area. That&#8217;s the introduction section. This is what the students will first see when they log into your course. So I recommend that you take the time to set it up and customize it. This brings us to the [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-95","post","type-post","status-publish","format-standard","hentry","category-leaners"],"_links":{"self":[{"href":"https:\/\/learn.isms.ph\/howto\/wp-json\/wp\/v2\/posts\/95","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/learn.isms.ph\/howto\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/learn.isms.ph\/howto\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/learn.isms.ph\/howto\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/learn.isms.ph\/howto\/wp-json\/wp\/v2\/comments?post=95"}],"version-history":[{"count":1,"href":"https:\/\/learn.isms.ph\/howto\/wp-json\/wp\/v2\/posts\/95\/revisions"}],"predecessor-version":[{"id":120,"href":"https:\/\/learn.isms.ph\/howto\/wp-json\/wp\/v2\/posts\/95\/revisions\/120"}],"wp:attachment":[{"href":"https:\/\/learn.isms.ph\/howto\/wp-json\/wp\/v2\/media?parent=95"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/learn.isms.ph\/howto\/wp-json\/wp\/v2\/categories?post=95"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/learn.isms.ph\/howto\/wp-json\/wp\/v2\/tags?post=95"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}