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...")
 
 
(6 intermediate revisions by 3 users not shown)
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 type'''s
* 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 27:
 
|-
 
|-
 
|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 39:
 
|-
 
|-
 
|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-
  
 
|-
 
|-
Line 52: Line 55:
 
|-
 
|-
 
|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'''.
  
 
|-
 
|-
 
| 01:49
 
| 01:49
 
| On the screen, you will see -
 
| On the screen, you will see -
 
+
a poster,
* a poster,
+
a title,
* a title,
+
a release date,
* a release date,
+
  
 
|-
 
|-
 
|01:55
 
|01:55
|* a parental rating,
+
|a parental rating,a run time,a movie genre,
* a runtime,
+
* a movie genre,
+
  
 
|-
 
|-
 
|01:59
 
|01:59
|* a body or
+
|a body or a description for the movie.
* a description for the movie.
+
  
 
|-
 
|-
 
|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
+
that stars''' Bruce Willis'''
* that stars''' Bruce Willis'''
+
with the parental rating of PG 13.
* with the parental rating of PG 13.
+
  
 
|-
 
|-
 
| 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 107: Line 105:
 
|-
 
|-
 
|02:46
 
|02:46
|Later, we will also learn about creating new '''Content types'''. Open our''' Drupal''' site which we created earlier.
+
|Later, we will also learn about creating new '''Content types'''. Open our Drupal site which we created earlier.
  
 
|-
 
|-
 
|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 '''element'''s.
  
 
|-
 
|-
 
| 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'''.
  
 
|-
 
|-
 
| 03:28
 
| 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.'''
+
| 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.'''
  
 
|-
 
|-
Line 143: Line 141:
 
|-
 
|-
 
|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 162:
 
|-
 
|-
 
| 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 174:
 
|-
 
|-
 
| 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 182:
 
|-
 
|-
 
| 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''' and''' ordered lists, block quote '''and''' image'''.
*''' bold, italics, linking, unordered'''  
+
*and''' ordered lists, block quote '''
+
*and''' image'''.
+
  
 
|-
 
|-
Line 205: Line 198:
 
|-
 
|-
 
| 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 210:
 
|-
 
|-
 
| 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.
  
 
|-
 
|-
 
| 05:52
 
| 05:52
| Click on''' Create new revision''' checkbox to enable''' version control''' for this particular''' article'''.
+
| Click on''' Create new revision''' check-box to enable''' version control''' for this particular''' article'''.
  
 
|-
 
|-
 
| 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''' check-box. 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 238:
 
|-
 
|-
 
| 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 the list.
* whether it will be''' sticky''' at the top of list.
+
  
 
|-
 
|-
Line 265: Line 256:
 
|-
 
|-
 
| 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.
  
 
|-
 
|-
 
| 07:12
 
| 07:12
| We have our''' Welcome to Drupalville''' and''' Drupalville's Second Article.'''
+
| We have our "'''Welcome to Drupalville'''" and "'''Drupalville's Second Article'''".
  
 
|-
 
|-
 
| 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 280:
 
|-
 
|-
 
| 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 312:
 
|-
 
|-
 
| 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.
  
 
|-
 
|-
 
| 08:27
 
| 08:27
| Type''' About Drupalville.'''
+
| Type: "'''About Drupalville'''".
  
 
|-
 
|-
Line 353: Line 344:
 
|-
 
|-
 
| 08:43
 
| 08:43
| We could shorten this, if we want. Check it in the''' main navigation''' and keep the''' Weight''' at 0, for now.
+
| We could shorten this, if we want. Check it in the''' Main navigation''' and keep the''' Weight''' at 0, for now.
  
 
|-
 
|-
 
| 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.
  
 
|-
 
|-
 
| 10:30
 
| 10:30
| Spoken Tutorial Project is funded by NMEICT, Ministry of Human Resource Development and
+
| Spoken Tutorial Project is funded by NMEICT, Ministry of Human Resource Development and NVLI, Ministry of Culture Government of India.
NVLI, Ministry of Culture Government of India.
+
  
 
|-
 
|-
 
| 10:44
 
| 10:44
| This is Gautam Narayanan signing off.Thanks for joining.
+
| This is Gautam Narayanan, signing off. Thanks for joining.
  
 
|}
 
|}

Latest revision as of 16:04, 28 December 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 check-box 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 check-box. 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 the 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