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

From Script | Spoken-Tutorial
Jump to: navigation, search
 
Line 30: Line 30:
 
* '''Structure''' and
 
* '''Structure''' and
 
* '''Appearance'''
 
* '''Appearance'''
 
 
  
 
|-
 
|-
Line 49: Line 47:
  
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;"|  
+
| style="border:1pt solid #000000;padding:0.097cm;"| Switch to website.
 
| style="border:1pt solid #000000;padding:0.097cm;"| Let us open our website which we created earlier.
 
| style="border:1pt solid #000000;padding:0.097cm;"| Let us open our website which we created earlier.
  
Line 55: Line 53:
  
 
{| style="border-spacing:0;"
 
{| style="border-spacing:0;"
 +
| style="border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| 
 +
| style="border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"|  '''Part 1'''
 +
 +
|-
 
| style="border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| '''Time'''
 
| style="border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| '''Time'''
 
| style="border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| '''Narration'''
 
| style="border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| '''Narration'''
Line 204: Line 206:
  
 
{| style="border-spacing:0;"
 
{| style="border-spacing:0;"
| style="border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| Time
+
| style="border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"|
| style="border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| Narration
+
| style="border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"|  '''Part 2'''
 +
 
 +
|-
 +
| style="border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| '''Time'''
 +
| style="border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| '''Narration'''
  
 
|-
 
|-
Line 346: Line 352:
  
 
{| style="border-spacing:0;"
 
{| style="border-spacing:0;"
 +
| style="border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| 
 +
| style="border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"|'''Part 3'''
 +
 +
|-
 
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| '''Time'''
 
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| '''Time'''
 
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| '''Narration'''
 
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| '''Narration'''
Line 452: Line 462:
  
 
{| style="border-spacing:0;"
 
{| style="border-spacing:0;"
 +
| style="border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| 
 +
| style="border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"|'''Part 4'''
 +
 +
|-
 
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| '''Time'''
 
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| '''Time'''
 
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| '''Narration'''
 
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| '''Narration'''

Latest revision as of 17:16, 11 July 2016

Title of Script: Content Management in Admin Interface

Keywords: video tutorial, drupal, drupal interface, content, structure, appearance


Visual Cue
Narration
Slide 1:

Content Management in Admin Interface

Welcome to the Spoken tutorial on Content Management in Admin Interface.
Slide 2:

Learning Objectives


In this tutorial, we will explore the Drupal interface.


We will also learn about some menu items, such as

  • Content
  • Structure and
  • Appearance
Slide 3:

System requirement


To record this tutorial, I am using
  • Ubuntu Operating System
  • Drupal 8 and
  • Firefox web browser

You can use any web browser as per your choice.

Switch to website. Let us open our website which we created earlier.
Part 1
Time Narration
00:05 Before we explore the Drupal interface in detail, let me highlight a few really important terms.
00:13 Remember - because we setup our Drupal site, we are the user number one or the super user.
00:20 Super user is above all other users in Drupal.


We may set up some other administrators who have all the permissions, in the future.


But, those permissions also can be revoked or managed by the Super user.

00:35 The Super user’s permission can never be revoked.
00:39 In other words, Super user has access to every area of the Drupal site.
00:45 Remember - user number one is the Super user in any Drupal site.
00:52 This is the administrative toolbar.
00:56 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:05 If we click on Shortcuts, there is a Shortcuts tool bar here.


Again we will look at it in a few minutes.

01:13 When we click on admin, we can see the links to our own profile or to Log out.
01:19 It is called admin in the tool bar, because that is the username I put in.


Yours may be different.

01:25 Once again, this is the administration toolbar.


And it in an important part of our Drupal administration experience.

01:32 It is quite simple to add something to the Shortcut bar.
01:38 For example-


Say, I am in Manage, Content >> Add Content.


And I want to add an Article to my website.


Notice a star here, that isn’t filled in.

01:50 By clicking on the star, I can add it to the Shortcuts.
01:55 Now if we click on Shortcuts, we will see a Create Article menu item in the Shortcuts.


And we can easily remove it when we have finished creating articles.

02:09 This can be done from virtually any administration screen on our Drupal site.


Shortcuts make it really quick to move around.

02:19 Now, let me click on Appearance.


Notice that there are tabs and these kind of tabs will appear all over the site.

02:28 These tabs are important and they are called section tabs.
02:33 They look at different sections of whatever screen we might be working on.
02:39 Sometimes these sections have sub-section buttons, like the ones you are seeing here.
02:44 Global settings, Bartik, Classy and Seven are the sub-section buttons of the Settings tab.
02:50 Lastly, every Drupal Content item is called a node.
02:57 We don’t have any nodes or any content yet, on our site.
03:01 We will be creating those in upcoming tutorials.
03:05 Administration toolbar, sub-menu, section tabs and sub-section buttons.


These are some things you will need to know as we move through the Drupal interface.

Part 2
Time Narration
00:05 Let us take a look at the Content link in our toolbar.
00:10 When we click on Content, we are directed to a dashboard.


The dashboard lays out all the content on the site.

00:18 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.

00:30 Since we do not have content yet, this page is a little limited.
00:36 If we click on the subtabs here, we can see that there are no comments 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.


These could be either an image or some kind of file.


We will learn about them later.

01:00 Let’s click on Add content and add a welcome article to our Homepage.
01:09 Click on Article.


Let us type “Welcome to Drupalville.”

01:16 The name of our site is “Drupalville”.


And it is going to give all kinds of information about Drupal.

01:24 In the body, we’ll type something like -

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

01:35 Now we will not go into all the fields.


We will cover that in later tutorials.

01:41 But, in the Tags we will put welcome, Drupal.
01:45 This will create links to a list of all articles that we give these tags.
01:53 We can also upload an image here.
01:56 I have already downloaded and saved a Drupal 8 logo on my machine.
For your convenience, the Drupal 8 logo
  • has been provided in the Code Files link
  • in the webpage of this tutorial.


Please download and use it.

02:25 Click Browse and locate the saved image.


Notice that as soon as we upload it, Drupal asks for an Alternative text which is required.


The little red asterix indicates that it’s mandatory.

02:42 Alternative text is
  • what screen readers see
  • and blind people hear
  • and what google finds when it looks at our site.
02:50 This is the Drupal 8 logo.


Now click Save and publish.

03:00 We have just created our very first node on our new Drupal site.
03:07 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.


And some operations that we can do like Edit, Delete, etc.


We will be learning about them soon.

03:27 That’s the content in our administrative toolbar.
Part 3
Time Narration
00:05 The next link on the Administrative toolbar is Structure.


Let’s click on that.

00:11 Structure is where we build our site in Drupal.


Its also called as site building.


There are a number of things here -

Block layout, Comment types, Contact forms, Content types, Display modes, Menus, Taxonomy, Views.

00:24 These options tell us that most of our site building is done in Structure and Content menu items.
00:40 For now, let’s click on Block layout.
00:43 We can place blocks in a variety of areas in our site based on our Theme.


We will cover it in more detail later.

00:54 Click on Custom block library and let’s add a welcome block.
00:59 Click on Add Custom block and let’s call it Welcome to Drupalville.
01:10 In the Body, type-


"Welcome to Drupalville. This is where you’ll learn all about Drupal!"

01:24 Please note - this is not content.


Blocks are a little bit different and are like the sidebars.

01:31 Now let’s click Save.
01:35 We have our block and now we can decide where to place it.
01:40 Click on Block layout again.


Scroll down to Sidebar first and click Place block.

01:51 A pop up window of all the blocks that are available to be placed on our Drupal site appears.
01:58 Locate the Custom block we created - "Welcome to Drupalville".


Then click on Place block.

02:06 There are some restrictions here, which we will learn about in an another tutorial.


For now, click on Save block.

02:16 Let’s go to our Homepage and we should see "Welcome to Drupalville".
02:22 It may not be the in the order we want or in the location we want right now, but that is ok.


This is the part of the site building process in the Structure menu item.

Part 4
Time Narration
00:05 Let us click on the next item on our Administration toolbar, that is Appearance.
00:12 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.

00:25 For now, let’s click on Settings for Bartik.


This is where we will manage the look and feel of our site depending upon the Theme we have selected.

00:35 We can update the colour scheme here for Bartik by choosing a different one.


Or even manually choose the colours on our own.

00:43 This will give us a preview.


We can also Toggle the display for some of these, on our site.

00:50 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.

01:00 What will happen if we click Save without uploading a new one?


Go back to our site and we will notice that the logo has gone.

01:09 To bring it back again, click on Appearance, then Settings and Global settings.


Click on Use the default logo and click Save configuration.

01:26 Now, no matter how many pages we have on our site, our logo will appear on all the page.
01:33 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.

Slide 4:

Summary


Let us summarize.


In this tutorial we have learnt to navigate our Drupal interface.


We have also learnt about menu items

  • Content
  • Structure and
  • Appearance
Slide 5:

Acknowledgement

This video is
  • adapted from Acquia and OSTraining
  • and revised by Spoken Tutorial Project, IIT Bombay.
Slide 6:

Acknowledgement


The video at this link summarises the Spoken Tutorial project.


Pls download and watch it.

Slide 7:

Spoken Tutorial Workshops

The Spoken Tutorial Project Team conducts workshops and gives certificates.


For more details, please write to us.

Slide 8:

Acknowledgement

Spoken Tutorial Project is funded by
  • NMEICT, Ministry of Human Resource Development
  • And NVLI, Ministry of Culture

Government of India.

This is Saket Pasumarthy and Calvin Nikil Tomy signing off.


Thanks for joining.

Contributors and Content Editors

Nancyvarkey, Priyacst