View source for Joomla/C2/Creating-Articles-in-Joomla/English

{| border=1
|| '''Visual Cue'''
|| '''Narration'''

|-
|| '''Show Slide 1:'''
Creating Articles in Joomla
|| Welcome to the Spoken Tutorial on '''Creating Articles in Joomla'''.

|-
|| '''Show Slide 2''' 
'''Learning Objectives'''
*Article Manager
*How to create a new article
*How to edit an article
*How to make a copy of an article.
*How to delete an article

|| In this tutorial, we will learn about 
*'''Article Manager ''' in''' Joomla'''
*Create a new '''article'''
*Edit an existing '''article'''
*Make a copy of an '''article''' and
*Delete an '''article'''

|-
|| '''Show Slide 3'''
Versions and OS

|| For this tutorial, we will be using:
*'''Ubuntu''' 14.04
*'''Joomla''' 3.4.1
*'''Apache''', '''MySQL''' and '''PHP''' obtained through '''XAMPP''' 5.5.19

|-
|| '''Show Slide 4'''
Prerequisites

|| To follow this tutorial, ensure that '''Joomla 3.4.1''' is installed in your system. 

|-
|| '''Switch to the browser'''
Type''' http://localhost/joomla/administrator'''

|| Let's open '''Joomla''' administrative panel first. 

So go to the browser and type ''' http://localhost/joomla/administrator'''

|-
|| 
|| Enter your '''User Name''' and '''password''' and click on '''Log in''' button.

|-
|| Type username as '''admin''' and password as ''' admin123'''

|| I will enter my '''username''' as '''admin ''' and '''password ''' as '''admin123'''.

|-
|| Click on '''Log in'''
|| Click on ''' Log In.'''

|-
|| 
|| We are now on the '''Joomla Control Panel'''. 

|-
||
|| We can see the '''Control Panel''' menu on the left-hand side of the screen.

|-
|| 
|| Let's go to the '''Article Manager''' page.

|-
|| 
|| There are 2 ways to reach the '''Article Manager '''page.

|-
|| Point to ''' Article Manager ''' icon but don't click.
|| Click on ''' Article Manager ''' menu in the ''' Joomla Control Panel.'''

|-
|| Click on Content in top menu >> Click on ''' Article Manager'''
|| Or click on ''' Content''' in the top menu and then click on ''' Article Manager'''

|-
|| Point to the toolbar on the top right.
|| Notice there are some buttons on the toolbar. 

You can use these to create, modify and delete '''articles'''. 

You can also archive, publish and unpublish them.

|-
|| 
|| Let us now learn how to create an '''article'''.

|-
|| 

|| There are 2 ways to create an '''article''' in '''Joomla, '''from the '''Article Manager '''page.

|-
|| Point to the '''New''' button but do not click it.
|| Click on the ''' New''' button on the toolbar of the ''' Article Manager page ''' or

|-
|| Click on the '''Add New Article''' in the submenu but do not click it.
|| Or click on '''Content''' in the top menu, then '''Article Manager''' and then the sub-menu '''Add New Article'''.

|-
|| Click on '''New '''icon
|| I will click on the '''New '''button in the toolbar on the top left.

|-
|| Article Creation Page
|| We are now on the new '''article '''creation page.

|-
|| Point to the toolbar on the top right.
|| This page has few buttons on the toolbar.

|-
||Highlight '''Title''', '''Category ''' and '''Article Text'''

|| Values for a few fields are to be provided in the panel below the page title.

''' Title''' and '''Category'''are the mandatory fields while creating an '''article'''.

|-
|| Point to the black asterix.
|| These are indicated by the all too familiar black asterix.

|-
|| Title : ''' Sodium'''
|| Let's create an '''article '''now.

Type '''Sodium''' as the title of the '''article'''.

|-
|| 
|| We will put some text into the text box: '''Article Text'''. 

You can put any text of your choice here.

|-
|| Click on ''' Gedit''' editor in the ''' launcher bar'''.
Copy the text by doing Ctrl+C >> Go to the browser >> Paste the text by doing Ctrl+V
|| I will copy the text that I have in my '''Gedit''' text editor and paste it in the '''Article text'''.

|-
||Click on the Category drop-down.
||Next, select the category field on the right-hand side of the screen.

|-
||
||Default value of the field is '''Uncategorised'''.

Let's leave it as it is.

|-
|| Highlight ''' Featured'''
|| There is a field called ''' Featured,''' which is a toggle button, with options '''Yes''' and '''No'''.

|-
|| 
|| A '''featured article''' is one which will be displayed on the '''homepage''' of a website.

|-
|| Select ''' Yes''' in the ''' Featured''' menu
|| I will select '''Yes ''' in the '''Featured''' menu.

|-
|| Point to the top toolbar 


|| Let's now save and close the article.


Go to the toolbar at the top left corner of the page. 

|-
|| Click on ''' Save & Close'''


|| There are various '''save '''options here.

Out of the given options, I will click on '''Save & Close.''' 


''' Save & Close''' option will save the '''article''' and take us back to the ''' Article Manager'''.

|-
|| 
|| Let's open our webpage and see the '''article''' we have created.

|-
||Click on ''' Digital India'''
|| On the top right on the administrative panel, there is a link ''' Digital India'''. Click on it.

|-
||
||This is the site name that we gave for the website, during installation of '''Joomla'''.

|-
||Point to the article on the homepage.
|| We are now on our homepage and you can see the article '''Sodium''' that we created on the '''homepage'''.

|-
|| 
||Let's close the browser window and go back to the administrative panel.

|-
|| 
||Now let us learn to edit an existing '''article'''.

We will edit the '''article''' that we have just created.

|-
|| Go to the admin panel.
Click on '''Sodium'''
||Look for the '''article''' in the '''Article Manager''' and click on its title.


Right now, we have only one '''article'''. 

So we will click on the ''' article Sodium'''.

|-
|| Type: ''' Sodium is one of the essential minerals required by our body ''' in the ''' Article Text ''' above the text already written there.
||It opens the page with the title: '''Article Manager: Edit Article. '''


I am going to add a line at the beginning of the text: 

'''Sodium is one of the essential minerals required by our body.'''

|-
|| 
||This time let us choose another option to save the changes in the '''article'''. 

|-
||Click on ''' Save''' in the top right toolbar.
||Click on '''Save''' in the toolbar. 

It will save the '''article''' and load the page with '''Edit Article'''.

Which indicates that, the '''article''' is still open for editing.

|-
||
||Let's go to the website and verify our changes.

|-
||Click on '''Digital India'''.
||Click on '''Digital India''' link on the top right of the page.

|-
||Scroll down and highlight the modification.
||Scroll down to see that the '''article''' is edited.

|-
||Switch to the admin panel.
||Close the browser window and go back to the administrative panel.

|-
||Point to ''' Save as Copy'''.
||To make a copy an existing '''article''', there is an option '''Save as Copy ''' in the toolbar.
 
Let us try it. 

|-
||Click on ''' Save as Copy'''.
||Click on''' Save as Copy''' button.
This creates a new '''article,''' which is a copy of our original one, '''Sodium.''' 

|-
||Highlight the ''' Title''' text
||Note that the system has generated a new title, '''Sodium (2),''' for the copied '''article'''.

|-
||
||Let us give the copied '''article''' a title of our choice.

|-
||Type ''' Benefits of Sodium''' in the ''' Title''' text. 
Click on '''Save & Close''' in the top right toolbar.
||In the ''' Title ''' textbox, type ''' Benefits of Sodium'''.

Now select the status as '''Published''' and then click on the ''' Save & Close''' option in the toolbar. 

|-
||Point to the title ''' Benefits of Sodium'''.
||We are back to the '''Article Manager ''' page.

See here; we have got a new '''article ''' named '''Benefits of Sodium''' in our list.

|-
||
||Go to the webpage and verify that we have 2 '''articles''' on the '''homepage'''.

|-
||Click on '''Digital India'''
||Click on the '''Digital India''' link on the top right.

|-
||
||Scroll down to see 2 '''articles''': ''' Sodium '''and '''Benefits of Sodium'''.

|-
||'''Slide 5 & 6''':
Assignment:
*Click on the title '''Benefits of Sodium'''.
*Append '''XYZ''' at the end of the text. 
*This time choose the last icon, '''Close, ''' from the toolbar.
*In the '''Article Manager''' page, open '''Benefits of Sodium''' again.
*Verify that, this time the changes were not saved. 
*Close the '''article''' by clicking on '''Close '''again'''.'''

||Here is a small assignment for you.
Pause this tutorial and do it.
*Click on the title '''Benefits of Sodium'''.
*Append '''XYZ''' at the end of the text. 
*This time choose the last icon, '''Close, ''' from the toolbar.
*In the '''Article Manager''' page, open '''Benefits of Sodium''' again.
*Verify that, this time the changes were not saved. 
*Close the '''article''' by clicking on '''Close '''again.

|-
||
||Now go back to the administrative panel.


|-
||Switch to the browser
||We will now see how to delete an '''article''' in '''Joomla'''.

|-
||Select the article '''Sodium.'''
||Since we have two '''articles''', ''' Benefits of Sodium''' and '''Sodium,''' let us delete one of them.


First, click on the check box on the left of the '''article Sodium'''.

|-
||Click ''' Trash'''. 
||In the toolbar, click on the button: ''' Trash''' 

|-
||Scroll down to show that '''article Sodium''' does not exist in the list. 
||In the '''Article Manager''' verify that the '''article Sodium''' is no longer in the list. 


The '''article''' has been permanently deleted. 

|-
||
||Go to the webpage and verify again if the '''article''' is present.

|-
||Click on '''Digital India'''
||Click on '''Digital India''' on the top right.

|-
||Scroll down to see the article.
||See that we have only 1 '''article''' here - '''Benefits of Sodium'''.

|-
||'''Show Slide 7:'''
(Summary)
||Let us recap.
In this tutorial, we learnt about 
*''' Article Manager'''
*Create a new '''article'''.
*Edit an existing '''article'''
*Save a copy of an '''article''' and
*Delete an '''article'''. 

|-
||'''Switch to Slide 8:'''

||Here are 2 small assignments for you. 
Create two new '''articles''' as instructed below.

|-
||'''Slide 8 & 9:'''
||
*Go to the '''Create New Article''' page by clicking on '''Content ''' then '''Article Manager''' and then the sub-menu '''Add New Article'''.
*Give the title '''Vitamin A ''' to the new '''article.'''
*Select '''Uncategorised''' as the '''category'''.
*Copy-paste the first block of text from the '''assignment-text''' file provided with this tutorial into the '''Article Text.'''
*Click on '''Save and New ''' option.
*Observe what happens.

|-
||'''Slide 10 & 11:'''
||
*Give the title '''Iron ''' to the newly obtained '''article'''.
*Select '''Uncategorised''' as the '''category'''.
*Copy-paste the second block of text from the '''assignment-text''' file provided with this tutorial into the '''Article Text.'''
*Click on '''Cancel ''' icon.
*Do you find '''Iron''' in the '''Article Manager''' now? 
*Understand why or why not. 

|-
||'''Show Slide 12:'''
(About Spoken Tutorial Project)
||The video at this link, summarizes the Spoken Tutorial project.
If you do not have good bandwidth, you can download and watch it.

|-
||'''Show Slide 13:'''
(About Spoken Tutorial Project)

||The Spoken Tutorial Project Team 
*conducts workshops using spoken tutorials and 
*gives certificates on passing online tests.
For more details, please write to us.

|-
||'''Show Slide 14:'''
(Acknowledgement)
||Spoken Tutorial Project is supported by '''NMEICT, MHRD, Government of India.'''

|-
||
||This script has been contributed by Priyanka and this is Ashwini Patil, from IIT Bombay. Thank you for joining.

|-
|}