Di Blocks – Awesome WordPress Blocks for Gutenberg Editor

Description

Di Blocks plugin adds awesome blocks to WordPress Gutenberg Editor. Di Blocks plugin goal is to provide daily use blocks with advance options, so user can customize style of each block more easily and perfectly.

Di Blocks plugin adds animation option to his blocks, so user can apply any animation effect to block. also spacing options to give proper padding and margin without touching CSS code.

List of Available Blocks with Options

Heading Block

  • Heading Block
    • Heading Block Content Tag
      • Heading Tag
    • Heading Block Color
      • Heading Color
      • Heading Background Color
      • Heading Links Color
      • Heading Links Hover Color
    • Heading Block Typography
      • Font Family of heading
      • Font Weight of heading
      • Font Subset of heading
      • Font Size of heading
      • Line Height of heading
      • Letter Spacing of heading
      • Text Transform of heading
    • Heading Block Spacing
      • Heading Block Padding
        • Padding Top
        • Padding Right
        • Padding Bottom
        • Padding Left
      • Heading Block Margin
        • Margin Top
        • Margin Right
        • Margin Bottom
        • Margin Left
    • Heading Block Border
      • Heading Block Border Radius
      • Heading Block Border Style
      • Heading Block Border Width
      • Heading Block Border Color
    • Heading Block Motion Effect
      • Heading Block Animation

Icon Block

  • Icon Block
    • Icon Block Contents
      • Icons list to select
      • Icon Size
      • Icon Rotate
    • Icon Block Colors
      • Icon Block Color
      • Icon Block Background Color
    • Icon Block Spacing
      • Icon Block Padding
        • Padding Top
        • Padding Right
        • Padding Bottom
        • Padding Left
      • Icon Block Margin
        • Margin Top
        • Margin Right
        • Margin Bottom
        • Margin Left
    • Icon Block Border
      • Icon Block Border Radius
      • Icon Block Border Style
      • Icon Block Border Width
      • Icon Block Border Color
    • Icon Block Motion Effect
      • Icon Block Animation

Paragraph Block

  • Heading Block
    • Paragraph Drop Cap
      • Enable / Disable Drop Cap
      • Drop Cap Size
      • Drop Cap Gap
      • Drop Cap Color
    • Paragraph Block Color
      • Paragraph Color
      • Paragraph Background Color
      • Paragraph Links Color
      • Paragraph Links Hover Color
    • Paragraph Block Typography
      • Font Family of heading
      • Font Weight of heading
      • Font Subset of heading
      • Font Size of heading
      • Line Height of heading
      • Letter Spacing of heading
      • Text Transform of heading
    • Paragraph Block Spacing
      • Paragraph Block Padding
        • Padding Top
        • Padding Right
        • Padding Bottom
        • Padding Left
      • Paragraph Block Margin
        • Margin Top
        • Margin Right
        • Margin Bottom
        • Margin Left
    • Paragraph Block Border
      • Paragraph Block Border Radius
      • Paragraph Block Border Style
      • Paragraph Block Border Width
      • Paragraph Block Border Color
    • Paragraph Block Motion Effect
      • Paragraph Block Animation

Google Map Block

  • Google Map Block
    • Google Map Block Contents
      • Google Map Location
    • Google Map Block Style
      • Google Map View
      • Google Map Height
      • Google Map Zoom Level
    • Google Map Block Spacing
      • Google Map Block Padding
        • Padding Top
        • Padding Right
        • Padding Bottom
        • Padding Left
      • Google Map Block Margin
        • Margin Top
        • Margin Right
        • Margin Bottom
        • Margin Left
    • Google Map Block Motion Effect
      • Google Map Block Animation

More awesome blocks are coming soon….

Screenshots

  • Blocks
  • Heading Block

Blocks

This plugin provides 5 blocks.

di-blocks/blocks
Di Blocks - Awesome WordPress Blocks for Gutenberg Editor
di-blocks/headline
Heading
di-blocks/google-map
Google Map
di-blocks/icon
Icon
di-blocks/paragraph
Paragraph

Installation

Traditional Installation

  1. Go to: Plugin > Add New menu.
  2. Here, search for ‘Di Blocks’
  3. Now click on ‘Install’ and then ‘Activate’

Manual Installation

  1. Download plugin zip file from : https://wordpress.org/plugins/di-blocks/
  2. Open Dashboard of your WordPress website.
  3. Open: Plugins > Add New > Upload Plugin > Browse… (select downloaded zip file) > Install Now
  4. Now simply activate plugin.

FAQ

Where can i find blocks

  1. Open edit screen of a page or post.
  2. Click on (+) add new block icon.
  3. Click on Di Blocks category.
  4. Click on needed block.

I need support

Please create support topic Here

Reviews

There are no reviews for this plugin.

Contributors & Developers

“Di Blocks – Awesome WordPress Blocks for Gutenberg Editor” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.0.3

  • Added: Border to heading block
  • New: Paragraph block

1.0.2

  • Fixed: Class prefix

1.0.1

  • Fixed: Enqueue styles instead direct tag
  • Fixed: Readme file issues

1.0.0

  • 14 June, 2020
  • First Release