The Government Web Template for Drupal
This document serves as guide in using the Government Web Template (GWT) in Drupal. This is not a comprehensive manual on Joomla!. It is assumed that the user has basic knowledge on Drupal or has undergone training on the CMS.
The images in this document may or may not be exact same instance of your installation. Use this guide only and not a step-by-step manual.
Parts of The Government Website Template
Installing the Drupal Government Web Template
Download the Drupal Government Web Template package at:
And save the gwt-drupal package to your computer.
Extract the gwt-drupal package.
Open the extracted gwt-drupal folder and copy the sites folder.
Paste the sites folder to the root directory of the installed Drupal.
On Drupal’s Admin Menu go to
and click Enable and set default the gwt-drupal theme and disable the rest of the theme.
This will be the default look of the gwt-drupal theme website.
Theme Settings Configuration
With the gwt-drupal as the default theme, go to Appearance > Settings > GWT Drupal.
Logo: Toggle to display logo image or not.
Site name: Toggle to display the site name or not. It can be edited through /admin/config/system/site-information.
Site Slogan: Toggle to display the site slogan or not. Site slogan can be edited through /admin/config/system/site-information.
Logo Image Settings
If “Use the default logo” is unchecked, you have the option to choose and upload an image logo.
Note: The maximum height of the image is 100px.
Shortcut Icon Settings
If “Use the default shortcut icon” is unchecked, you have the option to choose and upload a favicon.
Tip: The icon must be 1:1 height: width proportionate.
Government Website Template (GWT) Settings
Masthead background color: Changes the background color of the masthead.
Masthead Font Color: Changes the font color of the masthead.
- It is recommended that masthead background should NOT be used as the logo of the agency.
- The recommended height of the background image is 100px to 140px with a width of 1250px.
Banner Background Color: Changes the background color of the banner section.
Banner Font Color: Changes the font color of the masthead.
Banner Background Image: It allows to upload and apply background images on the banner area.
- The recommended height of the background is 335px with a recommended maximum width of 1500px.
Accessibility settings show predefined accessibility shortcut keys that allows the user to use these shortcut keys as accessibility link.
Chrome for Linux press (Alt+Shift+shortcut_key)
Chrome for Windows press (Alt+shortcut_key)
Firefox press (Alt+Shift+shortcut_key)
Internet Explorer press (Alt+Shift+shortcut_key) then press (enter)
Accessibility Statement (Combination + 0): Statement page that will show the available accessibility keys.
Home Page (Combination + 1): Accessibility key for redirecting to homepage.
Main Content (Combination + R): Shortcut for viewing the content section of the current page.
FAQ (Combination + 5): Shortcut for FAQ page.
Contact (Combination + C): Shortcut for contact page or form inquiries.
Feedback (Combination + K): Shortcut for feedback page.
Site Map (Combination + M): Shortcut for site map (footer agency) section of the page.
Search (Combination + S): Shortcut for search page.
After finishing configuring the Theme Settings, click
Enabling and Configuring the iGov Module (GWT Helper Module)
The iGov GWT Theme module is a plugin that adds the Transparency Seal block and the automated Slider content banner slider blocks.
Go to Modules > List
Enable the GWT Helper Module
Go to Structure > Blocks > GWT Drupal.
Under the Disabled blocks, there are three GWT dynamic blocks added: the Banner Image Slider, Philippine Standard Time, and Transparency Seal.
Set GWT: Transparency Seal’s Region either to the Left sidebar or the Right sidebar.
Set the GWT: Philippine Standard Time’s Region either to the Left sidebar or the Right sidebar.
Set the GWT: Banner Slider’s Region to the Banner Slider.
After Setting the GWT-blocks, click
Configuring the Banner/Slider
Go to Content > Add Content > GWT Slides.
The Image Slider Settings:
Slider Name: Name of the slider content.
Image Slider: The form to upload the image.
Caption: The caption or the content to be display on the bottom of the slider.
Link: A clickable link for the slider image.
Order Weight: The sorting order of the slider. Lower values shall be shown first.
Then Click Save.
Creating the Auxiliary Menu
Add a new Menu by going to Structure > Menus > Add menu.
Write the Title and Description (optional) for the Auxiliary menu
then click Save.
After saving, click on the Add Link to add Menu Links on the Auxiliary Menu.
Setting the Auxiliary Menu Links.
Write the Menu Link Title.
Set the Path of the Menu Link.
Add a Description (optional).
Set the Auxiliary Menu as the Parent Link.
Set the Weight of the Menu Link.
Then click Save.
Go to Structure > Block and set the Auxiliary Menu’s Region to the Auxiliary Left.
Creating the Panel Top/Bottom and the Agency Footer
Create a block to create the panel top/bottom or the agency footer.
Go to Structure > Blocks > Add Block.
Setup the block settings.
Write a Block Title (optional).
Write a Block Description.
Set the contents of the block.
In editing the Block Body, the Text format can be set to Filtered HTML, Full HTML or Plain Text.
Set the appropriate region: Panel Top/Bottom 1-4 or Agency Footer 1-4.
Updating GWT Theme
Download the Drupal Government Web Template from:
login to Drupal as an Administrator and go to Admin > Config > Development > Configuration and Put site into maintenance mode.
Go to the Drupal's root file system using file explorer or file manager. You should see directories like includes, misc, profiles, and sites.
Upload and extract the GWT-Drupal zip file to the root directory. This should update the files of the gwt_drupal theme and gwt_drupal_helper module.
A. Go to Admin > Development > Performance and Clear all cache. This is to clear and refresh the theme and modules hooks and file inclusion.
B. If you are using admin_menu module as your administration menu, you may simply hover to home icon, then click Flush all cache.
Go to Admin > Config > Development > Configuration and disable the maintenance mode.