So, so far we've created our categories, we've created a bunch of articles, we
have formatted those articles, now you are probably interested in putting some
images into those articles.
And fortunately, that's relatively straightforward to do with Joomla!.
We can upload a lot of bunch of images to our Media Manager if we have a lot of
images to upload or we can upload the images one at a time on an
article-by-article basis.
So, I'm going to show you how to upload images on an article-by-article basis
first, then I'll show you how we can upload a whole bunch of them to the Media
Manager and then you can go through and drop in those pictures in the other
articles here in this video.
So, I'm going to start by going to my Article Manager, under Content>Article Manager,
and I'd like to add a picture to the About page.
So I'm going to start by clicking on the About link and here inside of this
article what I'd like to do is have this picture up here, sort of over here on
the right side of the screen, maybe I'll make it opposite, the top of the
picture should be even with the top of this paragraph.
So click where you'd like to have the top of the picture aligned with and it's
the top of this paragraph, so I'm going to click at the start of that paragraph,
that's where I'm going to want the image to go.
So I'm going to now click on this Image button down here underneath.
Yes, there is an Image button up here on the top, but this is actually a very
confusing way to insert images into your document, because you have to know the
path to the image in order to use this button, but the button down here on the
bottom will let you browse for it, which is far more preferred.
So I'm going to go ahead and start by clicking on this Image button down here on
the bottom and this will show me my Media Manager.
So I can put any image that's already here present inside of Joomla!
into my document this way, but I want an image that's not currently here.
So, if I scroll on down the page here, down at the bottom is the ability to upload a file.
So I can browse for that file by hitting the Browse button, I'm going to go back
to my Exercise Files to Chapter 4 and to folder number 4 and I've labeled all of
these pictures for you, so you can match the picture with the page.
So I want this picture here to go on the About page, so I'm going to select that
and say Open and then I'm going to say Start Upload and you'll see that that
image was uploaded and it uploaded directly into the Images folder.
If I had opened those to a subfolder, I could upload into that subfolder.
So I'm going to go ahead and select the about image here from my list of images
and then I can align it from here also.
I'll go ahead and align it to the right side of the screen. I can put in an
alt tag, that is the alternative text that will display if this picture doesn't appear.
It's also text that search engines will read when they look at your Web site.
So we can say Wind farm in Bakersville and you can, if you choose, copy and
paste that into the Image Title as well which some search engines like text
there also and it can be the same text and then once you're done with all of that,
back up at the top of the screen here, go ahead and say Insert and you
will see the picture here up here inside of your article.
Now we can't see this on the Web site just yet. Why?
Because remember all of our articles have to be linked up via menu to the front
end of the Web site, so we can't see how this picture looks just yet, but we have
at least put it here and in place.
And I'm going to go ahead and say Save & Close.
Now as you saw, I actually had a number of pictures that I'd want to upload into Joomla!
and then assign on an article-by-article basis and I can continue to do that,
but I'm going to upload all these pictures all at once and I can do that
through the Media Manager.
So if I go to Content>Media Manager and I can just upload these, I have a bunch
of product pictures mostly, I could make a folder for those or I could just
upload them directly here into the Media Manager.
So I'm going to hit my Upload button and I'm going to browse for all the rest
of these pictures, so I'm going to hold down my Shift key and just select
everything and say Open and then I'm going to say Start Upload and all of those
pictures will then be uploaded into Joomla! so I have all of these other pictures here.
Now I can go through in each one of my articles and let's say here are my
K-Eco Energy Bulbs.
In every case, I want to have the picture aligned to the top of the
paragraph, so I'm going to click here before the paragraph, click on the
Image button and then find the picture with that name, so here's the picture for
KE-energy bulbs and I'm going to, once again, align this to the right, I'm going
to put in a description like KinetECO bulbs in a store and I'm going to go
ahead and say Insert.
So I'm going to repeat this process now for many of these products pages that
I have gone ahead and put in place and you go ahead and put those into your Joomla!
Web site and I'll see you in the next video.