Priyacst: Created page with "'''Title:''' Menu and Endpoints '''Keywords: Drupal, Video tutorial, URL paths, Pathauto, Token, Menu, System, Content''' {| style="border-spacing:0;" | style="border:1pt..."

2016-07-19T06:28:53Z

Created page with "'''Title:''' Menu and Endpoints '''Keywords: Drupal, Video tutorial, URL paths, Pathauto, Token, Menu, System, Content''' {| style="border-spacing:0;" | style="border:1pt..."

New page

'''Title:''' Menu and Endpoints

'''Keywords: Drupal, Video tutorial, URL paths, Pathauto, Token, Menu, System, Content'''

{| 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:

'''Menu and Endpoints'''
| style="border:1pt solid #000000;padding:0.097cm;"| Welcome to the Spoken tutorial on''' Menu and Endpoints.'''

|-
| 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 to

* Set up URL Patterns

We will also learn about '''Menu management'''.

|-
| 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="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| 00:18
| 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 this tutorial, we will talk about the process of creating proper''' URL paths''' for our''' website'''.

Endpoints and aliases.

Endpoints are URL paths which display a particular content.

By default in drupal the endpoint of a node is '''<nowiki>node/[node:id]</nowiki>'''.

Sending this to a server will display the contents of the node.

A number in the ID is not human readable.

That is we cannot easily associate a particular content with say '''node/278162'''

A human readable endpoint is available by creating an '''alias'''.

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.

For example '''node/278162''' and '''content/drupal-camp-mumbai-2015''' both return the same content.

The second one is easy to remember.

Let us now create URL patterns that will apply to all the contents we have.

|-
| 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:30
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| Setting up''' URL paths''' requires three''' modules'''.

|-
| 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:35
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| Those three''' modules''' are the''' Pathauto, Token '''and '''CTools'''.

|-
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| 1:03
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| Pls go ahead and get the''' Pathauto''' installed on your machine.

|-
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| 1:06
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| Come back to the''' Pathauto''' project page.

Here, you will notice that''' Pathauto''' requires''' Token '''and '''CTools.'''

|-
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| 1:22
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| Install '''Token''' and '''CTools'''.

Once you have installed these these''' modules''', turn them on.

|-
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| 1:29
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| Once we have done that, we are ready to go.

|-
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| 1: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;"| Click on''' Configuration.'''

Down here on the left hand side, under the''' SEARCH''' '''AND METADATA''' section, click on''' URL aliases'''.

|-
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"|
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| By default there are no URL aliases available.

Click on the '''Patterns''' tab.

Click on the '''Add Pathauto pattern '''button.

Click on the '''Pattern type''' drop down.

Here we can create separate patterns for '''Forum, Content, Taxonomy term''' and '''User'''.

For example I will select '''Content'''.

In the '''Path pattern''' field, we have to provide the pattern template.

Template variables are called as '''tokens'''.

They are dynamically generated for each entity.

'''Token''' module provides these variables.

When you see '''Browse available tokens''' in any input form, you can insert pre-defined '''tokens'''.

Click on the '''Path pattern''' box where you want to insert a '''token'''.

Type '''content/.'''

Then click on the '''Browse available tokens''' link.

A popup window opens up to show the '''Available''' '''tokens'''.

Suppose we want a pattern like '''<nowiki>content/[title of the page].</nowiki>'''

The '''token''' for the title of the page is under the '''nodes''' section.

Click on the right arrow button of the '''Nodes '''section.

Choose the '''<nowiki>token [node:title] </nowiki>'''which will be replaced by the '''Title '''of the page.

This will insert '''<nowiki>[node:title] </nowiki>'''at the cursor location in the form box.

If this does not happen, make sure to click on the box and position the cursor as required.

Then select the '''token''' again.

Under '''Content''' '''type''', we can select to which entity type this pattern should be applied.

Let us select all the types so that this pattern is default for all of them.

This setting can also be overridden for a particular type.

Example: we can create '''<nowiki>usergroup/[node:title] </nowiki>'''and apply it only for '''User Group.'''

In the '''Label''' field, type '''Content Title,''' then click on the '''Save''' button.

Here, we can check the new pattern we just created.

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.

To apply it for the existing contents, click on the '''Bulk generate''' tab.

Select '''Content''' type and click on the '''Update''' button.

It is started generating the '''URL aliases'''.

It can take a while depending on the number of existing contents.

Now click on the '''List''' tab.

We can see that the''' URL aliases''' for our content.

Each''' node''' on our''' site''' has a system path of''' /node/nodeid'''.

The newly generated '''URL alias '''is there in the first '''Alias''' column.

We can see that all the''' aliases''' follow the same''' pattern.'''

You have to do this each time you create a new''' Content type.'''

Use the following thumb rules to create '''patterns'''.

* Use lower case words
* Do not give space between words
* Separate words by hyphen and not underscore
* Use meaningful, human readable words in the URL for search engine optimisation (SEO)
* Use '''date tokens''' for contents classified by time

There are more options available to control the URL alias pattern in the '''Settings''' tab.

Here we can see default S'''eparator, length''' etc.

We also see that by default several common words are removed from the pattern.

This is to keep the endpoint compact and meaningful.

|-
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| 3: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;"| To summarise -

'''Pathauto''' and''' Token modules''' allow us to

* set up''' URL patterns'''
* delete''' aliases''' and
* bulk generate''' aliases'''

at any 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;"| 3:29
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.159cm;padding-right:0.185cm;"| From now onwards, every new''' node''' will use the''' patterns''' that we have established.

|}

{| style="border-spacing:0;"
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| 00:05
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| Now, we will talk about the''' Menus'''.

|-
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| 00:07
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| We have been adding''' menus''' to our''' site''', in a random order, mostly based on the''' Views''' and basic pages.

|-
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| 00:18
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| Now, let’s see how we can manage the''' menu system.'''

|-
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| 00:22
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| Go to''' Structure''', scroll down and click on''' Menus.'''

|-
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| 00:28
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| We have a number of different''' menus''' here that comes with Drupal, by default.

We have''' six menus''', to be exact.

|-
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| 00:34
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| We are interested in the''' Main navigation menu.'''

So click on''' Edit menu.'''

|-
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| 00:41
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| Here we will be able to click and drag and re-order our''' menu links'''.

|-
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| 00:48
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| Let’s drag''' Home''' and''' Upcoming Events''' to the top.

|-
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| 00:54
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| You can re-order these, in any way you want.

Once done, click''' Save.'''

|-
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| 1:01
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| 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.

This will create a''' sub menu'''.

|-
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| 1:12
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| That’s pretty simple.

Click''' Save''' and take a look at our front page.

|-
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| 1:19
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| Notice that now, we have got four''' menus'''.

|-
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| 1:23
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| Where did our''' Event sub menu''' go?

|-
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| 1:27
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| Please remember, not all''' themes''' is''' Drupal''' support''' sub menus''' or''' dropdown menus.'''

'''Bartick theme''' is one of them.

|-
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| 1:40
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| For now, go back to''' Structure, Menus''' and edit the''' main menu.'''

Drag '''Upcoming Event''' back over here and click''' Save.'''

|-
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| 2:16
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| What if we need a''' link''' to a particular''' node''' or to a particular section of our''' site'''?

|-
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| 2:36
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| For instance if I wanted a menu link for my''' Forums,''' I would first go back to the''' site.'''

|-
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| 2:41
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| Go to the''' Forums page''' and copy the actual''' URL,''' which is just''' /forum'''

|-
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| 2:53
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| Then come back over and click on''' Edit menu '''and then on''' Add link'''.

|-
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| 2:58
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| Give it a''' title''' called''' Forum''' and paste the copied''' link'''.

|-
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| 3:03
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| If you are looking at a specific piece of content, just type a letter like''' F''' or '''G'''.

And all the''' nodes''' that start with that letter, will show up.

|-
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| 3:15
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| Say for instance if we type an''' a''' , all the''' nodes''' that have''' a''' in the''' title,''' will show up.

|-
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| 3:22
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| We can just select the one we are looking for and it will tell us that its''' node id number 1.'''

|-
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| 3:28
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| If we want an internal path, such as the ability to add a''' node,''' then it would be''' /node/add.'''

|-
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| 3:36
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| 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.'''

|-
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| 3:51
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| Click''' Save''' and now we have a''' link''' to the''' Forum'''

|-
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| 3:58
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| Click''' Save. '''Let’s just double check if that works and indeed it does.

|-
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| 4:06
| style="background-color:#ffffff;border:1pt solid #000000;padding-top:0.185cm;padding-bottom:0.185cm;padding-left:0.132cm;padding-right:0.185cm;"| 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 item.'''

|}

{| 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 learnt about

* Setting up URL Patterns
* Menu management

|-
| 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 Calvin Nikhil Tomy signing off.

Thanks for joining.

|}

Drupal/C3/Menu-and-Endpoints/English - Revision history

Nancyvarkey at 06:44, 22 July 2016

Priyacst: Created page with "'''Title:''' Menu and Endpoints '''Keywords: Drupal, Video tutorial, URL paths, Pathauto, Token, Menu, System, Content''' {| style="border-spacing:0;" | style="border:1pt..."