- Customizing the display of the menu item 96.
- Change the display of the ratings 133.
- Creating a new issue of the newsletter 180.
- We will download and install Drupal onto our web server and perform the basic setup of the site..
- Finally, we will install a custom theme for our site to change the overall appearance of the site..
- Chef Wanyama is the owner of the Good Eatin' Bistro, a popular upscale restaurant..
- Chef Wanyama may want the home page to have a look different from the rest of the site..
- Map: This helps the visitor find all of the Good Eatin' restaurants, using Google Maps..
- Picture Gallery: This shows the pictures of the food on the menu as well as pictures of the restaurants..
- Customers can also view the previous editions of the newsletter..
- Adding a new page to the site may require changes to all of the existing pages on the site..
- In this type of system, all of the functionality for the web site is built by one or more programmers specifically for your web site.
- As you may have guessed from the title of the book, we are picking Drupal for the Good Eatin' site.
- First, enter the name of the site and a contact email address that will be used to send emails from the site..
- In this chapter, we will set up the fundamental parts of the Good Eatin' web site using the Drupal Content Management System.
- After we get comfortable managing content, we will add your pages to the navigation system so that customers can easily find all of the information that they need.
- Finally, we will add a theme to your site, based on one of the many themes available on the Drupal web site..
- To add a new static page, select the Create Content link from the menu on the left most side of the site.
- You can enter a title that is displayed in the title of the web browser and above the content when it is displayed on the site.
- These tags allow you to change the appearance of the text when it is displayed on your web site.
- Make a piece of text stand out from the rest of the text.
- You can use the <a>.
- To edit a page, first open the page in your browser, and then select the Edit link that appears next to the title of the page..
- In Drupal 6 and later, you can easily control how much of the page is used for the teaser.
- First, make note of the path in the address bar when you are viewing the new home page.
- You can also add a site slogan, site mission, and a message that will be displayed at the bottom of all of the pages on the site..
- You can also.
- The Primary links menu will list only the most important pages of the site.
- By default, the Primary links menu is displayed in the upper-right corner of the screen..
- The primary menu that will be displayed at the top of the site will contain the following items:.
- This will help you to ensure that all of the site's pages are added to the the menu correctly..
- If we look back to the first section of the menu we want to ultimately create, the parents and children as follows:.
- To use the editor, click down on the 4-pointed arrow icon to the left of the menu item name and , still holding down the mouse button, move the item to the required position in the list.
- This allows you to easily and intuitively change the parent of the menu item..
- Information on all of the core modules is available at http://drupal.org/handbook/modules.
- path and the alias of the path.
- Drupal will ensure that the page is removed from all of the menus so that unauthorized visitors can't view it..
- To delete a page, edit the page and then click the Delete button at the bottom of the page.
- Download the version of the module that corresponds to the version of Drupal you are using.
- The majority of the new settings will appear in the Site Configuration submenu.
- in place of the double quote.
- in place of the single quote..
- at the beginning of the text..
- with the node ID of the image you inserted, and replace size with the image size that you want to use.
- width : This allows you to control the width of the slideshow.
- height : This allows you to control the height of the slideshow.
- layout : This allows you to control the order of the elements (Title, Description, Picture, and Controls) in the slideshow.
- You can now build the css file for your theme, which will control the overall look of the page..
- You can change the font of the text by clicking on buttons rather than inserting HTML tags.
- The following modules, which are part of the default CCK module, provide different.
- The name of the menu item (using the default title field) A description of the item (using the default body field) The price of the item.
- The course type of the item (appetizer, first course, second course, dinner, dessert, drink, and so on).
- After you have a list of the fields that you want to include in your new content type, you need to think about what information the field will contain, so that you can select an appropriate type for the field.
- Next, click on the Add content type tab at the top of the screen.
- Drupal will then display a form that asks for the Name, Type, and Description of the new type.
- If you want to explicitly approve all of the new content, you can disable the Published setting.
- Adding a price to the menu item.
- Good Eatin' Goal: To add a field which will store the price of the menu item..
- Drupal will then display a form where you can define the basics of the new field..
- Good Eatin' Goal: Allow Chef Wanyama to optionally add picture of the item for display in the menu..
- Taxonomy: The highest level of the classification system..
- First, click on the Add Vocabulary link at the top of the Taxonomy Manager screen..
- This will also make the display of the taxonomy easier..
- Click on the Add Field link at the top of the screen..
- Complete all of the fields for the new content type, and then click the Save button..
- Customizing the display of the menu item.
- Modifying the order of fields and the titles of the menu item.
- To use the basic display customization, edit your content type and then click on the Display fields link at the top of the screen.
- You can also simply edit the content type and then click on the template tab at the top of the screen..
- We will begin by modifying the title of the view, by first clicking on the link next to the title label.
- Click on the + symbol next to the Arguments link, and Drupal will display a list of all of the available arguments, as shown in the screenshot:.
- To do this, click on the link for the argument and then click on the Remove button at the bottom of the screen..
- Select all of the fields that you want to display, and then click Add.
- A sample view of the search form is shown in the following screenshot:.
- Good Eatin' Goal: Create an index of the meals that Good Eatin' serves, based on the key ingredients in each meal..
- Drupal will then display a list of all of the available permissions, arranged by category.
- Good Eatin' Goal: Allow both Chef Wanyama and the customers to view a list of the most popular menu items..
- Wanyama and a top-five that which can be included on the home page of the site for the visitors..
- After you have added the relationship, you will be prompted for more details of the relationship.
- This option is located in the Basic settings section, on the leftmost side of the screen..
- We now need to add a page view so that Chef Wanyama can view the results of the voting.
- Change the display of the ratings.
- If you select one of the widgets in the Custom color widgets section, you can customize the colors used in the display to suit the theme of your site, by using the options as shown in the following screenshot:.
- Good Eatin' Goal: Explain some of the differences between Poll and Advanced Poll..
- For the Good Eatin' site, all of the default values are acceptable..
- You can now customize the available answers for the question and choose various other options related to the display of the question.
- We will then need to modify the settings of the Captcha module.
- The Submissions page shows a list of all of the responses to the survey, as shown here.
- The Table view displays all of the results of the survey in a single, easy to read format, as shown in the following screenshot:.
- Clicking on the Clear link will remove all of the survey responses from the site..
- Drupal will display a form you can enter the body of the post as well as a title for the post, as shown in the following screenshot:.
- You can view all of the posts that need to be approved in the Content Manger, which is accessed by selecting Content management and then Content, from the Administer menu..
- At the bottom of the list of menu items, you will find the Blogs menu item, as shown below:.
- If you want to change the name of the menu item, you can click on the Edit link in the Operations column...
- After saving the blocks, the Recent blog posts block will be displayed on the leftmost side of the screen.
- The buttons shown above are only a small sample of the buttons that you can add..
- Change the location of the Subscribe Buttons block to the Right sidebar, and then click the Save blocks button..
- As the subscription buttons are somewhat distracting, and the blog is not a key feature of the Good Eatin' site, we will limit the display of this block to only on the blog pages.
- You can add these blocks to any section of the site you want to, by changing the location and then saving the blocks..
- Creating a new issue of the newsletter