GT Drive Documentation

Welcome to the Theme Documentation of GT Drive. This tutorial briefly explains the first steps for setting up and configuring all theme functions.


Table of Contents

  1. Theme Installation
  2. Automatic Updates
  3. Logo and Site Title
  4. Navigation Menus
  5. Social Icons
  6. Front Page Settings
  7. Layout Settings
  8. Sidebar Widgets
  9. Page Templates
  10. Content Widths
  11. Color Settings
  12. Typography Options
  13. Footer Widgets
  14. Defined Image Sizes
  15. Supported Browsers

1. Theme Installation

For the installation you need the .zip file of the theme. You can download it after the purchase in your account.

Navigate to Appearance → Themes in your WordPress backend. Click the [Add New] and [Upload Theme] buttons at the top of the Theme page. Then select the gt-drive.zip file from your computer and click [Install Now].

WordPress Theme Installation

To the table of contents

2. Automatic Updates

Go to Appearance → Customize → Theme Options → License to activate your license and get automatic updates. You can find your license key in your account. Please check that the license has not expired and you have not reached the maximum number of sites.

Activate License Key

To the table of contents

You can customize or hide the title and subtitle of your website at Appearance → Customize → Site Identity. Alternatively, you can upload your own logo image and display it in the header.

Add custom logo image

To the table of contents

4. Navigation Menus

GT Drive supports several menu positions for the theme navigation in the header.

Go to Appearance → Menus to create a new menu. After adding your menu links, you can assign the menu to a position in the theme to display it there. To do this, click the [Manage Positions] tab on the menu page.

GT Drive Menu Positions

Further Tutorials:
Creating WordPress Menus – Step by Step Instructions

To the table of contents

5. Social Icons

GT Drive supports the display of social icons in the header and footer.

Go to Appearance → Menus to create a new menu. Add all your social profiles as custom links in your menu. For more information, see this tutorial: Creating a Social Icons menu

Social Menu Links

To the table of contents

6. Front Page Settings

By default, WordPress displays your most recent blog posts on the home page. Navigate to Appearance → Customize → Homepage Settings if you want to set a static page as your front page instead.

WordPress Homepage Settings

To the table of contents

7. Layout Settings

Go to Appearance → Customize → Theme Options → Layout Settings.

You can set your company’s telephone number, e-mail address and location there. This information is displayed in the Header Bar. In addition, you have the possibility to activate the header search and the scroll-to-top button.

GT Drive Layout Settings

To the table of contents

8. Sidebar Widgets

GT Drive displays a sidebar on all blog pages. This includes all archives, categories and individual posts. To activate the sidebar, you have to add at least one widget under Appearance → Widgets in the WordPress backend.

GT Drive Sidebar Widgets

Static pages do not display a sidebar by default. However, there are two page templates (see next point) which make this possible.

To the table of contents

9. Page Templates

The theme supports a number of page templates, which can be selected in the Block Editor:

  • Full-width Template
  • No Title Template
  • Full-width / No Title
  • Sidebar Left
  • Sidebar Right
GT Drive Page Templates

To the table of contents

10. Content Widths

GT Drive defines the following dimensions for the editor:

  1. The default width of the content area is 800 pixels.
  2. The width for blocks with the “Wide Width” setting is 1200 pixels.
  3. The width for blocks with the setting “Full width” is 100%.
  4. The width for the page layout “Full width” (see above) is 1200 pixels.

Not all blocks have options for a wide and full width. We recommend using the Group Block as a container to create wider sections for these blocks.

To the table of contents

11. Color Settings

You can find the color options at Appearance → Customize → Theme Options in the two sections Block Colors and Theme Colors.

In the first section Block Colors you can configure the color palette for the WordPress Block Editor. Under Theme Colors you can define the colors for important elements of the theme, such as colors of links, titles, header and footer area.

GT Drive Color Settings

To the table of contents

12. Typography Options

You can change the fonts at Appearance → Customize → Theme Options → Typography. By default, the theme uses Roboto. You can customize the typography for text, headings, and navigation.

Our themes only use local fonts because the integration of Google Fonts does not comply with the GDPR. We use the Webfont Loader package from the WordPress.org theme team for this. Once a new font is selected and saved, the font is downloaded from Google and saved locally in the /wp-content/fonts/ folder in your WordPress installation.

GT Drive Font Settings

To the table of contents

The theme supports five widget areas for the footer of the website. You can add widgets at Appearance → Widgets in your WordPress backend.

Up to four columns are possible in the footer. If Footer columns are left empty, the theme automatically changes to a two- or three-column layout. A text widget without a widget title is recommended for the footer copyright widget area.

Footer Widget Areas

To the table of contents

14. Defined Image Sizes

The theme uses these dimensions for featured images:

  1. The featured images for posts have a defined size of 1600 x 900 pixels.
  2. The header image and featured images for static pages have a flexible width and defined height of 640 pixels.

To the table of contents

15. Supported Browsers

Our themes and blocks are optimized for common browsers and support the latest versions of Firefox, Chrome, Opera, Safari and Microsoft Edge.

Support for Internet Explorer is limited. Theme options and blocks use new technologies like CSS Grid and CSS Variables, which are not available in IE. We recommend switching to a modern browser.

To the table of contents