Team region

This section will guide you how to create the Team page.

A. Create Image style

Step 1 Go to Configuration

Step 2 In MEDIA area > Image styles, click "Add style" link with following properties:

Step 3 Click "Create new style" button.

Step 4 Under Effect, Select "Scale and Crop" effect.

Step 5 Click Add button > New popup is opened, set following properties:

Step 6 Click "Add effect" button.

B. Create content type and add sample content

Step 1 Go to Structure > Content type > Click "Add content type" link, set following properties:

Step 2 Cick "Save and add field" button, add "Job title" field with following properties:

Step 3 Click "Save" button > click "Save field settings" buttons. Click "Save setting" button. Manage fields window is opened, add "Member Image" field with following properties:

Step 4 Click "Save" button > a new window is opened, setup "Member Image" field with following properties:

Step 5 Click "Save" button> click "Save field settings" button. Set following properties:

Step 6 Click "Save settings" button, manage fields window is opened. Edit "Body" field with following properties:

Step 7 Click "Save settings" button > manage fields window is opened. Add "Social share" field with following properties:

Step 8 Click "Save " button> click "Save field settings" button and set following properties:

Step 9 Click "Save settings" button, click "Manage display" tab, at default tab set following properties:

Step 10 Click "Manage display" tab, at teaser tab set following properties:

Step 11 Click "Save" button.

Step 12 Go to Content. Click "Add content" link. Choose "Member" link.

Step 13 Add a member with following settings:

Step 14 Repeat steps 11-12 to add several members.

C. Create View

Step 1 Go to Structure > Views. Click "Add new view" link and set following properties:

Step 2 Click "Continue and edit" button. New window is opened with following properties:

Step 3 In Format area click "setting" link and set following properties:

Step 4 In Fields area click "Add" link. Add "Content: Member image" field with following properties:

Step 5 In Fields area click "Add" link. Add "Content: Job title" field with following properties:

Step 6 In Fields area click "Add" link. Add "Content: Social share" field with following properties:

Step 7 In Fields area click "Add" link. Add "Content: Body" field with following properties:

Step 8 In "FILTER CRITERIA" area click "Add" link> add "Content: type" field and set following properties:

Step 9 In "Header" area click "Add" link; select " Global: Text area" fields> click "Apply (All display)" button.

Step 10 New window is opened> set following properties:

HTML code:
         

Who We Are? Information About Us

Step 11 In "Header" area click" add" link> select " Global: Text area" fields> click "Apply (All display)" button.

Step 12 New window is opened> set following properties:

Step 13 Click "Save" button.

Step 14 Go to Block. Find "Our team" block and assign it to Team region