35
Joomla User Guide Volume 1: Joomla basics

Vol1 - Joomla Basics

Embed Size (px)

DESCRIPTION

tutorial programmazione siti joomla

Citation preview

Page 1: Vol1 - Joomla Basics

Joomla User Guide

Volume 1: Joomla basics

Page 2: Vol1 - Joomla Basics

Joomla User Guide

©2013, Impartmedia | All rights reserved. This document is copyright to Impartmedia and is supplied commercially in confidence.

Contents

Note: To jump to a section, hold down the CTRL button on your keyboard, then click the title of the section.

1. Admin Login ............................................................................................................................................................ 1

1.1 Admin panel access ................................................................................................................................ 1

1.2 Control Panel ........................................................................................................................................... 1

2. Creating Pages & Articles ...................................................................................................................................... 2

2.1 Create the page content ......................................................................................................................... 2

2.2 Insert images ........................................................................................................................................... 4

3. Edit or delete Pages & Articles .............................................................................................................................. 7

3.1 Editing articles......................................................................................................................................... 7

3.2 Using the WYSIWYG Editor .................................................................................................................... 8

3.3 Creating links to external content .......................................................................................................... 9

3.4 Creating links to PDFs & other documents ........................................................................................ 10

3.5 Insert YouTube videos into content .................................................................................................... 13

3.6 Un-publish a page/article ...................................................................................................................... 14

3.7 Automatically un-publishing news articles ......................................................................................... 15

3.8 Delete an article ..................................................................................................................................... 15

3.9 Recover a deleted article ...................................................................................................................... 15

4. Inserting images into Articles .............................................................................................................................. 16

4.1 How to access the Image Manager ...................................................................................................... 16

4.2 How to insert an image ......................................................................................................................... 16

4.3 Editing the dimensions of an image .................................................................................................... 19

4.4 Wrapping text around an image ........................................................................................................... 20

4.5 Adding padding around an image ....................................................................................................... 20

4.6 Adding padding around an image ....................................................................................................... 21

4.7 Creating a border around an image ..................................................................................................... 22

5. Using the Media Manager ..................................................................................................................................... 23

5.1 Accessing the Media Manager ............................................................................................................. 23

5.2 Creating folders in the Media Manger ................................................................................................. 24

5.3 Uploading files into the Media Manager .............................................................................................. 25

5.4 Deleting files and images from the Media Manager ........................................................................... 26

6. Menu Manager ....................................................................................................................................................... 27

6.1 Adding menu items ............................................................................................................................... 28

6.2 Removing menu items .......................................................................................................................... 30

6.3 Recover a deleted menu item ............................................................................................................... 31

7. User Manager ........................................................................................................................................................ 32

7.1 Adding users ......................................................................................................................................... 32

7.2 Disabling/Banning a user ..................................................................................................................... 33

7.3 Deleting a user....................................................................................................................................... 33

Page 3: Vol1 - Joomla Basics

Joomla User Guide

Copyright 2013 – Impartmedia | www.impartmedia.com Page | 1

1. Admin Login To manage your website, edit information and add photos, etc, you will first need to login to the administrative area.

The following screenshot shows you how login panel appears.

1.1 Admin panel access

The admin panel for your site will be accessible by adding “/administrator” to the end of your website address.

EG: www.yourwebsite.com/administrator

Once you log-in you will be presented with the control panel, which you use to manage and update the site.

1.2 Control Panel

The control panel provides a set of linked icons for easy access to different areas of your website.

All the content areas can also be accessed using the horizontal menu underneath the Impart Media logo. Simply hover over

any menu item to access its sub-menu.

The following screenshot shows you how Control panel appears.

Page 4: Vol1 - Joomla Basics

Joomla User Guide

Copyright 2013 – Impartmedia | www.impartmedia.com Page | 2

2. Creating Pages & Articles

When you want to add new content to your site, it is most likely that you will be adding a new page.

The information you see on a page in your website, is known as an “Article”.

Creating a new page requires a number of steps, so for this example, we will pretend to create an “About us” page on which

you can write about your company, your region, or yourself.

Most of the time, a page like will contain a title, text, links and images.

Static vs. dynamic content

An "About us" page is usually created once, is accessible via a menu link, and in the future all you will have to do is change it

as you go. It has a static character. A press release, blog entry or an operator listing, however, has a dynamic character.

Static pages are usually accessible via a standard menu link whereas dynamic pages can be accessed through lists.

The plan

The 'About us' page will consist of the following components:

a title

some text

an image inserted from the media manager

an image inserted from a URL

links to other pages or sites We also want a link to the page in the main menu (top menu).

Steps

2.1 Create the page content

Go to the menu bar and choose Content -> Article Manager -> Add new article.

Alternatively, you can choose the “Add new article” button on the Control panel screen when you first log-in.

SPECIAL TIP

A new page, or article, must be attached to a menu item, in order for it to be found and access on the public view

of your website. When you create a new page, you need to remember to create the menu item for it as well.

A good way to make sure you remember this is to think of it all as part of the same process.

Page 5: Vol1 - Joomla Basics

Joomla User Guide

Copyright 2013 – Impartmedia | www.impartmedia.com Page | 3

The next screen you will see is the “Add new article” screen

On this screen, enter your;

Page title - this is most often visible to your website viewers

Page category – use this if you need the page to appear in certain areas of your website, or to be grouped wioth

other similar content.

Status – choose if the page will be publicly available or not

Featured - indicates whether the content should be displayed in the featured spot in your blog (if this is installed)

Language – leave this alone unless you have other language packs installed.

Enter the page content

The text for the page should be added in the first “article text” box (see screenshot below) The buttons below the input area are unusual and can be confusing at times. These

buttons are Joomla specific and only have an indirect relationship with the editor. In most cases, you do not need to use

these buttons.

Briefly, the buttons are:

1. Article: allows you to link to other existing Joomla! articles 2. Image: You can insert an existing image or photo from the Media Manager or upload a new image. 3. Pagebreak: inserts a page break in your article 4. Read More: allows you to stipulate where to place the read more link.

SPECIAL TIP

When adding text for a new page,

avoid copy & pasting from Microsoft

Word, as it often brings across

formatting that will look terrible in

your website. If you are pasting in

from Word, then is recommended

that after you paste in the text, you

then highlight it and press the

“Remove formatting” button, which

looks like this >

Page 6: Vol1 - Joomla Basics

Joomla User Guide

Copyright 2013 – Impartmedia | www.impartmedia.com Page | 4

2.2 Insert images

Inserting an image from the media manager

Move the cursor to the position in the text at which you would like to insert the image. Click on the image icon in the editor toolbar.

When the Image manager pop-up appears, choose an image from your media folders by locating it in the folders. When you find the image and can see a thumbnail of it appearing, insert it into the article via the “insert” button at the bottom of the window.

Inserting an image from a URL

If you have an image that is already located online, which you want to use on your page, you can still add it. To do this, move the cursor to the position in the text at which you would like to insert the image. Click on the image icon in the editor toolbar. When the Image manager pop-up appears, add the URL of the image to the field marked in the screenshot below. You can then add it to the page, but pressing the “insert” button at the bottom of the window.

SPECIAL TIP

For more details on how to add, edit and configure images, please refer to the section

“Inserting images into articles”. That section is located on page 23.

Page 7: Vol1 - Joomla Basics

Joomla User Guide

Copyright 2013 – Impartmedia | www.impartmedia.com Page | 5

When this is done, the image will appear in your editor window. (See screenshot below) It is recommended that at this time, you save your work. Press the “Save” tick button in the top right area, so you can keep working.

Inserting a hyperlink

If you need to add a link to another webpage or website, you can do this very simply, from the article editor window.

Highlight the text that you want to use as the link. Then press the “Insert link” button as shown in the screenshot below.

Page 8: Vol1 - Joomla Basics

Joomla User Guide

Copyright 2013 – Impartmedia | www.impartmedia.com Page | 6

In the pop-up window that appears, you can enter the link to an external website in the top “URL” field.

After entering this, press the insert button at the bottom of the window.

In the pop-up window that appears, you can also add a link to another page from within your own website.

To do this, go to the “Links” area and either search for an article title, or open the icons by clicking the “+”, to browse for an article. Once you click on the item you want to link to, the URL field will automatically be filled in for you. You can then press the insert button at the bottom of the window.

Save your new page

.After you have added all the text, images and links required, press the “Save & Close” button in the top right.

SPECIAL REMINDER

A new page, or article, must be attached to a menu item, in order for it to be found and access on the public view

of your website. Don’t forget to either make a new menu item and attach your new page, or go to a menu item

you have already created and attach your new page.

Page 9: Vol1 - Joomla Basics

Joomla User Guide

Copyright 2013 – Impartmedia | www.impartmedia.com Page | 7

3. Edit or delete Pages & Articles

To access the article manager hover over “Content” in the top menu, then click on “Article Manager”.

This will load the list of articles.

3.1 Editing articles

Steps:

Find your article and click on the title to open it.

The easiest way to do this when you have a lot of content in the site is to type the article name into the search filter. You can also filter your list using the dropdown menus. Sort by status (Published? un-published) or sort by article categories.

Edit the article using the WYSIWYG editor and article options.

Make sure to double check your spelling, check your page title, make sure links are active and images are inserted correctly.

When finished, save the article by pressing the “Save & Close” button at the top right of the screen.

Page 10: Vol1 - Joomla Basics

Joomla User Guide

Copyright 2013 – Impartmedia | www.impartmedia.com Page | 8

3.2 Using the WYSIWYG Editor

Your website uses an advanced WYSIWYG Editor called 'Joomla Content Editor' or JCE.

Thanks to this editor, you can style your text just like the way you do it in a word processing software such as 'Microsoft

Word'. Type in whatever text that is needed for the article, select the piece of text that needs the formatting, and click on the

appropriate button to apply any desired style.

These are some important buttons you should know about;

Make the selected text Bold, Italic or Underlined

Align the text as Justified, left, centred or right.

Set the text colour, or highlight the selected text

Indent the text to the right, or move the indent back out to the left

Undo or Redo the last action

Create a bullet point list or a numbered list

Cut, Copy & Paste. (Clipboard option also includes a toll to enable pasting in text from Microsoft Word)

Add or delete Hyperlinks

Remove Formatting from selected text

Open Image manager, to add or edit images, or attach PDFs

Add or delete Table

Add or delete table rows and cells

SPECIAL TIP

Much more detailed information about

how to use the WYSIWYG editor is

available in the

Impartmedia WYSIWYG Guide.

Page 11: Vol1 - Joomla Basics

Joomla User Guide

Copyright 2013 – Impartmedia | www.impartmedia.com Page | 9

3.3 Creating links to external content

If you need to add a link to another webpage or website, you can do this very simply, from the article editor window.

Highlight the text that you want to use as the link. Then press the “Insert link” button as shown in the screenshot below.

3.3.1 Link to external sites

In the pop-up window that appears, you can enter the link to an external website in the

top “URL” field. If you want the link to open a new browser window choose the appropriate option from the “target” dropdown at the bottom of the pop-up box. After entering this, press the insert button at the bottom of the window.

3.3.2 Link to internal pages on your own site

In the pop-up window that appears, you can also add a link to another page from within your own website.

To do this, go to the “Links” area and either search for an article title, or open the icons by clicking the “+”, to browse for an article. Once you click on the item you want to link to, the URL field will automatically be filled in for you. If you want the link to open a new browser window choose the appropriate option from the “target” dropdown at the bottom of the pop-up box. You can then press the insert button at the bottom of the window.

Page 12: Vol1 - Joomla Basics

Joomla User Guide

Copyright 2013 – Impartmedia | www.impartmedia.com Page | 10

3.4 Creating links to PDFs & other documents

At some point you may need to enable website users to download a PDF or Word document from your site. The steps below assume you have not already uploaded the required document to your media manager. If you have, ignore the steps below that discuss uploading the document, and simply follow on from Step 5 below.

Steps

Open the article where you would like to add the link to the PDF or Word document. Type the text that you want to

become the link to the document. For example "Download our event calendar in PDF"

Highlight the text (eg: “Download our event calendar in PDF” )

Click on the "Insert/Edit Link" icon on your editor, which looks like this > You will now see the following screen:

You now have to fetch and upload the PDF document from your computer.

Click on the Browse icon, which looks like this > . It is next to the “URL” field at the top.

Page 13: Vol1 - Joomla Basics

Joomla User Guide

Copyright 2013 – Impartmedia | www.impartmedia.com Page | 11

After you click the “Upload” button, the file browser screen will appear: (see screenshot below)

You can either create a new folder or just select a file folder that already exists, to upload the file into

To make a new folder, press the “new folder” button at the top right.

Create the new folder and name it something you will be able to remember. Select the folder by clicking on it to open it.

Click the Upload icon > This is at the top right corner of the file browser screen, next to the “New folder” button.

The following screen will then appear:

Click on the “Browse” button at the bottom. Then find and select the document file you want, from your computer.

Click on the file and then when it appears in the window above, click “Upload”. Once the file has successfully uploaded, click

on Close. You will now be taken back to the file browser screen, as seen in step 3

Page 14: Vol1 - Joomla Basics

Joomla User Guide

Copyright 2013 – Impartmedia | www.impartmedia.com Page | 12

Select your newly uploaded PDF file, or Word doc file, from the list and click the “Insert button at the bottom of the

pop-up window. You should now see a screen similar to below with your new link in the URL field:

You are now done. Click “Save & Close” on your article, in the top right hand corner

of the screen.

Remember to go to the website, to see your article and test your link is working correctly.

SPECIAL TIP

Remember to set your Target to

"Open in a new window" then

click Insert.

The Target option is in the attributes

section, at the bottom of the window.

The reason for selecting your target

to open in a new window is so that

visitors don't navigate away from

your website when opening the

PDF or word Document.

Page 15: Vol1 - Joomla Basics

Joomla User Guide

Copyright 2013 – Impartmedia | www.impartmedia.com Page | 13

3.5 Insert YouTube videos into content

A lot of people are interested in embedding YouTube videos in either an article or a module.

Fortunately, it s not a difficult task, but there are a few keys to successfully installing a video into your site.

This tutorial contains steps that will allow you embed a YouTube video, and within a few minutes you’ll be watching the video

on your site.

Before you can embed the YouTube video, you need to get the embed code.

Go to the video on YouTube, and locate the video you want to embed into your site. Beneath of the video, locate the "Share"

button and select it.

Once you select "Share", a URL will be displayed for you to share, but you will need to locate and select the "Embed"

button. This will give you the customized code that you can use to embed the video into your article or module.

Copy this code.

How to embed YouTube code into an article

First, go to your article and open it to edit it.

If you are going to insert the video into a Custom HTML module, go to Extensions > Module Manager.

NOTE: If this module is not a custom HTML module, the embed process will not work.

In the WYSIWYG editor, locate the Source Code icon and select it.

SPECIAL TIP

HTML code be difficult to understand. To create an easy to find marker for yourself, try adding some text

into the article BEFORE you press the Source code button. Add “XXXXXXXXXXXXXXXXXX” where you

want the video to appear.

Then, when you switch to the HTML source code view, just find this text, highlight it and paste in the

YouTube code over the top of it.

Page 16: Vol1 - Joomla Basics

Joomla User Guide

Copyright 2013 – Impartmedia | www.impartmedia.com Page | 14

The article page will show you the HTML version of the page.

You will need to locate the place you want the video to appear, and then paste the code in.

If you select the Source Code button again, you will return to the normal view of the editor.

You’ll notice a yellow box. This is the video. You can edit it’s placement if you need to.

Be sure to save your work.

Lastly, go to the public webpage to see the video and test that it appears correctly.

Press it and make sure it plays properly.

3.6 Un-publish a page/article

If you un-publish an article, without un-publishing the menu it is attached to, your users will see a blank page.

It is best to un-publish the menu item as well as the article, so it will no longer be able to be seen or accessed on your website, by your website visitors. This option is best if you want to keep the page for future use. (eg: for a seasonal event article that can be updated and re-published in the following years)

To un-publish an article, simply click the green check mark in the “Status” column. This will change to a red circle.

To re-publish the article, press the red circle to change it back to a green check mark.

Published

Un-published

REMINDER

If you want to keep the article, but you just don’t want it to show on the website, you should un-publish

the menu item it is linked to, and leave the article as it is.

Page 17: Vol1 - Joomla Basics

Joomla User Guide

Copyright 2013 – Impartmedia | www.impartmedia.com Page | 15

3.7 Automatically un-publishing news articles

If you want to have old news items expire after being online for a set period of time, you can schedule this to happen automatically.

Simply fill in the fields “Start Publishing” and “Finish Publishing” with the

appropriate information or select the dates by clicking the calendar icon. These options are found in the “publishing options” section on the right hand column, in the article editor page.

3.8 Delete an article

If you delete an article, then it will no longer be able to be seen or accessed on the front-end of your website, by your website visitors. The Item will be moved to the “Trash” category, so you can get it back if you have deleted it in error.

Steps

Select the box on the left of the article name, so that a tick appears in it.

Press the “Trash” button in the top right area of the screen.

3.9 Recover a deleted article

If you delete an article in error it may still be available in the “Trash” folder.

Steps

Go to the “Select Status“ drop down above the article list and choose “Trashed”

You will be presented with a list of all trashed items.

Find the item you want to restore, then press the red circle in the “Status” column.

The item will then move back into the published list and the page will reload. The item you changed will no longer be visible. Go back to the “Select Status“ dropdown above the article list and choose “published” to see the item back in the menu list.

Page 18: Vol1 - Joomla Basics

Joomla User Guide

Copyright 2013 – Impartmedia | www.impartmedia.com Page | 16

4. Inserting images into Articles

This tutorial will illustrate how to insert an image into your website and will explain some of the basic functions of the Image

Manager. This process is the same whether you re inserting an image into an Article or Custom HTML Module.

4.1 How to access the Image Manager

The Image Manager can be accessed through the picture frame button within the article editor.

When you press this button, you will see the Image Manager pop-up appear.

This will give you a range of tools to allow you to add and edit images into your website.

4.2 How to insert an image

The Image Manger (see screenshot below) will give you access to images in your Media Manager, but it will also allow you

to upload an image from your computer, and add it into your Media Manager.

Page 19: Vol1 - Joomla Basics

Joomla User Guide

Copyright 2013 – Impartmedia | www.impartmedia.com Page | 17

STEPS

To upload an image to the Media Manager using the Image manager, click on the upload button.

This is located at about the middle of the pop-up box, on the right hand side. (See screenshot for more information)

When you press the upload button, you will see the

Upload window pop-up. (see screenshot on right)

Click on the Browse button to find an image on your

computer.

Find the image on your computer, select it, and once the

file appears in the Upload window, click on the Upload

button.

Page 20: Vol1 - Joomla Basics

Joomla User Guide

Copyright 2013 – Impartmedia | www.impartmedia.com Page | 18

You’ll see the file appear in the Media Manger, and you’ll see a preview of the image in the Details area.

The image is not ready to insert into the Article or Module yet.

You must click on the file so that the “Properties” area in the Image Manager is populated with the image details.

Once the Properties area is populated check that is has the URL and Alternate Text for the image and the image

appears in the Preview area. Other options in the Properties area are discussed in the next section of this guide.

You can now click on the “Insert” button at the bottom, to insert the image into the Article or Module.

Your image will be inserted into the Article Text area of the Article or the Custom Output area of the Module.

Page 21: Vol1 - Joomla Basics

Joomla User Guide

Copyright 2013 – Impartmedia | www.impartmedia.com Page | 19

Additional functions of the Image Manager

Once an image and text is inserted into the Article or Custom HTML Module, you can explore some other features of the

Image Manager.

4.3 Editing the dimensions of an image

Although it is best practice to edit the dimensions of the image before getting it into the Article or Module, you can edit the

dimensions using the Image Manger if you need to.

First, go to your article and click on the image to select it.

Then press the Image button, to return to the Image Manager.

Using the Dimensions tools, you can edit the dimensions of your image, by changing the values in the boxes.

Once you make your selection, the Preview window will give you a peek at what your changes will look like.

Be sure to click on the Update button to save your work.

You’ll then be returned to the Article Text or Custom Output area to view the updated image and text.

SPECIAL TIP

Even though you can edit the dimensions here, you should not use this for editing more than 5 to 10

pixels. The reason being, Joomla! is not an image editing software. Even though you are editing the image

to fit the Module, it is not changing the size of the actual stored image.

For example: You upload a 1000 x 1000 pixel image but the module is only 200 x 200 pixels. You can

edit this though the editor to make it look the right size in your Module but when the page is

loading, it still loads a 1000 x 1000 pixel image because that is what is stored on file.

This can create unnecessary slowness as your page loads onto computers or other devices.

It is best practice edit your images prior to uploading them into your website.

Page 22: Vol1 - Joomla Basics

Joomla User Guide

Copyright 2013 – Impartmedia | www.impartmedia.com Page | 20

4.4 Wrapping text around an image

To make text flow around an image, you need to wrap the text

First, go to your article and click on the image to select it.

Then press the Image button, to return to the Image Manager.

When the image manager pops-up, you can use the Alignment tools, to wrap text around an image.

You ll be returned to the Article Text or Custom Output area to view the updated image and text.

4.5 Adding padding around an image

First, select the the image that you d like to work with and

You can elect to have the text wrap the image to the left, right, top, middle, or

bottom.

Once you make your selection, the Preview window will give you a peek at what

your changes will look like.

Be sure to click on the Update button to save your work.

Page 23: Vol1 - Joomla Basics

Joomla User Guide

Copyright 2013 – Impartmedia | www.impartmedia.com Page | 21

4.6 Adding padding around an image

As well as making text flow around an image, you will find that at times, you need to stop the text from touching the edge of

your images, so that your website looks more professional. You can do this by adding padding to the image.

Padding is like a border, but it is just transparent space that nothing can overlap onto.

First, go to your article and click on the image to select it.

Then press the Image button, to return to the Image Manager.

When the image manager pops-up, you can use the Margin tools, to wrap text around an image.

Using the Margin tools, you can specify the space (in pixels) that you d like to add around the image.

This will offer a little space between your image and the text that you’ve wrapped.

You can elect to keep equal values around all sides of the image, or you can choose different distances around each side of

the image.

Be sure to click on the Update button to save your work.

You’ll then be returned to the Article Text or Custom Output area to view the updated image and text.

Page 24: Vol1 - Joomla Basics

Joomla User Guide

Copyright 2013 – Impartmedia | www.impartmedia.com Page | 22

4.7 Creating a border around an image

You may want to draw attention to your images, by adding Borders to them. These can be of different widths and colours.

First, go to your article and click on the image to select it.

Then press the Image button, to return to the Image Manager.

When the image manager pops-up, you can use the Margin tools, to wrap text around an image.

Using the Border tools, you can add a border around the image.

You do have width, style, and colour options to play with.

Colours need to be added in Hex code. The inbuilt colour picker will help you with this.

Simply press the colour box (see screenshot below) then choose the colour you want,from the pallete that popsup.

The Preview area will allow you to preview your border on your image.

Be sure to click on the Update button to save your work.

Page 25: Vol1 - Joomla Basics

Joomla User Guide

Copyright 2013 – Impartmedia | www.impartmedia.com Page | 23

5. Using the Media Manager

The Joomla Media Manager is basically a filing system for your website. It supports a variety of different file types that can be

displayed or utilised within the site.

This tutorial explains how to access the Media Manager and illustrates few basic concepts that you should know about.

5.1 Accessing the Media Manager

To access the Media Manager, click on the Media Manager icon, located on the Control panel screen of your website.

Alternatively, you can access it from the menu bar, by going to Content > Media Manager

There are two views of the Media Manager - the Thumbnail View and the Detail View.

These are accessible through the tabs at the top, once you have entered the Media Manager.

Thumbnail view

Detail View

Page 26: Vol1 - Joomla Basics

Joomla User Guide

Copyright 2013 – Impartmedia | www.impartmedia.com Page | 24

5.2 Creating folders in the Media Manger

You can always upload a file into the Images folder (the default folder) in the Media Manager, but if you can also create

folders within the Media Manager to keep your files a little more organized.

Steps

To create a folder, find the field next to the Create Folder button at the bottom.

Type the name you want for the folder, into the field. (Keep in mind that there cannot be any spaces within the folder s

name)

Click on the “Create Folder” button.

Once you are done, you will receive a blue message in a bar at the top of the screen, indicating that you successfully created the folder. You should also see the new folder in the Files area.

SPECIAL TIP

Folder names cannot have spaces in them. You need to combine multiple words into a single one.

Alternatively, you can use hyphens or underscores to indicate the spaces.

Eg: “Folder Name” can become ”foldername”, or “folder-name” , or ”folder_name”

Page 27: Vol1 - Joomla Basics

Joomla User Guide

Copyright 2013 – Impartmedia | www.impartmedia.com Page | 25

5.3 Uploading files into the Media Manager

Steps

To upload a file using the Media Manager, first select which folder you would like your file to be placed in when it is

uploaded. The default folder that Media Manager uses is the Images folder. You can select a folder from the list of Media

Folders or from the Files area of Media Manager.

Once you have selected the folder that you will upload the file to, click the “Choose File” button at the bottom of

the screen, in the Upload files section.

In the file box that pops up, locate the file that you want to upload on your computer. Select it and then click the “Open”

button. Once the name of the file appears in the window next to the Choose File button, click the Start Upload button.

You will receive a blue message indicating that you successfully uploaded a file and the file will appear in the Files section of the Media Manager.

Page 28: Vol1 - Joomla Basics

Joomla User Guide

Copyright 2013 – Impartmedia | www.impartmedia.com Page | 26

5.4 Deleting files and images from the Media Manager

You can also easily remove files from the Media Manager.

To delete a file, simply click on the red X icon underneath the file in the Files section.

You can also delete multiple files at once by checking the boxes underneath the desired files.

Then click the Delete button in the upper-right corner of the page.

Be very careful when deleting files using the Media Manager, as any files that you delete will be permanently erased.

Page 29: Vol1 - Joomla Basics

Joomla User Guide

Copyright 2013 – Impartmedia | www.impartmedia.com Page | 27

6. Menu Manager

To access the menu manager hover over Menus and click on Menu Manager. This will load a list of all the menus in the

system. For your website, the main horizontal navigation bar uses a menu called “Main Menu”.

Any content item that does not appear in the main navigation but still requires a web address will be placed in other menu

groups, such as “Hidden Menu”, “Footer menu” etc.

To view a list of content items in a particular menu, click on its title in the list of menus, or hover over Menus and select the

desired option from the sub-menu.

The menu items page is structured in a list format similar to the user list, except this list has the ability to order the rows. This option lets you choose where a menu item will appear in a list.

1. Status: This indicates if the menu item is published and available to be seen on the website front-end.

You can publish & un-publish menu items by clicking the green checkmark or red dot, just like in the user manager.

2. Row Ordering: Use the blue arrows to move the current row up or down. Or place a number in each of the input

boxes and click on the save icon in the right hand corner of the “Ordering” column header.

3. Menu Item Type: Note the menu type of each Menu Item. This indicates the type of content item each menu points

to. This can be useful for locating and updating content items. The vast majority of links will point to a single article.

There will also be menu items pointing to the Bookeasy component.

4. The Access column indicates whether the menu can be viewed by the public or only registered members.

The “Title” column contains the wording as it appears in the

menu on the front end. Underneath each title, in brackets, is the

value for alias, or the web address assigned to the content

item.

This column also indicated how menu items are arranged (also

called “nested”) in a menu list on your website.

Indicators show which items are grouped as sub-menus under

other menu items.

Top level menu item

Submenu of “Plan”

Submenu of “Towns of

the region”

Submenu of “Towns of

the region”

Page 30: Vol1 - Joomla Basics

Joomla User Guide

Copyright 2013 – Impartmedia | www.impartmedia.com Page | 28

6.1 Adding menu items

To add articles or other content to your website, you will need to have a menu item created, so that it can be displayed online.

In the top menu, go to “Menus” and then click “Menu manager”. Ensure you choose the correct menu group for the

type of menu you want to create.

Press the ‘new’ button in the top right area.

You will be presented with the “New menu item” screen. (see screenshot below)

Steps:

Press the “Select” button next to the “Menu item type” field

Select the menu type you need, from the box that pops-up. Click on the option you want.

This will then add that to the “Menu item type” field

Page 31: Vol1 - Joomla Basics

Joomla User Guide

Copyright 2013 – Impartmedia | www.impartmedia.com Page | 29

Then type in your desired menu title. This is what users will see on your website.

Once this is done, you should press the “Save” tick button in the top right area.

If you are adding a new article to your site (and you have already created and saved the article) you should now use the

“select article” area on the right side of the page, to find and attach it.

Once completed, press the “Save & close” button at the top right of the screen.

If you are going to add an article which is not yet created, then press the “Save & close” button at the top right of the screen.

Then go and create your article.

If you are creating a different menu type, please refer to the page options for the specific page type, elsewhere in

this user guide.

Other important menu options:

You will not need to alter these options every time, but it is important that you are aware of them.

Choose if a menu item is published or not.

Select who can access the menu item.

Select the menu group the menu item should belong to.

Make this item a sub-menu of other menus, if required.

If item is a sub-menu, you can choose the list order.

Choose if a menu item opens in a new window or not.

Parent = same window

New Window With Navigation = new window

New Window With Navigation = new window

Choose the template for the page (if known)

Page 32: Vol1 - Joomla Basics

Joomla User Guide

Copyright 2013 – Impartmedia | www.impartmedia.com Page | 30

6.2 Removing menu items

If you no longer want a menu item to show, you can either un-publish it, or delete it.

Un-publish a menu item

If you un-publish a menu item, then it will no longer be able to be seen or accessed on the front-end of your website, by your

website visitors. This option is best if you want to keep the item for future use. (eg: for a season event article that can be

updated and re-published in the following years)

To un-publish a menu item, simply click the green check mark in the “Status” column.

This will change to a red circle.

To re-publish the item, press the red circle to change it back to a green check mark.

Delete a menu item

If you delete a menu item, then it will no longer be able to be seen or accessed on the front-end of your website, by your website visitors. The Item will be moved to the “Trash” category, so you can get it back if you have deleted it in error.

Steps

Select the box on the left of the menu name, so that a tick appears in it.

Press the “Trash” button in the top right area of the screen.

Published

Un-published

Page 33: Vol1 - Joomla Basics

Joomla User Guide

Copyright 2013 – Impartmedia | www.impartmedia.com Page | 31

6.3 Recover a deleted menu item

If you delete a menu item in error it may still be available in the “Trash” folder.

Steps

Go to the “Select Status“ dropdown above the menu list and choose “Trashed”

You will be presented with a list of all trashed items.

Find the item you want to restore, then press the red circle in the “Status” column.

The item will then move back into the published list and the page will reload. The item you changed will no longer be visible. Go back to the “Select Status“ dropdown above the menu list and choose “published” to see the item back in the menu list.

Page 34: Vol1 - Joomla Basics

Joomla User Guide

Copyright 2013 – Impartmedia | www.impartmedia.com Page | 32

7. User Manager

If you need to add, update or remove users for your website, then go to the “Users” item and choose “User Manager” option.

This will load a page showing the list of users.

7.1 Adding users

To add a new user, you need to have permission to do so. If your access level does not have this ability, you will need to

speak to your website administrator.

Steps:

Open the User Manager .

Go to the “USERS” menu item, situated in the upper-left corner. Select “User Manager”.

Add the new user

On the newly opened page, press the “New” button in the upper-right corner. The button will look like this:

This will open the new user panel where you can enter the user data.

Now, fill in the user details:

Name - this field will contain the user's real name, like John Smith

Username - this would be the user or login name to be used to log in to

the site, like jsmith or yellow47

New password - here you can enter a temporary password that you will

send to the user so they can log in for the first time. The user will be able

to change this later to something that is easy to remember. A good rule of

thumb for choosing a safe password is to use small letters together with

capitals and numbers while having a minimum length of six characters. A

good example would be p9SSw0Rd.

Verify password - here you have to re-enter the previously chosen

password just to make sure there were no typos in the first one

Receive System E-mails - You will want to set this option to "No".

Block this user – Make sure this option is set to “No”

Set the Group

Choosing the correct group to assign your user is crucial for your site's security.

Ensure you assign them only to the group needed, with the lowest required access permissions.

Page 35: Vol1 - Joomla Basics

Joomla User Guide

Copyright 2013 – Impartmedia | www.impartmedia.com Page | 33

Set the parameters:

There are a range of options here, which include Backend template Style, Back-end Language, Front-end Language, Editor,

Help Site and Time Zone.

You can leave these options as “Use Default” unless you specifically know that you need to change them

When these steps are complete, click “Save& Close” in the top right-hand area of the screen.

7.2 Disabling/Banning a user

In order to disable or ban an existing user (not allowing them to log-in to the site) you will have to log in to the administration

panel and open the User Manager list

In the user list, simply press the green check mark next to the user’s name, in the “Enabled” column.

The green check mark will change to a red circle, indicating the user is no longer enabled.

Please note that this method will not delete the user account but will only disable it.

To enable the user to access your website admin area again, simply press the red circle and it will switch back to a green

checkmark.

7.3 Deleting a user

In order to delete a user from your database, log in to the administration panel as described above and choose Users -> User

Manager from the top menu.

On the opening page, select the checkbox to the left of the user's name you would like to remove

Press the Delete button in the upper-right corner.