Drupal 7 install with modules and themes
Upcoming SlideShare
Loading in...5

Drupal 7 install with modules and themes






Total Views
Views on SlideShare
Embed Views



0 Embeds 0

No embeds



Upload Details

Uploaded via as OpenOffice

Usage Rights

CC Attribution License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

Drupal 7 install with modules and themes Drupal 7 install with modules and themes Presentation Transcript

    • Drupal – Content Management System - Installation
      YIPL Dev Team 25 October 2011
  • Agenda
    • Download and install Drupal
    • Add some nodes (Article/page)
    • Install Drupal modules
    • User permissions overview
    • Configurations in Drupal introduction
    • Install and change Drupal theme and settings
    • To do ;)
    • Download Drupal – Drupal.org
    • Download Drupal from http://Drupal.org/download
  • Save the file
    • Save the file
    • Extract at web root, generally /var/www in ubuntu linux (or user specific settings like /home/user-name/public_html)
    • Tar -zxvf drupal-7.x.tar.gz
    • Rename extracted dir to desired name (project name assume d7-tutorial)
    • Or do – drush dl on /var/www
  • Create a user and database
    • Go to http://localhost/phpmyadmin (assumed mysql and phpmyadmin installed)
    • Login if necessary (preferably as root)
    • Go to “Previllages tab”
    • Click “Add a new user” with given settings.
  • Create user and database 2 Remember username and password, username and db name are same.
  • Install Drupal
    • http://localhost/d7-tutorial
  • Install Drupal 2
  • Install Drupal 3 (Linux settings)
    • Create a files directory at /sites/default/files
    • Give the files directory 777 permission
    • Copy default.settings.php to settings.php in /sites/default
    • Give the settings.php file 777 permission
    • How?? see next slide
  • Linux Permission for Drupal 7
    • Remember to remove write permission from settings.php after installation (755 is ok).
  • Install Drupal 4
  • Install Drupal 5
  • Install Drupal 6
  • Install Drupal 7
  • Drupal Installed
  • Drupal 7 First Glimpse
  • First Node in Drupal 7
    • This overlay appears after you click on the content link on the top left corner.
  • Add a basic page in Drupal 7
  • Adding a basic page in Drupal 7
    • Enter the title and body for the page.
  • Node submission settings
    • Edit needed submission settings (demo shows menu settings)
    • Select Menu, Lighter weights float above.
  • Page Created
  • Homepage selection Drupal 7
    • Configuration>>Site Information (under System)
    • Scroll to front page section.
  • Solve 2 home links
    • Structure >> Menus
    • Click link shown below (we choose Main Menu when creating the node)
  • Deleting extra home
    • The extra home link was created when creating basic page node (nid 1).
    • Confirm in next overlay after clicking appropriate delete.
  • Double home link solved
  • Some Drupal Fundas
    • Most things are configurable (from UI itself).
    • Custom code is generally not required.
    • Practice things well so you know where the configuration are located.
    • Example: to configure homepage go to – Configurations>>Site information
    • Menus are at - Structure>>Menus
  • To do – About Us Page
    • Create “About Us” page which is similar to the page just created.
    • Should also have a link “About Us” besides home.
    • Should have a path /about-us
    • After creating the page, the website should look like:
  • After About Us Page
    • Notice the URL as well.
  • Things learned on the way
    • Text Format: Filtered HTML
    • Menu Description – appears on mouse over on the menu link.
    • Comments can be open or closed on a per node basis.
    • Nodes can be authored by and on (time) when creating or editing.
    • Nodes can be unpublished as well.
  • Things learned on the way
    • Drupal provides 2 content types by default
      • Basic Page
      • Article
    • Menu items are sorted as per weight (lighter appear first 1 appears before 2)
    • Main menu is by default placed in “Main Links” - earlier called “Primary Links”
  • Recipe: Brochure site
    • Has some pages.
    • News with pictures (will be dealt later – cck and views)
    • Contact Us page.
    • An attractive looking theme ;)
    • A well structured homepage (for later - panels)
  • Turn on Drupal core modules
    • For now only Contact Module, how?
    • Module>>Check required Module(s)
    • Scroll down, click “Save Configurations”
  • Use drush to enable module
    • Drush en <project_name>
    • <project_name> can be module or theme
    • <project_name> taken from d.o URL or core module/theme.
    • Http://drupal.org/project/views => drush dl views; drush en views
    • Example: drush en contact
  • After enabling contact
    • Try http://localhost/d7-tutorial/contact
  • Add Contact Us link
    • Add a link “Contact Us” besides “About Us” in the main menu.
    • Should look like below:
  • Permission Problem
    • The admin (uid 1) sees the website as above slide but.
    • The visitor (anonymous user) sees the website as:
  • Permission Problem 2
    • Module is turned on but not configured as per the user types (roles in Drupal)
    • Go to People>> “Permissions” Tab
    • Check “Use the site-wide contact form” then scroll down and click “Save Permissions”.
  • Permission problem solved
    • Now “Anonymous User” can see contact form and send message from it.
  • Things to consider
    • Turning on modules is not enough, take note of permissions as per user role(s).
    • User roles are dependent on scale and size of the project.
    • Be very careful of what permissions are granted to which user roles.
    • Drupal saves much of the content and configurations (including permissions) in the database.
  • Lets change the theme
    • Theme defines the look and feel of the website.
    • It can be changed as and when needed.
    • How?? ==> Appearance
  • Lets change the theme 2
    • Appearance/Themes has 3 sections
      • Enabled Themes
      • Disabled Themes
      • Administration Themes
    • For now to change the theme to “Seven” Click “Set Default” link under Seven 7.8
  • Homepage in theme Seven
  • Things to consider - theme
    • When theme is changed blocks are placed arbitrarily.
    • Block settings – Structure >> Blocks should be set again.
    • Make sure the new layout and theme incorporates elements of current theme.
    • Take care of the logo and fav icon as well.
    • Take note of rendered HTML (SEO)
  • Change logo in theme
    • Switch back to “Bartik 7.8” theme.
    • Change the logo.
  • Changed Logo on homepage
  • To do
    • Monkey around with all the settings.
    • Practice to know what is where.
    • Add some more content (pages and articles)
    • Experiment with text format and node settings.
    • Install a new contributed module (cck and views) and a contributed theme (corporate clean)
    • Practice drush and command line things.
  • To do 2
    • Study about Content Types, CCK, Views
    • Other modules like Token, Path auto
    • Check out backup and migrate module.