Title: Di Blocks – Awesome WordPress Blocks for Gutenberg Editor
Author: Di Themes
Published: <strong>2020年6月18日</strong>
Last modified: 2020年12月14日

---

プラグインを検索

![](https://ps.w.org/di-blocks/assets/banner-772x250.png?rev=2326525)

このプラグインは **WordPress の最新3回のメジャーリリースに対してテストされていま
せん**。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの WordPress
で使用した場合は互換性の問題が発生する可能性があります。

![](https://ps.w.org/di-blocks/assets/icon-256x256.png?rev=2326525)

# Di Blocks – Awesome WordPress Blocks for Gutenberg Editor

 作者: [Di Themes](https://profiles.wordpress.org/dithemes/)

[ダウンロード](https://downloads.wordpress.org/plugin/di-blocks.zip)

 * [詳細](https://ja.wordpress.org/plugins/di-blocks/#description)
 * [レビュー](https://ja.wordpress.org/plugins/di-blocks/#reviews)
 *  [インストール](https://ja.wordpress.org/plugins/di-blocks/#installation)
 * [開発](https://ja.wordpress.org/plugins/di-blocks/#developers)

 [サポート](https://wordpress.org/support/plugin/di-blocks/)

## 説明

Di Blocks is specially designed for new WordPress editor also knows as Gutenberg
editor. It allows bloggers, professionals, or businesses to design their own creative
blocks using Gutenberg Editor.

It allows you to add regular blocks with more advance controls. You can apply possible
styles to any block like heading, paragraph, divider, Google map, icon etc. Di Blocks
is very flexible to use and designed by [Di Themes](https://dithemes.com). The main
aim of Di Blocks is to provide customization with ease. You can create a perfect
WordPress web page using it. You don’t need any hectic coding knowledge to use this
plugin. It’s just a one-click insertion.

Di Blocks plugin allows you to add animations, insert 440+ cool icons, and design
the heading of your page in your own way. Di Blocks provide greater user control
over the page-designing process.

Di Block plugin is a useful tool that has all these features and more for WordPress
Gutenberg editor. So if you don’t want your content to get lost and if you’re looking
for adding some cool animation tricks or visual effects to your content or blog,
Di Blocks is best fit for you.

Another important aspect of this Gutenberg blocks is that it also provides spacing
options to give proper padding and margin to your content. Therefore, Di Block plugin
seems to be an integral addition to the overwhelming library of plugins in the WordPress
library.

#### List of available Blocks

#### Heading Block

Heading is the most important part of any web page. It must look attractive to attain
the impression of a visitor. Di Blocks helps you to customize the design of heading
in a very attractive way. You can set the heading tag, colors, typography, spacing,
border, animation and much more.

#### Icon Block

You can use 440+ cool icons, where you want without any hassle. Di Blocks plugin
adds all the Font Awesome icons in managed icon category so you can find and add
your favorite icon quickly. it also adds advance options to style the icon like 
icon name, size, rotate, colors, spacing, border, animation and more.

#### Paragraph Block

An effective paragraph is usually designed in a very appropriate way. It must look
beautiful so readers can be engaged with it. Di Blocks typography feature helps 
you to design beautiful paragraphs. You can use different types of fonts, transform
text to upper case, and set line spacing. Paragraph block also allows to use animation
effects.

#### Google Map Block

We know how much your physical store matters to you. We consider this and give you
space to embed Google map on your web page. Moreover, you can change its frame size,
add padding and margin according to your design, and add animations.

#### Divider Block

Divider block is very useful, when we need to separate two blocks. Divider block
provides styled horizontal line which divide your block contents. it also allows
to display styled icon in the center, left and right. it also allows to display 
icon in the center, left or right of your divider.

#### Button Block

Display a button on the web page with advance style options. it also supports icon,
so user can display font awesome icon before or after the button text.

More awesome blocks are coming soon….

## スクリーンショット

 * [[
 * Blocks
 * [[
 * Heading Block

## ブロック

このプラグインは7個のブロックを提供します。

 *   Di Blocks – Awesome WordPress Blocks for Gutenberg Editor
 *   Heading
 *   Google Map
 *   Icon
 *   Paragraph
 *   Divider
 *   Button

## インストール

#### 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](https://wordpress.org/support/plugin/di-blocks/)

## 評価

![](https://secure.gravatar.com/avatar/1eb07cc994606d59d4115206ac00954737d2a4452a12a2dfb93651ff533c452f?
s=60&d=retro&r=g)

### 󠀁[A Great Plugin](https://wordpress.org/support/topic/a-great-plugin-266/)󠁿

 [Richard](https://profiles.wordpress.org/lamsdalecom/) 2020年9月16日

I’ve been looking for a lightweight plugin that would allow me to select Google 
Fonts that override the site-wide Typography settings, and this plugin does exactly
that. Works perfectly so far.

 [ 1件のレビューをすべて表示 ](https://wordpress.org/support/plugin/di-blocks/reviews/)

## 貢献者と開発者

Di Blocks – Awesome WordPress Blocks for Gutenberg Editor はオープンソースソフトウェア
です。以下の人々がこのプラグインに貢献しています。

貢献者

 *   [ Di Themes ](https://profiles.wordpress.org/dithemes/)

“Di Blocks – Awesome WordPress Blocks for Gutenberg Editor” は1ロケールに翻訳され
ています。 [翻訳者](https://translate.wordpress.org/projects/wp-plugins/di-blocks/contributors)
のみなさん、翻訳へのご協力ありがとうございます。

[“Di Blocks – Awesome WordPress Blocks for Gutenberg Editor” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/di-blocks)

### 開発に興味がありますか ?

[コードを閲覧](https://plugins.trac.wordpress.org/browser/di-blocks/)するか、[SVN リポジトリ](https://plugins.svn.wordpress.org/di-blocks/)
をチェックするか、[開発ログ](https://plugins.trac.wordpress.org/log/di-blocks/)を
[RSS](https://plugins.trac.wordpress.org/log/di-blocks/?limit=100&mode=stop_on_copy&format=rss)
で購読してみてください。

## 変更履歴

#### 1.0.7

 * Checking WP 5.6 compatibility

#### 1.0.6

 * Fix: 5.5 check and fixes

#### 1.0.5

 * New: Button block
 * Fix: Divider block

#### 1.0.4

 * New: Divider block

#### 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

## メタ

 *  バージョン **1.0.7**
 *  最終更新日 **5年前**
 *  有効インストール数 **1,000+**
 *  WordPress バージョン ** 5.0またはそれ以降 **
 *  検証済み最新バージョン: **5.6.17**
 *  PHP バージョン ** 5.6またはそれ以降 **
 *  言語
 * [English (US)](https://wordpress.org/plugins/di-blocks/)、[Russian](https://ru.wordpress.org/plugins/di-blocks/).
 *  [プラグインを翻訳](https://translate.wordpress.org/projects/wp-plugins/di-blocks)
 * タグ
 * [block](https://ja.wordpress.org/plugins/tags/block/)[blocks](https://ja.wordpress.org/plugins/tags/blocks/)
   [editor blocks](https://ja.wordpress.org/plugins/tags/editor-blocks/)[gutenberg blocks](https://ja.wordpress.org/plugins/tags/gutenberg-blocks/)
   [wordpress blocks](https://ja.wordpress.org/plugins/tags/wordpress-blocks/)
 *  [詳細を表示](https://ja.wordpress.org/plugins/di-blocks/advanced/)

## 評価

 5つ星中5つ星

 *  [  1 5-星レビュー     ](https://wordpress.org/support/plugin/di-blocks/reviews/?filter=5)
 *  [  0 4-星レビュー     ](https://wordpress.org/support/plugin/di-blocks/reviews/?filter=4)
 *  [  0 3-星レビュー     ](https://wordpress.org/support/plugin/di-blocks/reviews/?filter=3)
 *  [  0 2-星レビュー     ](https://wordpress.org/support/plugin/di-blocks/reviews/?filter=2)
 *  [  0 1-星レビュー     ](https://wordpress.org/support/plugin/di-blocks/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/di-blocks/reviews/#new-post)

[すべてのレビューを見る](https://wordpress.org/support/plugin/di-blocks/reviews/)

## 貢献者

 *   [ Di Themes ](https://profiles.wordpress.org/dithemes/)

## サポート

意見や質問がありますか ?

 [サポートフォーラムを表示](https://wordpress.org/support/plugin/di-blocks/)