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
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].
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.
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.
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.
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.
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.
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.
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.
The spacing between the columns can be adjusted flexibly.
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.
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.
GT Multiple Buttons
This block is used to display several buttons in parallel in a line.
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.
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.
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.
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
The portfolio block provides an image, title and description for each column. Of course you can also add more blocks.
GT Features
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.
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 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 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.