Difference between revisions of "Joomla/C2/Creating-Articles-in-Joomla/English"

From Script | Spoken-Tutorial
Jump to: navigation, search
Line 4: Line 4:
  
 
|-
 
|-
−
|| '''Show Slide 1'''  
+
|| '''Show Slide 1:'''
 
Creating Articles in Joomla
 
Creating Articles in Joomla
−
||  
+
|| Welcome to the Spoken Tutorial on '''Creating Articles in Joomla'''.
−
Welcome to the Spoken Tutorial on '''Creating Articles in Joomla'''.
+
  
 
|-
 
|-
−
|| '''Show Slide 2:'''
+
|| '''Show Slide 2'''  
−
'''Learning Objectives:'''
+
'''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:
+
|| In this tutorial, we will learn about '''Article Manager ''' in''' Joomla'''. :
−
*About '''*Article Manager'''
+
We will learn to:
−
 
+
*Create a new '''article'''
−
We will also learn to
+
*Edit an existing '''article'''
−
*Create a new article
+
*Make a copy of an '''article''' and
−
*Edit an existing article and
+
*Delete an '''article'''
−
*Delete an article
+
−
 
+
 
|-
 
|-
 
|| '''Show Slide 3'''
 
|| '''Show Slide 3'''
Line 35: Line 37:
 
Prerequisites
 
Prerequisites
  
−
|| To follow this tutorial, you need to have '''Joomla 2.5.22''' installed on your system.
+
|| To follow this tutorial, you need to have '''Joomla 2.5.22''' installed on your system.  
  
 
|-
 
|-
 
|| '''Switch to the browser'''
 
|| '''Switch to the browser'''
−
 
 
Type''' http://localhost/joomla/administrator'''
 
Type''' http://localhost/joomla/administrator'''
  
−
|| Lets open our ''' Joomla''' administrative panel first.
 
  
−
So go to the browser and type '''http://localhost/joomla/administrator'''
+
|| Let's open '''Joomla''' administrative panel first.
 +
Let's go to the browser and type ''' http://localhost/joomla/administrator'''
  
 
|-
 
|-
−
|| Type '''login id''' as '''admin '''and '''password '''as '''admin123'''.
+
||  
  
−
|| Enter your '''login id''' and '''password''' and press on '''Login''' button.  
+
|| Enter your '''User Name''' and '''password''' and click on '''Log In''' button.
  
−
I will enter my '''login id''' as '''admin '''and '''password '''as '''admin123'''.
+
|-
 +
|| Type username as '''admin''' and password as ''' admin123'''
  
 +
|| I will enter my '''username''' as '''admin ''' and '''password ''' as '''admin123'''.
  
 
|-
 
|-
−
||
+
|| Click on '''Log in'''
−
|| We are now on the '''Joomla control panel'''.
+
 
 +
|| I will leave the language option as ''' Default.'''
 +
Click on ''' Log In.'''
  
 
|-
 
|-
−
|| '''Show Slide 5: ''' Article Manager
+
||  
  
−
|| We will now learn about the '''Article Manager'''.
+
|| We are now on the '''Joomla Control Panel'''.  
  
−
'''Article Manager '''is a view in '''Joomla''' administrative panel.
+
|-
 +
||
 +
|| I am zooming in so that the text is more readable.
 +
Only 9 icons are visible on the tutorial screen, due to the zooming.
  
−
We can view articles and manage them through the '''Article Manager'''.  
+
|-
 +
||
 +
|| Let's go to the '''Article Manager''' page.
  
 
|-
 
|-
−
|| ''' Show Slide 6: ''' Reaching the Article Manager
+
||  
 +
|| There are 2 ways to reach the '''Article Manager '''page.
  
−
|| We can reach the '''Article Manager''' from the '''Control Panel ''' by doing 2 actions:
+
|-
 +
|| Point to ''' Article Manager ''' icon but don't click.
 +
|| Click on ''' Article Manager ''' icon in the ''' Joomla''' ''' Control Panel.'''
  
−
a. Click on the '''Article Manager''' in the first row in the '''Control Panel''' or
+
|-
 +
|| Click on Content in top menu >> Click on ''' Article Manager'''
 +
|| Click on ''' Content''' in the top menu and then on ''' Article Manager'''
  
−
b. Click on the '''Content''' in the top menu and then click on '''Article Manager'''.  
+
|-
 +
|| Point to the toolbar on the top right.
 +
|| Notice there are some icons on the upper right toolbar area. You can use these to create, modify and delete articles. You can also '''archive''', '''publish''' and '''unpublish''' them.
  
 
|-
 
|-
−
|| ''' Switch to the browser'''
+
||  
−
 
+
|| Let us now learn how to create an '''article'''.
−
|| Let's go to the administrative page again.
+
  
 
|-
 
|-
−
||Point to the column headers one by one
+
||  
  
−
|| Let's understand the '''Article Manager ''' a little more.  
+
|| There are 2 ways to create an '''article''' in '''Joomla '''from the '''Article Manager '''page.
  
−
In the '''Article Manager''', you can see the that the column headers are all clickable.
+
|-
 +
|| Point to the '''New''' icon but do not click it.
 +
|| Click on the ''' New''' icon on the toolbar of the ''' Article Manager page ''' or
  
−
It means you can sort the articles using any of these columns.
+
|-
 +
|| Click on the '''Add New Article''' in the submenu but do not click it.
 +
|| Click on '''Content''' in the top menu, then '''Article Manager''' and then the submenu '''Add New Article'''.
  
 +
|-
 +
|| Click on '''New '''icon
 +
|| I will click on the '''New '''icon in the toolbar on the top right.
  
−
By default, articles are sorted by the title.  
+
|-
 +
|| Article Creation Page
 +
|| We are now on the new '''article '''creation page.
  
 
|-
 
|-
−
|| Show the filters as per the narration
+
|| Point to the toolbar on the top right.
 +
|| This page has a toolbar at the top right.
  
−
|| '''Article Manager''' has filters to make your search faster if there are many articles.  
+
|-
 +
||
 +
|| Let me move to the left of the page.
  
−
The search in the '''Article Manager''' works on the title or the alias of the article.
+
|-
 +
||Highlight '''Title''', '''Category ''' and '''Article Text'''
  
−
There are other filters based on the ''' category''', '''access''', '''status''' of the article, '''author''' and ''' language''' of the articles.  
+
|| Values for a few fields are to be provided in the panel below the page title.
 +
''' Title''', '''Category''' and '''Article Text''' are the mandatory fields while creating an article.
  
 
|-
 
|-
−
|| Point or click & display as per narration.
+
|| Point to the red asterix.
−
|| '''Status''' shows the published status of the article.  
+
|| These are indicated by the all too familiar red asterix.
  
 +
|-
 +
|| Title : ''' Sodium'''
 +
|| Let's create an '''article '''now.
 +
Type '''Sodium''' as the title''' ''' of the '''article'''.
  
−
An article can have 4 possible status:
+
|-
 +
|| Category:''' Uncategorised'''
 +
|| Default value of ''' category''' is '''Uncategorised'''.
 +
Let's leave it as it is.
  
−
'''*published''' - meaning it could be displayed on the front-end
+
|-
 +
||
 +
|| Next, we will put some text into the text box: '''Article Text'''.
 +
You can put any text of your choice here.
  
−
'''*unpublished''' – meaning it cannot be displayed
+
|-
 +
|| 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''' editor and paste it in the '''article text'''.
  
−
'''*archived''' – meaning it is removed from the article manager by default and put in historical records or
+
|-
−
 
+
|| Highlight ''' Featured'''
−
'''*trashed''' – meaning it has been deleted from the system.  
+
|| There is a field called ''' Featured''' which is a dropdown with options '''Yes''' and '''No'''.
  
 
|-
 
|-
−
|| Missing visual cue
+
||  
−
|| '''Featured''': '''Featured articles''' are the ones which are displayed on the '''homepage''' of your website.
+
|| A '''featured''' '''article''' is one which will be displayed on the homepage of a website.
  
 
|-
 
|-
−
|| Missing visual cue
+
|| Select ''' Yes''' in the ''' Featured''' dropdown
−
|| ''' Category''': Shows the category to which the article belongs.
+
|| I will select '''Yes ''' in the '''Featured''' dropdown.
  
 
|-
 
|-
−
|| Missing visual cue
+
||  
−
|| '''Ordering''': Is the order in which to display the articles.  
+
|| Let's now save and close the article.
 +
Go to the toolbar at the top right corner of the page.  
  
  
−
For example, if there are 3 featured articles, ordering would decide which article would be shown first.
+
|-
 +
|| 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'''.
  
 
|-
 
|-
−
|| Missing visual cue
+
||  
−
|| You can change the order by clicking on the header and then either-
+
|| Lets open our webpage and see the article we have created.
−
* manually changing the order number
+
−
* or by clicking the up and down arrow.  
+
  
 +
|-
 +
||Click on ''' View Site'''
 +
|| On the top right on the administrative panel, there is a link ''' View Site'''. Click on it.
  
 
|-
 
|-
−
|| Missing visual cue
+
||Point to the article on the homepage.
−
|| You can save the new order by clicking on the '''Save order''' icon.
+
|| We are on our homepage and you can see the article '''Sodium''' that we created on the homepage.
  
 
|-
 
|-
−
|| Missing visual cue
+
||  
−
|| '''Access''': Shows the user group that has access to the article.
+
||Lets close the browser window and go back to the administrative panel.
  
 
|-
 
|-
−
|| Missing visual cue
+
||  
−
|| '''Created by''', '''Date''', '''Hits''' and '''Language''' are obvious.  
+
||Now let us learn to edit an existing '''article'''.
 +
We will edit the '''article''' that we have just created.
  
 
|-
 
|-
−
|| Missing visual cue
+
|| Go to the admin panel.
−
|| '''ID: ID ''' is the unique identification number for this item in '''Joomla'''.  
+
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'''.
  
−
It is automatically assigned by the system and cannot be changed.
+
|-
 +
|| 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.'''
  
 
|-
 
|-
−
|| Move cursor to top right toolbar
+
||  
−
|| On the top right is the toolbar for taking action on the articles.
+
−
 
+
−
We see one new action named '''Check-In'''.
+
−
 
+
−
When we open an article, the article is '''locked''' for other admins so they cannot open it for editing.
+
  
 +
||This time let us choose another option to save the changes in the article.
  
 
|-
 
|-
−
|| Point or display the various options as per narration
+
||Click on ''' Save''' in the top right toolbar.
−
|| We can close the article by selecting '''Save''', '''Save & Close''', '''Save and New''', '''Save as Copy''' or '''Close'''.  
+
||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.
  
 
|-
 
|-
−
|| Missing visual cue
+
||
−
|| If we forget to close the article by either going back in the browser navigation or by closing the browser window, it will remain '''locked'''.
+
||Lets go to the website and verify our changes.
−
 
+
−
 
+
−
Notice a '''lock''' icon to the left of the title here. No-one else can edit this article.
+
  
 
|-
 
|-
−
|| Missing visual cue
+
||Click on ''' View Site'''.
−
|| The admin who opened the article will need to select '''check-in,''' in order to give access to other admins to open it.
+
||Click on '''View Site''' on the top right of the page.
  
 
|-
 
|-
−
|| Missing visual cue
+
||Scroll down and highlight the modification.
−
|| There is also an '''Options''' icon here. These are the global options for all articles.
+
||Scroll down to see that the article is edited.
  
 
|-
 
|-
−
|| Missing visual cue
+
||Switch to the admin panel.
−
|| In case it is '''ON''', we can turn it ''' OFF''' by editing ''' php.ini ''' in the '''apache installation.'''
+
||Close the browser window and go back to the administrative panel.
  
 
|-
 
|-
−
|| Missing visual cue
+
||Point to ''' Save as Copy'''.
−
|| We will now come to creation of articles.
+
||To make a copy an existing article, there is an option '''Save as Copy ''' in the toolbar.
 +
Let us try it.  
  
 
|-
 
|-
−
|| '''Show Slide 7:'''
+
||Click on ''' Save as Copy'''.
−
 
+
||Click on''' Save as Copy''' icon.
−
|| There are three ways to reach the article creation page in '''Joomla''':
+
This creates a new '''article,''' which is a copy of our original one, '''Sodium.'''  
−
 
+
−
a. Click on the '''Add New Article''' icon in the '''Control Panel'''.
+
−
 
+
−
b. Click on the '''New''' icon in the options at the top in '''Article Manager'''.
+
−
 
+
−
c. Click on '''Content''' in the top menu, then '''Article Manager''' and then the submenu '''Add New Article'''
+
  
 
|-
 
|-
−
|| ''' Switch to the browser'''
+
||Highlight the ''' Title''' text
−
|| Lets go to the administrative panel and create a new article.
+
||Note that the system has generated a new title, '''Sodium (2),''' for the copied article.
  
 
|-
 
|-
−
|| In ''' Control Panel''' >> click on ''' Add New Article'''
+
||
−
|| I will click on ''' Add New Article''' in the ''' Control Panel'''.
+
||Let us give the copied article a title of our choice.
−
 
+
−
 
+
−
This will open a new article creation page.
+
  
 
|-
 
|-
−
|| Missing visual cue
+
||Type ''' Benefits of Sodium''' in the ''' Title''' text.
−
|| Article creation page has some fields that have to be filled up and some icons on the top right.
+
Click on '''Save & Close''' in the top right toolbar.
−
 
+
||In the ''' Title ''' textbox, type ''' Benefits of Sodium''' and then click on the ''' Save & Close''' option.  
−
'''Title''', '''Category''' and '''Article Text''' are mandatory fields.
+
−
 
+
−
This means you cannot create an article without entering values in these fields.  
+
−
 
+
−
Default value of '''Category''' field is '''Uncategorized'''.  
+
  
 
|-
 
|-
−
|| Missing visual cue
+
||Point to the title ''' Benefits of Sodium'''.
−
|| Let's create an article.
+
||We are back to the '''Article Manager ''' page.
−
 
+
See here; we have got a new '''article ''' named '''Benefits of Sodium''' in our list.
−
 
+
−
We put the title as '''Sodium'''.  
+
−
 
+
−
I have already created a category called '''Minerals''' and here I chose the category as '''Minerals'''.  
+
  
 
|-
 
|-
−
|| Missing visual cue
+
||
−
||Let's put some sample text in the '''Article Text'''.
+
||Go to the webpage and verify that we have 2 articles on the homepage.
−
 
+
−
 
+
−
I will copy some text that I have in my '''Gedit''' text editor and paste it in the '''article text'''.
+
  
 
|-
 
|-
−
|| Missing visual cue
+
||
−
|| The article can now be saved without entering any more fields.
+
||Click on the '''View Site''' on the top right.
−
 
+
−
On the top right, we can see the icon to save.
+
−
 
+
−
The '''Save''' icon will only save the article, and load the page with '''Edit Article''' mentioned here.
+
−
 
+
−
'''Save & Close''' will save the article and take you back to the '''Article Manager'''.
+
−
 
+
−
'''Save & New''' will save the article and load another '''Add New Article''' page.
+
−
 
+
−
'''Cancel''' icon would cancel article creation and go back to the '''Article Manager'''.
+
  
 
|-
 
|-
−
|| Missing visual cue
+
||
−
|| If you want to edit an existing article, find that article in the '''Article Manager''' and click on the title of the article.  
+
||Scroll down to see 2 articles: ''' Sodium '''and '''Benefits of Sodium'''.
  
 
|-
 
|-
−
|| Missing visual cue
+
||'''Slide 5 & 6''':
−
|| Clicking on the title of the article will open a page similar to the add new article page, but with '''Save as Copy '''icon on the top right.  
+
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'''.'''
  
−
You can make the required changes to edit the article and save it.
+
||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'''.'''
  
 
|-
 
|-
−
|| Missing visual cue
+
||
−
|| If you click on '''Save as Copy''', a new article, which is a copy of this article would be created.  
+
||Now go back to the administrative panel.
  
−
This copied article will have a different title and alias than the original one.
 
  
 
|-
 
|-
−
|| Missing visual cue
+
||Switch to the browser
−
|| We will now see how to delete an article in '''Joomla'''.  
+
||We will now see how to delete an '''article''' in '''Joomla'''.
  
 
|-
 
|-
−
|| Missing visual cue
+
||Select the article '''Sodium.'''
−
|| Go to the ''' Article Manager''' and look for the article that you want to delete.  
+
||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'''.
  
 
|-
 
|-
−
|| Missing visual cue
+
||Click ''' Trash'''.
−
|| Click on the check box on the left of the article title.
+
||In the toolbar, click on the icon: ''' Trash'''
  
 
|-
 
|-
−
|| Missing visual cue
+
||Scroll down to show that '''article Sodium''' does not exist in the list.
−
|| On the top right of the '''Article Manager''', you can see the option to '''unpublish''' the article or '''trash''' it.
+
||In the '''Article Manager''' verify that the '''article Sodium''' is no longer in the list.
 +
The '''article''' has been permanently deleted.  
  
 
|-
 
|-
−
|| Missing visual cue
+
||
−
|| If you are sure you will not need the article later, you can click on '''trash''' icon.  
+
||Go to the webpage and verify again if the article is present.
  
−
This will remove the article from the system.  
+
|-
 +
||Click on '''View Site'''
 +
||Click on '''View Site''' on the top right.
  
 
|-
 
|-
−
|| Missing visual cue
+
||Scroll down to see the article.
−
|| Otherwise, '''unpublish''' the article.  
+
||See that we have only 1 article here - '''Benefits of Sodium'''.
  
 
|-
 
|-
−
||'''Show Slide 8:'''
+
||'''Show Slide 7:'''
 
(Summary)
 
(Summary)
−
 
+
||Let us recap.
−
||Let us summarize.
+
In this tutorial, we learnt about ''' Article Manager.'''
−
 
+
And to:
−
In this tutorial, we learnt about '''Article Manager'''.
+
*Create a new '''article'''.
−
 
+
*Edit an existing '''article'''
−
We also learnt to-
+
*Save a copy of an '''article''' and
−
* Create a new article
+
*Delete an '''article'''.  
−
* Edit an existing article and
+
−
* Delete an article.
+
  
 
|-
 
|-
−
||'''Switch to Slide 9:'''
+
||'''Switch to Slide 8:'''
−
 
+
−
||Let's come to the assignment now.
+
  
−
You need to create 3 articles.
+
||Here are 2 small assignments for you.  
 +
Create two new '''articles''' as instructed below
  
 
|-
 
|-
−
|| Missing visual cue
+
||'''Slide 8 & 9:'''
 
||
 
||
−
#For the first article, give the title as '''Vitamin A.'''
+
*Go to the '''Create New Article''' page by clicking on '''Content ''' then '''Article Manager''' and then the submenu '''Add New Article'''.
−
#Select ''' Uncategorized''' as the '''category'''.
+
*Give the title '''Vitamin A ''' to the new '''article.'''
−
#Copy the article text from the assignment sheet of this tutorial and paste it as ''' Article Text.'''
+
*Select '''Uncategorised''' as the '''category'''.
−
#Click on '''Save and New '''icon.
+
*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.
  
 
|-
 
|-
−
||'''Switch to Slide 10:'''
+
||'''Slide 10 & 11:'''
−
 
+
 
||
 
||
−
#For the second article, give the title as '''Sodium.'''
+
*Give the title '''Iron ''' to the newly opened '''article'''.
−
#Select ''' Uncategorized''' as the '''category'''.
+
*Select '''Uncategorised''' as the '''category'''.
−
#Copy the article text from the assignment sheet of this tutorial and paste it as ''' Article Text'''.
+
*Copy-paste the second block of text from the '''assignment-text''' file provided with this tutorial into the '''Article Text.'''
−
#Click on '''Save and Close''' icon.
+
*Click on '''Cancel ''' icon'''.'''
 +
*Do you find '''Iron''' in the '''Article Manager'''?
 +
*Understand why or why not.  
  
 
|-
 
|-
−
||'''Switch to Slide 11:'''
+
||'''Show Slide 12:'''
−
 
+
−
||
+
−
#For the third article, give the title as '''Iron.'''
+
−
#Select ''' Uncategorized''' as the '''category'''.
+
−
#Copy the article text from the assignment sheet of this tutorial and paste it as ''' Article Text'''.
+
−
#Click on '''Cancel''' icon.
+
−
 
+
−
|-
+
−
||'''Switch to Slide 12:'''
+
−
 
+
−
||How many articles do you see in the '''Article Manager''' now?
+
−
 
+
−
 
+
−
Why are there only 2 articles in your '''Article Manager?'''
+
−
 
+
−
Think about it.
+
−
 
+
−
|-
+
−
||'''Show Slide 13:'''
+
 
(About Spoken Tutorial Project)
 
(About Spoken Tutorial Project)
−
 
 
||The video at this link, summarizes the 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.
 
If you do not have good bandwidth, you can download and watch it.
  
 
|-
 
|-
−
||'''Show Slide 14:'''
+
||'''Show Slide 13:'''
−
 
+
 
(About Spoken Tutorial Project)
 
(About Spoken Tutorial Project)
  
Line 369: Line 382:
 
*conducts workshops using spoken tutorials and  
 
*conducts workshops using spoken tutorials and  
 
*gives certificates on passing online tests.
 
*gives certificates on passing online tests.
−
 
 
For more details, please write to us.
 
For more details, please write to us.
  
 
|-
 
|-
−
||'''Show Slide 15:'''
+
||'''Show Slide 14:'''
 
(Acknowledgement)
 
(Acknowledgement)
−
 
 
||Spoken Tutorial Project is supported by '''NMEICT, MHRD, Government of India.'''
 
||Spoken Tutorial Project is supported by '''NMEICT, MHRD, Government of India.'''
  
Line 381: Line 392:
 
||
 
||
 
||This is Priyanka signing off. Thank you for joining.
 
||This is Priyanka signing off. Thank you for joining.
 +
 
|-
 
|-
 
|}
 
|}

Revision as of 11:46, 8 November 2014

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. :

We will learn to:

  • 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 2.5.22
  • Apache, MySQL and PHP obtained through XAMPP 1.8.2
Show Slide 4

Prerequisites

To follow this tutorial, you need to have Joomla 2.5.22 installed on your system.
Switch to the browser

Type http://localhost/joomla/administrator


Let's open Joomla administrative panel first.

Let's 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 I will leave the language option as Default.

Click on Log In.

We are now on the Joomla Control Panel.
I am zooming in so that the text is more readable.

Only 9 icons are visible on the tutorial screen, due to the zooming.

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 icon in the Joomla Control Panel.
Click on Content in top menu >> Click on Article Manager Click on Content in the top menu and then on Article Manager
Point to the toolbar on the top right. Notice there are some icons on the upper right toolbar area. 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 icon but do not click it. Click on the New icon on the toolbar of the Article Manager page or
Click on the Add New Article in the submenu but do not click it. Click on Content in the top menu, then Article Manager and then the submenu Add New Article.
Click on New icon I will click on the New icon in the toolbar on the top right.
Article Creation Page We are now on the new article creation page.
Point to the toolbar on the top right. This page has a toolbar at the top right.
Let me move to the left of the page.
Highlight Title, Category and Article Text Values for a few fields are to be provided in the panel below the page title.

Title, Category and Article Text are the mandatory fields while creating an article.

Point to the red asterix. These are indicated by the all too familiar red asterix.
Title : Sodium Let's create an article now.

Type Sodium as the title of the article.

Category: Uncategorised Default value of category is Uncategorised.

Let's leave it as it is.

Next, 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 editor and paste it in the article text.
Highlight Featured There is a field called Featured which is a dropdown 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 dropdown I will select Yes in the Featured dropdown.
Let's now save and close the article.

Go to the toolbar at the top right 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.

Lets open our webpage and see the article we have created.
Click on View Site On the top right on the administrative panel, there is a link View Site. Click on it.
Point to the article on the homepage. We are on our homepage and you can see the article Sodium that we created on the homepage.
Lets 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.

Lets go to the website and verify our changes.
Click on View Site. Click on View Site 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 icon.

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 and then click on the Save & Close option.
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 the View Site 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 icon: 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 View Site Click on View Site 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. And to:

  • 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 submenu 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 opened 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?
  • 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 is Priyanka signing off. Thank you for joining.

Contributors and Content Editors

Itspriyanka, Nancyvarkey

Retrieved from "https://script.spoken-tutorial.org/index.php?title=Joomla/C2/Creating-Articles-in-Joomla/English&oldid=17624"