1
00:00:03,990 --> 00:00:05,450
[Autogenerated] high in this lesson. I'm

2
00:00:05,450 --> 00:00:07,900
going to show you how to add an image to a

3
00:00:07,900 --> 00:00:11,170
news post. We're here on the home page of

4
00:00:11,170 --> 00:00:13,900
our HR team site. We look at the new

5
00:00:13,900 --> 00:00:17,450
section and we have three news posts and

6
00:00:17,450 --> 00:00:19,620
we see that this one the undoing. Racism

7
00:00:19,620 --> 00:00:23,010
training doesn't have an image, but these

8
00:00:23,010 --> 00:00:25,680
two do now. This one is actually a news

9
00:00:25,680 --> 00:00:28,340
link. So that's why we have that image.

10
00:00:28,340 --> 00:00:30,050
But the new employee handbook. If we go

11
00:00:30,050 --> 00:00:33,530
ahead and click there, we see that we have

12
00:00:33,530 --> 00:00:35,950
this image. Now. This image has been

13
00:00:35,950 --> 00:00:39,040
manually added to this page. Let me go

14
00:00:39,040 --> 00:00:40,540
ahead and zoom out a little bit here, so

15
00:00:40,540 --> 00:00:43,500
you kind of see the whole thing. I

16
00:00:43,500 --> 00:00:45,790
actually uploaded this image from my

17
00:00:45,790 --> 00:00:49,770
computer. Now when we come here and look

18
00:00:49,770 --> 00:00:51,750
at the undoing, racism, training, when we

19
00:00:51,750 --> 00:00:55,130
click on that, we see that we don't have

20
00:00:55,130 --> 00:00:56,580
an image. But we have this sort of

21
00:00:56,580 --> 00:01:00,700
background to our headline. Now there's

22
00:01:00,700 --> 00:01:02,620
two ways we can add a picture. We can

23
00:01:02,620 --> 00:01:04,800
change this background and that will show

24
00:01:04,800 --> 00:01:07,290
up on the home page. Or we can get rid of

25
00:01:07,290 --> 00:01:11,070
this background and at our own image like

26
00:01:11,070 --> 00:01:13,400
I did on the new employee handbook. Let's

27
00:01:13,400 --> 00:01:15,510
take a look at both. First thing we need

28
00:01:15,510 --> 00:01:17,610
to do, though, is go over here and click

29
00:01:17,610 --> 00:01:20,460
on the edit button so that we can edit

30
00:01:20,460 --> 00:01:23,830
this post. Once we've done that, we come

31
00:01:23,830 --> 00:01:25,970
over here and we see that we have this

32
00:01:25,970 --> 00:01:29,240
little grey toolbar and the middle icon is

33
00:01:29,240 --> 00:01:32,890
changed image. We're gonna click there

34
00:01:32,890 --> 00:01:34,850
that automatically opens up to recent

35
00:01:34,850 --> 00:01:36,940
images. These are images that I've used

36
00:01:36,940 --> 00:01:39,590
recently. I don't want any of those. I

37
00:01:39,590 --> 00:01:41,430
could go to a Web search, and it takes me

38
00:01:41,430 --> 00:01:44,140
to a being searched for these kinds of

39
00:01:44,140 --> 00:01:46,950
images. I can go to my one drive. I can

40
00:01:46,950 --> 00:01:50,020
click at the site assets and other places

41
00:01:50,020 --> 00:01:53,090
in the document libraries of our site. I

42
00:01:53,090 --> 00:01:55,600
can upload my own image. Arkin at an image

43
00:01:55,600 --> 00:01:58,080
from a link. What I'm gonna do is go to

44
00:01:58,080 --> 00:02:01,640
the Web search and click on backgrounds,

45
00:02:01,640 --> 00:02:03,520
and I am going to choose one of the

46
00:02:03,520 --> 00:02:07,960
background images that's in here. I have

47
00:02:07,960 --> 00:02:12,380
to find the one that I want. That's the

48
00:02:12,380 --> 00:02:18,710
one we're gonna click there and click

49
00:02:18,710 --> 00:02:23,550
open. Now you see that the images there

50
00:02:23,550 --> 00:02:25,920
but I have this big yellow circle which

51
00:02:25,920 --> 00:02:28,860
tells me to drag to set a focal point. So

52
00:02:28,860 --> 00:02:31,660
you see, as I move this around up and

53
00:02:31,660 --> 00:02:34,840
down, I can change which part of the image

54
00:02:34,840 --> 00:02:39,380
I am seeing. And if I go ahead and publish

55
00:02:39,380 --> 00:02:44,460
that, we see that that's what the page

56
00:02:44,460 --> 00:02:46,390
looks like now. And if we go back to the

57
00:02:46,390 --> 00:02:51,090
home page, we see that that image is there

58
00:02:51,090 --> 00:02:54,500
now. Now let's go ahead and let's edit

59
00:02:54,500 --> 00:02:57,350
that again. And we want to add that

60
00:02:57,350 --> 00:02:59,420
separate image like I had on the new

61
00:02:59,420 --> 00:03:02,770
employee handbook. Now the first thing we

62
00:03:02,770 --> 00:03:05,600
have to do is get rid of this image,

63
00:03:05,600 --> 00:03:07,330
because if we don't, we're gonna have both

64
00:03:07,330 --> 00:03:09,390
of these images here, and that's not what

65
00:03:09,390 --> 00:03:12,690
we want. So I have to go back down to

66
00:03:12,690 --> 00:03:16,110
reset to default image. I have to do this

67
00:03:16,110 --> 00:03:19,160
because remember when this was here, I

68
00:03:19,160 --> 00:03:21,040
didn't see an image on the home page at

69
00:03:21,040 --> 00:03:23,740
all. So I have to go back to this because

70
00:03:23,740 --> 00:03:27,490
if I don't it's always going to show me

71
00:03:27,490 --> 00:03:29,480
that new background that I selected, no

72
00:03:29,480 --> 00:03:32,030
matter what additional pictures I have

73
00:03:32,030 --> 00:03:34,530
added. Now there's one more thing I have

74
00:03:34,530 --> 00:03:37,440
to do to complete this, I have to go here

75
00:03:37,440 --> 00:03:40,510
to the edit Web part. I'm gonna click

76
00:03:40,510 --> 00:03:44,370
there and you see, I have the title area.

77
00:03:44,370 --> 00:03:46,330
I'm gonna change from image entitled

78
00:03:46,330 --> 00:03:48,860
That's this background image and simply

79
00:03:48,860 --> 00:03:52,350
click on plane. Now you may say to

80
00:03:52,350 --> 00:03:55,500
yourself, Well, why couldn't I have just

81
00:03:55,500 --> 00:03:57,480
done that with that other image? Trust me,

82
00:03:57,480 --> 00:03:59,670
it would still be there on the home page,

83
00:03:59,670 --> 00:04:02,340
so we have to get rid of it. Now we're

84
00:04:02,340 --> 00:04:04,290
going to manually add the image that we

85
00:04:04,290 --> 00:04:06,770
want. And to do that, we need to get our

86
00:04:06,770 --> 00:04:09,980
mouths in here in between my text box and

87
00:04:09,980 --> 00:04:11,920
my title area, My headline and you see

88
00:04:11,920 --> 00:04:14,540
that blue circle with the big white

89
00:04:14,540 --> 00:04:16,800
crosshair and I'm going to click on that

90
00:04:16,800 --> 00:04:20,340
and this will allow me to add an image Web

91
00:04:20,340 --> 00:04:24,700
part. I'm gonna click there and once again

92
00:04:24,700 --> 00:04:26,630
it opens up too. Recent images which I

93
00:04:26,630 --> 00:04:29,110
don't want. I can go to a Web search. I

94
00:04:29,110 --> 00:04:31,940
can click on the site assets, but I'm

95
00:04:31,940 --> 00:04:35,640
going to upload it opened up to my Save

96
00:04:35,640 --> 00:04:38,390
Pictures folder and this is the picture. I

97
00:04:38,390 --> 00:04:42,790
want diversity. Select that and click on

98
00:04:42,790 --> 00:04:47,390
Add image and it will add that image

99
00:04:47,390 --> 00:04:52,660
there. Now, notice that I have this this

100
00:04:52,660 --> 00:04:55,110
yellow warning here, let's click on it

101
00:04:55,110 --> 00:04:58,120
again. Suggested all text. Right now, the

102
00:04:58,120 --> 00:05:01,350
all text that came with this image is a

103
00:05:01,350 --> 00:05:04,140
group of people around each other. I can

104
00:05:04,140 --> 00:05:05,470
leave it like that. You see, I have to

105
00:05:05,470 --> 00:05:07,530
keep option or I can change it. I'm gonna

106
00:05:07,530 --> 00:05:10,460
change it. I'm gonna click on change. It

107
00:05:10,460 --> 00:05:12,710
opened up this image properties panel and

108
00:05:12,710 --> 00:05:14,310
I'm gonna come down here, and it says a

109
00:05:14,310 --> 00:05:16,930
group of people around each other, I'm

110
00:05:16,930 --> 00:05:20,960
going to simply add in the word divers a

111
00:05:20,960 --> 00:05:23,270
diverse group of people around each other.

112
00:05:23,270 --> 00:05:26,120
So now I have all text for that image. I'm

113
00:05:26,120 --> 00:05:29,340
gonna go ahead and click to close it. I'm

114
00:05:29,340 --> 00:05:33,820
going to publish now we can see what the

115
00:05:33,820 --> 00:05:36,160
page looks like with that manually added

116
00:05:36,160 --> 00:05:41,140
picture. And if we go to our home page,

117
00:05:41,140 --> 00:05:43,500
take a look at it again. And now we see

118
00:05:43,500 --> 00:05:48,510
that image that we added. So now you know

119
00:05:48,510 --> 00:06:00,000
how to add an image to a news post. Thanks for watching. And I'll see you next time

