Difference between revisions of "Drupal/C2/Content-Management-in-Admin-Interface/English-timed"

From Script | Spoken-Tutorial
Jump to: navigation, search
(Created page with " {| style border = 1 " | '''Time''' | '''Narration''' |- | 00:01 | Welcome to the Spoken tutorial on''' Content Management in Admin Interface'''. |- | 00:07 | In this tutori...")
 
Line 6: Line 6:
 
|-
 
|-
 
| 00:01
 
| 00:01
| Welcome to the Spoken tutorial on''' Content Management in Admin Interface'''.
+
| Welcome to the '''Spoken tutorial''' on''' Content Management in Admin Interface'''.
  
 
|-
 
|-
Line 14: Line 14:
 
|-
 
|-
 
|00:13
 
|00:13
|We will also learn about some menu items, such as * '''Content'''* '''Structure''' and * '''Appearance'''
+
|We will also learn about some menu items such as '''Content''', '''Structure''' and '''Appearance'''.
  
 
|-
 
|-
 
| 00:23
 
| 00:23
| To record this tutorial, I am using
+
| To record this tutorial, I am using:
 
* '''Ubuntu Operating System'''
 
* '''Ubuntu Operating System'''
* '''Drupal 8''' and '''Firefox''' web browser
+
* '''Drupal 8''' and
 +
* '''Firefox''' web browser.
  
 
|-
 
|-
Line 40: Line 41:
 
|-
 
|-
 
| 01:02
 
| 01:02
| '''Super user''' is above all other users in''' Drupal'''.We may set up some other administrators who have all the permissions, in the future.
+
| '''Super user''' is above all other users in''' Drupal'''. We may set up some other administrators who have all the permissions, in the future.
  
 
|-
 
|-
Line 64: Line 65:
 
|-
 
|-
 
| 01:40
 
| 01:40
| When we click on''' Manage,''' we are taken to the submenu.Here, we can see''' Content, Structure, Appearance, etc''' and we will look at them in a little while.
+
| When we click on''' Manage,''' we are taken to the submenu. Here, we can see''' Content, Structure, Appearance, etc''' and we will look at them in a little while.
  
 
|-
 
|-
 
| 01:55
 
| 01:55
| If we click on''' Shortcuts,''' there is a''' Shortcuts tool bar''' here.Again we will look at it in a few minutes.
+
| If we click on''' Shortcuts,''' there is a''' Shortcuts tool bar''' here. Again we will look at it in a few minutes.
  
 
|-
 
|-
 
| 02:06
 
| 02:06
| When we click on''' admin,''' we can see the links to our own''' profile''' or to''' Log out.'''
+
| When we click on''' admin,''' we can see the '''link'''s to our own''' profile''' or to''' Log out.'''
  
 
|-
 
|-
 
| 02:13
 
| 02:13
| It is called '''admin''' in the '''tool bar,''' because that is the username I put in.Yours may be different.
+
| It is called '''admin''' in the '''tool bar,''' because that is the username I put in. Yours may be different.
  
 
|-
 
|-
 
| 02:23
 
| 02:23
| Once again, this is the''' administration toolbar.''' And it in an important part of our''' Drupal administration''' experience.
+
| Once again, this is the''' administration toolbar.''' And it is an important part of our''' Drupal administration''' experience.
  
 
|-
 
|-
Line 92: Line 93:
 
|-
 
|-
 
|02:45
 
|02:45
|And I want to add an''' Article''' to my''' website.'''Notice a star here, that isn’t filled in.
+
|And, I want to add an''' Article''' to my website. Notice a star here that isn’t filled in.
  
 
|-
 
|-
Line 100: Line 101:
 
|-
 
|-
 
| 03:01
 
| 03:01
| Now if we click on''' Shortcuts,''' we will see a''' Create Article''' menu item in the''' Shortcuts.'''
+
| Now, if we click on''' Shortcuts,''' we will see a''' Create Article''' menu item in the''' Shortcuts.'''
  
 
|-
 
|-
 
|03:10
 
|03:10
|And we can easily remove it when we have finished creating''' articles.'''
+
|And we can easily remove it when we have finished creating articles.
  
 
|-
 
|-
 
| 03:15
 
| 03:15
| This can be done from virtually any''' administration screen''' on our''' Drupal site.''''''Shortcuts''' make it really quick to move around.
+
| This can be done from virtually any''' administration screen''' on our''' Drupal site'''. '''Shortcuts''' make it really quick to move around.
  
 
|-
 
|-
 
| 03:25
 
| 03:25
| Now, let me click on''' Appearance.'''Notice that there are''' tabs''' and these kind of''' tabs''' will appear all over the''' site'''.
+
| Now, let me click on''' Appearance.''' Notice that there are''' tabs''' and these kind of tabs will appear all over the''' site'''.
  
 
|-
 
|-
 
| 03:36
 
| 03:36
| These''' tabs''' are important and they are called''' section tabs.'''
+
| These tabs are important and they are called''' section tabs.'''
  
 
|-
 
|-
Line 132: Line 133:
 
|-
 
|-
 
| 04:02
 
| 04:02
| Lastly, every''' Drupal Content item''' is called a''' node.'''
+
| Lastly, every''' Drupal Content''' item is called a''' node.'''
  
 
|-
 
|-
Line 156: Line 157:
 
|-
 
|-
 
| 04:35
 
| 04:35
| When we click on''' Content,''' we are directed to a dashboard.The dashboard lays out all the content on the''' site.'''
+
| When we click on''' Content,''' we are directed to a dashboard. The dashboard lays out all the content on the''' site.'''
  
 
|-
 
|-
 
| 04:45
 
| 04:45
| We can filter by''' Published''' or''' Unpublished.'''We can filter by''' Content Type''' also or we can search by any''' Title''' and choose any''' Language'''.
+
| We can filter by''' Published''' or''' Unpublished.''' We can filter by''' Content Type''' also or we can search by any''' Title''' and choose any''' Language'''.
  
 
|-
 
|-
Line 172: Line 173:
 
|-
 
|-
 
|05:10
 
|05:10
|And if we click on the word''' Files,''' we will get a listing of all the files that have been uploaded so far.
+
|And, if we click on the word''' Files,''' we will get a listing of all the files that have been uploaded so far.
  
 
|-
 
|-
 
|05:18
 
|05:18
|These could be either an image or some kind of file.We will learn about them later.
+
|These could be either an image or some kind of file. We will learn about them later.
  
 
|-
 
|-
 
| 05:25
 
| 05:25
| Let’s click on''' Add content''' and add a welcome''' article''' to our''' Homepage'''.
+
| Let’s click on''' Add content''' and add a welcome article to our''' Homepage'''.
  
 
|-
 
|-
 
| 05:32
 
| 05:32
| Click on''' Article.'''Let us type “'''Welcome to Drupalville.”'''
+
| Click on''' Article.''' Let us type “Welcome to Drupalville.”
  
 
|-
 
|-
 
| 05:40
 
| 05:40
| The name of our''' site''' is “'''Drupalville”.'''And it is going to give all kinds of information about''' Drupal.'''
+
| The name of our''' site''' is “Drupalville”. And, it is going to give all kinds of information about''' Drupal.'''
  
 
|-
 
|-
 
| 05:49
 
| 05:49
 
| In the''' body,''' we’ll type something like -
 
| In the''' body,''' we’ll type something like -
“'''Welcome to our site! We are so glad you stopped by!”'''
+
“Welcome to our site! We are so glad you stopped by!”.
  
 
|-
 
|-
 
| 05:57
 
| 05:57
| Now we will not go into all the fields.We will cover that in later tutorials.
+
| Now we will not go into all the fields. We will cover that in later tutorials.
  
 
|-
 
|-
 
| 06:06
 
| 06:06
| But, in the''' Tags''' we will put''' welcome, Drupal.'''
+
| But, in the''' Tags''', we will put''' welcome, Drupal.'''
  
 
|-
 
|-
Line 213: Line 214:
 
|-
 
|-
 
| 06:22
 
| 06:22
| I have already downloaded and saved a''' Drupal 8 logo''' on my machine'''.'''
+
| I have already downloaded and saved a''' Drupal 8 logo''' on my machine.
  
 
|-
 
|-
 
| 06:29
 
| 06:29
| For your convenience, the''' Drupal 8 logo''' has been provided in the''' Code Files''' link in the webpage of this tutorial.
+
| For your convenience, the''' Drupal 8 logo''' has been provided in the''' Code Files''' link, in the webpage of this tutorial.
  
 
|-
 
|-
Line 225: Line 226:
 
|-
 
|-
 
| 06:41
 
| 06:41
| Click''' Browse''' and locate the saved image.Notice that as soon as we upload it,''' Drupal''' asks for an''' Alternative text''' which is required.
+
| Click''' Browse''' and locate the saved image. Notice that as soon as we upload it,''' Drupal''' asks for an''' Alternative text''' which is required.
  
 
|-
 
|-
 
| 06:54
 
| 06:54
|The little red '''asterix''' indicates that it’s mandatory.
+
|The little red asterisk indicates that it’s mandatory.
  
 
|-
 
|-
Line 237: Line 238:
 
|-
 
|-
 
| 07:09
 
| 07:09
| Type This is the''' Drupal 8 logo.'''Now click''' Save and publish.'''
+
| Type: "this is the Drupal 8 logo". Now, click''' Save and publish.'''
  
 
|-
 
|-
Line 245: Line 246:
 
|-
 
|-
 
| 07:23
 
| 07:23
| Now, when we click on''' Content,''' the''' node''' is listed.The''' Title, Content Type, who created it, the Status of the node, the last update time.'''
+
| Now, when we click on''' Content,''' the''' node''' is listed. The '''Title, Content Type,''' who created it, the '''Status''' of the '''node''', the last update time.
  
 
|-
 
|-
 
|07:37
 
|07:37
|And some operations that we can do like '''Edit, Delete''', etc.We will be learning about them soon.
+
|And some '''operations''' that we can do, like '''Edit, Delete''' etc. We will be learning about them soon.
  
 
|-
 
|-
Line 257: Line 258:
 
|-
 
|-
 
|07:52
 
|07:52
| The next link on the''' Administrative toolbar''' is''' Structure.'''Let’s click on that.
+
| The next link on the''' Administrative toolbar''' is ''' Structure.''' Let’s click on that.
  
 
|-
 
|-
 
| 07:58
 
| 07:58
| '''Structure''' is where we build our '''site''' in '''Drupal'''. Its also called as''' site building'''.
+
| '''Structure''' is where we build our '''site''' in '''Drupal'''. It is also called as''' site building'''.
  
 
|-
 
|-
Line 277: Line 278:
 
|-
 
|-
 
| 08:34
 
| 08:34
| We can place''' blocks''' in a variety of areas in our''' site''' based on our''' Theme.'''We will cover it in more detail later.
+
| We can place''' blocks''' in a variety of areas in our''' site''' based on our''' Theme.''' We will cover it in more detail later.
  
 
|-
 
|-
Line 289: Line 290:
 
|-
 
|-
 
|08:57
 
|08:57
| In the''' Body''', type- ''' "Welcome to Drupalville. This is where you’ll learn all about Drupal!"'''
+
| In the''' Body''', type- "Welcome to Drupalville. This is where you’ll learn all about Drupal!".
  
 
|-
 
|-
Line 297: Line 298:
 
|-
 
|-
 
| 09:15
 
| 09:15
| Now let’s click''' Save'''.
+
| Now, let’s click''' Save'''.
  
 
|-
 
|-
Line 305: Line 306:
 
|-
 
|-
 
| 09:22
 
| 09:22
| Click on''' Block layout''' again.Scroll down to''' Sidebar first''' and click''' Place block'''.
+
| Click on''' Block layout''' again. Scroll down to''' Sidebar first''' and click''' Place block'''.
  
 
|-
 
|-
 
| 09:33
 
| 09:33
| A pop up window of all the''' blocks''' that are available to be placed on our''' Drupal site''' appears.
+
| A pop-up window of all the''' blocks''' that are available to be placed on our''' Drupal site''' appears.
  
 
|-
 
|-
 
| 09:41
 
| 09:41
| Locate the '''Custom '''block we created ''' - "Welcome to Drupalville".'''Then click on''' Place block.'''
+
| Locate the '''Custom '''block we created - "Welcome to Drupalville". Then click on''' Place block.'''
  
 
|-
 
|-
 
| 09:49
 
| 09:49
| There are some restrictions here, which we will learn about in an another tutorial.For now, click on''' Save block'''.
+
| There are some restrictions here which we will learn about in an another tutorial. For now, click on''' Save block'''.
  
 
|-
 
|-
 
| 09:59
 
| 09:59
| Let’s go to our''' Homepage''' and we should see''' "Welcome to Drupalville"'''.
+
| Let’s go to our''' Homepage''' and we should see "Welcome to Drupalville".
  
 
|-
 
|-
 
| 10:04
 
| 10:04
| It may not be the in the order we want or in the location we want right now, but that is ok.
+
| It may not be in the order we want or in the location we want right now, but that is ok.
  
 
|-
 
|-
Line 337: Line 338:
 
|-
 
|-
 
| 10:26
 
| 10:26
| This gives us an overview of all the '''Themes''' that are available for our''' Drupal site.'''It also gives us the ability to check for''' updates''' and do''' global settings'''.
+
| This gives us an overview of all the '''Themes''' that are available for our''' Drupal site.''' It also gives us the ability to check for''' updates''' and do''' global settings'''.
  
 
|-
 
|-
Line 349: Line 350:
 
|-
 
|-
 
| 10:52
 
| 10:52
| We can update the colour scheme here for''' Bartik''' by choosing a different one.Or even manually choose the colours on our own.
+
| We can update the colour scheme here for''' Bartik''' by choosing a different one. Or, even manually choose the colours on our own.
  
 
|-
 
|-
 
| 11:03
 
| 11:03
| This will give us a preview.We can also''' Toggle the display''' for some of these, on our''' site.'''
+
| This will give us a '''preview'''. We can also''' Toggle the display''' for some of these, on our''' site.'''
  
 
|-
 
|-
 
| 11:12
 
| 11:12
| Scroll back to the top, and click on''' Global settings.'''Here, we can change the logo for our''' site''', give it a custom''' Path''', or even upload a new one.
+
| Scroll back to the top and click on''' Global settings.''' Here, we can change the logo for our''' site''', give it a custom''' Path''' or even upload a new one.
  
 
|-
 
|-
Line 369: Line 370:
 
|-
 
|-
 
| 11:36
 
| 11:36
| To bring it back again, click on''' Appearance,''' then''' Settings''' and''' Global settings.'''Click on''' Use the default logo''' and click''' Save configuration'''.
+
| To bring it back again, click on''' Appearance,''' then''' Settings''' and''' Global settings.''' Click on''' Use the default logo''' and click''' Save configuration'''.
  
 
|-
 
|-
 
| 11:50
 
| 11:50
| Now, no matter how many pages we have on our '''site''', our logo will appear on all the page.
+
| Now, no matter how many pages we have on our '''site''', our logo will appear on all the pages.
  
 
|-
 
|-
 
| 11:58
 
| 11:58
| That’s where we manage the''' Themes''' for our''' Drupal site''' under the''' Appearance''' tab.With this we come to the end of this tutorial.
+
| That’s where we manage the''' Themes''' for our''' Drupal site''' under the''' Appearance''' tab.  
 +
With this we come to the end of this tutorial.
  
 
|-
 
|-
 
|12:08
 
|12:08
| Let us summarize.In this tutorial we have learnt to navigate our''' Drupal interface.'''
+
| Let us summarize. In this tutorial, we have learnt to navigate our''' Drupal interface.'''
  
 
|-
 
|-
 
|12:15
 
|12:15
|We have also learnt about menu items
+
|We have also learnt about menu items-
 
+
 
* '''Content'''
 
* '''Content'''
 
* '''Structure''' and
 
* '''Structure''' and
* '''Appearance'''
+
* '''Appearance'''.
  
 
|-
 
|-
Line 397: Line 398:
 
|-
 
|-
 
| 12:44
 
| 12:44
| The video at this link summarises the Spoken Tutorial project.Pls download and watch it.
+
| The video at this link summarizes the Spoken Tutorial project. Please download and watch it.
  
 
|-
 
|-
 
| 12:52
 
| 12:52
| 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.
  
 
|-
 
|-
 
| 13:02
 
| 13:02
| Spoken Tutorial Project is funded by  NMEICT, Ministry of Human Resource Development And NVLI, Ministry of Culture Government of India.
+
| Spoken Tutorial Project is funded by  NMEICT, Ministry of Human Resource Development and NVLI, Ministry of Culture Government of India.
  
 
|-
 
|-
 
| 13:17
 
| 13:17
| This is Calvin Nikil Tomy signing off.Thanks for joining.
+
| This is Calvin Nikil Tomy, signing off. Thanks for joining.
  
 
|}
 
|}

Revision as of 06:26, 30 August 2016

Time Narration
00:01 Welcome to the Spoken tutorial on Content Management in Admin Interface.
00:07 In this tutorial, we will explore the Drupal interface.
00:13 We will also learn about some menu items such as Content, Structure and Appearance.
00:23 To record this tutorial, I am using:
  • Ubuntu Operating System
  • Drupal 8 and
  • Firefox web browser.
00:34 You can use any web browser as per your choice.
00:39 Let us open our website which we created earlier.
00:44 Before we explore the Drupal interface in detail, let me highlight a few really important terms.
00:53 Remember - because we setup our Drupal site, we are the user number one or the super user.
01:02 Super user is above all other users in Drupal. We may set up some other administrators who have all the permissions, in the future.
01:13 But, those permissions also can be revoked or managed by the Super user.
01:20 The Super user’s permission can never be revoked.
01:24 In other words, Super user has access to every area of the Drupal site.
01:30 Remember - user number one is the Super user in any Drupal site.
01:36 This is the administrative toolbar.
01:40 When we click on Manage, we are taken to the submenu. Here, we can see Content, Structure, Appearance, etc and we will look at them in a little while.
01:55 If we click on Shortcuts, there is a Shortcuts tool bar here. Again we will look at it in a few minutes.
02:06 When we click on admin, we can see the links to our own profile or to Log out.
02:13 It is called admin in the tool bar, because that is the username I put in. Yours may be different.
02:23 Once again, this is the administration toolbar. And it is an important part of our Drupal administration experience.
02:33 It is quite simple to add something to the Shortcut bar.
02:38 For example- Say, I am in Manage, Content >> Add Content.
02:45 And, I want to add an Article to my website. Notice a star here that isn’t filled in.
02:55 By clicking on the star, I can add it to the Shortcuts.
03:01 Now, if we click on Shortcuts, we will see a Create Article menu item in the Shortcuts.
03:10 And we can easily remove it when we have finished creating articles.
03:15 This can be done from virtually any administration screen on our Drupal site. Shortcuts make it really quick to move around.
03:25 Now, let me click on Appearance. Notice that there are tabs and these kind of tabs will appear all over the site.
03:36 These tabs are important and they are called section tabs.
03:41 They look at different sections of whatever screen we might be working on.
03:47 Sometimes these sections have sub-section buttons, like the ones you are seeing here.
03:54 Global settings, Bartik, Classy and Seven are the sub-section buttons of the Settings tab.
04:02 Lastly, every Drupal Content item is called a node.
04:08 We don’t have any nodes or any content yet, on our site.
04:13 We will be creating those in upcoming tutorials.
04:17 Administration toolbar, sub-menu, section tabs and sub-section buttons.
04:23 These are some things you will need to know as we move through the Drupal interface.
04:30 Let us take a look at the Content link in our toolbar.
04:35 When we click on Content, we are directed to a dashboard. The dashboard lays out all the content on the site.
04:45 We can filter by Published or Unpublished. We can filter by Content Type also or we can search by any Title and choose any Language.
04:57 Since we do not have content yet, this page is a little limited.
05:03 If we click on the subtabs here, we can see that there are no comments so far.
05:10 And, if we click on the word Files, we will get a listing of all the files that have been uploaded so far.
05:18 These could be either an image or some kind of file. We will learn about them later.
05:25 Let’s click on Add content and add a welcome article to our Homepage.
05:32 Click on Article. Let us type “Welcome to Drupalville.”
05:40 The name of our site is “Drupalville”. And, it is going to give all kinds of information about Drupal.
05:49 In the body, we’ll type something like -

“Welcome to our site! We are so glad you stopped by!”.

05:57 Now we will not go into all the fields. We will cover that in later tutorials.
06:06 But, in the Tags, we will put welcome, Drupal.
06:11 This will create links to a list of all articles that we give these tags.
06:18 We can also upload an image here.
06:22 I have already downloaded and saved a Drupal 8 logo on my machine.
06:29 For your convenience, the Drupal 8 logo has been provided in the Code Files link, in the webpage of this tutorial.
06:39 Please download and use it.
06:41 Click Browse and locate the saved image. Notice that as soon as we upload it, Drupal asks for an Alternative text which is required.
06:54 The little red asterisk indicates that it’s mandatory.
07:00 Alternative text is what screen readers see and blind people hear and what google finds when it looks at our site.
07:09 Type: "this is the Drupal 8 logo". Now, click Save and publish.
07:17 We have just created our very first node on our new Drupal site.
07:23 Now, when we click on Content, the node is listed. The Title, Content Type, who created it, the Status of the node, the last update time.
07:37 And some operations that we can do, like Edit, Delete etc. We will be learning about them soon.
07:47 That’s the content in our administrative toolbar.
07:52 The next link on the Administrative toolbar is Structure. Let’s click on that.
07:58 Structure is where we build our site in Drupal. It is also called as site building.
08:07 There are a number of things here -Block layout, Comment types, Contact forms, Content types, Display modes, Menus, Taxonomy, Views.
08:21 These options tell us that most of our site building is done in Structure and Content menu items.
08:30 For now, let’s click on Block layout.
08:34 We can place blocks in a variety of areas in our site based on our Theme. We will cover it in more detail later.
08:45 Click on Custom block library and let’s add a welcome block.
08:50 Click on Add Custom block and let’s call it Welcome to Drupalville.
08:57 In the Body, type- "Welcome to Drupalville. This is where you’ll learn all about Drupal!".
09:06 Please note - this is not content. Blocks are a little bit different and are like the sidebars.
09:15 Now, let’s click Save.
09:18 We have our block and now we can decide where to place it.
09:22 Click on Block layout again. Scroll down to Sidebar first and click Place block.
09:33 A pop-up window of all the blocks that are available to be placed on our Drupal site appears.
09:41 Locate the Custom block we created - "Welcome to Drupalville". Then click on Place block.
09:49 There are some restrictions here which we will learn about in an another tutorial. For now, click on Save block.
09:59 Let’s go to our Homepage and we should see "Welcome to Drupalville".
10:04 It may not be in the order we want or in the location we want right now, but that is ok.
10:13 This is the part of the site building process in the Structure menu item.
10:19 Let us click on the next item on our Administration toolbar, that is Appearance.
10:26 This gives us an overview of all the Themes that are available for our Drupal site. It also gives us the ability to check for updates and do global settings.
10:38 For now, let’s click on Settings for Bartik.
10:44 This is where we will manage the look and feel of our site depending upon the Theme we have selected.
10:52 We can update the colour scheme here for Bartik by choosing a different one. Or, even manually choose the colours on our own.
11:03 This will give us a preview. We can also Toggle the display for some of these, on our site.
11:12 Scroll back to the top and click on Global settings. Here, we can change the logo for our site, give it a custom Path or even upload a new one.
11:26 What will happen if we click Save without uploading a new one?
11:31 Go back to our site and we will notice that the logo has gone.
11:36 To bring it back again, click on Appearance, then Settings and Global settings. Click on Use the default logo and click Save configuration.
11:50 Now, no matter how many pages we have on our site, our logo will appear on all the pages.
11:58 That’s where we manage the Themes for our Drupal site under the Appearance tab.

With this we come to the end of this tutorial.

12:08 Let us summarize. In this tutorial, we have learnt to navigate our Drupal interface.
12:15 We have also learnt about menu items-
  • Content
  • Structure and
  • Appearance.
12:33 This video is adapted from Acquia and OSTraining and revised by Spoken Tutorial Project, IIT Bombay.
12:44 The video at this link summarizes the Spoken Tutorial project. Please download and watch it.
12:52 The Spoken Tutorial Project team conducts workshops and gives certificates. For more details, please write to us.
13:02 Spoken Tutorial Project is funded by NMEICT, Ministry of Human Resource Development and NVLI, Ministry of Culture Government of India.
13:17 This is Calvin Nikil Tomy, signing off. Thanks for joining.

Contributors and Content Editors

Nancyvarkey, Pratik kamble, Sandhya.np14