{"id":9157,"date":"2025-04-01T10:30:07","date_gmt":"2025-04-01T10:30:07","guid":{"rendered":"https:\/\/s-o-s.net\/di-blocks-awesome-wordpress-blocks-for-gutenberg-editor\/"},"modified":"2025-04-01T10:30:07","modified_gmt":"2025-04-01T10:30:07","slug":"di-blocks-awesome-wordpress-blocks-for-gutenberg-editor","status":"publish","type":"post","link":"https:\/\/s-o-s.net\/en_gb\/di-blocks-awesome-wordpress-blocks-for-gutenberg-editor\/","title":{"rendered":"Di Blocks \u2013 Awesome WordPress Blocks for Gutenberg Editor"},"content":{"rendered":"<p> <br \/>\n<\/p>\n<article id=\"post-123231\" class=\"alignwide post-123231 plugin type-plugin status-publish hentry plugin_section-blocks plugin_tags-block plugin_tags-blocks plugin_tags-editor-blocks plugin_tags-gutenberg-blocks plugin_tags-wordpress-blocks plugin_contributors-dithemes plugin_committers-dithemes\">\n<div class=\"plugin-banner\" id=\"plugin-banner-di-blocks\"><\/div>\n<header class=\"plugin-header\">\n<div class=\"plugin-notice notice notice-warning notice-alt\">\n<p>This plugin <strong>hasn\u0092t been tested with the latest 3 major releases of WordPress<\/strong>. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.<\/p>\n<\/div>\n<p><!-- .plugin-notice -->\t\t<\/p>\n<div class=\"entry-heading-container\">\n<div>\n<div class=\"entry-thumbnail\">\n\t\t\t\t\t<img decoding=\"async\" class=\"plugin-icon\" src=\"https:\/\/ps.w.org\/di-blocks\/assets\/icon-256x256.png?rev=2326525\" alt=\"\">\t\t\t\t<\/div>\n<div>\n<h1 class=\"plugin-title\">Di Blocks \u2013 Awesome WordPress Blocks for Gutenberg Editor<\/h1>\n<p>\t\t\t\t\t<span class=\"byline\">By <span class=\"author vcard\"><a target=\"_blank\" class=\"url fn n\" href=\"https:\/\/profiles.wordpress.org\/dithemes\/\" rel=\"noopener\">Di Themes<\/a><\/span><\/span>\n\t\t\t\t<\/div>\n<\/p><\/div>\n<div class=\"plugin-actions\">\n<div class=\"wp-block-button is-small plugin-download download-button\"><a target=\"_blank\" class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/downloads.wordpress.org\/plugin\/di-blocks.zip\" rel=\"noopener\">Download<\/a><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/header>\n<p><!-- .entry-header --><\/p>\n<p>\t<span id=\"description\"><\/span><br \/>\n\t<span id=\"reviews\"><\/span><br \/>\n\t<span id=\"installation\"><\/span><br \/>\n\t<span id=\"developers\"><\/span><br \/>\n\t<span id=\"advanced\" class=\"\"><\/span><br \/>\n\t<span id=\"section-links\"><\/p>\n<ul class=\"tabs clear\">\n<li id=\"tablink-description\"><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/di-blocks\/#description\" rel=\"noopener\">Details<\/a><\/li>\n<li id=\"tablink-reviews\"><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/di-blocks\/#reviews\" rel=\"noopener\">Reviews<\/a><\/li>\n<li id=\"tablink-installation\">\n\t\t\t\t<a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/di-blocks\/#installation\" rel=\"noopener\">Installation<\/a>\n\t\t\t<\/li>\n<li id=\"tablink-developers\"><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/di-blocks\/#developers\" rel=\"noopener\">Development<\/a><\/li>\n<\/ul>\n<div id=\"link-support\">\n\t\t\t<a target=\"_blank\" href=\"https:\/\/wordpress.org\/support\/plugin\/di-blocks\/\" rel=\"noopener\">Support<\/a>\n\t\t<\/div>\n<p>\t<\/span><br \/>\n\t<script type=\"text\/javascript\">if ( '#changelog' == window.location.hash ) { window.setTimeout( function() { window.location.hash=\"#developers\"; }, 10 ); }<\/script><\/p>\n<div class=\"entry-content\">\n<div id=\"tab-description\" class=\"plugin-description section\">\n<h2 id=\"description-header\">Description<\/h2>\n<p>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.<\/p>\n<p>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 <a target=\"_blank\" href=\"https:\/\/dithemes.com\" rel=\"nofollow ugc noopener\">Di Themes<\/a>. The main aim of Di Blocks is to provide customization with ease. You can create a perfect WordPress web page using it. You don\u2019t need any hectic coding knowledge to use this plugin. It\u2019s just a one-click insertion.<\/p>\n<p>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.<\/p>\n<p>Di Block plugin is a useful tool that has all these features and more for WordPress Gutenberg editor. So if you don\u2019t want your content to get lost and if you\u2019re looking for adding some cool animation tricks or visual effects to your content or blog, Di Blocks is best fit for you.<\/p>\n<p>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.<\/p>\n<h4>List of available Blocks<\/h4>\n<h4>Heading Block<\/h4>\n<p>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.<\/p>\n<h4>Icon Block<\/h4>\n<p>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.<\/p>\n<h4>Paragraph Block<\/h4>\n<p>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.<\/p>\n<h4>Google Map Block<\/h4>\n<p>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.<\/p>\n<h4>Divider Block<\/h4>\n<p>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.<\/p>\n<h4>Button Block<\/h4>\n<p>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.<\/p>\n<p>More awesome blocks are coming soon\u2026.<\/p>\n<\/div>\n<div id=\"screenshots\" class=\"plugin-screenshots section\">\n<h2 id=\"screenshots-header\">Screenshots<\/h2>\n<ul class=\"plugin-screenshots\">\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/di-blocks\/assets\/screenshot-1.png?rev=2344030\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/di-blocks\/assets\/screenshot-1.png?rev=2344030\" alt=\"\"><\/a><figcaption>Blocks<\/figcaption><\/figure>\n<\/li>\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/di-blocks\/assets\/screenshot-2.gif?rev=2327423\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/di-blocks\/assets\/screenshot-2.gif?rev=2327423\" alt=\"\"><\/a><figcaption>Heading Block<\/figcaption><\/figure>\n<\/li>\n<\/ul>\n<\/div>\n<div id=\"blocks\" class=\"plugin-blocks section\">\n<h2 id=\"blocks-header\">Blocks<\/h2>\n<p>This plugin provides 7 blocks.<\/p>\n<ul class=\"plugin-blocks-list\">\n<li class=\"plugin-blocks-list-item\">\n\t\t\t\t\t\t\t\t\t<span class=\"block-icon dashicons dashicons-block-default\"><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"block-title\">Di Blocks \u2013 Awesome WordPress Blocks for Gutenberg Editor<\/span>\n\t\t\t\t\t\t\t<\/li>\n<li class=\"plugin-blocks-list-item\">\n\t\t\t\t\t\t\t\t\t<span class=\"block-icon dashicons dashicons-block-default\"><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"block-title\">Heading<\/span>\n\t\t\t\t\t\t\t<\/li>\n<li class=\"plugin-blocks-list-item\">\n\t\t\t\t\t\t\t\t\t<span class=\"block-icon dashicons dashicons-block-default\"><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"block-title\">Google Map<\/span>\n\t\t\t\t\t\t\t<\/li>\n<li class=\"plugin-blocks-list-item\">\n\t\t\t\t\t\t\t\t\t<span class=\"block-icon dashicons dashicons-block-default\"><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"block-title\">Icon<\/span>\n\t\t\t\t\t\t\t<\/li>\n<li class=\"plugin-blocks-list-item\">\n\t\t\t\t\t\t\t\t\t<span class=\"block-icon dashicons dashicons-block-default\"><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"block-title\">Paragraph<\/span>\n\t\t\t\t\t\t\t<\/li>\n<li class=\"plugin-blocks-list-item\">\n\t\t\t\t\t\t\t\t\t<span class=\"block-icon dashicons dashicons-block-default\"><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"block-title\">Divider<\/span>\n\t\t\t\t\t\t\t<\/li>\n<li class=\"plugin-blocks-list-item\">\n\t\t\t\t\t\t\t\t\t<span class=\"block-icon dashicons dashicons-block-default\"><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"block-title\">Button<\/span>\n\t\t\t\t\t\t\t<\/li>\n<\/ul>\n<\/div>\n<div id=\"tab-installation\" class=\"plugin-installation section\">\n<h2 id=\"installation-header\">Installation<\/h2>\n<h4>Traditional Installation<\/h4>\n<ol>\n<li>Go to: Plugin &gt; Add New menu.<\/li>\n<li>Here, search for \u2018Di Blocks\u2019<\/li>\n<li>Now click on \u2018Install\u2019 and then \u2018Activate\u2019<\/li>\n<\/ol>\n<h4>Manual Installation<\/h4>\n<ol>\n<li>Download plugin zip file from : https:\/\/wordpress.org\/plugins\/di-blocks\/<\/li>\n<li>Open Dashboard of your WordPress website.<\/li>\n<li>Open: Plugins &gt; Add New &gt; Upload Plugin &gt; Browse\u2026 (select downloaded zip file) &gt; Install Now<\/li>\n<li>Now simply activate plugin.<\/li>\n<\/ol>\n<\/div>\n<div id=\"faq\" class=\"plugin-faq section\">\n<h2 id=\"faq-header\">FAQ<\/h2>\n<dl>\n<dt>\n<h3>Where can i find blocks<\/h3>\n<\/dt>\n<dd>\n<ol>\n<li>Open edit screen of a page or post.<\/li>\n<li>Click on (+) add new block icon.<\/li>\n<li>Click on Di Blocks category.<\/li>\n<li>Click on needed block.<\/li>\n<\/ol>\n<\/dd>\n<dt>\n<h3>I need support<\/h3>\n<\/dt>\n<dd>\n<p>Please create support topic <a target=\"_blank\" href=\"https:\/\/wordpress.org\/support\/plugin\/di-blocks\/\" rel=\"ugc noopener\">Here<\/a><\/p>\n<\/dd>\n<\/dl>\n<\/div>\n<div id=\"tab-reviews\" class=\"plugin-reviews section\">\n<h2 id=\"reviews-header\">Reviews<\/h2>\n<div class=\"plugin-reviews\">\n<article class=\"plugin-review\">\n<div class=\"review-avatar\">\n\t\t\t\t\t\t<img decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/1eb07cc994606d59d4115206ac00954737d2a4452a12a2dfb93651ff533c452f?s=60&amp;d=retro&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/1eb07cc994606d59d4115206ac00954737d2a4452a12a2dfb93651ff533c452f?s=120&amp;d=retro&amp;r=g 2x\" class=\"avatar avatar-60 photo\" height=\"60\" width=\"60\">\t\t\t\t\t<\/div>\n<div class=\"review\">\n<header>\n<div class=\"header-top\">\n<div class=\"wporg-ratings\" aria-label=\"5 out of 5 stars\" data-title-template=\"%s out of 5 stars\" data-rating=\"5\" style=\"color:#ffb900;\"><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><\/div>\n<h3 class=\"review-title\"><a target=\"_blank\" class=\"url\" href=\"https:\/\/wordpress.org\/support\/topic\/a-great-plugin-266\/\" rel=\"noopener\">A Great Plugin<\/a><\/h3>\n<\/p><\/div>\n<div class=\"header-bottom\">\n\t\t\t\t\t\t\t\t<span class=\"review-author author vcard\"><a target=\"_blank\" href=\"https:\/\/profiles.wordpress.org\/lamsdalecom\/\" title=\"Posts by Richard\" rel=\"author noopener\">Richard<\/a><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"review-date\">September 16, 2020<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n<\/header>\n<div class=\"review-content\">I\u2019ve 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.<\/div>\n<\/p><\/div>\n<\/article><\/div>\n<p>\t\t<a target=\"_blank\" class=\"reviews-link\" href=\"https:\/\/wordpress.org\/support\/plugin\/di-blocks\/reviews\/\" rel=\"noopener\"><br \/>\n\t\t\tRead all 1 review\t\t<\/a><\/div>\n<div id=\"tab-developers\" class=\"plugin-developers section\">\n<h2 id=\"developers-header\">Contributors &amp; Developers<\/h2>\n<div class=\"plugin-contributors\">\n<p>\u201cDi Blocks \u2013 Awesome WordPress Blocks for Gutenberg Editor\u201d is open source software. The following people have contributed to this plugin.<\/p>\n<p><span class=\"screen-reader-text\">Contributors<\/span><\/p>\n<ul id=\"contributors-list\" class=\"contributors-list\">\n<li>\n\t\t\t\t<img decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/a340099f5a3f460a6bef938d329f5636f70b188d21dfae7bc55706e859e6d532?s=32&amp;d=mm&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/a340099f5a3f460a6bef938d329f5636f70b188d21dfae7bc55706e859e6d532?s=64&amp;d=mm&amp;r=g 2x\" class=\"avatar avatar-32 photo\" height=\"32\" width=\"32\">\t\t\t\t<a target=\"_blank\" href=\"https:\/\/profiles.wordpress.org\/dithemes\/\" rel=\"noopener\"><br \/>\n\t\t\t\t\tDi Themes\t\t\t\t<\/a>\n\t\t\t<\/li>\n<\/ul><\/div>\n<div class=\"plugin-development\">\n<p><a target=\"_blank\" href=\"https:\/\/translate.wordpress.org\/projects\/wp-plugins\/di-blocks\" rel=\"noopener\">Translate \u201cDi Blocks \u2013 Awesome WordPress Blocks for Gutenberg Editor\u201d into your language.<\/a><\/p>\n<h3>Interested in development?<\/h3>\n<p><a target=\"_blank\" href=\"https:\/\/plugins.trac.wordpress.org\/browser\/di-blocks\/\" rel=\"noopener\" class=\"broken_link\">Browse the code<\/a>, check out the <a target=\"_blank\" href=\"https:\/\/plugins.svn.wordpress.org\/di-blocks\/\" rel=\"noopener\">SVN repository<\/a>, or subscribe to the <a target=\"_blank\" href=\"https:\/\/plugins.trac.wordpress.org\/log\/di-blocks\/\" rel=\"noopener\" class=\"broken_link\">development log<\/a> by <a target=\"_blank\" href=\"https:\/\/plugins.trac.wordpress.org\/log\/di-blocks\/?limit=100&amp;mode=stop_on_copy&amp;format=rss\" rel=\"noopener\" class=\"broken_link\">RSS<\/a>.<\/p>\n<\/div>\n<\/div>\n<div id=\"tab-changelog\" class=\"plugin-changelog section\">\n<h2 id=\"changelog-header\">Changelog<\/h2>\n<h4>1.0.7<\/h4>\n<ul>\n<li>Checking WP 5.6 compatibility<\/li>\n<\/ul>\n<h4>1.0.6<\/h4>\n<ul>\n<li>Fix: 5.5 check and fixes<\/li>\n<\/ul>\n<h4>1.0.5<\/h4>\n<ul>\n<li>New: Button block<\/li>\n<li>Fix: Divider block<\/li>\n<\/ul>\n<h4>1.0.4<\/h4>\n<ul>\n<li>New: Divider block<\/li>\n<\/ul>\n<h4>1.0.3<\/h4>\n<ul>\n<li>Added: Border to heading block<\/li>\n<li>New: Paragraph block<\/li>\n<\/ul>\n<h4>1.0.2<\/h4>\n<ul>\n<li>Fixed: Class prefix<\/li>\n<\/ul>\n<h4>1.0.1<\/h4>\n<ul>\n<li>Fixed: Enqueue styles instead direct tag<\/li>\n<li>Fixed: Readme file issues<\/li>\n<\/ul>\n<h4>1.0.0<\/h4>\n<ul>\n<li>14 June, 2020<\/li>\n<li>First Release<\/li>\n<\/ul>\n<\/div><\/div>\n<p><!-- .entry-content --><\/p>\n<p>\t<!-- .entry-meta --><br \/>\n<\/article>\n<p><br \/>\n<br \/><a href=\"https:\/\/wordpress.org\/plugins\/di-blocks\/\" target=\"_blank\" rel=\"noopener\">Source link <\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>This plugin hasn\u0092t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. Di Blocks \u2013 Awesome WordPress Blocks for Gutenberg Editor By Di Themes Download Details Reviews Installation Development Support Description Di Blocks [&hellip;]<\/p>","protected":false},"author":432,"featured_media":9158,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"give_campaign_id":0,"footnotes":""},"categories":[42,39,40],"tags":[2160,2007,1971,1938,1955],"class_list":["post-9157","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-block-plugin","category-lite-version","category-wp-plugin-solution","tag-awesome","tag-blocks","tag-editor","tag-gutenberg","tag-wordpress"],"acf":[],"fifu_image_url":"https:\/\/ps.w.org\/di-blocks\/assets\/banner-772x250.png?rev=2326525","_links":{"self":[{"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/posts\/9157","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/users\/432"}],"replies":[{"embeddable":true,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/comments?post=9157"}],"version-history":[{"count":0,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/posts\/9157\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/media\/9158"}],"wp:attachment":[{"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/media?parent=9157"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/categories?post=9157"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/tags?post=9157"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}