basic site building with drupal 7
DESCRIPTION
This power point presentation cover up on how to create content type and views page.TRANSCRIPT
![Page 1: Basic site building with drupal 7](https://reader035.vdocuments.us/reader035/viewer/2022062304/558d3b93d8b42a6a688b4784/html5/thumbnails/1.jpg)
Basic Site Building With Drupal 7
By: Roald R. Umandal
![Page 2: Basic site building with drupal 7](https://reader035.vdocuments.us/reader035/viewer/2022062304/558d3b93d8b42a6a688b4784/html5/thumbnails/2.jpg)
To learn how to create a basic website using drupal
To extend the power of drupal To learn how to create content types and
views To learn how to add contents in drupal
website
Objective
![Page 3: Basic site building with drupal 7](https://reader035.vdocuments.us/reader035/viewer/2022062304/558d3b93d8b42a6a688b4784/html5/thumbnails/3.jpg)
Views Views UI Ctools CKEditor Colorbox Module Filter Pathauto Token Libraries
Modules to be installed
![Page 4: Basic site building with drupal 7](https://reader035.vdocuments.us/reader035/viewer/2022062304/558d3b93d8b42a6a688b4784/html5/thumbnails/4.jpg)
CKEditor Colorbox
Libraries to be installed
![Page 5: Basic site building with drupal 7](https://reader035.vdocuments.us/reader035/viewer/2022062304/558d3b93d8b42a6a688b4784/html5/thumbnails/5.jpg)
Installed modules should not be placed in core modules it should be placed in sites/all/modules, so that when you update your website it will not override your configuration in your modules
Installed themes should also placed in sites/all/themes, so that when you update your website it will not override your current theme
Rules in Drupal
![Page 6: Basic site building with drupal 7](https://reader035.vdocuments.us/reader035/viewer/2022062304/558d3b93d8b42a6a688b4784/html5/thumbnails/6.jpg)
1. Your modules should be in this path “sites/all/modules”2. Best practice is to create a separate folder for contributed
modules and custom module. You should name the two folder contrib and custom and it should be inside your sites/all/modules
3. Enable the modules that we installed
![Page 7: Basic site building with drupal 7](https://reader035.vdocuments.us/reader035/viewer/2022062304/558d3b93d8b42a6a688b4784/html5/thumbnails/7.jpg)
![Page 8: Basic site building with drupal 7](https://reader035.vdocuments.us/reader035/viewer/2022062304/558d3b93d8b42a6a688b4784/html5/thumbnails/8.jpg)
1. Create a libraries folder in “sites/all” make sure that youtype it in lower case, because it is case sensitive 2. Put all libraries or plugins in libraries folder
Make sure you always check the reports > status reports, you can see here if you have problem in your installed module or libraries
![Page 9: Basic site building with drupal 7](https://reader035.vdocuments.us/reader035/viewer/2022062304/558d3b93d8b42a6a688b4784/html5/thumbnails/9.jpg)
Congratulations your now ready!
Basic Site Building Drupal 7
![Page 10: Basic site building with drupal 7](https://reader035.vdocuments.us/reader035/viewer/2022062304/558d3b93d8b42a6a688b4784/html5/thumbnails/10.jpg)
Creating Content Type
Basic Site Building Drupal 7
![Page 11: Basic site building with drupal 7](https://reader035.vdocuments.us/reader035/viewer/2022062304/558d3b93d8b42a6a688b4784/html5/thumbnails/11.jpg)
Select structure > Content types > Add content type
![Page 12: Basic site building with drupal 7](https://reader035.vdocuments.us/reader035/viewer/2022062304/558d3b93d8b42a6a688b4784/html5/thumbnails/12.jpg)
1. Set the content type name to “News”2. Uncheck the Promoted to front page in “publishing option”3. Set the Comment settings to closed (optional)
![Page 13: Basic site building with drupal 7](https://reader035.vdocuments.us/reader035/viewer/2022062304/558d3b93d8b42a6a688b4784/html5/thumbnails/13.jpg)
1. Add new field for image2. Edit and append the name of the content type in front of machine
name3. Set the field type to image4. Set the widget to image
![Page 14: Basic site building with drupal 7](https://reader035.vdocuments.us/reader035/viewer/2022062304/558d3b93d8b42a6a688b4784/html5/thumbnails/14.jpg)
1. Set the number of values to unlimited2. You can set your Default image3. Then click the save button
![Page 15: Basic site building with drupal 7](https://reader035.vdocuments.us/reader035/viewer/2022062304/558d3b93d8b42a6a688b4784/html5/thumbnails/15.jpg)
1. Click the manage display tab2. Change the label to hidden and set the image style to
medium3. In custom display settings check the Full Content4. Then click save
![Page 16: Basic site building with drupal 7](https://reader035.vdocuments.us/reader035/viewer/2022062304/558d3b93d8b42a6a688b4784/html5/thumbnails/16.jpg)
Hover the content and select add content then click the News content type that we created before
![Page 17: Basic site building with drupal 7](https://reader035.vdocuments.us/reader035/viewer/2022062304/558d3b93d8b42a6a688b4784/html5/thumbnails/17.jpg)
1. Set the title of your news2. Set your content in news body, you can also add image in
your content by dragging it inside.3. Upload your image
![Page 18: Basic site building with drupal 7](https://reader035.vdocuments.us/reader035/viewer/2022062304/558d3b93d8b42a6a688b4784/html5/thumbnails/18.jpg)
1. Uncheck the “Promoted to front page”2. Click Save3. Now that we have a content type for news, we can now create
a views for news
![Page 19: Basic site building with drupal 7](https://reader035.vdocuments.us/reader035/viewer/2022062304/558d3b93d8b42a6a688b4784/html5/thumbnails/19.jpg)
Creating Views PageBasic Site Building Drupal 7
![Page 20: Basic site building with drupal 7](https://reader035.vdocuments.us/reader035/viewer/2022062304/558d3b93d8b42a6a688b4784/html5/thumbnails/20.jpg)
Hover to structure, select Views and add new view
![Page 21: Basic site building with drupal 7](https://reader035.vdocuments.us/reader035/viewer/2022062304/558d3b93d8b42a6a688b4784/html5/thumbnails/21.jpg)
1. Create a views name “News” for the news content type2. Select News in “Show Content of type”3. Check the create page and create a menu link4. Click continue and edit
![Page 22: Basic site building with drupal 7](https://reader035.vdocuments.us/reader035/viewer/2022062304/558d3b93d8b42a6a688b4784/html5/thumbnails/22.jpg)
1. Change the format, set the “show” to field. After changing the format you should now be able to see the add button at right side of “Fields”
2. Add the following fields Content: Title, Image, Body, Nid and Global: Custom Text
![Page 23: Basic site building with drupal 7](https://reader035.vdocuments.us/reader035/viewer/2022062304/558d3b93d8b42a6a688b4784/html5/thumbnails/23.jpg)
1. Configure your global: custom text write on the text box “Read More”2. Scroll down and set the Rewrite Results check the Output this field as a link3. Configure the link path and click save
You must see now the content that we have been created before at the bottom of the page
![Page 24: Basic site building with drupal 7](https://reader035.vdocuments.us/reader035/viewer/2022062304/558d3b93d8b42a6a688b4784/html5/thumbnails/24.jpg)
After creating a page for news you should now be able to see your page like this
![Page 25: Basic site building with drupal 7](https://reader035.vdocuments.us/reader035/viewer/2022062304/558d3b93d8b42a6a688b4784/html5/thumbnails/25.jpg)
Creating a Gallery Page
Basic Site Building Drupal 7
![Page 26: Basic site building with drupal 7](https://reader035.vdocuments.us/reader035/viewer/2022062304/558d3b93d8b42a6a688b4784/html5/thumbnails/26.jpg)
1. Create a content type for the gallery2. Click manage field add image field, edit the machine name and
append the title of the content type in front of the machine name 3. Select field type to image and widget image4. Delete the body field because we are not going to use it. Then click
save
![Page 27: Basic site building with drupal 7](https://reader035.vdocuments.us/reader035/viewer/2022062304/558d3b93d8b42a6a688b4784/html5/thumbnails/27.jpg)
Change the number of values to unlimited then save
![Page 28: Basic site building with drupal 7](https://reader035.vdocuments.us/reader035/viewer/2022062304/558d3b93d8b42a6a688b4784/html5/thumbnails/28.jpg)
Set the title of your gallery
1. Set the title of your gallery2. Choose your image and upload3. Click save
![Page 29: Basic site building with drupal 7](https://reader035.vdocuments.us/reader035/viewer/2022062304/558d3b93d8b42a6a688b4784/html5/thumbnails/29.jpg)
1. Create view page for gallery2. Check the “create a menu link”3. Click “continue and edit”
![Page 30: Basic site building with drupal 7](https://reader035.vdocuments.us/reader035/viewer/2022062304/558d3b93d8b42a6a688b4784/html5/thumbnails/30.jpg)
1. Change the format to Grid and Show change it to field2. Add Content: Image in Fields
![Page 31: Basic site building with drupal 7](https://reader035.vdocuments.us/reader035/viewer/2022062304/558d3b93d8b42a6a688b4784/html5/thumbnails/31.jpg)
1. Uncheck the create label2. Select Colorbox in formatter and select Medium in content imageStyle, Click Apply (all displays)3. Click save
![Page 32: Basic site building with drupal 7](https://reader035.vdocuments.us/reader035/viewer/2022062304/558d3b93d8b42a6a688b4784/html5/thumbnails/32.jpg)
After creating the view page for gallery you should be able to see your page like this
![Page 33: Basic site building with drupal 7](https://reader035.vdocuments.us/reader035/viewer/2022062304/558d3b93d8b42a6a688b4784/html5/thumbnails/33.jpg)
If colorbox doesn’t work properly check the reports > status reports and you will see the reason why your colorbox is not working properly
![Page 34: Basic site building with drupal 7](https://reader035.vdocuments.us/reader035/viewer/2022062304/558d3b93d8b42a6a688b4784/html5/thumbnails/34.jpg)
The EndBasic Site Building Drupal 7