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

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