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

From Script | Spoken-Tutorial
Jump to: navigation, search
 
(One intermediate revision by one other user not shown)
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 about
−
|| In this tutorial, we will learn:
+
*'''Article Manager ''' in''' Joomla'''
−
*About '''*Article Manager'''
+
*Create a new '''article'''
−
 
+
*Edit an existing '''article'''
−
We will also learn to
+
*Make a copy of an '''article''' and
−
*Create a new article
+
*Delete an '''article'''
−
*Edit an existing article and
+
−
*Delete an article
+
  
 
|-
 
|-
Line 28: Line 30:
 
|| For this tutorial, we will be using:
 
|| For this tutorial, we will be using:
 
*'''Ubuntu''' 14.04
 
*'''Ubuntu''' 14.04
−
*'''Joomla''' 2.5.22
+
*'''Joomla''' 3.4.1
−
*'''Apache''', '''MySQL''' and '''PHP''' obtained through '''XAMPP''' 1.8.2
+
*'''Apache''', '''MySQL''' and '''PHP''' obtained through '''XAMPP''' 5.5.19
  
 
|-
 
|-
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, ensure that '''Joomla 3.4.1''' is installed in 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.
+
|| Let's open '''Joomla''' administrative panel first.  
  
−
So go to the browser and type '''http://localhost/joomla/administrator'''
+
So go to the browser and type ''' http://localhost/joomla/administrator'''
  
 
|-
 
|-
−
|| Type '''login id''' as '''admin '''and '''password '''as '''admin123'''.  
+
||  
 +
|| Enter your '''User Name''' and '''password''' and click on '''Log in''' button.
  
−
|| Enter your '''login id''' and '''password''' and press on '''Login''' button.
+
|-
 +
|| Type username as '''admin''' and password as ''' admin123'''
  
−
I will enter my '''login id''' 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 are now on the '''Joomla control panel'''.
+
|| We can see the '''Control Panel''' menu on the left-hand side of the screen.
  
 
|-
 
|-
−
|| '''Show Slide 5: ''' Article Manager
+
||  
 +
|| Let's go to the '''Article Manager''' page.
  
−
|| We will now learn about the '''Article Manager'''.
+
|-
 +
||
 +
|| There are 2 ways to reach the '''Article Manager '''page.
  
−
'''Article Manager '''is a view in '''Joomla''' administrative panel.
+
|-
 +
|| Point to ''' Article Manager ''' icon but don't click.
 +
|| Click on ''' Article Manager ''' menu in the ''' Joomla Control Panel.'''
  
−
We can view articles and manage them through the '''Article Manager'''.
+
|-
 +
|| Click on Content in top menu >> Click on ''' Article Manager'''
 +
|| Or click on ''' Content''' in the top menu and then click on ''' Article Manager'''
  
 
|-
 
|-
−
|| ''' Show Slide 6: ''' Reaching the Article Manager
+
|| Point to the toolbar on the top right.
 +
|| Notice there are some buttons on the toolbar.
  
−
|| We can reach the '''Article Manager''' from the '''Control Panel ''' by doing 2 actions:
+
You can use these to create, modify and delete '''articles'''.
  
−
a. Click on the '''Article Manager''' in the first row in the '''Control Panel''' or
+
You can also archive, publish and unpublish them.
  
−
b. Click on the '''Content''' in the top menu and then click on '''Article Manager'''.  
+
|-
 +
||
 +
|| Let us now learn how to create an '''article'''.
  
 
|-
 
|-
−
|| ''' Switch to the browser'''
+
||  
  
−
|| Let's go to the administrative page again.
+
|| There are 2 ways to create an '''article''' in '''Joomla, '''from the '''Article Manager '''page.
  
 
|-
 
|-
−
||Point to the column headers one by one
+
|| Point to the '''New''' button but do not click it.
 +
|| Click on the ''' New''' button on the toolbar of the ''' Article Manager page ''' or
  
−
|| Let's understand the '''Article Manager ''' a little more.  
+
|-
 +
|| 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'''.
  
−
In the '''Article Manager''', you can see the that the column headers are all clickable.  
+
|-
 +
|| Click on '''New '''icon
 +
|| I will click on the '''New '''button in the toolbar on the top left.
  
−
It means you can sort the articles using any of these columns.
+
|-
 +
|| Article Creation Page
 +
|| We are now on the new '''article '''creation page.
  
−
 
+
|-
−
By default, articles are sorted by the title.  
+
|| Point to the toolbar on the top right.
 +
|| This page has few buttons on the toolbar.
  
 
|-
 
|-
−
|| Show the filters as per the narration
+
||Highlight '''Title''', '''Category ''' and '''Article Text'''
  
−
|| '''Article Manager''' has filters to make your search faster if there are many articles.  
+
|| Values for a few fields are to be provided in the panel below the page title.
  
−
The search in the '''Article Manager''' works on the title or the alias of the article.  
+
''' Title''' and '''Category'''are the mandatory fields while creating an '''article'''.
  
−
There are other filters based on the ''' category''', '''access''', '''status''' of the article, '''author''' and ''' language''' of the articles.  
+
|-
 +
|| Point to the black asterix.
 +
|| These are indicated by the all too familiar black asterix.
  
 
|-
 
|-
−
|| Point or click & display as per narration.
+
|| Title : ''' Sodium'''
−
|| '''Status''' shows the published status of the article.  
+
|| Let's create an '''article '''now.
  
 +
Type '''Sodium''' as the title of the '''article'''.
  
−
An article can have 4 possible status:
+
|-
 +
||
 +
|| We will put some text into the text box: '''Article Text'''.
  
−
'''*published''' - meaning it could be displayed on the front-end
+
You can put any text of your choice here.
−
 
+
−
'''*unpublished''' – meaning it cannot be displayed
+
−
 
+
−
'''*archived''' – meaning it is removed from the article manager by default and put in historical records or
+
−
 
+
−
'''*trashed''' – meaning it has been deleted from the system.  
+
  
 
|-
 
|-
−
|| Missing visual cue
+
|| Click on ''' Gedit''' editor in the ''' launcher bar'''.
−
|| '''Featured''': '''Featured articles''' are the ones which are displayed on the '''homepage''' of your website.
+
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'''.
  
 
|-
 
|-
−
|| Missing visual cue
+
||Click on the Category drop-down.
−
|| ''' Category''': Shows the category to which the article belongs.
+
||Next, select the category field on the right-hand side of the screen.
  
 
|-
 
|-
−
|| Missing visual cue
+
||
−
|| '''Ordering''': Is the order in which to display the articles.  
+
||Default value of the field is '''Uncategorised'''.
  
−
 
+
Let's leave it as it is.
−
For example, if there are 3 featured articles, ordering would decide which article would be shown first.
+
  
 
|-
 
|-
−
|| Missing visual cue
+
|| Highlight ''' Featured'''
−
|| You can change the order by clicking on the header and then either-
+
|| There is a field called ''' Featured,''' which is a toggle button, with options '''Yes''' and '''No'''.
−
* manually changing the order number
+
−
* or by clicking the up and down arrow.  
+
−
 
+
  
 
|-
 
|-
−
|| Missing visual cue
+
||  
−
|| You can save the new order by clicking on the '''Save order''' icon.
+
|| A '''featured article''' is one which will be displayed on the '''homepage''' of a website.
  
 
|-
 
|-
−
|| Missing visual cue
+
|| Select ''' Yes''' in the ''' Featured''' menu
−
|| '''Access''': Shows the user group that has access to the article.
+
|| I will select '''Yes ''' in the '''Featured''' menu.
  
 
|-
 
|-
−
|| Missing visual cue
+
|| Point to the top toolbar
−
|| '''Created by''', '''Date''', '''Hits''' and '''Language''' are obvious.
+
  
−
|-
 
−
|| Missing visual cue
 
−
|| '''ID: ID ''' is the unique identification number for this item in '''Joomla'''.
 
  
−
It is automatically assigned by the system and cannot be changed.
+
|| Let's now save and close the article.
  
−
|-
 
−
|| 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'''.
+
Go to the toolbar at the top left corner of the page.  
  
−
When we open an article, the article is '''locked''' for other admins so they cannot open it for editing.
+
|-
 +
|| Click on ''' Save & Close'''
  
  
−
|-
+
|| There are various '''save '''options here.
−
|| Point or display the various options as per narration
+
−
|| We can close the article by selecting '''Save''', '''Save & Close''', '''Save and New''', '''Save as Copy''' or '''Close'''.  
+
  
−
|-
+
Out of the given options, I will click on '''Save & Close.'''  
−
|| 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'''.
+
  
  
−
Notice a '''lock''' icon to the left of the title here. No-one else can edit this article.
+
''' Save & Close''' option will save the '''article''' and take us back to the ''' Article Manager'''.
  
 
|-
 
|-
−
|| Missing visual cue
+
||  
−
|| The admin who opened the article will need to select '''check-in,''' in order to give access to other admins to open it.
+
|| Let's open our webpage and see the '''article''' we have created.
  
 
|-
 
|-
−
|| Missing visual cue
+
||Click on ''' Digital India'''
−
|| There is also an '''Options''' icon here. These are the global options for all articles.
+
|| On the top right on the administrative panel, there is a link ''' Digital India'''. Click on it.
  
 
|-
 
|-
−
|| Missing visual cue
+
||
−
|| In case it is '''ON''', we can turn it ''' OFF''' by editing ''' php.ini ''' in the '''apache installation.'''
+
||This is the site name that we gave for the website, during installation of '''Joomla'''.
  
 
|-
 
|-
−
|| Missing visual cue
+
||Point to the article on the homepage.
−
|| We will now come to creation of articles.
+
|| We are now on our homepage and you can see the article '''Sodium''' that we created on the '''homepage'''.
  
 
|-
 
|-
−
|| '''Show Slide 7:'''
+
||  
 +
||Let's close the browser window and go back to the administrative panel.
  
−
|| There are three ways to reach the article creation page in '''Joomla''':
+
|-
 +
||
 +
||Now let us learn to edit an existing '''article'''.
  
−
a. Click on the '''Add New Article''' icon in the '''Control Panel'''.
+
We will edit the '''article''' that we have just created.
−
 
+
−
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'''
+
|| Go to the admin panel.
−
|| Lets go to the administrative panel and create a new article.
+
Click on '''Sodium'''
 +
||Look for the '''article''' in the '''Article Manager''' and click on its title.
  
−
|-
 
−
|| In ''' Control Panel''' >> click on ''' Add New Article'''
 
−
|| I will click on ''' Add New Article''' in the ''' Control Panel'''.
 
  
 +
Right now, we have only one '''article'''.
  
−
This will open a new article creation page.
+
So we will click on the ''' article Sodium'''.
  
 
|-
 
|-
−
|| Missing visual cue
+
|| Type: ''' Sodium is one of the essential minerals required by our body ''' in the ''' Article Text ''' above the text already written there.
−
|| Article creation page has some fields that have to be filled up and some icons on the top right.  
+
||It opens the page with the title: '''Article Manager: Edit Article. '''
  
−
'''Title''', '''Category''' and '''Article Text''' are mandatory fields.
 
  
−
This means you cannot create an article without entering values in these fields.
+
I am going to add a line at the beginning of the text:
  
−
Default value of '''Category''' field is '''Uncategorized'''.
+
'''Sodium is one of the essential minerals required by our body.'''
  
 
|-
 
|-
−
|| Missing visual cue
+
||  
−
|| Let's create an article.
+
||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.
  
−
We put the title as '''Sodium'''.  
+
It will save the '''article''' and load the page with '''Edit Article'''.
  
−
I have already created a category called '''Minerals''' and here I chose the category as '''Minerals'''.  
+
Which indicates that, the '''article''' is still open for editing.
  
 
|-
 
|-
−
|| Missing visual cue
+
||
−
||Let's put some sample text in the '''Article Text'''.  
+
||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.
  
−
I will copy some text that I have in my '''Gedit''' text editor and paste it in the '''article text'''.
+
|-
 +
||Scroll down and highlight the modification.
 +
||Scroll down to see that the '''article''' is edited.
  
 
|-
 
|-
−
|| Missing visual cue
+
||Switch to the admin panel.
−
|| The article can now be saved without entering any more fields.  
+
||Close the browser window and go back to the administrative panel.
  
−
On the top right, we can see the icon to save.  
+
|-
 +
||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.  
  
−
The '''Save''' icon will only save the article, and load the page with '''Edit Article''' mentioned here.  
+
|-
 +
||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.'''
  
−
'''Save & Close''' will save the article and take you back to the '''Article Manager'''.
+
|-
−
 
+
||Highlight the ''' Title''' text
−
'''Save & New''' will save the article and load another '''Add New Article''' page.
+
||Note that the system has generated a new title, '''Sodium (2),''' for the copied '''article'''.
−
 
+
−
'''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.  
+
||Let us give the copied '''article''' a title of our choice.
  
 
|-
 
|-
−
|| Missing visual cue
+
||Type ''' Benefits of Sodium''' in the ''' Title''' text.
−
|| 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.  
+
Click on '''Save & Close''' in the top right toolbar.
 +
||In the ''' Title ''' textbox, type ''' Benefits of Sodium'''.
  
−
You can make the required changes to edit the article and save it.
+
Now select the status as '''Published''' and then click on the ''' Save & Close''' option in the toolbar.  
  
 
|-
 
|-
−
|| Missing visual cue
+
||Point to the title ''' Benefits of Sodium'''.
−
|| If you click on '''Save as Copy''', a new article, which is a copy of this article would be created.  
+
||We are back to the '''Article Manager ''' page.
  
−
This copied article will have a different title and alias than the original one.
+
See here; we have got a new '''article ''' named '''Benefits of Sodium''' in our list.
  
 
|-
 
|-
−
|| Missing visual cue
+
||
−
|| We will now see how to delete an article in '''Joomla'''.  
+
||Go to the webpage and verify that we have 2 '''articles''' on the '''homepage'''.
  
 
|-
 
|-
−
|| Missing visual cue
+
||Click on '''Digital India'''
−
|| Go to the ''' Article Manager''' and look for the article that you want to delete.  
+
||Click on the '''Digital India''' link on the top right.
  
 
|-
 
|-
−
|| Missing visual cue
+
||
−
|| Click on the check box on the left of the article title.  
+
||Scroll down to see 2 '''articles''': ''' Sodium '''and '''Benefits of Sodium'''.
  
 
|-
 
|-
−
|| Missing visual cue
+
||'''Slide 5 & 6''':
−
|| On the top right of the '''Article Manager''', you can see the option to '''unpublish''' the article or '''trash''' it.
+
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.
  
 
|-
 
|-
−
|| Missing visual cue
+
||
−
|| If you are sure you will not need the article later, you can click on '''trash''' icon.  
+
||Now go back to the administrative panel.
  
−
This will remove the article from the system.
 
  
 
|-
 
|-
−
|| Missing visual cue
+
||Switch to the browser
−
|| Otherwise, '''unpublish''' the article.  
+
||We will now see how to delete an '''article''' in '''Joomla'''.
  
 
|-
 
|-
−
||'''Show Slide 8:'''
+
||Select the article '''Sodium.'''
−
(Summary)
+
||Since we have two '''articles''', ''' Benefits of Sodium''' and '''Sodium,''' let us delete one of them.
  
−
||Let us summarize.
 
  
−
In this tutorial, we learnt about '''Article Manager'''.
+
First, click on the check box on the left of the '''article Sodium'''.
  
−
We also learnt to-
+
|-
−
* Create a new article
+
||Click ''' Trash'''.
−
* Edit an existing article and
+
||In the toolbar, click on the button: ''' Trash'''
−
* Delete an article.
+
  
 
|-
 
|-
−
||'''Switch to Slide 9:'''
+
||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.
  
−
||Let's come to the assignment now.
 
  
−
You need to create 3 articles.
+
The '''article''' has been permanently deleted.  
  
 
|-
 
|-
−
|| Missing visual cue
 
 
||
 
||
−
#For the first article, give the title as '''Vitamin A.'''
+
||Go to the webpage and verify again if the '''article''' is present.
−
#Select ''' Uncategorized''' as the '''category'''.
+
−
#Copy the article text from the assignment sheet of this tutorial and paste it as ''' Article Text.'''
+
−
#Click on '''Save and New '''icon.
+
  
 
|-
 
|-
−
||'''Switch to Slide 10:'''
+
||Click on '''Digital India'''
 +
||Click on '''Digital India''' on the top right.
  
−
||
+
|-
−
#For the second article, give the title as '''Sodium.'''
+
||Scroll down to see the article.
−
#Select ''' Uncategorized''' as the '''category'''.
+
||See that we have only 1 '''article''' here - '''Benefits of Sodium'''.
−
#Copy the article text from the assignment sheet of this tutorial and paste it as ''' Article Text'''.
+
−
#Click on '''Save and Close''' icon.
+
  
 
|-
 
|-
−
||'''Switch to Slide 11:'''
+
||'''Show Slide 7:'''
−
 
+
(Summary)
−
||
+
||Let us recap.
−
#For the third article, give the title as '''Iron.'''
+
In this tutorial, we learnt about
−
#Select ''' Uncategorized''' as the '''category'''.
+
*''' Article Manager'''
−
#Copy the article text from the assignment sheet of this tutorial and paste it as ''' Article Text'''.
+
*Create a new '''article'''.
−
#Click on '''Cancel''' icon.
+
*Edit an existing '''article'''
 +
*Save a copy of an '''article''' and
 +
*Delete an '''article'''.  
  
 
|-
 
|-
−
||'''Switch to Slide 12:'''
+
||'''Switch to Slide 8:'''
  
−
||How many articles do you see in the '''Article Manager''' now?
+
||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.
  
−
Why are there only 2 articles in your '''Article Manager?'''
+
|-
−
 
+
||'''Slide 10 & 11:'''
−
Think about it.
+
||
 +
*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 13:'''
+
||'''Show Slide 12:'''
 
(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 416:
 
*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.'''
  
 
|-
 
|-
 
||
 
||
−
||This is Priyanka signing off. Thank you for joining.
+
||This script has been contributed by Priyanka and this is Ashwini Patil, from IIT Bombay. Thank you for joining.
 +
 
 
|-
 
|-
 
|}
 
|}

Latest revision as of 15:58, 7 May 2015

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

Contributors and Content Editors

Itspriyanka, Nancyvarkey

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