<ul>Drupal – Content Management System - Installation </ul><ul>YIPL Dev Team 25 October 2011 </ul>
Agenda <ul><li>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 ;) </li></ul>
<ul>Download Drupal – Drupal.org </ul><ul><li>Download Drupal from  http://Drupal.org/download   </li></ul>
Save the file <ul><li>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 </li></ul>
Create a user and database <ul><li>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. </li></ul>
Create user and database 2 Remember username and password, username and db name are same.
Install Drupal <ul><li>http://localhost/d7-tutorial </li></ul>
Install Drupal 2
Install Drupal 3 (Linux settings) <ul><li>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 </li></ul>
Linux Permission for Drupal 7 <ul><li>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 <ul><li>This overlay appears after you click on the content link on the top left corner. </li></ul>
Add a basic page in Drupal 7
Adding a basic page in Drupal 7 <ul><li>Enter the title and body for the page. </li></ul>
Node submission settings <ul><li>Edit needed submission settings (demo shows menu settings)
Select Menu, Lighter weights float above. </li></ul>
Page Created
Homepage selection Drupal 7 <ul><li>Configuration>>Site Information (under System)
Scroll to front page section. </li></ul>
Solve 2 home links <ul><li>Structure >> Menus
Click link shown below (we choose Main Menu when creating the node) </li></ul>
Deleting extra home <ul><li>The extra home link was created when creating basic page node (nid 1).
Confirm in next overlay after clicking appropriate delete. </li></ul>
Double home link solved
Some Drupal Fundas <ul><li>Most things are configurable (from UI itself).
Upcoming SlideShare
Loading in...5
×

Drupal 7 install with modules and themes

2,404

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,404
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
34
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Drupal 7 install with modules and themes

  1. 1. <ul>Drupal – Content Management System - Installation </ul><ul>YIPL Dev Team 25 October 2011 </ul>
  2. 2. Agenda <ul><li>Download and install Drupal
  3. 3. Add some nodes (Article/page)
  4. 4. Install Drupal modules
  5. 5. User permissions overview
  6. 6. Configurations in Drupal introduction
  7. 7. Install and change Drupal theme and settings
  8. 8. To do ;) </li></ul>
  9. 9. <ul>Download Drupal – Drupal.org </ul><ul><li>Download Drupal from http://Drupal.org/download </li></ul>
  10. 10. Save the file <ul><li>Save the file
  11. 11. Extract at web root, generally /var/www in ubuntu linux (or user specific settings like /home/user-name/public_html)
  12. 12. Tar -zxvf drupal-7.x.tar.gz
  13. 13. Rename extracted dir to desired name (project name assume d7-tutorial)
  14. 14. Or do – drush dl on /var/www </li></ul>
  15. 15. Create a user and database <ul><li>Go to http://localhost/phpmyadmin (assumed mysql and phpmyadmin installed)
  16. 16. Login if necessary (preferably as root)
  17. 17. Go to “Previllages tab”
  18. 18. Click “Add a new user” with given settings. </li></ul>
  19. 19. Create user and database 2 Remember username and password, username and db name are same.
  20. 20. Install Drupal <ul><li>http://localhost/d7-tutorial </li></ul>
  21. 21. Install Drupal 2
  22. 22. Install Drupal 3 (Linux settings) <ul><li>Create a files directory at /sites/default/files
  23. 23. Give the files directory 777 permission
  24. 24. Copy default.settings.php to settings.php in /sites/default
  25. 25. Give the settings.php file 777 permission
  26. 26. How?? see next slide </li></ul>
  27. 27. Linux Permission for Drupal 7 <ul><li>Remember to remove write permission from settings.php after installation (755 is ok). </li></ul>
  28. 28. Install Drupal 4
  29. 29. Install Drupal 5
  30. 30. Install Drupal 6
  31. 31. Install Drupal 7
  32. 32. Drupal Installed
  33. 33. Drupal 7 First Glimpse
  34. 34. First Node in Drupal 7 <ul><li>This overlay appears after you click on the content link on the top left corner. </li></ul>
  35. 35. Add a basic page in Drupal 7
  36. 36. Adding a basic page in Drupal 7 <ul><li>Enter the title and body for the page. </li></ul>
  37. 37. Node submission settings <ul><li>Edit needed submission settings (demo shows menu settings)
  38. 38. Select Menu, Lighter weights float above. </li></ul>
  39. 39. Page Created
  40. 40. Homepage selection Drupal 7 <ul><li>Configuration>>Site Information (under System)
  41. 41. Scroll to front page section. </li></ul>
  42. 42. Solve 2 home links <ul><li>Structure >> Menus
  43. 43. Click link shown below (we choose Main Menu when creating the node) </li></ul>
  44. 44. Deleting extra home <ul><li>The extra home link was created when creating basic page node (nid 1).
  45. 45. Confirm in next overlay after clicking appropriate delete. </li></ul>
  46. 46. Double home link solved
  47. 47. Some Drupal Fundas <ul><li>Most things are configurable (from UI itself).
  48. 48. Custom code is generally not required.
  49. 49. Practice things well so you know where the configuration are located.
  50. 50. Example: to configure homepage go to – Configurations>>Site information
  51. 51. Menus are at - Structure>>Menus </li></ul>
  52. 52. To do – About Us Page <ul><li>Create “About Us” page which is similar to the page just created.
  53. 53. Should also have a link “About Us” besides home.
  54. 54. Should have a path /about-us
  55. 55. After creating the page, the website should look like: </li></ul>
  56. 56. After About Us Page <ul><li>Notice the URL as well. </li></ul>
  57. 57. Things learned on the way <ul><li>Text Format: Filtered HTML
  58. 58. Menu Description – appears on mouse over on the menu link.
  59. 59. Comments can be open or closed on a per node basis.
  60. 60. Nodes can be authored by and on (time) when creating or editing.
  61. 61. Nodes can be unpublished as well. </li></ul>
  62. 62. Things learned on the way <ul><li>Drupal provides 2 content types by default </li><ul><li>Basic Page
  63. 63. Article </li></ul><li>Menu items are sorted as per weight (lighter appear first 1 appears before 2)
  64. 64. Main menu is by default placed in “Main Links” - earlier called “Primary Links” </li></ul>
  65. 65. Recipe: Brochure site <ul><li>Has some pages.
  66. 66. News with pictures (will be dealt later – cck and views)
  67. 67. Contact Us page.
  68. 68. An attractive looking theme ;)
  69. 69. A well structured homepage (for later - panels) </li></ul>
  70. 70. Turn on Drupal core modules <ul><li>For now only Contact Module, how?
  71. 71. Module>>Check required Module(s)
  72. 72. Scroll down, click “Save Configurations” </li></ul>
  73. 73. Use drush to enable module <ul><li>Drush en <project_name>
  74. 74. <project_name> can be module or theme
  75. 75. <project_name> taken from d.o URL or core module/theme.
  76. 76. Http://drupal.org/project/views => drush dl views; drush en views
  77. 77. Example: drush en contact </li></ul>
  78. 78. After enabling contact <ul><li>Try http://localhost/d7-tutorial/contact </li></ul>
  79. 79. Add Contact Us link <ul><li>Add a link “Contact Us” besides “About Us” in the main menu.
  80. 80. Should look like below: </li></ul>
  81. 81. Permission Problem <ul><li>The admin (uid 1) sees the website as above slide but.
  82. 82. The visitor (anonymous user) sees the website as: </li></ul>
  83. 83. Permission Problem 2 <ul><li>Module is turned on but not configured as per the user types (roles in Drupal)
  84. 84. Go to People>> “Permissions” Tab
  85. 85. Check “Use the site-wide contact form” then scroll down and click “Save Permissions”. </li></ul>
  86. 86. Permission problem solved <ul><li>Now “Anonymous User” can see contact form and send message from it. </li></ul>
  87. 87. Things to consider <ul><li>Turning on modules is not enough, take note of permissions as per user role(s).
  88. 88. User roles are dependent on scale and size of the project.
  89. 89. Be very careful of what permissions are granted to which user roles.
  90. 90. Drupal saves much of the content and configurations (including permissions) in the database. </li></ul>
  91. 91. Lets change the theme <ul><li>Theme defines the look and feel of the website.
  92. 92. It can be changed as and when needed.
  93. 93. How?? ==> Appearance </li></ul>
  94. 94. Lets change the theme 2 <ul><li>Appearance/Themes has 3 sections </li><ul><li>Enabled Themes
  95. 95. Disabled Themes
  96. 96. Administration Themes </li></ul><li>For now to change the theme to “Seven” Click “Set Default” link under Seven 7.8 </li></ul>
  97. 97. Homepage in theme Seven
  98. 98. Things to consider - theme <ul><li>When theme is changed blocks are placed arbitrarily.
  99. 99. Block settings – Structure >> Blocks should be set again.
  100. 100. Make sure the new layout and theme incorporates elements of current theme.
  101. 101. Take care of the logo and fav icon as well.
  102. 102. Take note of rendered HTML (SEO) </li></ul>
  103. 103. Change logo in theme <ul><li>Switch back to “Bartik 7.8” theme.
  104. 104. Change the logo. </li></ul>
  105. 105. Changed Logo on homepage
  106. 106. To do <ul><li>Monkey around with all the settings.
  107. 107. Practice to know what is where.
  108. 108. Add some more content (pages and articles)
  109. 109. Experiment with text format and node settings.
  110. 110. Install a new contributed module (cck and views) and a contributed theme (corporate clean)
  111. 111. Practice drush and command line things. </li></ul>
  112. 112. To do 2 <ul><li>Study about Content Types, CCK, Views
  113. 113. Other modules like Token, Path auto
  114. 114. Check out backup and migrate module. </li></ul>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×