Easy web development using Drupal CMS(Content Management System) Version 1.0 by: MOHD ALIF AZMAN http://www.alifazman.com Visit alifazman's Scribd Channel on: http://scribd.com/alifazman
Creative Commons International :Malaysia
Chapter 2
Understanding drupal basics
Chapter 2 2.1
Understanding drupal basics
After you successfully install your drupal CMS on your web server or your local machine. Then you suppose to get a welcome page .Look like this:
Image 2.1.1 : Drupal Welcome page. By default, drupal will create a simple welcome page like this one and your content that you like to add will be configure by yourself. I'll show you later on how to create content for your drupal website in this chapter. In this Chapter our main target is to : 1. Create and understanding the function of content management. 2. Understanding what is block function and adding new block in our drupal powered website
Mohd alif azman
2
http://www.alifazman.com
Chapter 2
Understanding drupal basics
Drupal administration : Drupal administration exist consisting 5 administration section which each of administration part has it own sub categories to maintains :
1. Content Management •
Comments
•
content
•
content types
•
Post settings
•
RSS publishing
•
Taxonomy
2. Site Building •
Blocks
•
Menu
•
Modules
•
Themes
3. User Management •
Access rules
•
Permissions
•
Roles
•
User settings
•
Users
Mohd alif azman
3
http://www.alifazman.com
Chapter 2
Understanding drupal basics
4. Reports •
Recent log entries
•
Top 'access denied' errors
•
Top 'page not found' errors
•
Status report
5. Site Configuration •
Actions
•
Administration themes
•
Clearn URL's
•
Date and time
•
Error reporting
•
File system
•
Image toolkit
•
Input formats
•
Logging and alerts
•
Performance
•
Site information
•
Site maintainance
Mohd alif azman
4
http://www.alifazman.com
Chapter 2
Understanding drupal basics
2.1.1 Content Management
Image 2.1.2 : Content Management of Drupal Above is the image of Content management links and it's sub-menu for managing your website. I know maybe you are wondering where and how can you find the back-end for creating your content. It's actually not under content management, because it only provide your the links to manage and configure your setting for your content.
Mohd alif azman
5
http://www.alifazman.com
Chapter 2
Understanding drupal basics
To create a new content, just point to the “home” of your administration back-end and you should see the sidebar on your left which displayed as “Create content”
Image 2.1.3 : Create content link is on your left sidebar panel of drupal
Image 2.1.4 : A “Create Content facilities with it options will appear.”
Mohd alif azman
6
http://www.alifazman.com
Chapter 2
Understanding drupal basics
2.1.2 Creating content
As showed just now, when you clicked on create content, there will be options whether you want to create a Page type of content or Story type of content. Now let's try both style .First we take a look at Page type style by clicking there. You should get this panel after clicking there.
Image 2.1.5 : An editor page to create content for your drupal website. Our focus now is to create simple content. Let's ignore first others options then Title, Body and Publishing option because I just want to show you the way it works. You can try by yourself after understanding this option. Just type anything for the title and the body of your content.
Mohd alif azman
7
http://www.alifazman.com
Chapter 2
Understanding drupal basics
Creating content with page style option
Image 2.1.6 : Writing content
Mohd alif azman
8
http://www.alifazman.com
Chapter 2
Understanding drupal basics
Image 2.1.7 : Publishing option As you can see picture above, down of the writing panel you will see the option for publishing whether you want to promote it to front page of your website or not. For this one, you should check the Published and Promoted to front page option.
Mohd alif azman
9
http://www.alifazman.com
Chapter 2
Understanding drupal basics
Image 2.1.8 : Front Page with your written content. As you can see, now we have our content for our front page. When you point your browser to http://yourhost eg : in my case will be : http://localhost/drupal, you will see the content that you have created just now.
Mohd alif azman
10
http://www.alifazman.com
Chapter 2
Understanding drupal basics
Page Style VS story style Creating content with Story Style option was the same as the page style option. What the difference are •
As default setting, page style content will not be promoted on the front page when you published it. So, for the story style option it will be vise verse.
Image 2.1.9 : The content with title content was created using story style option. As picture above, the content named “test” was created using story style option. When you published it, it will automatically promoted on the front page of your drupal site.
Mohd alif azman
11
http://www.alifazman.com
Chapter 2
Understanding drupal basics
2.2 :
Blocks and Menus function
Image 2.2.1 : Panel to access menu and block functions
Mohd alif azman
12
http://www.alifazman.com
Chapter 2
Understanding drupal basics
2.2.2 : Block position inside the drupal block administration If you are familiar with joomla! CMS, you block in drupal is quite similar to a module in Joomla! .You can add you desire block, and configure it position using this block management. Above is the image of position for default template of Drupal which contain following position :Header, Right sidebar, Footer and content position
Mohd alif azman
13
http://www.alifazman.com
Chapter 2
Understanding drupal basics
Image 2.2.3 : Position for content and footer blocks Managing block position (Examples) Users should bear in their mind that blocks position will be different based on the template use. In this example I'll show how to manage the position of the blocks using template installed .Now, lets try to add some info on our right side of our website. By understanding this trick, you will understand how to manage your menu's and etc position on your website In this example we are trying to: •
Create a new blocks.
•
Locate it on a suite position that based on our need.
Mohd alif azman
14
http://www.alifazman.com
Chapter 2
Understanding drupal basics
Creating a new blocks Creating a new block is simple, click at “Blocks link” (refer to image 2.2.1), and should you make the appearing panel as like image 2.2.2. After a panel as refer to image stated before, click “Add Block” just like below and for the time being, use the next image configuration should be suffient to create your new block. On the bottom of the page you will find save button.Click to create your new block.
Image 2.2.4 : Add block link
Image 2.2.5 : Create content or Description for your blocks.
Mohd alif azman
15
http://www.alifazman.com
Chapter 2
Understanding drupal basics
Image 2.2.6 : Block list New block created listed On Block list
Image 2.27 : Set new block position To set you position of new created block, pick from the down list the position you wants .Click save to apply the configuration.
Mohd alif azman
16
http://www.alifazman.com
Chapter 2
Understanding drupal basics
Image 2.2.8 : Block created
-End Chapter 2-
Mohd alif azman
17
http://www.alifazman.com