1
00:00:03,940 --> 00:00:05,460
[Autogenerated] Hi. In this lesson, we're

2
00:00:05,460 --> 00:00:07,270
going to take a look at changing the

3
00:00:07,270 --> 00:00:11,070
images in our hero web part on our

4
00:00:11,070 --> 00:00:14,200
communication sites. We're here on the new

5
00:00:14,200 --> 00:00:16,480
employees site. This is our topic site.

6
00:00:16,480 --> 00:00:18,770
And when we want to change these images,

7
00:00:18,770 --> 00:00:20,620
these air, the stock images that were

8
00:00:20,620 --> 00:00:22,450
given to us by Microsoft, these air the

9
00:00:22,450 --> 00:00:25,340
ones that came with the template. We want

10
00:00:25,340 --> 00:00:28,440
to change these and put our own images in.

11
00:00:28,440 --> 00:00:30,730
So what we need to do is open our page for

12
00:00:30,730 --> 00:00:32,570
editing. We're gonna come over here, click

13
00:00:32,570 --> 00:00:36,620
on the edit button our pages open for

14
00:00:36,620 --> 00:00:39,780
editing. Now what? We want to change one

15
00:00:39,780 --> 00:00:41,470
of these images. We have to click on the

16
00:00:41,470 --> 00:00:42,840
image we want to change. I'm going to

17
00:00:42,840 --> 00:00:45,820
change this first-one here. And you see, I

18
00:00:45,820 --> 00:00:49,230
get my tool bar and we have edited web

19
00:00:49,230 --> 00:00:53,430
part move, web part duplicate, delete. We

20
00:00:53,430 --> 00:00:54,770
don't want any of that. What we're gonna

21
00:00:54,770 --> 00:00:56,530
do is come down to the bottom. You see

22
00:00:56,530 --> 00:00:59,300
that? There's a toolbar here at the bottom

23
00:00:59,300 --> 00:01:02,930
and we're gonna go to edit details. We're

24
00:01:02,930 --> 00:01:05,310
going to click on that. Our panel opens up

25
00:01:05,310 --> 00:01:08,810
with right, and we see background image.

26
00:01:08,810 --> 00:01:11,740
Remember the communication site is

27
00:01:11,740 --> 00:01:13,620
visually interesting. I mean, that's the

28
00:01:13,620 --> 00:01:16,730
point of it. So selecting the right image

29
00:01:16,730 --> 00:01:18,430
is changing these images and doing the

30
00:01:18,430 --> 00:01:21,240
things you want to is very important.

31
00:01:21,240 --> 00:01:22,810
We're gonna go ahead. We're gonna click on

32
00:01:22,810 --> 00:01:25,040
background image, and we have three

33
00:01:25,040 --> 00:01:27,920
options. Auto Select Image. Now, if I

34
00:01:27,920 --> 00:01:32,400
click there, Yeah, that's not particularly

35
00:01:32,400 --> 00:01:34,130
interesting, is it? Well, I'm not gonna

36
00:01:34,130 --> 00:01:36,160
use that. We can also go with a color

37
00:01:36,160 --> 00:01:38,780
block, which is what we have here and

38
00:01:38,780 --> 00:01:40,620
learn more about your communication site.

39
00:01:40,620 --> 00:01:43,670
Also, to me, it's nice is an accent, but

40
00:01:43,670 --> 00:01:46,570
it's not particularly interesting. Too

41
00:01:46,570 --> 00:01:49,350
much of it. Probably not great. So we're

42
00:01:49,350 --> 00:01:51,720
gonna go with a custom image if I scroll

43
00:01:51,720 --> 00:01:54,440
down a little bit more. We see we have the

44
00:01:54,440 --> 00:01:56,760
button here for change. We're going to

45
00:01:56,760 --> 00:01:59,120
click on that now. It opens up here to

46
00:01:59,120 --> 00:02:01,220
recent images, and this is gonna show us

47
00:02:01,220 --> 00:02:03,350
any images that might have been saved to

48
00:02:03,350 --> 00:02:06,390
the Assets folder in our SharePoint site.

49
00:02:06,390 --> 00:02:07,690
And I'll show you that in just a little

50
00:02:07,690 --> 00:02:11,270
bit. We have stock images which will take

51
00:02:11,270 --> 00:02:14,190
us to Bing and these pictures here. Now

52
00:02:14,190 --> 00:02:15,970
you have to be careful because Not all of

53
00:02:15,970 --> 00:02:18,770
these are royalty. Free web search The

54
00:02:18,770 --> 00:02:20,900
same thing you see, It even gives us a

55
00:02:20,900 --> 00:02:22,440
warning. You are responsible for

56
00:02:22,440 --> 00:02:24,610
respecting others rights, including

57
00:02:24,610 --> 00:02:27,740
copyright one drive. If you have images in

58
00:02:27,740 --> 00:02:29,410
your one drive, you can save them from

59
00:02:29,410 --> 00:02:31,580
here. You could go to site, which will

60
00:02:31,580 --> 00:02:35,340
show you folders existing on this site.

61
00:02:35,340 --> 00:02:37,480
And here's that site assets folder I was

62
00:02:37,480 --> 00:02:40,060
telling you about site pages, new

63
00:02:40,060 --> 00:02:43,000
employees. And there's no images in here

64
00:02:43,000 --> 00:02:45,230
except this one, which is the original one

65
00:02:45,230 --> 00:02:48,150
here. If we wanted to add images in here

66
00:02:48,150 --> 00:02:50,420
to select from we-can do that. But what

67
00:02:50,420 --> 00:02:53,570
we're gonna do is upload an image from our

68
00:02:53,570 --> 00:02:55,190
computer. You'll see it opened up right

69
00:02:55,190 --> 00:02:58,460
now to my Save Pictures folder and the one

70
00:02:58,460 --> 00:03:03,440
that I want is where are my happy people

71
00:03:03,440 --> 00:03:06,650
welcoming us? CLI Bari skills. There it

72
00:03:06,650 --> 00:03:09,830
is. We're gonna click that and I will come

73
00:03:09,830 --> 00:03:15,840
down here and add image. Give it a minute

74
00:03:15,840 --> 00:03:19,340
and there it is. There is our new picture.

75
00:03:19,340 --> 00:03:24,040
All right, let's close that up now. We can

76
00:03:24,040 --> 00:03:27,440
also change things like the focal point

77
00:03:27,440 --> 00:03:29,390
when I click that. See that the focal

78
00:03:29,390 --> 00:03:31,670
point is now the center of the image, but

79
00:03:31,670 --> 00:03:34,510
I can change it. So maybe I wanted to

80
00:03:34,510 --> 00:03:39,440
focus on this lady or something over here.

81
00:03:39,440 --> 00:03:41,470
I know it's very subtle and especially

82
00:03:41,470 --> 00:03:44,670
with this type of image, but you'll see,

83
00:03:44,670 --> 00:03:47,860
you can sort of changed the way the images

84
00:03:47,860 --> 00:03:55,280
laying here and where the focus is. This

85
00:03:55,280 --> 00:03:58,740
is particularly handy in a showcase site.

86
00:03:58,740 --> 00:04:01,110
If you have a particular product and you

87
00:04:01,110 --> 00:04:04,410
want to focus on one particular aspect of

88
00:04:04,410 --> 00:04:10,810
it, you can also zoom in on the image or

89
00:04:10,810 --> 00:04:16,300
zoom out if you want. It gives you a lot

90
00:04:16,300 --> 00:04:19,320
of nice tools in here to go ahead and play

91
00:04:19,320 --> 00:04:23,960
around with this image. Now, one last

92
00:04:23,960 --> 00:04:25,700
thing I want to show you. You see this

93
00:04:25,700 --> 00:04:28,380
little symbol here? This is move item. I

94
00:04:28,380 --> 00:04:30,160
could go ahead and grab that. I'm holding

95
00:04:30,160 --> 00:04:32,050
down my left mouse button and I can move

96
00:04:32,050 --> 00:04:33,690
the picture somewhere else. Maybe I wanna

97
00:04:33,690 --> 00:04:42,520
put this picture here so it really is very

98
00:04:42,520 --> 00:04:44,560
nice, and they have really nice tools to

99
00:04:44,560 --> 00:04:47,480
work with the images. But that image looks

100
00:04:47,480 --> 00:04:49,590
great. That's exactly what I want. And it

101
00:04:49,590 --> 00:04:51,020
would be the same for any of these. If I

102
00:04:51,020 --> 00:04:54,620
wanted to change this image, I could go

103
00:04:54,620 --> 00:05:03,010
ahead and select custom image. And again

104
00:05:03,010 --> 00:05:05,480
I'm gonna upload from my computer. And the

105
00:05:05,480 --> 00:05:20,780
one that I want is our mission. There you

106
00:05:20,780 --> 00:05:23,400
go. Now, this one, I will change the

107
00:05:23,400 --> 00:05:27,210
focus. So it's a little bit more like

108
00:05:27,210 --> 00:05:32,820
that. And offline, I'll change these other

109
00:05:32,820 --> 00:05:35,640
ones. But my changes are good. This is

110
00:05:35,640 --> 00:05:37,140
what I want. So I'm gonna go ahead and

111
00:05:37,140 --> 00:05:42,640
republish and just very quickly let me

112
00:05:42,640 --> 00:05:45,790
take you over to the training site and

113
00:05:45,790 --> 00:05:48,590
show you it is exactly the same here. If I

114
00:05:48,590 --> 00:05:51,760
click on the image UI, come down here we

115
00:05:51,760 --> 00:05:54,920
click on added details, come down to

116
00:05:54,920 --> 00:05:59,920
background image change and again I can

117
00:05:59,920 --> 00:06:10,440
upload And the image I want for this is

118
00:06:10,440 --> 00:06:15,900
And there we go. So now you know how to

119
00:06:15,900 --> 00:06:18,710
change and work with the images in the

120
00:06:18,710 --> 00:06:21,940
hero web part off our communication sites.

121
00:06:21,940 --> 00:06:32,000
That's it for this lesson. Thanks for listening. And I'll see you next time