Create Images and galleries

Download, install, and enable the Image module. The Image Gallery functionality should also be enabled.

Configure the Image Content type

The Image Content type is automatically created when the Image module is enabled. This Content type will permit users to post images into the site.

Webform webíorms .vi* form-. ,vwl questionnaires. lo add fins, solea Create content webfwifi.

■P fiKsilstiW ccmpooflnrt


Presents month, day , and year fields.



A fnxtfinld that nuTniTi,"ifir.^i( fOt in 9 lOggod in uSíh^S it rA.lil.



frAldgAK allow you to úfoanjft multiple fiord* into




tíkm uteri to íubm* H« of th* toniigured lypi/t



Alow. 131?;ilion or grid «Ju05tiortt¿ dfniitijd by

0 button*,



a Mil wtnth is not vhtMo to ttu> user, but is ritcoi

diHl with rtw so




Orsptirii twL <ti HTML m the form; cft«> not rfcndt

r 4 lifcld-



firojV up j rnglü pjrju form.



iiVfows creation of eheciiboxes, radio buttons, w sateet manus.


ta vi area

A large text area that allows Tor multiple lines ot




6wic texUieid type.



Presents the user with hour and rmnute fields. Optional am/pm fie


I-ram addrrn:

Change dulauH addrura lo rtKh n result wi be mailed lyiMjaVC -


Diifaull HtltOI

[Fqnn submission from; >tide

Change default iuh|fiet H\as w8 appear an mail foe . othevsiw it wil iead "Form submission (torn Your Site tome*

By navigating to the Administer page of the site and then into the Content management section, we will find the Content types link. If we access this page, then we will see the various Content types listed there. We will not be creating a new Content type, as the Image Content type (shown in the following screenshot) is already present.

To configure the Image Content type:

1. Click on the edit link at the top of the Image Content type; you will then be presented with a form.

2. In the Workflow setting pane, we need to determine the default options:

° Do you want the image to be published and made available for use on the site immediately after submission? If so, select the Published checkbox.

° Do you want to promote the image to the front page? If so, select the Promoted to front page checkbox.

° Do you want the image to remain at the top of the list of contents on the site? If so, select the Sticky at top of list checkbox. For this example, we will not select this option.

3. In the Fivestar ratings pane, there are several configurable options from the primary need to enable Fivestar ratings, to other factors such as the number of stars to display, whether the widget will be placed below or above the node content, and also whether the rating of comments is permitted.

4. In the Comments settings pane, indicate whether you want to allow comments to be made on images or not, and if you do, then how these comments will be handled.

Create the Image galleries

Our images will need to be organized into galleries in order to group them together with other similar images according to the type of food.

Browse to the Image galleries link under the Content management section on the Administer page, and navigate to the Image galleries page. If you have started a new site, then you will see at the foot of this page a notice that there are no galleries available yet. We are going to create new galleries for starters, main courses, desserts, and drinks. We will do this by clicking on the Add gallery at the top of the page. This is what we will be entering into the form for this new gallery:

1. In the Identification panel, enter the Gallery name, a Description, and also any Help text. For drinks, we have used Drinks as the gallery name. For the Description, we have entered All drinks go down well here.

2. We need to establish a relationship between this gallery and the rest of the galleries. However, as it stands on its own, we define it as a <root> gallery.

Image galleries List

Gallery name:

The name is used to identify the gallery,


All drinks go down well here

The description can be used to provide more information about the image gallery

Image galleries may be nested below other galleries.

When listing galleries, those with with light (small) weights get listed before containers with heavier (larger) weights. Galleries with equal weights are sorted alphabetically.

When all of the galleries have been added, click on the List tab at the top of the page. We will arrive at a page listing all of the galleries available, as shown in the following screenshot:


I Submit ]

Image galleries

Add gallery



Desserts edit gallery]

Drinks edit gallery

M(-:;i courses edit gallery]

Starters edit gallery

Image Taxonomies

We are now able to organize our images into separate galleries and group them together with other similar images according to the type of food. However, we additionally need to be able to group the images according to the continent of origin as well as other terms that may be defined by the site users.

Navigate to the Taxonomy link under the Content management section on the Administer page, and click on it to navigate to the Taxonomy page. Here we see that a vocabulary titled Image Galleries has been created, with terms such as Drinks, Desserts, Main courses, and Starters.

The vocabulary is the name by which a collection of categories (or terms) can collectively be described.

In this case, let us create two vocabularies —Continent and Other Tags. We will do this by clicking on the Add Vocabulary tab at the top of the page. The fields in the form for the Continent vocabulary will be filled in as follows:

1 In the Identification panel, enter the Vocabulary name, a Description and also any Help text that comes to mind, to guide the users when they come across this vocabulary. For continent, we have used Continent as the Vocabulary name. For the Description, we have entered The continent that you are posting from, and for the Help text, we will be instructing the user to Enter the continent which you are posting from.

2 We need to associate this vocabulary with a Content type. We have created it specifically for Images, so we naturally select the Image checkbox in the Content types pane.

3. For the Settings, we declare that the selection of a term from this vocabulary is Required, and the user who posts the content must choose a term from the supplied list.

Whereas the vocabulary Continent will have terms included for selection, the Other Tags vocabulary is free-tagging, which means the person making the submission will fill these in by himself or herself.

The following screenshot shows the values entered in the fields for the Continent vocabulary:

Going back to the Taxonomy page, we see the new vocabulary that we have just created listed. Now we need to add the terms for the Continent vocabulary. We do this by clicking on the add terms link and completing the form that we are presented with. Ignore the Advanced options link at the bottom of the page at this stage, because we only have a single level of terms.

[more help...]






edit vocabulary

!:st terms

add terms

*{* Image Galleries


edit vocabulary

list terms

add terms

Other Tags


edit vocabulary

!:st terms

add terms

[ Save j

If you click on the list terms link of the vocabulary, you will be presented with a list of the terms that you have created (in the order that they will be presented to the user). If you don't like this order, then just drag the ones you want to change to the location that you want.

Terms in Continent ym^ |Sî term

Continent is a single hierarchy vocabulary. You may organize the terms In the Continent vocabulary by using the handles on the left side of the table. To change the name or description of a term, click the edit link next to the term,

Name Operations

Name Operations


.3 dit














North America



South America


[ Save j [ Reset to alphabetical )

[ Save j [ Reset to alphabetical )

0 0

Post a comment