Difference between revisions of "Drupal/C2/Creating-Basic-Content/English-timed"

From Script | Spoken-Tutorial
Jump to: navigation, search
(Created page with "{|border=1 |'''Time''' |'''Narration''' |- | 00:01 | Welcome to the Spoken tutorial on''' Creating Basic Content.''' |- |00:06 | In this tutorial, we will learn about * '''C...")
 
Line 5: Line 5:
 
|-
 
|-
 
| 00:01
 
| 00:01
−
| Welcome to the Spoken tutorial on''' Creating Basic Content.'''
+
| Welcome to the '''Spoken tutorial''' on''' Creating Basic Content.'''
  
 
|-
 
|-
 
|00:06
 
|00:06
−
| In this tutorial, we will learn about
+
| In this tutorial, we will learn about:
−
* '''Content types'''
+
* '''Content''' types
−
* Creating an '''article''' and Creating a basic page
+
* Creating an '''article''' and
 +
* Creating a basic page.
  
 
|-
 
|-
 
| 00:15
 
| 00:15
−
| To record this tutorial, I am using '''Ubuntu Linux''' Operating System
+
| To record this tutorial, I am using:
−
'''Drupal 8''' and '''Firefox''' Web browser
+
* '''Ubuntu Linux''' Operating System
 +
* '''Drupal 8''' and * '''Firefox''' Web browser.
  
 
|-
 
|-
Line 24: Line 26:
 
|-
 
|-
 
|00:29
 
|00:29
−
|First let us learn about''' Content type'''.In '''Drupal''',''' Content type''' is the core of the''' content management system'''.
+
|First let us learn about''' Content type'''. In '''Drupal''',''' Content type''' is the core of the''' content management system'''.
  
 
|-
 
|-
Line 36: Line 38:
 
|-
 
|-
 
|00:48
 
|00:48
−
| Most of the''' CMS''' just have a title and a body, and that as it turns out, is completely inadequate.
+
| Most of the''' CMS''' just have a title and a body and that as it turns out, is completely inadequate.
  
 
|-
 
|-
 
|00:57
 
|00:57
−
| In '''Drupal''' every content item is called a''' node'''. Each''' node''' belongs to a single''' Content type'''.
+
| In '''Drupal''', every content item is called a''' node'''. Each''' node''' belongs to a single''' Content type'''.
  
 
|-
 
|-
 
| 01:06
 
| 01:06
−
| Next let us understand the importance of''' Content type.'''* '''Content type''' defines various default settings for''' nodes''' of that type, such as
+
| Next, let us understand the importance of''' Content type.''' '''Content type''' defines various default settings for nodes of that type such as-
  
 
|-
 
|-
 
|01:17
 
|01:17
−
|whether the '''node''' is published automatically whether the '''comments''' are permitted and
+
|* whether the '''node''' is published automatically * whether the '''comments''' are permitted and
  
 
|-
 
|-
 
|01:23
 
|01:23
−
| how content gets added to our '''site''' Every '''Content type '''has '''fields'''
+
|* how content gets added to our '''site'''.
 +
Every '''Content type '''has '''fields'''.
  
 
|-
 
|-
 
|01:30
 
|01:30
−
|We have '''fields '''for informations that we need, depending on what kind of content is going in.
+
|We have '''fields '''for information that we need, depending on what kind of content is going in.
  
 
|-
 
|-
 
| 01:38
 
| 01:38
−
| Let me illustrate it this way. This is''' IMDb.Com''' which could be a '''Drupal site'''.This is about the movie '''Red'''.
+
| Let me illustrate it this way. This is''' IMDb.Com''' which could be a '''Drupal site'''. This is about the movie '''Red'''.
  
 
|-
 
|-
Line 73: Line 76:
 
|01:55
 
|01:55
 
|* a parental rating,
 
|* a parental rating,
−
* a runtime,
+
* a run time,
 
* a movie genre,
 
* a movie genre,
  
Line 83: Line 86:
 
|-
 
|-
 
|02:04
 
|02:04
−
|We will have a set of '''People fields,''' as well as some other links and buttons and things.
+
|We will have a set of people fields, as well as some other '''links''' and buttons and things.
  
 
|-
 
|-
 
| 02:09
 
| 02:09
−
| In other''' CMS'''es we could use something like''' Dreamweaver''' to create this layout in''' CSS'''.
+
| In other''' CMS'''s we could use something like''' Dreamweaver''' to create this layout in''' CSS'''.
  
 
|-
 
|-
 
|02:16
 
|02:16
−
| What happens if we want
+
| What happens if we want-
  
 
* a landing page for all the movies in 2010
 
* a landing page for all the movies in 2010
Line 99: Line 102:
 
|-
 
|-
 
| 02:28
 
| 02:28
−
| If you are using another '''CMS''', it is difficult to do this.But in '''Drupal''', it is done very easily.
+
| If you are using another '''CMS''', it is difficult to do this. But in '''Drupal''', it is done very easily.
  
 
|-
 
|-
Line 111: Line 114:
 
|-
 
|-
 
|02:54
 
|02:54
−
|First, we will learn about''' Article Content type'''.Click on''' Content''' and then on''' Add content.'''
+
|First, we will learn about''' Article Content type'''. Click on''' Content''' and then on''' Add content.'''
  
 
|-
 
|-
 
| 03:04
 
| 03:04
−
| Remember we have already created one''' article'''. We will now create another''' article''' with all the elements.
+
| Remember, we have already created one''' article'''. We will now create another article with all the elements.
  
 
|-
 
|-
 
| 03:13
 
| 03:13
−
| Click on''' Article.'''In an''' article''', there’s only one mandatory field, i.e. the''' Title.'''
+
| Click on''' Article.''' In an article, there’s only one mandatory field, i.e. the''' Title.'''
  
 
|-
 
|-
 
|03:21
 
|03:21
−
| If we don’t put text in the''' body''', we will have nothing.An''' Article Content type''' comes with the''' Summary'''.
+
| If we don’t put text in the''' body''', we will have nothing. An''' Article Content type''' comes with the''' Summary'''.
  
 
|-
 
|-
Line 143: Line 146:
 
|-
 
|-
 
|03:50
 
|03:50
−
| Here''' Text format''' shows what elements we are allowed to put into the''' HTML.'''
+
| Here,''' Text format''' shows what '''elements''' we are allowed to put into the''' HTML.'''
  
 
|-
 
|-
 
| 03:56
 
| 03:56
−
| We have''' Basic, Restricted''' and''' Full HTML.'''Because we are the''' super user''', we can see everything.
+
| We have''' Basic, Restricted''' and''' Full HTML.''' Because we are the''' super user''', we can see everything.
  
 
|-
 
|-
Line 164: Line 167:
 
|-
 
|-
 
| 04:26
 
| 04:26
−
| '''Basic HTML''' allows us to
+
| '''Basic HTML''' allows us to look at the''' source code''' and use some''' basic HTML elements''' like-
−
* look at the''' source code'''
+
−
* and use some''' basic HTML elements''' like
+
  
 
|-
 
|-
Line 178: Line 179:
 
|-
 
|-
 
| 04:41
 
| 04:41
−
|'''Full HTML''' allows us to embed any''' HTML''' including''' JavaScript''' and''' iframes.'''
+
|'''Full HTML''' allows us to embed any HTML including''' JavaScript''' and''' iframes.'''
  
 
|-
 
|-
Line 186: Line 187:
 
|-
 
|-
 
| 04:57
 
| 04:57
−
| The''' WYSIWYG editor '''is''' CKEditor. '''We will learn about it later.
+
| The''' WYSIWYG editor '''is''' CKEditor.''' We will learn about it later.
  
 
|-
 
|-
 
| 05:03
 
| 05:03
 
| Here we can see
 
| Here we can see
−
*''' bold, italics, linking, unordered'''  
+
''' bold, italics, linking, unordered'''  
−
*and''' ordered lists, block quote '''
+
and''' ordered lists, block quote '''
−
*and''' image'''.
+
and''' image'''.
  
 
|-
 
|-
Line 205: Line 206:
 
|-
 
|-
 
| 05:25
 
| 05:25
−
| Let's leave it at''' Basic HTML''' for now.Click on''' Continue''' button.
+
| Let's leave it at''' Basic HTML''' for now. Click on''' Continue''' button.
  
 
|-
 
|-
 
| 05:32
 
| 05:32
−
| Let's finish our''' article'''.Once again, let's use the''' tags - introduction''' and''' drupal.'''
+
| Let's finish our''' article'''. Once again, let's use the tags - "introduction" and "drupal".
  
 
|-
 
|-
Line 217: Line 218:
 
|-
 
|-
 
| 05:47
 
| 05:47
−
| Here on the right, we get the''' visibility''' and''' publication settings.'''
+
| Here on the right, we get the visibility and publication settings.
  
 
|-
 
|-
Line 225: Line 226:
 
|-
 
|-
 
| 05:59
 
| 05:59
−
| If we want to add an''' article''' to a''' menu link''', click on''' Provide a menu link''' checkbox.
+
| If we want to add an''' article''' to a''' menu link''', click on''' Provide a menu link''' checkbox. Drupal will add a menu item to the '''Main navigation'''.
−
'''Drupal''' will add a''' menu item''' to the '''main navigation'''.
+
  
 
|-
 
|-
 
| 06:11
 
| 06:11
−
| If you do that, we will get hundreds of mails. So, let’s remove the checkmark.
+
| If you do that, we will get hundreds of mails. So, let’s remove the check mark.
  
 
|-
 
|-
 
| 06:17
 
| 06:17
−
| We can turn''' Comments''' on or off on a particular''' node'''.
+
| We can turn''' Comments''' ON or OFF on a particular node.
  
 
|-
 
|-
Line 246: Line 246:
 
|-
 
|-
 
| 06:30
 
| 06:30
−
| Under''' AUTHORING INFORMATION,''' we can see who created this''' node''' and when they created it.
+
| Under''' AUTHORING INFORMATION,''' we can see who created this node and when they created it.
  
 
|-
 
|-
 
| 06:37
 
| 06:37
−
| Under''' PROMOTION OPTIONS,''' we can set the '''View settings''' like-
+
| Under''' PROMOTION OPTIONS,''' we can set the view settings like-
−
 
+
* whether this node will be promoted to the front page and
−
* whether this''' node''' will be promoted to the front page and
+
 
* whether it will be''' sticky''' at the top of list.
 
* whether it will be''' sticky''' at the top of list.
  
Line 265: Line 264:
 
|-
 
|-
 
| 07:00
 
| 07:00
−
| Finally, click''' Save and publish''' to save our '''node'''.
+
| Finally, click''' Save and publish''' to save our node.
  
 
|-
 
|-
 
| 07:04
 
| 07:04
−
| Immediately, the '''node''' is live on our site. We can see it here.
+
| Immediately, the node is live on our site. We can see it here.
  
 
|-
 
|-
 
| 07:10
 
| 07:10
−
| Click on''' Home page'''.
+
| Click on''' Home''' page.
  
 
|-
 
|-
Line 281: Line 280:
 
|-
 
|-
 
| 07:17
 
| 07:17
−
| In''' Teaser mode,''' these are displayed in''' publication date order.'''
+
| In''' Teaser mode,''' these are displayed in publication date order.
  
 
|-
 
|-
Line 289: Line 288:
 
|-
 
|-
 
| 07:28
 
| 07:28
−
| To get a list of all the '''nodes tagged''' with the word''' Drupal,''' click on''' drupal''' link.
+
| To get a list of all the nodes tagged with the word Drupal, click on''' drupal''' link.
  
 
|-
 
|-
 
| 07:35
 
| 07:35
−
| Again, the '''nodes''' are displayed in''' publication date order.'''
+
| Again, the nodes are displayed in publication date order.
  
 
|-
 
|-
Line 321: Line 320:
 
|-
 
|-
 
| 07:58
 
| 07:58
−
| Let's add another item.Click on''' Shortcuts''' and''' Add content.'''
+
| Let's add another item. Click on''' Shortcuts''' and''' Add content.'''
  
 
|-
 
|-
 
| 08:04
 
| 08:04
−
| Choose''' Basic page.''''''Basic page''' contains the''' Title''' and the''' Body'''.
+
| Choose''' Basic page.''' '''Basic page''' contains the''' Title''' and the''' Body'''.
  
 
|-
 
|-
 
| 08:10
 
| 08:10
−
|There are no''' tags''' or images.It is not''' promoted to the front page,''' by default.
+
|There are no tags or images. It is not''' promoted to the front page,''' by default.
  
 
|-
 
|-
 
| 08:17
 
| 08:17
−
| Also, there is no provision for commenting. Because it’s not promoted to the''' Home page,''' it's easy to create a new''' menu'''.
+
| Also, there is no provision for commenting. Because it’s not promoted to the''' Home page,''' it's easy to create a new menu.
  
 
|-
 
|-
Line 357: Line 356:
 
|-
 
|-
 
| 08:51
 
| 08:51
−
| '''Weight''' is where the menu will appear in the list.A lower number or negative number, will make it appear higher i.e. it will flow to the top.
+
| '''Weight''' is where the menu will appear in the list. A lower number or negative number will make it appear higher i.e. it will flow to the top.
  
 
|-
 
|-
 
| 09:03
 
| 09:03
−
| Leave everything else the same.Make sure''' menu link''' is checked and click''' Save and publish.'''
+
| Leave everything else the same. Make sure''' menu link''' is checked and click''' Save and publish.'''
  
 
|-
 
|-
 
| 09:11
 
| 09:11
−
|We get an''' About Drupalville''' link.It will take us to our''' Basic page Content type''' with a''' node''' title''' About Drupalville.'''
+
|We get an''' About Drupalville''' link. It will take us to our''' Basic page Content type''' with a node title''' About Drupalville.'''
  
 
|-
 
|-
 
| 09:22
 
| 09:22
−
|The''' node ID''' shows 3.If you have added other '''nodes''' earlier, then your '''node ID''' might be different from mine.
+
|The''' node ID''' shows 3. If you have added other nodes earlier, then your '''node ID''' might be different from mine.
  
 
|-
 
|-
 
| 09:32
 
| 09:32
−
| At the bottom left, we can see this is''' node ID''' 3.You won’t need that very often, however.
+
| At the bottom left, we can see this is''' node ID''' 3. You won’t need that very often, however.
  
 
|-
 
|-
 
| 09:41
 
| 09:41
−
| That is the''' article''' and the''' Basic page Content type''' with a''' menu link.'''With this we come to the end of this tutorial.
+
| That is the''' article''' and the''' Basic page Content type''' with a''' menu link.''' With this we come to the end of this tutorial.
  
 
|-
 
|-
 
| 09:50
 
| 09:50
−
| Let us summarize.In this tutorial we have learnt about
+
| Let us summarize. In this tutorial, we have learnt about:
  
 
* '''Content types'''
 
* '''Content types'''
 
* Creating an '''article''' and
 
* Creating an '''article''' and
−
* Creating a basic page
+
* Creating a basic page.
  
 
|-
 
|-
 
| 10:05
 
| 10:05
−
|This video is adapted from Acquia and OSTraining  and revised by Spoken Tutorial Project, IIT Bombay.
+
|This video is adapted from '''Acquia''' and '''OSTraining''' and revised by Spoken Tutorial Project, IIT Bombay.
  
 
|-
 
|-
 
| 10:15
 
| 10:15
−
| The video at this link summarises the Spoken Tutorial project.Please download and watch it.
+
| The video at this link summarizes the Spoken Tutorial project. Please download and watch it.
  
 
|-
 
|-
 
| 10:22
 
| 10:22
−
| The Spoken Tutorial Project Team conducts workshops and gives certificates.For more details, please write to us.
+
| The Spoken Tutorial Project team conducts workshops and gives certificates. For more details, please write to us.
  
 
|-
 
|-
Line 406: Line 405:
 
|-
 
|-
 
| 10:44
 
| 10:44
−
| This is Gautam Narayanan signing off.Thanks for joining.
+
| This is Gautam Narayanan, signing off. Thanks for joining.
  
 
|}
 
|}

Revision as of 16:34, 30 August 2016

Time Narration
00:01 Welcome to the Spoken tutorial on Creating Basic Content.
00:06 In this tutorial, we will learn about:
  • Content types
  • Creating an article and
  • Creating a basic page.
00:15 To record this tutorial, I am using:
  • Ubuntu Linux Operating System
  • Drupal 8 and * Firefox Web browser.
00:25 You can use any web browser as per your choice.
00:29 First let us learn about Content type. In Drupal, Content type is the core of the content management system.
00:39 It is like the backbone of a site.
00:42 It is one of the things that sets Drupal apart from the other CMS.
00:48 Most of the CMS just have a title and a body and that as it turns out, is completely inadequate.
00:57 In Drupal, every content item is called a node. Each node belongs to a single Content type.
01:06 Next, let us understand the importance of Content type. Content type defines various default settings for nodes of that type such as-
01:17 * whether the node is published automatically * whether the comments are permitted and
01:23 * how content gets added to our site.

Every Content type has fields.

01:30 We have fields for information that we need, depending on what kind of content is going in.
01:38 Let me illustrate it this way. This is IMDb.Com which could be a Drupal site. This is about the movie Red.
01:49 On the screen, you will see -
  • a poster,
  • a title,
  • a release date,
01:55 * a parental rating,
  • a run time,
  • a movie genre,
01:59 * a body or
  • a description for the movie.
02:04 We will have a set of people fields, as well as some other links and buttons and things.
02:09 In other CMSs we could use something like Dreamweaver to create this layout in CSS.
02:16 What happens if we want-
  • a landing page for all the movies in 2010
  • that stars Bruce Willis
  • with the parental rating of PG 13.
02:28 If you are using another CMS, it is difficult to do this. But in Drupal, it is done very easily.
02:37 This is the real advantage of Content types. Now, let us go and explore some built-in Content types.
02:46 Later, we will also learn about creating new Content types. Open our Drupal site which we created earlier.
02:54 First, we will learn about Article Content type. Click on Content and then on Add content.
03:04 Remember, we have already created one article. We will now create another article with all the elements.
03:13 Click on Article. In an article, there’s only one mandatory field, i.e. the Title.
03:21 If we don’t put text in the body, we will have nothing. An Article Content type comes with the Summary.
03:28 If we don't put anything in the Summary, Drupal will take the first few characters to create it. This is called the Teaser mode.
03:38 Let’s proceed. We will type a few lines of text here.
03:43 You can type any text that you want.
03:45 This is my text.
03:50 Here, Text format shows what elements we are allowed to put into the HTML.
03:56 We have Basic, Restricted and Full HTML. Because we are the super user, we can see everything.
04:05 Normally, when a user logs in as an editor or publisher, there is only one Text format here.

They are allowed to use only that Text format.

04:17 For more details, click on About text formats link.
04:22 For now, let's select Basic HTML.
04:26 Basic HTML allows us to look at the source code and use some basic HTML elements like-
04:33 a paragraph tag, strong italic,
04:36 unordered list, ordered list and a few others.
04:41 Full HTML allows us to embed any HTML including JavaScript and iframes.
04:48 In Restricted HTML, we will just be allowed to enter something like a paragraph tag or line breaks.
04:57 The WYSIWYG editor is CKEditor. We will learn about it later.
05:03 Here we can see

bold, italics, linking, unordered and ordered lists, block quote and image.

05:11 A formatting drop down to choose different H tags and then View Source.
05:18 When I change the Text format, I get more buttons. We will learn about them later.
05:25 Let's leave it at Basic HTML for now. Click on Continue button.
05:32 Let's finish our article. Once again, let's use the tags - "introduction" and "drupal".
05:40 We will leave the Image blank for now. You have already seen how that works.
05:47 Here on the right, we get the visibility and publication settings.
05:52 Click on Create new revision checkbox to enable version control for this particular article.
05:59 If we want to add an article to a menu link, click on Provide a menu link checkbox. Drupal will add a menu item to the Main navigation.
06:11 If you do that, we will get hundreds of mails. So, let’s remove the check mark.
06:17 We can turn Comments ON or OFF on a particular node.
06:22 Here we can give the URL alias.
06:26 If kept blank, then Drupal will create this for us.
06:30 Under AUTHORING INFORMATION, we can see who created this node and when they created it.
06:37 Under PROMOTION OPTIONS, we can set the view settings like-
  • whether this node will be promoted to the front page and
  • whether it will be sticky at the top of list.
06:50 These are set up when we create our Content type and the editor doesn't need to change those.
06:56 But we can make changes as per our preferences.
07:00 Finally, click Save and publish to save our node.
07:04 Immediately, the node is live on our site. We can see it here.
07:10 Click on Home page.
07:12 We have our Welcome to Drupalville and Drupalville's Second Article.
07:17 In Teaser mode, these are displayed in publication date order.
07:23 The Read more and Add new comment links are here.
07:28 To get a list of all the nodes tagged with the word Drupal, click on drupal link.
07:35 Again, the nodes are displayed in publication date order.
07:40 That's the Article Content type.
07:43 Let us click on Edit link.
07:45 We can insert anything we want here.
07:48 Drupal gives a lot of options, by default.
07:52 Let us click on Save and keep published.
07:56 We can use Content types for anything.
07:58 Let's add another item. Click on Shortcuts and Add content.
08:04 Choose Basic page. Basic page contains the Title and the Body.
08:10 There are no tags or images. It is not promoted to the front page, by default.
08:17 Also, there is no provision for commenting. Because it’s not promoted to the Home page, it's easy to create a new menu.
08:27 Type About Drupalville.
08:30 Type some text of your choice here.
08:33 Now, check the Provide a menu link under MENU SETTINGS.
08:38 You will see that the Title changes to a Menu Title.
08:43 We could shorten this, if we want. Check it in the main navigation and keep the Weight at 0, for now.
08:51 Weight is where the menu will appear in the list. A lower number or negative number will make it appear higher i.e. it will flow to the top.
09:03 Leave everything else the same. Make sure menu link is checked and click Save and publish.
09:11 We get an About Drupalville link. It will take us to our Basic page Content type with a node title About Drupalville.
09:22 The node ID shows 3. If you have added other nodes earlier, then your node ID might be different from mine.
09:32 At the bottom left, we can see this is node ID 3. You won’t need that very often, however.
09:41 That is the article and the Basic page Content type with a menu link. With this we come to the end of this tutorial.
09:50 Let us summarize. In this tutorial, we have learnt about:
  • Content types
  • Creating an article and
  • Creating a basic page.
10:05 This video is adapted from Acquia and OSTraining and revised by Spoken Tutorial Project, IIT Bombay.
10:15 The video at this link summarizes the Spoken Tutorial project. Please download and watch it.
10:22 The Spoken Tutorial Project team conducts workshops and gives certificates. For more details, please write to us.
10:30 Spoken Tutorial Project is funded by NMEICT, Ministry of Human Resource Development and

NVLI, Ministry of Culture Government of India.

10:44 This is Gautam Narayanan, signing off. Thanks for joining.

Contributors and Content Editors

Nancyvarkey, Pratik kamble, Sandhya.np14

Retrieved from "https://script.spoken-tutorial.org/index.php?title=Drupal/C2/Creating-Basic-Content/English-timed&oldid=27897"