Installation on local host –

  • First of all, you need to download Drupal from its official website.

  • Official website -- https://www.drupal.org/download

  • After downloading, extract this file and move to your local server.

  • A local server like xampp, wamp,  lamp etc.


Here I am using xampp so I am moved my Drupal file in –

C-drive ->xampp->htdocs->drupal ;


Theme Installation in Drupal –

Visit your site then find the appearance in the menu bar and click on it.

Your site looks something like this – 


Now click on add from URL or choose file you do anything here.


Theme Activation 

  • Visit admin side of website and 

  • Find the appearance  and click on it.

  • Here you can see your uploaded theme something like this 

  • Which theme you want to active click on it.





Now visit you home page like – localhost/drupal/


Add module and Extend Features ------

I think we need here some tools for our site like – seeing the admin menu auto-expand on hover 

Like this-


This feature not a default feature so we have to need install a module --  


  • You have to need find the Extend option in the menu and click on it.

  • And now fallow the same process like theme installation 

  • But here you can find module -- https://www.drupal.org/project/project_module

  • And like theme here you need to install and activate module look this.

Example activation of Admin Toolbar:-

  • Go to  extend than click 

  • You  have to see add from a URL 

  • And Upload a module 

  • Get module from here  - https://www.drupal.org/project/admin_toolbar

  • Visit after this link go in to bottom and find View all releases .













Lesson – How to add Articles and basic pages

Hello in this lesson we will learn how to add articles and basic pages in drupal 9 

So let’s start step by step – 

  • Go into the admin side and find ♦content in the menu.

  • After clicking on it you can see something like this.



  • Follow the image arrow – and click on add content.

  • Here you can see two option -> ►Article ,  ►Basic page

  • You can click on any option, but here we add article.

  • So click on article.

  • Here display a form follows the image instruction.







Add custom fields in an article like- Add Tag, Thumbnail, or Feature image-

Here we learn how to add any custom field in an article or basic page like we need to add a thumbnail for the article so – how to add this here is no any image field. So we will add a custom field for images and a custom field for tags and you can also add a category field. 

So let’s start step by step .

  • Here need to login with admin than find in menu  Structure 

  • Than under structure ->content type->article ->manage fields.

  • Click on manage field .

  • Follow the image instructions.

  • Now you can see the add field button click on it.

  • In the dropdown - Add a new field  

  • Select image  and in Label 

  • Add “Thumbnail image.”

  • Click on “save and continue”.

  • And here fields setting and also click on the save field setting. 

  • After that you can see—default setting, save setting  & continue.

Follow the same process for add tag and any other.

Now take a look your add article form – 









Change Site name Slogan and icon favicon –


Visit  configuration-> system.  by admin here you can change you site identity .

And most of important here you can change the front page like this – follow the image instruction –











Here change your site name and slogan than click on save .

Now change the Icon and favicon – 

Find appearance in admin menu and click on it – 

  • Now you can see your active theme here, 

  • Click here on setting – 

  • Now you can change here your icon and favicon – follow the image –

Add Custom Content Type and Create View for custom content type-

https://www.drupal.org/docs/7/nodes-content-types-and-fields/create-a-custom-content-type

For more information watch this video - https://drive.google.com/file/d/1MK0Qu3qMIkks4Kx7pNkT-7D_UiBlKE_g/view?usp=sharing

  1. Navigate to the Content types page (Administer > Structure > Content types).

  2. Click Add Content Type.

  3. In the Name field, add a name for the content type. The name is required.

  4. In the Description field, you can write a description of the content type that will show up on the Add new content page (Administer > Content > Add new content). The description is not required.

  5. Set your preferred base configuration for this content type. Any content that you create of this content type will have these values by default. The values can be overridden for each content created. You can specify default values for Submission form settings, Publishing options, Display settings, Comment settings and Menu settings.

  6. Once your preferred base configuration is saved, you can either click Save content type or Save and add fields. Save Content Type leaves the content type with the Title and Body fields, while Save and Add Fields allows you to add more fields to the content type. You can always add more fields later.

  7. When adding fields, you have the choice to either add a new field or add an existing field. See this guide for adding fields to content types.

  8. Once your content type has the desired fields, you can create an instance of it as a node by navigating to the content page (Administer > Content). Then select the name of your content type


Create View for custom content type-

  • Navigate to admin/structure/views.

  • Click Add New View.

  • In the View Name field enter a name for the view.

  • Here very most to select a content type –
    for example – our “Services”

 

  • Click Description and enter a description.

  • In the Show field, select one of the following options:

    • Comments Sort options can be specified.

    • Files Sort options can be specified.

    • Content Content type, tags and sorting options can be specified.

    • Content Revisions Sort options can be specified.

    • Taxonomy Terms Tag type and sorting options can be specified.

    • Users Sort options can be specified.

  • Enable the Create a Page option. A set of options and fields for page views is displayed.

  • Enter information in any of the following optional fields:

    • Page Title

    • Path

  • In the Display Format section, choose one of the following options:

    • Grid

    • HTML List

    • Table

    • Unformatted List

  • In the Items to Display field, select the number of items to display.

  • If you want to allow users to view more than one page of items, enable the Use a Pager option. If this option is not enabled, users will only be able to view the number of items that you specify in the Items to Display field.

  • If you want to make this view available from a menu, enable the Create a Menu Link option. You can choose the menu from a dropdown list and specify the menu text.

  • If you want to provide the view as an RSS feed, enable the Include an RSS Feed option. You must also specify the Feed Path and, depending on other options, may also require a Feed Row Style.

  • Click Save and Edit.


Now you can see your view page - http://localhost/drupal/services/