Drupal Documentation

Content management

In this section we will overview how the website content is created, and also how to manage any content type, if you've installed your template with sample data.

Menu management

The following menu types can be used in Druapl template:

Main menu contains the links to the main website pages;
User menu contains the links related to the user's account, such as "Register", "Login", etc.;
Footer menu duplicates the main menu.

Let's overview each of them in details.

Main menu

To edit main menu items, follow the steps below:

In the admin panel navigate to Structure > Menus menu or in a browser's address bar type http://www.example.com/?q=admin/structure/menu, where www.example.com is your website URL.

Click List links next to this menu.

To add a link, click Add link at the top left corner of the page.

To edit a link, click Edit.

To remove a link, click Delete.

To change the items order, use the drag-and-drop method to place the item, then click Save configuration button.

To set up a drop-down menu, follow the steps below:

In the admin panel navigate to Structure > Blocks menu or in a browser's address bar type http://www.example.com/?q=admin/structure/block, where www.example.com is your website URL.
Find the block with this menu title.
Click Configure link next to the block.
Make changes in the Superfish settings section.
Press Save block button.

To change the menu location, follow the steps below:

In the admin panel navigate to Structure > Blocks menu or in a browser's address bar type http://www.example.com/?q=admin/structure/block, where www.example.com is your website URL.
Find the block with this menu title.
Move the block to the needed region, the same way as a regular block.
Press Save blocks button.

User menu

Users menu is a standard Drupal menu. It does not include any drop-down menus. To edit this menu or change its location, you can use the same instructions provided for the main menu.

Footer menu

Footer menu duplicates the main menu. To set up this menu, follow the steps below:

In the admin panel navigate to Structure > Blocks menu or in a browser's address bar type http://www.example.com/?q=admin/structure/block, where www.example.com is your website URL.
Find the block with this menu title.
Click Configure link next to the block.
On the appeared page besides the standard fields fill in the following ones:
- Menu - the name of the menu that needs to be duplicated;
- Starting level - block visibility on a page. Blocks that start from the first level will always be visible. Blocks that start from the second level or deeper will be visible only on the pages, where these menu items are active.
- Maximum depth - the number of the visible menu levels. Set 1 value to disable all sub-menus.
Press Save block button.

Feel free to check the following instructions:

Content type management

Drupal templates include the following main content types:

Banner

represents company name, logo and additional information. It can be used in blocks like "Our partners", "Our clients", etc.
Employee

consists of an employee’s photo and a summary regarding the employee. It can be used in blocks like "Our team", "Our staff", etc.
FAQ

represents content in question-answer form. Such content type is being used on FAQ pages.
Portfolio item

consists of a title, an image and some information. Such content type is being used on pages like "Portfolio", "Gallery", etc.
Service

consists of a title, an image and and some information. It can be used in blocks like "Services", etc.
Slide

consists of a title, an image and some information. It is being used in the slider on the Home page.
Testimonial

consists of a short feedback and some information about its author. Can be used in "Testimonials", "What people say about us" blocks, etc.
Other content types.

Any changes made in these content types (adding, editing, deleting) instantly appear in the blocks or on the pages where they are used.

Some of the modules contain their own content types. For example, the Panels module adds Panel content type.

You can also create custom content types.

To edit, delete or manage a content type, follow the instructions below:

To check the full list of the existing content types, in the admin panel navigate to Content menu or in a browser's address bar type http://www.example.com/?q=admin/content, where www.example.com is your website URL.
To create a new node, click Add content link.
On the appeared page select a content type.
Fill in the required fields and click Save button.
To edit an existing node, on the Content page in the Show only items where field select a content type and click Filter button.
To edit a node of the content type, click Edit link next to the node title.
To remove a node, click Delete link next to the node title.

Feel free to check the following instructions:

Drupal. Content types overview

Page management

All template pages are created using the Panels module.

To manage pages, follow the instructions below:

To check the list of all existing pages, in the admin panel navigate to Structure > Pages menu or in a browser's address bar type http://www.example.com/?q=admin/structure/pages, where www.example.com is your website URL.

To create a new page, click Add custom page link.

Follow the instructions on the screen, fill in all required fields, save the changes.

To edit an existing page, click Edit link next to the page title.

To remove a page, in the editing mode click Delete tab at the top of the page.

Feel free to check the following instructions:

Drupal 7. How to add a new page and a new menu button.

View management

Most Drupal templates content is made using views, such as:

Archive

takes the content type "Blog entry", arranges them by months and displays them in the block or page mode.
Banners

takes the content type "Banner" and displays them in the block mode.
Categories

takes taxonomy terms from the "Blog categories" vocabulary and displays them in the block mode.
FAQs

takes the content type "FAQs" and displays them in the page mode.
Portfolio

takes the content type "Portfolio Item" and displays them in the Portfolio (Gallery, Services) page mode in two, three or four columns.
Portfolio filter

creates a portfolio filter block that can be used in the "Portfolio" view.
Recent comments

takes comments and displays them in the block or page mode.
Recent posts

takes the content type "Blog entry" and displays them in the block mode.
Slider

takes the content type "Slide" and displays them in the slider block mode.
Team

takes the content type "Employee" and displays them in the block mode.
Testimonials

takes the content type "Testimonial" and displays them in the block or page mode.
And other views.

To manage views, follow the instructions below:

To check the full list of all existing views, in the admin panel navigate to Structure > Views menu or in a browser's address bar type http://www.example.com/?q=admin/structure/views, where www.example.com is your website URL.
To create a new view, click Add new view link.
On the appeared page specify a view title, content type, ordering type and display mode.
To set additional parameters, press Continue & edit button. To complete, press Save & exit button.
To edit an existing view, select Edit option from the drop-down list next to the view title.

Do not make changes to an existing view, if you are not sure what you are doing.
To remove an existing view, select Delete option from the drop-down list next to the view title.
Views displayed in the block mode can be managed the same way as the regular blocks. You can also open a view block's settings page directly from your site front-end. To do it, mouse over the needed block, click the gear wheel icon at the top right corner of the block and choose the Configure block option:
Views displayed in the pages mode can be set up the same way. Mouse over the needed block, click the gear wheel icon at the top right corner of the block and choose the Edit view option:

Feel free to check the following instructions:

Drupal 7. How to use the Views module and edit/configure it

Media management

Media module controls the uploading of images and videos.

To manage media, follow the instructions below:

To check the full list of all existing media files, in the admin panel open Content menu and navigate to Media tab or in a browser's address bar type http://www.example.com/?q=admin/content/media, where www.example.com is your website URL.
To remove existing images or videos, check them, in the Operations field choose Delete option and click Submit button.
To add a media file to a node, click Select media button in the node editing mode.
On the appeared page:
- in the Upload tab you can upload an image from your computer;
- in the Web tab you can specify an image URL or a YouTube or Vimeo video URL;
- in the Library tab you can select an image or video from the Drupal Media library.
After you select the media file, press Submit button.

Please, note, that you can add a video only to the Blog entry content type nodes.

Feel free to check the following instructions:

Shortcodes

Shortcode is a little bit of code that contains 1-2 words. Shortcodes are used instead of writing a large program codes (dozens of lines) to perform some functions.

To use shortcodes the Shortcode, TM Shortcodes modules should be enabled.

The full list of all available shortcodes you can check in the Text format section while creating a node.

You can use the following shortcodes:

[clear][/clear] - clears floated blocks. The shortcode contains the following attributes:

class

an additional class;
id

an element indicator (id);
type

an element type: block (div, d) or in-line (span, s).

[col][/col] - displays content in columns. The shortcode contains the following attributes:

align

columns alignment: right - a column will appear at the right side of the external block, center - a column will appear at the center of the external block;
class

an additional element class;
clear

clears floated blocks: clear-both - on both sides, clear-left - on the left side only, clear-right - on the left right only;
last

should has "1" value for the last column.
width

column width: 1-2 - a half, 1-3 - a third, 2-3 - two thirds, 1-4 - a fourth, 3-4 - three fourths, 1-5 - a fifth, 2-5 - two fifth, 3-5 - three fifth, 4-5 - four fifth, 1-6 - a sixth or 5-6 - five sixths external blocks.

It is recommended to use this shortcode inside [clear][/clear] shortcode.

For example:

[clear type="div"]
[col width="1-3"]column content[/col]
[col width="1-3"]column content[/col]
[col width="1-3" last="1"]column content[/col]
[/clear]

Possible use cases:

[counter][/counter] - displays animated counters. The shortcode contains the following attributes:

class

an additional element class;
number

any integer number;
timer

count speed from 0 to the specified date in milliseconds.

The shortcode content serves as a title.

For example:

[counter number="300" timer="30" class="custom-class"]Title[/counter]

Possible use cases:

[icon][/icon] - displays FontAwesome icons. The framework uses FontAwesome 4.1.0 version. The shortcode contains the following attributes:

class

FontAwesome icon class;
link

URL-address, if you want to add a link to the icon.

For example:

[icon class="fa-star"]Текст[/icon]

Possible use cases:

[gmap][/gmap] - inserts a Google map. The shortcode contains the following attributes:

class

additional element class;
lat_coord

latitude coordinate;
lng_coord

longitude coordinate;
zoom_value

initial zoom level of the map. Use values from 1 to 20;
zoom_wheel

adds a scroll wheel to the map. Use "yes" or "no" value.

For example:

[gmap lat_coord="41.850033" lng_coord="-87.6500523" zoom_value="15" zoom_wheel="no" class="custom-class"][/gmap]

Possible use cases:

[piegraph][/piegraph] - displays a cycle progress indicator. The shortcode contains the following attributes:

barcolor

a color of the bar line;
class

an additional element class;
linewidth

the line width, any integer number;
percent

a progress in percents (0-100);
trackcolor

a color of the track line (progress line);
width

diameter of the progress bar, any integer number.

The shortcode content serves as a title.

For example:

[piegraph percent="60" width="200" barcolor="#21c2f8" trackcolor="#cccccc" linewidth="3"]Title[/piegraph]

Possible use cases:

[progressbar][/progressbar] - displays a progress bar. The shortcode contains the following attributes:

class

an additional element class;
percent

a progress in percents (0-100);

The shortcode content serves as a title.

For example:

[progressbar percent="30"]Title[/progressbar]

Possible use cases: