Divi theme eCommerce tutorial Favicon and Site Identity

Divi theme eCommerce tutorial Favicon and Site Identity


like Ollie’s and welcome to another Divi
theme ecommerce site build this is Jamie from system 22 and web design and tech
tips comm well we’ve been building this little site here if you’ve been
following along with the videos you you’ll know all about it
before we go any further let’s take care of the site identity and favicon for
those of you that don’t know our favicon is this little badge that appears up in
the browser of the tab of the browser you’re looking at and the site ID is
what we want to put next order it because we don’t wanna the generic
default is hello world just another WordPress site we want it to say
something about our site so let’s go ahead and go to the dashboard and if we
go down DV and DV theme options which is where we are now you can put your
favicon in here by just uploading in here but you can also do it in the theme
customizer so let’s do it that way we can change our titles there also so if
you hit the theme customizer that brings up our customizer here once
it’s loaded and we want to go to general settings and under general settings we
want to go up to site identity and here we are there it says hello world there
we want to change that this changes the name of our site delightful and a little
tagline I guess we’ll just call it something like top fashions something
like that and if we go down a little bit further you’ll see it says cite cite
icon this is also the favicon a favicon that we’ve got up here and it’s telling
us that it should be 5 by 12 by 5 by 12 pixels which is obviously a square so
I’ve created one Photoshop and I’ll get it uploaded so I hit the Select image and I’m gonna drag it over from my
folder just drop it in here let’s hit select there we have there we see it now if I
go over to our page here once I’ve published let’s hit that publish now it’s published let’s go back to this
page and refresh it there we go and you can see their little favicon has changed
up there and the caption has also changed I’m actually not really happy
with that the image itself was a lot more central
than that so I’m gonna go ahead and change that Photoshop image let’s have a
look here here’s the image I expect there to be more like this but it’s kind
of cropped it up a little bit so let’s make that shape a little bit smaller now let’s keep it in the center I’m not
gonna go over what I’m doing here too much because this is a whole nother
topic Photoshop I’m just going to centralize that see it now let’s try reuploading that let’s go
back to our thing here and here this change image button see because you know
I expect there to be a little more central than that but obviously not
now let’s upload the new one and select it that’s a bit more like it
publish and let’s refresh there we go that’s a bit better I like
that better and so that’s how to add your favicon and to change your site
identity well that was very short and sweet video I hope that was useful to
you if you’ve enjoyed it please like subscribe and share the video if you’re
interested in web design take one of our web design courses below we’ve got some
huge discounts for our YouTube subscribers there’s also some great free
courses down there so have a look once again the spin JD from system 22 and web
designer tech tips com thanks for watching have a great day

Leave a Reply

Your email address will not be published. Required fields are marked *