PoojaMoolya at 07:33, 7 October 2016

2016-10-07T07:33:26Z

PoojaMoolya at 05:36, 7 October 2016

2016-10-07T05:36:00Z

Sandhya.np14 at 04:59, 9 September 2016

2016-09-09T04:59:30Z

Show changes

Pratik kamble at 10:01, 3 September 2016

2016-09-03T10:01:53Z

Pratik kamble at 10:00, 3 September 2016

2016-09-03T10:00:04Z

Sandhya.np14 at 11:18, 2 September 2016

2016-09-02T11:18:55Z

Show changes

Pratik kamble: Created page with "{|border=1 |'''Time''' |'''Narration''' |- | 00:01 | Welcome to the Spoken tutorial on''' Menu and Endpoints.''' |- | 00:06 | In this tutorial, we will learn to set up '..."

2016-08-30T11:45:36Z

Created page with "{|border=1 |'''Time''' |'''Narration''' |- | 00:01 | Welcome to the Spoken tutorial on''' Menu and Endpoints.''' |- | 00:06 | In this tutorial, we will learn to set up '..."

New page

{|border=1
|'''Time'''
|'''Narration'''

|-
| 00:01
| Welcome to the Spoken tutorial on''' Menu and Endpoints.'''

|-
| 00:06
| In this tutorial, we will learn to set up '''URL Patterns.'''We will also learn about '''Menu management'''.

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

|-
| 00:29
| In this tutorial, we will talk about the process of creating proper''' URL paths''' for our''' website'''.

|-
|00:36
| '''Endpoints''' and '''aliases'''.'''Endpoints''' are '''URL paths''' which display a particular content.

|-
|00:45
|*By default in '''Drupal''', the '''endpoint''' of a '''node''' is '''node/[node:id]'''.

|-
|00:53
|*Sending this to a server will display the contents of the '''node'''. A number in the '''ID''' is not human readable.

|-
| 01:02
| *That is, we cannot easily associate a particular content with say, '''node/278162'''
*A human readable '''endpoint''' is available by creating an '''alias'''.

|-
|01:19
|*'''Alias''' is an alternate '''URL path''' for the same content.We can use either the original or any one of several '''aliases,''' for displaying the same content.

|-
| 01:34
|*For example '''node/278162''' and '''content/drupal-camp-mumbai-2015'''

|-
|01:47
|*Both return the same content.The second one is easy to remember.

|-
|01:54
|Let us now create '''URL patterns''' that will apply to all the contents we have.

|-
| 01:59
|Setting up''' URL paths''' require three''' modules'''.

|-
| 02:04
|Those three''' modules''' are the''' Pathauto, Token '''and '''CTools'''.

|-
| 02:13
|Pls go ahead and get the''' Pathauto''' installed on your machine.

|-
| 02:18
|Come back to the''' Pathauto''' project page.Here, you will notice that''' Pathauto''' requires''' Token '''and '''CTools.'''

|-
|02:27
|Install '''Token''' and '''CTools'''. Once you have installed these ''' modules''', turn them on.

|-
|02:37
| Once we have done that, we are ready to go.

|-
| 02:40
| Click on''' Configuration.'''Down here on the left hand side, under the''' SEARCH''' '''AND METADATA''' section, you will see''' URL aliases'''.

|-
| 02:52
| By default, there are no '''URL aliases''' available.

|-
|02:58
|Click on the '''Patterns''' tab.Click on the '''Add Pathauto pattern '''button.

|-
|03:05
| Click on the '''Pattern type''' drop down.

|-
|03:09
|Here we can create separate patterns for '''Forum, Content, Taxonomy term''' and '''User'''.

|-
| 03:17
| For example, I will select '''Content'''.
In the '''Path pattern field''', we have to provide the pattern template.

|-
| 03:27
| Template variables are called as '''tokens'''.They are dynamically generated for each '''entity'''.

|-
| 03:36
| '''Token module''' provides these variables.When you see '''Browse available tokens''' in any input form, you can insert pre-defined '''tokens'''.

|-
| 03:49
| Click on the '''Path pattern''' box where you want to insert a '''token'''.

|-
|03:55
|Type '''content/.'''Then click on the '''Browse available tokens''' link.

|-
| 04:02
| A popup window opens up to show the '''Available tokens'''.

|-
| 04:07
| Suppose we want a pattern like '''content/[title of the page]'''The '''token''' for the title of the page is under the '''Nodes''' section.

|-
| 04:18
| Click on the right arrow button of the '''Nodes '''section.

|-
| 04:23
| Choose the '''token [node:title]''' which will be replaced by the '''Title '''of the page.

|-
|04:32
|This will insert '''[node:title]'''at the cursor location in the form box.

|-
| 04:38
| If this does not happen, make sure to click on the box and position the cursor as required.
Then select the '''token''' again.

|-
| 04:49
| Under '''Content type''', we can select to which '''entity type''' this pattern should be applied.

|-
|04:56
|Let us select all the '''types''' so that this pattern is default for all of them.

|-
| 05:04
| This setting can also be overridden for a particular '''type'''.
Example: we can create '''usergroup/[node:title]'''and apply it only for '''User Group.'''

|-
| 05:18
| In the '''Label field''', type '''Content Title,''' then click on the '''Save''' button.Here, we can check the new pattern we just created.

|-
| 05:31
| This pattern will be applied to generate '''URL aliases''' for all newly added content.But it will not create the '''URL aliases''' for existing contents.

|-
| 05:45
| To apply it for the existing contents, click on the '''Bulk generate''' tab.Select '''Content type''' and click on the '''Update''' button.

|-
| 05:58
| It is started generating the '''URL aliases'''.It can take a while depending on the number of existing contents.

|-
| 06:08
| Now click on the '''List''' tab.We can see that the''' URL aliases''' for our content.

|-
| 06:15
| Each''' node''' on our''' site''' has a system path of''' /node/nodeid'''.

|-
|06:24
|The newly generated '''URL alias '''is there in the first '''Alias''' column.

|-
| 06:30
| We can see that all the''' aliases''' follow the same''' pattern.'''You have to do this each time you create a new''' Content type.'''

|-
| 06:41
| Use the following thumb rules to create '''patterns'''.

* Use lower case words
* Do not give space between words

|-
|06:52
|* Separate words by hyphen and not '''underscore'''
* Use meaningful, human readable words in the '''URL''' for '''search engine optimisation (SEO)'''

|-
|07:07
|* Use '''date tokens''' for contents classified by time

|-
| 07:12
| There are more options available to control the '''URL alias''' pattern in the '''Settings''' tab.
Here we can see default '''Separator, length''' etc.

|-
| 07:26
| We also see that by default several common words are removed from the pattern.
This is to keep the '''endpoint''' compact and meaningful.

|-
| 07:38
| To summarise -
'''Pathauto''' and''' Token modules''' allow us to
* set up''' URL patterns'''

|-
|07:46
|* delete''' aliases''' and * bulk generate''' aliases''' at any time.

|-
| 07:52
| From now onwards, every new''' node''' will use the''' patterns''' that we have established.

|-
| 07:59
| Now, we will talk about the''' Menus'''.

|-
| 08:03
| We have been adding''' menus''' to our''' site''', in a random order, mostly based on the''' Views''' and basic pages.

|-
| 08:10
| Now, let’s see how we can manage the''' menu system.'''

|-
| 08:15
| Go to''' Structure''', scroll down and click on''' Menus.'''

|-
| 08:21
| We have a number of different''' menus''' here that comes with Drupal, by default.
We have''' six menus''', to be exact.

|-
| 08:31
| We are interested in the''' Main navigation menu.'''So click on''' Edit menu.'''

|-
| 08:38
| Here we will be able to click and drag and re-order our''' Menu links'''.

|-
| 08:44
| Let’s drag''' Home''' and''' Upcoming Events''' to the top.

|-
| 08:49
| You can re-order these, in any way you want.Once done, click''' Save.'''

|-
| 08:56
| Now we have got''' Events''' and''' Upcoming Events.'''
Let’s click and drag''' Events''' to the top and then drag''' Upcoming Events''' to the right.

|-
|09:07
|This will create a''' sub menu'''.

|-
| 09:10
| That’s pretty simple.Click''' Save''' and take a look at our front page.

|-
| 09:15
| Notice that now, we have got four''' menus'''.

|-
| 09:19
| Where did our''' Event sub menu''' go?

|-
| 09:23
| Please remember, not all ''' themes''' in ''' Drupal''' support sub menus''' or''' dropdown menus.''' ''''Bartick theme''' is one of them.

|-
| 09:32
| For now, go back to''' Structure, Menus''' and edit the''' Main menu.'''
Drag '''Upcoming Event''' back over here and click''' Save.'''

|-
| 09:44
| What if we need a''' link''' to a particular''' node''' or to a particular section of our''' site'''?

|-
| 09:51
| For instance if I wanted a menu link for my''' Forums,''' I would first go back to the''' site.'''

|-
| 09:58
| Go to the''' Forums page''' and copy the actual''' URL,''' which is just''' /forum'''

|-
| 10:05
| Then come back over and click on''' Edit menu '''and then on''' Add link'''.

|-
| 10:12
| Give it a''' title''' called''' Forum''' and paste the copied''' link'''.

|-
| 10:17
| If you are looking at a specific piece of content, just type a letter like''' F''' or '''G'''.
All the''' nodes''' that start with that letter, will show up.

|-
| 10:28
| Say for instance if we type an''' a''' , all the''' nodes''' that have''' a''' in the''' title,''' will show up.

|-
| 10:38
| We can just select the one we are looking for and it will tell us that its''' node id number 1.'''

|-
| 10:46
| If we want an internal path, such as the ability to add a''' node,''' then it would be''' /node/add.'''

|-
| 10:56
| If we want to link it to the''' Homepage,''' it will be''' front.'''
But we want''' /forum''' here, which is a link to the''' Forum.'''

|-
| 11:08
| Click''' Save''' and now we have a''' link''' to the''' Forum'''

|-
| 11:14
| Click''' Save. '''Let’s just double check if that works and indeed it does.

|-
| 11:21
| So play around a little bit, to understand it better.
With this in our''' menu system,''' it will be easier to create''' Menu item''' for a''' View''' or a''' Content Type.'''

|-
| 11:34
| With this we come to the end of this tutorial.

|-
| 11:38
| Let us summarize.In this tutorial we learnt aboutSetting up '''URL Patterns''''''Menu management'''

|-
| 11:59
| This video is adapted from Acquia and OSTraining and revised by Spoken Tutorial Project, IIT Bombay.

|-
| 12:09
| The video at this link summarises the Spoken Tutorial project.Pls download and watch it.

|-
| 12:17
|Spoken Tutorial Workshops The Spoken Tutorial Project Team conducts workshops and gives certificates.For more details, please write to us.

|-
| 12:26
| Spoken Tutorial Project is funded byNMEICT, Ministry of Human Resource Development and NVLI, Ministry of Culture Government of India.

|-
| 12:39
|This is Calvin Nikhil Tomy signing off.Thanks for joining.

|}

@@ Line 14: / Line 14: @@
 | 00:15
 |  To record this tutorial, I am using
- '''Ubuntu Linux''' Operating System
+'''Ubuntu Linux''' Operating System
- '''Drupal''' 8 and
+'''Drupal''' 8 and
- '''Firefox''' Web browser.
+'''Firefox''' Web browser.
 You can use any web browser as per your choice.
@@ Line 194: / Line 194: @@
 | 06:41
 | Use the following thumb rules to create patterns-
-* Use lower case words
+Use lower case words
-* Do not give space between words.
+Do not give space between words.
 |-
 |06:52
 | Separate words by hyphen and not underscore
- Use meaningful, human readable words in the '''URL''' for '''search engine optimization (SEO)'''
+Use meaningful, human readable words in the '''URL''' for '''search engine optimization (SEO)'''
 |-
@@ Line 358: / Line 358: @@
 |  11:38
 |  Let us summarize.In this tutorial, we learnt about:
- Setting up '''URL Patterns'''
+Setting up '''URL Patterns'''
- '''Menu''' management.
+'''Menu''' management.
 |-

@@ Line 14: / Line 14: @@
 | 00:15
 |  To record this tutorial, I am using
-* '''Ubuntu Linux''' Operating System
+ '''Ubuntu Linux''' Operating System
-* '''Drupal''' 8 and
+ '''Drupal''' 8 and
-* '''Firefox''' Web browser.
+ '''Firefox''' Web browser.
 You can use any web browser as per your choice.
@@ Line 199: / Line 199: @@
 |-
 |06:52
 | Separate words by hyphen and not underscore
-* Separate words by hyphen and not underscore
+ Use meaningful, human readable words in the '''URL''' for '''search engine optimization (SEO)'''
-* Use meaningful, human readable words in the '''URL''' for '''search engine optimization (SEO)'''
 |-
 |07:07
 | Use '''date tokens''' for contents classified by time.
-* Use '''date tokens''' for contents classified by time.
 |-
@@ Line 360: / Line 358: @@
 |  11:38
 |  Let us summarize.In this tutorial, we learnt about:
-* Setting up '''URL Patterns'''
+ Setting up '''URL Patterns'''
-* '''Menu''' management.
+ '''Menu''' management.
 |-

@@ Line 200: / Line 200: @@
 |-
 |06:52
-|* Separate words by hyphen and not '''underscore'''
+|* Separate words by '''hyphen''' and not '''underscore'''
 * Use meaningful, human readable words in the '''URL''' for '''search engine optimization (SEO)'''
@@ Line 225: / Line 225: @@
 |-
 |07:46
-|'''delete''' aliases''' and '''bulk generate''' aliases''' at any time.
+|'''delete aliases''' and '''bulk generate aliases''' at any time.
 |-

@@ Line 119: / Line 119: @@
 |-
 |03:55
-|Type "content/". Then click on the '''Browse available tokens''' link.
+|Type '''"content/"'''. Then click on the '''Browse available tokens''' link.
 |-
@@ Line 225: / Line 225: @@
 |-
 |07:46
-|* delete''' aliases''' and * bulk generate''' aliases''' at any time.
+|'''delete''' aliases''' and '''bulk generate''' aliases''' at any time.
 |-