Difference between revisions of "Drupal/C2/Content-Management-in-Admin-Interface/English"
(Created page with "'''Title of Script:''' Content Management in Admin Interface '''Keywords: video tutorial, drupal, drupal interface, content, structure, appearance''' {| style="border-spac...") |
Nancyvarkey (Talk | contribs) |
||
Line 112: | Line 112: | ||
|- | |- | ||
| style="border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| 01:19 | | style="border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| 01:19 | ||
− | | style="border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| It is called''' admin''' in the''' tool bar,''' because that is the | + | | style="border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| It is called '''admin''' in the '''tool bar,''' because that is the username I put in. |
Line 119: | Line 119: | ||
|- | |- | ||
| style="border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| 01:25 | | style="border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| 01:25 | ||
− | | style="border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| Once again, this is the''' administration toolbar''' | + | | style="border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| Once again, this is the''' administration toolbar.''' |
+ | |||
+ | |||
+ | And it in an important part of our''' Drupal administration''' experience. | ||
|- | |- | ||
Line 130: | Line 133: | ||
− | Say, I am in''' Manage, Content''' | + | Say, I am in''' Manage, Content''' >> '''Add Content'''. |
+ | |||
+ | |||
+ | And I want to add an''' Article''' to my''' website.''' | ||
− | Notice a | + | Notice a star here, that isn’t filled in. |
|- | |- | ||
Line 170: | Line 176: | ||
|- | |- | ||
| style="border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| 02:39 | | style="border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| 02:39 | ||
− | | style="border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| Sometimes these''' sections''' have''' sub-section buttons''' like the ones you are seeing here. | + | | style="border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| Sometimes these''' sections''' have''' sub-section buttons,''' like the ones you are seeing here. |
|- | |- | ||
Line 210: | Line 216: | ||
− | The dashboard lays out all the | + | The dashboard lays out all the content on the''' site.''' |
|- | |- | ||
Line 217: | Line 223: | ||
− | We can filter by''' Content | + | We can filter by''' Content Type''' also or we can search by any''' Title''' and choose any''' Language'''. |
|- | |- | ||
Line 228: | Line 234: | ||
− | And if we click on the | + | And if we click on the word''' Files,''' we will get a listing of all the files that have been uploaded so far. |
Line 285: | Line 291: | ||
|- | |- | ||
| 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;"| | ||
− | | style="border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| For your convenience, the''' Drupal 8 logo''' has been provided in the''' Code Files''' link in the webpage of this tutorial. | + | | style="border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| For your convenience, the''' Drupal 8 logo''' |
+ | *has been provided in the''' Code Files''' link | ||
+ | *in the webpage of this tutorial. | ||
Line 292: | Line 300: | ||
|- | |- | ||
| style="border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| 02:25 | | style="border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| 02:25 | ||
− | | style="border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| Click''' | + | | style="border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| Click''' Browse''' and locate the saved image. |
Line 298: | Line 306: | ||
− | The little''' | + | The little red '''asterix''' indicates that it’s mandatory. |
|- | |- | ||
| style="border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| 02:42 | | style="border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| 02:42 | ||
− | | style="border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| '''Alternative text''' is what screen readers see and blind people hear and what''' google''' finds when it looks at our site. | + | | style="border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| '''Alternative text''' is |
+ | *what screen readers see | ||
+ | *and blind people hear | ||
+ | *and what''' google''' finds when it looks at our site. | ||
|- | |- | ||
Line 320: | Line 331: | ||
− | The''' Title, Content | + | The''' Title, Content Type, who created it, the Status of the node, the last update time.''' |
− | And some operations that we can do like | + | And some operations that we can do like '''Edit, Delete''', etc. |
Line 347: | Line 358: | ||
|- | |- | ||
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| 00:11 | | style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| 00:11 | ||
− | | style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| '''Structure''' is where we build our '''site''' in '''Drupal'''. Its also called as''' site building'''. | + | | style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| '''Structure''' is where we build our '''site''' in '''Drupal'''. |
+ | |||
+ | |||
+ | Its also called as''' site building'''. | ||
There are a number of things here - | There are a number of things here - | ||
− | '''Block layout | + | '''Block layout, Comment types, Contact forms, Content types, Display modes, Menus, Taxonomy, Views'''. |
|- | |- | ||
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| 00:24 | | style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| 00:24 | ||
− | | style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| These options tell us that most of our''' site''' building is done in | + | | style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| These options tell us that most of our''' site''' building is done in ''' Structure''' and''' Content''' menu items. |
|- | |- | ||
Line 364: | Line 378: | ||
|- | |- | ||
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| 00:43 | | style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| 00:43 | ||
− | | style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| We can place''' blocks''' in a variety of areas in our''' site''' based on our''' | + | | style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| We can place''' blocks''' in a variety of areas in our''' site''' based on our''' Theme.''' |
Line 379: | Line 393: | ||
|- | |- | ||
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| 01:10 | | style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| 01:10 | ||
− | | style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| In the''' Body''', type''' Welcome to Drupalville. This is where you’ll learn all about Drupal!''' | + | | style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| In the''' Body''', type- |
+ | |||
+ | |||
+ | ''' "Welcome to Drupalville. This is where you’ll learn all about Drupal!"''' | ||
|- | |- | ||
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| 01:24 | | style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| 01:24 | ||
− | | style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| Please note - this is not content.''' Blocks''' are a little bit different and are like the sidebars. | + | | style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| Please note - this is not content. |
+ | |||
+ | |||
+ | ''' Blocks''' are a little bit different and are like the '''sidebars'''. | ||
|- | |- | ||
Line 406: | Line 426: | ||
|- | |- | ||
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| 01:58 | | style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| 01:58 | ||
− | | style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| Locate the '''Custom '''block we created''' - Welcome to Drupalville.''' | + | | style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| Locate the '''Custom '''block we created ''' - "Welcome to Drupalville".''' |
Line 420: | Line 440: | ||
|- | |- | ||
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| 02:16 | | style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| 02:16 | ||
− | | style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| Let’s go to our''' Homepage''' and we should see''' Welcome to Drupalville'''. | + | | style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| Let’s go to our''' Homepage''' and we should see''' "Welcome to Drupalville"'''. |
|- | |- | ||
Line 441: | Line 461: | ||
|- | |- | ||
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| 00:12 | | style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| 00:12 | ||
− | | style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| This gives us an overview of all the ''' | + | | style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| This gives us an overview of all the '''Themes''' that are available for our''' Drupal site.''' |
Line 451: | Line 471: | ||
− | This is where we will manage the look and feel of our''' site''' depending upon the | + | This is where we will manage the look and feel of our''' site''' depending upon the '''Theme''' we have selected. |
|- | |- | ||
Line 465: | Line 485: | ||
− | We can also''' Toggle the display''' for some of these on our''' site.''' | + | We can also''' Toggle the display''' for some of these, on our''' site.''' |
|- | |- | ||
Line 494: | Line 514: | ||
|- | |- | ||
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| 01:33 | | style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| 01:33 | ||
− | | style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| That’s where we manage the''' | + | | style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| That’s where we manage the''' Themes''' for our''' Drupal site''' under the''' Appearance''' tab. |
Line 518: | Line 538: | ||
* '''Structure''' and | * '''Structure''' and | ||
* '''Appearance''' | * '''Appearance''' | ||
− | |||
− | |||
|- | |- | ||
Line 525: | Line 543: | ||
Acknowledgement | Acknowledgement | ||
− | |||
− | |||
| style="border:1pt solid #000000;padding:0.097cm;"| This video is | | style="border:1pt solid #000000;padding:0.097cm;"| This video is | ||
Line 532: | Line 548: | ||
* adapted from Acquia and OSTraining | * adapted from Acquia and OSTraining | ||
* and revised by Spoken Tutorial Project, IIT Bombay. | * and revised by Spoken Tutorial Project, IIT Bombay. | ||
− | |||
− | |||
|- | |- | ||
Line 560: | Line 574: | ||
Acknowledgement | Acknowledgement | ||
− | |||
− | |||
| style="border:1pt solid #000000;padding:0.097cm;"| Spoken Tutorial Project is funded by | | style="border:1pt solid #000000;padding:0.097cm;"| Spoken Tutorial Project is funded by |
Revision as of 14:43, 11 July 2016
Title of Script: Content Management in Admin Interface
Keywords: video tutorial, drupal, drupal interface, content, structure, appearance
|
|
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.
|
Slide 3:
System requirement
|
To record this tutorial, I am using
You can use any web browser as per your choice. |
Let us open our website which we created earlier. |
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.
|
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.
|
01:05 | If we click on Shortcuts, there is a Shortcuts tool bar here.
|
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.
|
01:25 | Once again, this is the administration toolbar.
|
01:32 | It is quite simple to add something to the Shortcut bar. |
01:38 | For example-
|
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.
|
02:09 | This can be done from virtually any administration screen on our Drupal site.
|
02:19 | Now, let me click on Appearance.
|
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.
|
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.
|
00:18 | We can filter by Published or Unpublished.
|
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.
|
01:00 | Let’s click on Add content and add a welcome article to our Homepage. |
01:09 | Click on Article.
|
01:16 | The name of our site is “Drupalville”.
|
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.
|
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
| |
02:25 | Click Browse and locate the saved image.
|
02:42 | Alternative text is
|
02:50 | This is the Drupal 8 logo.
|
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.
|
03:27 | That’s the content in our administrative toolbar. |
Time | Narration |
00:05 | The next link on the Administrative toolbar is Structure.
|
00:11 | Structure is where we build our site in Drupal.
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.
|
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-
|
01:24 | Please note - this is not content.
|
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.
|
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".
|
02:06 | There are some restrictions here, which we will learn about in an another tutorial.
|
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.
|
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.
|
00:25 | For now, let’s click on Settings for Bartik.
|
00:35 | We can update the colour scheme here for Bartik by choosing a different one.
|
00:43 | This will give us a preview.
|
00:50 | Scroll back to the top, and click on Global settings.
|
01:00 | What will happen if we click Save without uploading a new one?
|
01:09 | To bring it back again, click on Appearance, then Settings and Global settings.
|
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.
|
Slide 4:
Summary
|
Let us summarize.
|
Slide 5:
Acknowledgement |
This video is
|
Slide 6:
Acknowledgement
|
The video at this link summarises the Spoken Tutorial project.
|
Slide 7:
Spoken Tutorial Workshops |
The Spoken Tutorial Project Team conducts workshops and gives certificates.
|
Slide 8:
Acknowledgement |
Spoken Tutorial Project is funded by
Government of India. |
This is Saket Pasumarthy and Calvin Nikil Tomy signing off.
|