View source for Drupal/C3/Styling-a-Page-using-Themes/English

'''Title:''' Styling a Page using Themes

'''Keywords: Drupal, Video tutorial, Themes, contributed Themes, starter Themes, base Themes, sub-themes, Zircon Theme, Adaptive theme'''



{| style="border-spacing:0;"
| style="border:1pt solid #000000;padding:0.097cm;"| <center>Visual Cue</center>
| style="border:1pt solid #000000;padding:0.097cm;"| <center>Narration</center>

|-
| style="border:1pt solid #000000;padding:0.097cm;"| Slide 1:

Styling a Page using Themes
| style="border:1pt solid #000000;padding:0.097cm;"| Welcome to the Spoken tutorial on''' Styling a Page using Themes.'''

|-
| style="border:1pt solid #000000;padding:0.097cm;"| Slide 2:

Learning Objectives


| style="border:1pt solid #000000;padding:0.097cm;"| In this tutorial, we will learn about

* Introduction to '''themes'''
* Finding '''themes''' and
* Installing a basic '''theme''' 

|-
| style="border:1pt solid #000000;padding:0.097cm;"| Slide 3:

System requirement


| style="border:1pt solid #000000;padding:0.097cm;"| To record this tutorial, I am using

* '''Ubuntu Linux''' Operating System
* '''Drupal''' 8 and
* '''Firefox''' Web browser

You can use any web browser as per your choice.

|}

{| style="border-spacing:0;"
| style="border:1pt solid #000000;padding:0.106cm;"| '''Time'''
| style="border:1pt solid #000000;padding:0.106cm;"| '''Narration'''

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 0:05
| style="border:1pt solid #000000;padding:0.106cm;"| As mentioned earlier, a''' Drupal website''' can look like anything we want.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 0:12
| style="border:1pt solid #000000;padding:0.106cm;"| In fact, here are some of the different looks and feels from several''' Drupal sites.'''

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 0:18
| style="border:1pt solid #000000;padding:0.106cm;"| Notice that they are completely different.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 0:20
| style="border:1pt solid #000000;padding:0.106cm;"| This is based on the''' Theme'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 0:23
| style="border:1pt solid #000000;padding:0.106cm;"| '''Themes''' can make your''' Drupal site''' look like anything you want.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 0:28
| style="border:1pt solid #000000;padding:0.106cm;"| Here are a few things to remember about''' Themes'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 0:31
| style="border:1pt solid #000000;padding:0.106cm;"| We can get''' Themes''' from a few different places:

* We have free''' Themes''' at''' drupal.org '''which are called''' Contributed Themes.'''
* Or we can purchase a''' Theme''' from a number of different vendors also.
* Or we can create our own''' Theme''' like''' Artisteer''' from''' Artisteer.com'''
*:i.e. build it from scratch

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 0:51
| style="border:1pt solid #000000;padding:0.106cm;"| '''Contributed Themes''' can be found at''' drupal.org/project/themes'''

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 1:26
| style="border:1pt solid #000000;padding:0.106cm;"| '''Block Regions''' are all determined by the''' Theme.'''

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 1:31
| style="border:1pt solid #000000;padding:0.106cm;"| So, where we can place''' Blocks''' on our''' website,''' is part of the theming process.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 1:38
| style="border:1pt solid #000000;padding:0.106cm;"| If we don't have the right''' region''', then its a''' Theme''' issue not a''' Block''' issue.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 1:45
| style="border:1pt solid #000000;padding:0.106cm;"| Let's now understand''' Themes''' a little bit more.

|}

{| style="border-spacing:0;"
| style="border:1pt solid #000000;padding:0.106cm;"| '''Time'''
| style="border:1pt solid #000000;padding:0.106cm;"| '''Narration'''

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 0:05
| style="border:1pt solid #000000;padding:0.106cm;"| We can get some fantastic free''' Themes''' at''' drupal.org'''

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 0:12
| style="border:1pt solid #000000;padding:0.106cm;"| Go to''' drupal.org/projects/themes'''

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 0:16
| style="border:1pt solid #000000;padding:0.106cm;"| Let's take a look at some of the''' Themes''' that are available for''' Drupal.'''

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 0:21
| style="border:1pt solid #000000;padding:0.106cm;"| Recall from our''' Modules''' tutorial.

We have to filter by the''' Core compatibility''' of the''' Drupal''' version we're using.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 0:28
| style="border:1pt solid #000000;padding:0.106cm;"| There are 2205''' Themes''' here.


When we click on''' Drupal 8,''' this comes down to a smaller number.


With new '''theme''' additions after this tutorial was recorded, you may see a higher number now.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 0:39
| style="border:1pt solid #000000;padding:0.106cm;"| Let’s talk about how to find and evaluate''' Themes.'''

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 0:43
| style="border:1pt solid #000000;padding:0.106cm;"| This is very similar to''' Modules.'''

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 0:48
| style="border:1pt solid #000000;padding:0.106cm;"| We will start here at''' drupal.org'''

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 0:51
| style="border:1pt solid #000000;padding:0.106cm;"| Now, when we filter by''' Core compatibility''', they get automatically sorted by''' Most Installed'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 0:57
| style="border:1pt solid #000000;padding:0.106cm;"| '''Adaptive Theme''' is number one at this point.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 1:00
| style="border:1pt solid #000000;padding:0.106cm;"| And''' Bootstrap''' is number two.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 1:02
| style="border:1pt solid #000000;padding:0.106cm;"| Let's click on''' Bootstrap.'''

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 1:07
| style="border:1pt solid #000000;padding:0.106cm;"| Recall our''' DMV''' illustration from the''' Module''' tutorial?

It’s the same thing here.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 1:13
| style="border:1pt solid #000000;padding:0.106cm;"| You have to read the''' documentation''' first.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 1:18
| style="border:1pt solid #000000;padding:0.106cm;"| Then check out the''' Maintainers'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 1:21
| style="border:1pt solid #000000;padding:0.106cm;"| And look at''' versions''' and''' project informations.'''

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 1:25
| style="border:1pt solid #000000;padding:0.106cm;"| At the time of recording, this particular''' Theme''' is in''' Drupal 8 x 3.0 alpha 1 version.'''

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 1:34
| style="border:1pt solid #000000;padding:0.106cm;"| And there is a''' development version''' also.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 1:37
| style="border:1pt solid #000000;padding:0.106cm;"| Later on, there's going to be a''' Drupal 8 version''' of this''' Theme''', up here in the green.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 1:46
| style="border:1pt solid #000000;padding:0.106cm;"| A''' Contributed Theme''' can have several flavours as well. 

There are 3 different kinds of''' Themes'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"|
| style="border:1pt solid #000000;padding:0.106cm;"| We can have a very '''simple Contributed Theme'''. that you can configure to a point.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 1:56
| style="border:1pt solid #000000;padding:0.106cm;"| We can have''' Starter Themes''' like''' Bootstrap''' or''' Zen.''' 


It will literally give you just a blank screen and minor''' framework''', in order to put your own''' CSS''' in.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 2:08
| style="border:1pt solid #000000;padding:0.106cm;"| Or we can have a''' Base Theme'''.


That is designed to have other '''Sub-Themes''' placed on top of it something like''' Adaptive Theme.'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 2:17
| style="border:1pt solid #000000;padding:0.106cm;"| But the rules are all the same here.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 2:20
| style="border:1pt solid #000000;padding:0.106cm;"| Look at the''' documentation.'''


Look at the''' Maintainers'''.


And look at the''' versions'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 2:27
| style="border:1pt solid #000000;padding:0.106cm;"| We will install a''' Contributed Theme''', now.

|}

{| style="border-spacing:0;"
| style="border:1pt solid #000000;padding:0.106cm;"| '''Time'''
| style="border:1pt solid #000000;padding:0.106cm;"| '''Narration'''

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 0:05
| style="border:1pt solid #000000;padding:0.106cm;"| Let’s go to''' drupal.org/projects/zircon'''

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 0:16
| style="border:1pt solid #000000;padding:0.106cm;"| Scroll down.


This is a nice''' Theme''', that's been developed specifically for''' Drupal 7''' and''' 8'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 0:26
| style="border:1pt solid #000000;padding:0.106cm;"| It's not used on many sites.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 0:29
| style="border:1pt solid #000000;padding:0.106cm;"| We will be using this''' theme''', because it is ready for''' Drupal 8''', as of today.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 0:43
| style="border:1pt solid #000000;padding:0.106cm;"| Let us right-click on ''' tar.gz''' and copy that link.


This is similar to installing''' Modules'''.


Let’s go back to our '''site'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 0:51
| style="border:1pt solid #000000;padding:0.106cm;"| Let us go back to our''' site'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 0:54
| style="border:1pt solid #000000;padding:0.106cm;"| This time click on''' Appearance''' and''' Install new theme'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 1:00
| style="border:1pt solid #000000;padding:0.106cm;"| Again, same process as with''' Modules'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 1:04
| style="border:1pt solid #000000;padding:0.106cm;"| Let us paste that''' URL''' and then click''' Install'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 1:09
| style="border:1pt solid #000000;padding:0.106cm;"| The''' Theme''' is downloaded to our''' web server,''' and we are able to now turn it''' on'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 1:14
| style="border:1pt solid #000000;padding:0.106cm;"| Click''' Install newly added themes.'''

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 1:16
| style="border:1pt solid #000000;padding:0.106cm;"| Scroll down to the bottom.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 1:18
| style="border:1pt solid #000000;padding:0.106cm;"| And you'll see''' Zircon'''.


'''A flexible, recolorable theme with many regions and a responsive mobile first layout'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 1:28
| style="border:1pt solid #000000;padding:0.106cm;"| Click''' Install and set as default'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 1:31
| style="border:1pt solid #000000;padding:0.106cm;"| Now as we learnt in the intro video-

* '''Number one''' : Installing new''' Themes''' doesn't change the content, and
* '''Number two''' : We may need to re-position our''' Blocks'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 1:42
| style="border:1pt solid #000000;padding:0.106cm;"| Now let's take a quick look at the''' settings.'''

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 1:45
| style="border:1pt solid #000000;padding:0.106cm;"| Click on the word''' Settings'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 1:49
| style="border:1pt solid #000000;padding:0.106cm;"| We have the normal''' TOGGLE DISPLAY''' in''' Zircon'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 1:51
| style="border:1pt solid #000000;padding:0.106cm;"| And the shortcut icon.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 1:54
| style="border:1pt solid #000000;padding:0.106cm;"| Once again, if you want to update the logo that's under''' Global settings'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 1:58
| style="border:1pt solid #000000;padding:0.106cm;"| And''' LOGO IMAGE SETTINGS.'''

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 2:00
| style="border:1pt solid #000000;padding:0.106cm;"| Click''' Save'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 2:04
| style="border:1pt solid #000000;padding:0.106cm;"| And then go to our''' site'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 2:10
| style="border:1pt solid #000000;padding:0.106cm;"| This is''' Zircon''' - a completely flexible, robust, and global friendly''' Theme''' for''' Drupal'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 2:20
| style="border:1pt solid #000000;padding:0.106cm;"| Let's head over to''' Structure''' and''' Blocks'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 2:25
| style="border:1pt solid #000000;padding:0.106cm;"| And click on''' Demonstrate block regions for Zircon.'''

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 2:28
| style="border:1pt solid #000000;padding:0.106cm;"| We'll see a number of''' Block regions''' here.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 2:32
| style="border:1pt solid #000000;padding:0.106cm;"| A''' Header''' region.


The''' Main menu''' needs to go in the''' Main menu Block Region''' because then it gets proper formatting.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 2:39
| style="border:1pt solid #000000;padding:0.106cm;"| There's a''' Slideshow region''', in case you are using something like''' View Slideshow'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 2:48
| style="border:1pt solid #000000;padding:0.106cm;"| A''' Featured block region'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 2:50
| style="border:1pt solid #000000;padding:0.106cm;"| '''Help. '''


'''Sidebar First.'''


'''Sidebar Second.'''


'''Content.'''

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 2:53
| style="border:1pt solid #000000;padding:0.106cm;"| '''Panel First.'''


'''Panel Second''' col''' 1, 2, 3''' and''' 4.'''


And then a''' Footer region.'''

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 2:58
| style="border:1pt solid #000000;padding:0.106cm;"| Notice that some of the''' regions''' from our default''' Theme''' are no longer available.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 3:04
| style="border:1pt solid #000000;padding:0.106cm;"| Let's take a quick look and see what we need to do here.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 3:08
| style="border:1pt solid #000000;padding:0.106cm;"| There are a lot of stuff in the''' Header region.'''


The''' Footer region''' to which we had assigned the''' Powered by Drupal '''block, no longer exists.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 3:18
| style="border:1pt solid #000000;padding:0.106cm;"| We will put that back into''' Footer.'''

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 3:22
| style="border:1pt solid #000000;padding:0.106cm;"| It immediately disappears from the''' Header.'''

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 3:24
| style="border:1pt solid #000000;padding:0.106cm;"| Let's take the''' Status message''' out of the''' Header''' and put it into messages.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 3:32
| style="border:1pt solid #000000;padding:0.106cm;"| Let's put the''' Footer menu''' again, down into''' Footer'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 3:36
| style="border:1pt solid #000000;padding:0.106cm;"| We'll leave''' Search, Site branding''' and''' User account menu''' where they are for now.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 3:41
| style="border:1pt solid #000000;padding:0.106cm;"| The''' Primary menu''' is in the wrong spot but let's just take a quick look at that.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 3:46
| style="border:1pt solid #000000;padding:0.106cm;"| Click''' Save blocks.'''

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 3:48
| style="border:1pt solid #000000;padding:0.106cm;"| Go back to our''' site'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 3:50
| style="border:1pt solid #000000;padding:0.106cm;"| And we'll see that the''' Main menu''' is nowhere to be found.


That's because''' Primary menu''' doesn't exist in this''' Theme'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 3:58
| style="border:1pt solid #000000;padding:0.106cm;"| So, we will take our''' Main navigation''' and change that to''' Main menu'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 4:05
| style="border:1pt solid #000000;padding:0.106cm;"| Scrolling down let's take a quick look.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 4:07
| style="border:1pt solid #000000;padding:0.106cm;"| In our '''Content''' area, we've got the''' Help block'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 4:11
| style="border:1pt solid #000000;padding:0.106cm;"| Let us put that in''' Help'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 4:13
| style="border:1pt solid #000000;padding:0.106cm;"| '''Page title, Primary admin actions''' and''' Page Tabs''' &nbsp;are fine.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 4:18
| style="border:1pt solid #000000;padding:0.106cm;"| '''Sidebar first, Welcome to Drupalville, Book navigation, Recent Events Added''' and''' Tools'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 4:23
| style="border:1pt solid #000000;padding:0.106cm;"| Let's take the''' Tools menu''' and put that inside''' Sidebar second.'''


We haven't done this before.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 4:33
| style="border:1pt solid #000000;padding:0.106cm;"| There are four''' Panel regions''' here in which we can place anything we want.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 4:39
| style="border:1pt solid #000000;padding:0.106cm;"| Now, click''' Save.'''

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 4:42
| style="border:1pt solid #000000;padding:0.106cm;"| And let's take a look at what we did.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 4:46
| style="border:1pt solid #000000;padding:0.106cm;"| This is a lot better now.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 4:49
| style="border:1pt solid #000000;padding:0.106cm;"| Our''' menu''' is properly placed in the''' Main menu block region.'''


The''' CSS''' is picked up, making it a nice''' in-line menu''', with some shading and some colouring.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 5:04
| style="border:1pt solid #000000;padding:0.106cm;"| '''BOOK NAVIGATION, RECENTLY ADDED EVENTS''' on the left.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 5:08
| style="border:1pt solid #000000;padding:0.106cm;"| And the''' TOOLS''' are on the right, again''' Sidebar first '''and''' Sidebar second.'''

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 5:12
| style="border:1pt solid #000000;padding:0.106cm;"| And all the content is in the middle.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 5:16
| style="border:1pt solid #000000;padding:0.106cm;"| A couple of things to point out here.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 5:19
| style="border:1pt solid #000000;padding:0.106cm;"| We've changed our''' themes.''' Everything has changed, except our content.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 5:26
| style="border:1pt solid #000000;padding:0.106cm;"| We've got new''' fonts''', new''' font styles,''' new''' H3 tags''', new''' Block regions, layouts''' and a new''' Footer area.'''

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 5:35
| style="border:1pt solid #000000;padding:0.106cm;"| But what's not changed is our content and the actual''' layout''' of our content.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 5:40
| style="border:1pt solid #000000;padding:0.106cm;"| To change those, we will need to use''' Panels''' or''' Display fields.'''


Those are''' add-on Modules''' that we can get from''' drupal.org'''

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 5:49
| style="border:1pt solid #000000;padding:0.106cm;"| '''Themes''' are fantastic.


Now this is really simple''' theme'''.


There are also some very complex''' themes''' that we can get for''' Drupal'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 5:58
| style="border:1pt solid #000000;padding:0.106cm;"| You can come back to''' drupal.org/projects/themes.'''


Take a look at some of the''' Drupal 8 themes''' that are available.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| 6:08
| style="border:1pt solid #000000;padding:0.106cm;"| Find some '''themes''' that you like, install them and play with them. 


This is a great way to learn about how '''themes''' impact your '''site'''.


You may find just the design that you want.

|}

{| style="border-spacing:0;"
| style="border:1pt solid #000000;padding:0.097cm;"| 
| style="border:1pt solid #000000;padding:0.097cm;"| With this we come to the end of this tutorial.

|-
| style="border:1pt solid #000000;padding:0.097cm;"| Slide 5:

Summary


| style="border:1pt solid #000000;padding:0.097cm;"| Let us summarize.


In this tutorial we have learnt about

* Introduction to '''themes'''
* Finding '''themes''' and
* Installing a basic '''theme''' 

|-
| style="border:1pt solid #000000;padding:0.097cm;"| Slide 6:

Acknowledgement



| style="border:1pt solid #000000;padding:0.097cm;"| This video is

* adapted from Acquia and OSTraining
* and revised by Spoken Tutorial Project, IIT Bombay.

|-
| style="border:1pt solid #000000;padding:0.097cm;"| Slide 7:

Acknowledgement



| style="border:1pt solid #000000;padding:0.097cm;"| The video at this link summarises the Spoken Tutorial project.


Pls download and watch it.

|-
| style="border:1pt solid #000000;padding:0.097cm;"| Slide 8:

Spoken Tutorial Workshops


| style="border:1pt solid #000000;padding:0.097cm;"| The Spoken Tutorial Project Team conducts workshops and gives certificates.


For more details, please write to us.

|-
| style="border:1pt solid #000000;padding:0.097cm;"| Slide 9:

Acknowledgement



| style="border:1pt solid #000000;padding:0.097cm;"| Spoken Tutorial Project is funded by

* NMEICT, Ministry of Human Resource Development and
* NVLI, Ministry of Culture

Government of India.

|-
| style="border:1pt solid #000000;padding:0.097cm;"| 
| style="border:1pt solid #000000;padding:0.097cm;"| This is Vanessa Varkey signing off.


Thanks for joining.

|}