1 00:00:04,040 --> 00:00:05,160 [Autogenerated] Hi. In this lesson, we're 2 00:00:05,160 --> 00:00:07,270 gonna take a look at changing the layout 3 00:00:07,270 --> 00:00:09,730 of the web parts for our communication 4 00:00:09,730 --> 00:00:11,970 sites. We're gonna start with our topic 5 00:00:11,970 --> 00:00:15,560 site, which was new employees. And this is 6 00:00:15,560 --> 00:00:17,360 the default layout. This is exactly what 7 00:00:17,360 --> 00:00:19,270 it looks like when we created it. From the 8 00:00:19,270 --> 00:00:22,520 template, we have our hero web part here. 9 00:00:22,520 --> 00:00:25,580 We have the news events and documents. 10 00:00:25,580 --> 00:00:28,660 Now, whenever we wanna edit anything on 11 00:00:28,660 --> 00:00:31,020 this page, we go ahead and click on the 12 00:00:31,020 --> 00:00:32,550 edit button, which is over here to the 13 00:00:32,550 --> 00:00:36,010 right UI. Click there, and it doesn't look 14 00:00:36,010 --> 00:00:38,040 like much happened. But notice we now have 15 00:00:38,040 --> 00:00:41,000 this gray bar on the left. If I click on 16 00:00:41,000 --> 00:00:45,180 it, I get a toolbar when I click on this 17 00:00:45,180 --> 00:00:47,160 first. But in here, it says, edits 18 00:00:47,160 --> 00:00:50,250 section. This is editing that. This 19 00:00:50,250 --> 00:00:54,030 section off the page. That's not what I'm 20 00:00:54,030 --> 00:00:56,510 looking for. In fact, if I click on it, I 21 00:00:56,510 --> 00:00:59,410 can change the layout off the section. But 22 00:00:59,410 --> 00:01:02,060 see if I go ahead and change any of these. 23 00:01:02,060 --> 00:01:04,290 It's gonna alter the way this looks for my 24 00:01:04,290 --> 00:01:06,770 communication site. So this isn't what I'm 25 00:01:06,770 --> 00:01:09,820 gonna do? I'm gonna close that I wanna 26 00:01:09,820 --> 00:01:12,760 simply change the layout of this web part, 27 00:01:12,760 --> 00:01:15,310 so I have to click on the web part if I 28 00:01:15,310 --> 00:01:18,120 click on the picture, notice that I now 29 00:01:18,120 --> 00:01:20,180 have a different tool bar and the 30 00:01:20,180 --> 00:01:22,850 first-one the little pencil says Edit web 31 00:01:22,850 --> 00:01:26,210 part. If I click there now, I can change 32 00:01:26,210 --> 00:01:29,190 the layout of my hero web part, which is 33 00:01:29,190 --> 00:01:33,940 what this is. I can change it to one tile 34 00:01:33,940 --> 00:01:37,850 23 four or the original five. Now I'm 35 00:01:37,850 --> 00:01:41,980 going to switch it to four, and I'm going 36 00:01:41,980 --> 00:01:44,960 to close that, and I'm gonna scroll down 37 00:01:44,960 --> 00:01:46,940 to the news part now all of the other web 38 00:01:46,940 --> 00:01:49,530 parts. It's the same thing. If I simply 39 00:01:49,530 --> 00:01:53,200 click on the web part and click on Edit 40 00:01:53,200 --> 00:02:06,730 web part, I can change that layout. Same 41 00:02:06,730 --> 00:02:10,690 here with events. If I click there who got 42 00:02:10,690 --> 00:02:14,650 compact or filmstrip, I'm going to change 43 00:02:14,650 --> 00:02:18,780 it to film, strip and document library. 44 00:02:18,780 --> 00:02:21,090 The document web part as well. Highlighted 45 00:02:21,090 --> 00:02:26,390 content again. Grid list, carousel, 46 00:02:26,390 --> 00:02:32,110 filmstrip. Whatever you want. I'm gonna 47 00:02:32,110 --> 00:02:37,680 leave IT at grid. Now Let's republish our 48 00:02:37,680 --> 00:02:40,500 page and let's go ahead and let's take a 49 00:02:40,500 --> 00:02:44,120 look at our showcase site, which is the 50 00:02:44,120 --> 00:02:46,880 training site. And again it's pretty much 51 00:02:46,880 --> 00:02:49,270 exactly the same. You click on the edit 52 00:02:49,270 --> 00:02:54,240 button, click on the image and IT web part 53 00:02:54,240 --> 00:02:56,210 and again, we have the option to change 54 00:02:56,210 --> 00:02:59,070 the layout. Now, Right now, we have three 55 00:02:59,070 --> 00:03:02,230 layers in this web part. We could change 56 00:03:02,230 --> 00:03:05,060 IT toe one, which just brings us down to 57 00:03:05,060 --> 00:03:15,140 our image gallery to 34 and five. So not a 58 00:03:15,140 --> 00:03:17,010 lot of variation there. I'm gonna leave it 59 00:03:17,010 --> 00:03:19,720 at the original three and I'll scroll down 60 00:03:19,720 --> 00:03:24,140 to the image gallery. And if I click here, 61 00:03:24,140 --> 00:03:28,610 I can change it to a brick style. I think 62 00:03:28,610 --> 00:03:30,590 this is really good. If you have a lot of 63 00:03:30,590 --> 00:03:33,730 different size pictures, the grid is our 64 00:03:33,730 --> 00:03:36,980 default or the carousel on the Paracels. 65 00:03:36,980 --> 00:03:41,330 Kind of nice because you've got the arrows 66 00:03:41,330 --> 00:03:44,680 here and you can get a little bit more 67 00:03:44,680 --> 00:03:47,570 than just a thumbnail view of all of the 68 00:03:47,570 --> 00:03:51,710 pictures. But I'm gonna leave this one on 69 00:03:51,710 --> 00:03:57,640 grid now, just like with the other site, 70 00:03:57,640 --> 00:04:00,460 you'll notice that our page has been 71 00:04:00,460 --> 00:04:05,370 saved. So the changes have been saved. But 72 00:04:05,370 --> 00:04:07,750 because it's not published, if somebody 73 00:04:07,750 --> 00:04:10,150 came to the site right now, they would see 74 00:04:10,150 --> 00:04:12,200 it in that original format. They wouldn't 75 00:04:12,200 --> 00:04:14,840 see any changes that we made. We can also 76 00:04:14,840 --> 00:04:18,760 choose to save it as a draft. If you're 77 00:04:18,760 --> 00:04:23,320 still working on it, you can come back to 78 00:04:23,320 --> 00:04:25,820 it later and the changes will be saved. 79 00:04:25,820 --> 00:04:28,880 But to the public, the original site will 80 00:04:28,880 --> 00:04:31,610 be what they see when you're ready. All we 81 00:04:31,610 --> 00:04:34,130 need to do is republish. But before that, 82 00:04:34,130 --> 00:04:37,210 one more thing. You can also discard all 83 00:04:37,210 --> 00:04:40,400 of your changes here if you choose to, but 84 00:04:40,400 --> 00:04:44,490 we're gonna republish. And now this is the 85 00:04:44,490 --> 00:04:46,730 view that everybody is going to see. And I 86 00:04:46,730 --> 00:04:49,050 know we didn't make any changes on this 87 00:04:49,050 --> 00:04:52,180 page, but now you know how to edit the web 88 00:04:52,180 --> 00:04:56,140 part layouts in your communication sites. 89 00:04:56,140 --> 00:05:06,000 But that's it for this lesson. Thanks for listening, and I'll see you next time.