GT Blocks Documentation

This documentation for our WordPress Blocks shows you how to install and use the GT Blocks plugin. You will also find a short explanation of all blocks and their options.


Table of Contents

  1. Installation
  2. Adding Blocks
  3. Layout Blocks
  4. Grid Blocks
  5. Basic Blocks

1. Installation

For the installation you need the .zip file for GT Blocks. You can download it after the purchase in your account.

Navigate to Plugins → Add new in your WordPress backend. Click the [Upload Plugin] button at the top of the page. Then select the file gt-blocks.zip and click on [Install now].

Install GT Blocks

To the table of contents

2. Adding Blocks

After installation and activation of the plugin, a new category GT Blocks is available in the inserter in the WordPress Block Editor, with which the different blocks can be added.

Adding GT Blocks in Editor

Blocks that are not needed can be deactivated in the Block Manager. This can be found in the editor under the menu at the top right. Deactivated blocks are no longer displayed in the Block Inserter, but continue to work if they are already included and used in the content.

To the table of contents

2. Layout Blocks

Our layout blocks enable more complex designs and are nested blocks, i.e. they consist of a parent block with several child blocks.

GT Hero Image

The GT Hero Image Block consists of a two-column layout with content and image, which are inserted as child blocks. By default, the content block uses a heading, description and buttons, but new blocks can also be added and removed.

GT Hero Image Block

In the block options in the sidebar you can define the width and spacing of the block and the child blocks. You can also select the background image and color of the entire block.

To the table of contents

GT Section

With the GT Section Block you can divide your website into different sections. You can use any block as content for the section.

GT Section Block

In the block options in the sidebar you can define the inner distances and the width of the content blocks. You can also specify a background color or image to visually separate different sections.

To the table of contents

GT Columns

With the GT Section Block you can divide your website into different sections. You can use any block as content for the section.

Page layouts with multiple columns are best created with our GT Columns Block. In the layout settings there are a number of column layouts with different widths available.

GT Columns Block

The spacing between the columns can be adjusted flexibly.

To the table of contents

GT Image Card

The GT Image Card Block is suitable for a creative representation of image plus text, one of the most common page elements of a website.

GT Image Card Block

In the layout settings, you can set the content width, vertical alignment, and the spacing between image and content. You can also overlap image and content and flexibly configure the colors for the content box and background.

To the table of contents

GT Multiple Buttons

This block is used to display several buttons in parallel in a line.

GT Multiple Buttons Block

You can display up to six buttons next to each other. Each button is a child block and can be designed differently. If you want to apply the design to all other buttons, you can synchronize the styling of the buttons with one click.

To the table of contents

3. Grid Blocks

GT Blocks contains a set of blocks that use a grid. A grid is a simple layout with multiple columns and rows. Grid layouts are a popular design element of websites and are suitable for displaying content in a variety of ways, e.g. for products, services, references or employees.

GT Grid Blocks

All our grid blocks are based on the same grid component and therefore do not differ in handling. They use nested blocks, i.e. each grid element is its own child block with its own options.

Block Options

The number of columns can be defined in the block settings in the sidebar. Up to six columns are possible. Each column block offers some buttons below the content, with which you can sort, duplicate and delete grid elements.

In the section settings you can add a GT Section Block later with one click. The grid block will be inserted into a section.

Synchronize Styling of child blocks

The contents of the grid elements can be designed and configured in the options of the respective child blocks. There you can also use the function [Synchronize Styling] to copy and copy the styling of the block for all sibling blocks within the grid with one click.

To the table of contents

Overview of the different blocks

The different grid blocks each use a different block template and thus specify a different content for the grid elements.

GT Portfolio

GT Portfolio Block

The portfolio block provides an image, title and description for each column. Of course you can also add more blocks.

GT Features

GT Features Block

The feature block uses the icon block instead of an image. The template for each grid element is therefore icon, title and description.

GT Grid Layout

The grid layout block specifies an empty template, i.e. no content is predefined as a template. The block is ideal as a starting point if you want to freely design a grid.

To the table of contents

4. Basic Blocks

Unlike our layout and grid blocks, the base blocks are not nested. These are rather the basic elements, which are often used as child blocks.

GT Icon

The GT Icon Block allows you to easily insert an SVG icon into the editor. You can choose from over 900 font Awesome icons and customize the style, size and color of the icon in the block options.

GT Icon Block

To the table of contents

GT Button

This block is used to insert a button and has slightly more settings than the core block for buttons. You can set the size and shape of the button in the block options in the sidebar, along with the hover style and colors.

GT Button Block

To the table of contents

GT Heading

With the GT Heading Block you can insert headings. It offers slightly more options than the WordPress Core Block, including font size and settings for text and background color.

GT Heading Block

To the table of contents