Title: Di Blocks – Awesome WordPress Blocks for Gutenberg Editor Author: Di Themes Published: 2020 年 6 月 18 日 Last modified: 2020 年 12 月 14 日 --- 搜尋外掛 ![](https://ps.w.org/di-blocks/assets/banner-772x250.png?rev=2326525) 這個外掛**並未在最新的 3 個 WordPress 主要版本上進行測試**。開發者可能不再對這個 外掛進行維護或提供技術支援，並可能會與更新版本的 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://tw.wordpress.org/plugins/di-blocks/#description) * [使用者評論](https://tw.wordpress.org/plugins/di-blocks/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/di-blocks/#installation) * [開發資訊](https://tw.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 個可供 Gutenberg/區塊編輯器使用的區塊。 * 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. ## 常見問題集 ### 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/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/di-blocks/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/di-blocks/)。 ## 變更記錄 #### 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 或更新版本 ** * 已測試相容的 WordPress 版本 **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://tw.wordpress.org/plugins/tags/block/)[blocks](https://tw.wordpress.org/plugins/tags/blocks/) [editor blocks](https://tw.wordpress.org/plugins/tags/editor-blocks/)[gutenberg blocks](https://tw.wordpress.org/plugins/tags/gutenberg-blocks/) [wordpress blocks](https://tw.wordpress.org/plugins/tags/wordpress-blocks/) * [進階檢視](https://tw.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/)