[Autogenerated] Hi. In this lesson, we're
going to take a look at changing the
images in our hero web part on our
communication sites. We're here on the new
employees site. This is our topic site.
And when we want to change these images,
these air, the stock images that were
given to us by Microsoft, these air the
ones that came with the template. We want
to change these and put our own images in.
So what we need to do is open our page for
editing. We're gonna come over here, click
on the edit button our pages open for
editing. Now what? We want to change one
of these images. We have to click on the
image we want to change. I'm going to
change this first-one here. And you see, I
get my tool bar and we have edited web
part move, web part duplicate, delete. We
don't want any of that. What we're gonna
do is come down to the bottom. You see
that? There's a toolbar here at the bottom
and we're gonna go to edit details. We're
going to click on that. Our panel opens up
with right, and we see background image.
Remember the communication site is
visually interesting. I mean, that's the
point of it. So selecting the right image
is changing these images and doing the
things you want to is very important.
We're gonna go ahead. We're gonna click on
background image, and we have three
options. Auto Select Image. Now, if I
click there, Yeah, that's not particularly
interesting, is it? Well, I'm not gonna
use that. We can also go with a color
block, which is what we have here and
learn more about your communication site.
Also, to me, it's nice is an accent, but
it's not particularly interesting. Too
much of it. Probably not great. So we're
gonna go with a custom image if I scroll
down a little bit more. We see we have the
button here for change. We're going to
click on that now. It opens up here to
recent images, and this is gonna show us
any images that might have been saved to
the Assets folder in our SharePoint site.
And I'll show you that in just a little
bit. We have stock images which will take
us to Bing and these pictures here. Now
you have to be careful because Not all of
these are royalty. Free web search The
same thing you see, It even gives us a
warning. You are responsible for
respecting others rights, including
copyright one drive. If you have images in
your one drive, you can save them from
here. You could go to site, which will
show you folders existing on this site.
And here's that site assets folder I was
telling you about site pages, new
employees. And there's no images in here
except this one, which is the original one
here. If we wanted to add images in here
to select from we-can do that. But what
we're gonna do is upload an image from our
computer. You'll see it opened up right
now to my Save Pictures folder and the one
that I want is where are my happy people
welcoming us? CLI Bari skills. There it
is. We're gonna click that and I will come
down here and add image. Give it a minute
and there it is. There is our new picture.
All right, let's close that up now. We can
also change things like the focal point
when I click that. See that the focal
point is now the center of the image, but
I can change it. So maybe I wanted to
focus on this lady or something over here.
I know it's very subtle and especially
with this type of image, but you'll see,
you can sort of changed the way the images
laying here and where the focus is. This
is particularly handy in a showcase site.
If you have a particular product and you
want to focus on one particular aspect of
it, you can also zoom in on the image or
zoom out if you want. It gives you a lot
of nice tools in here to go ahead and play
around with this image. Now, one last
thing I want to show you. You see this
little symbol here? This is move item. I
could go ahead and grab that. I'm holding
down my left mouse button and I can move
the picture somewhere else. Maybe I wanna
put this picture here so it really is very
nice, and they have really nice tools to
work with the images. But that image looks
great. That's exactly what I want. And it
would be the same for any of these. If I
wanted to change this image, I could go
ahead and select custom image. And again
I'm gonna upload from my computer. And the
one that I want is our mission. There you
go. Now, this one, I will change the
focus. So it's a little bit more like
that. And offline, I'll change these other
ones. But my changes are good. This is
what I want. So I'm gonna go ahead and
republish and just very quickly let me
take you over to the training site and
show you it is exactly the same here. If I
click on the image UI, come down here we
click on added details, come down to
background image change and again I can
upload And the image I want for this is
And there we go. So now you know how to
change and work with the images in the
hero web part off our communication sites.
That's it for this lesson. Thanks for listening. And I'll see you next time