前言介紹
- 這款 WordPress 外掛「DragBlock – WordPress Site & Page Builder with Advanced Blocks」是 2023-10-06 上架。
- 目前有 70 個安裝啟用數。
- 上一次更新是 2025-02-23，距離現在已有 73 天。
- 外掛最低要求 WordPress 5.9 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.0 以上。
- 有 2 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
sneeit | dragblock | tien-nguyen |
外掛標籤
gutenberg | site-builder | drag-and-drop | visual editor | gutenberg blocks |
內容簡介
總結：
DragBlock 外掛是WordPress全站設計工作流程的未來。它不僅僅是Gutenberg編輯器的擴展頁面生成器。憑藉其高級功能，如字典設計面板和多語言文本，它提供了一種創造性的方法，使用戶能夠輕鬆創建完美的響應式網站。
主要功能：
- 外觀面板：提供最小化的樣式屬性列表，讓用戶輕鬆更改、添加和刪除所需的屬性。同時還能一次監控整個外觀列表，完全消除了其他插件和核心所引起的繁瑣體驗。還可以輕鬆更改不同狀態（懸停、啟用、焦點等）和設備（手機、平板電腦）的樣式，消除了核心在更改區塊樣式方面的限制。
- 互動面板：用戶可以管理區塊之間的互動、行為和操作，不完全依賴主題腳本。用戶現在可以使用口語英語定義事件（例如單擊、鼠標離開等）的規則以及對事件的回應。DragBlock是第一個提供此功能的插件，提供用戶無與倫比的控制水平。
- 數據庫面板：具有強大的數據庫面板，用戶可以使用不同的參數（如類別/標籤/作者）過濾帖子查詢。結合DragBlock的非常靈活的包裝器區塊，用戶可以單獨裝飾個別的博客文章。例如，區塊主題現在可以有一個帖子循環，第一個帖子有縮略圖，而其他帖子僅顯示標題和摘要。DragBlock是提供此功能的先驅插件，真正幫助用戶創建動態內容和吸引人的WordPress網站佈局。
- 屬性面板：DragBlock的屬性面板可以有效地管理區塊的屬性。用戶可以創建自己的必要屬性，如佔位符、標題和alt等，從而改善搜索引擎優化（SEO）和網站內容的質量。DragBlock是唯一提供此類設計功能的插件。
問題與答案：
- DragBlock 外掛具有什麼主要特點？
- 外觀面板：提供最小化的樣式屬性列表，並允許用戶輕鬆更改、添加和刪除所需的屬性。還可以更改不同狀態和設備的樣式。
- 互動面板：用戶可以管理區塊之間的互動、行為和操作，並用口語英語定義事件和回應。
- 數據庫面板：用戶可以根據不同參數（如類別/標籤/作者）過濾帖子查詢，並與靈活的包裝器區塊結合。
- 屬性面板：用戶可以有效地管理區塊的屬性，創建自己的必要屬性，如佔位符、標題和alt等。
- DragBlock 外掛提供哪些可用區塊？
- 基本區塊：包括包裝器、連結、文本、圖標和圖片。這些區塊可以用於創建各種佈局，如標題、頁腳、帖子循環、圖庫和橫幅。
HTML bulleted list presentation (HTML 無序列表表示)：
- DragBlock 外掛是 WordPress 全站設計工作流程的未來。
- 它提供了一種創造性的方法，使用戶能夠輕鬆創建完美的響應式網站。
- DragBlock 外掛具有外觀面板、互動面板、數據庫面板和屬性面板等先進功能。
- DragBlock 外掛提供少量的基本區塊，但可以用來創建各種佈局。
原文外掛簡介
The “DragBlock” plugin enhances the WordPress Full Site Gutenberg Editor to support designing pixel perfect websites
easily.
YOU CAN:
Add Appearance Styles: to design perfect websites. You can also select devices for the styles to create responsive designs.
Add Tag Attributes: like title, alt, placeholder… to improve both search engine optimization (SEO) and Core Web Vital Score.
Build Forms: such as contact forms or any kind of forms. ContactForm7 and all other heavy form plugins are no longer needed
Query Database: to load posts and other dynamic contents to your design.
Define Interactions: like onClick, onMouseEnter onMouseLeave between blocks.
Quick Styling: via the block toolbars.
Pick Google Fonts: through the font library. You can also upload your custom font to the library.
Define multilingual texts: to support many languages without creating separate pages and designs
CREDITS AND CONTRIBUTION
Check my plugin at DragBlock GitHub
DESIGN PHILOSOPHY
Our philosophy is “block oriented designing” (BOD) which means attaching everything related to a block to itself. By doing that, we can manage things related to an individual block easily and when removing a block, everything that is plugged into it, including server side scripts, client scripts, css and text definitions, will be completely removed as well. This will give a huge impact on improving the performance of websites and also saving the time for developers to not find and clean codes manually like before.
Moreover, we also want to get rid of the era when we treat users like babies by providing them inputs for everything. In the DragBlock, we provide users with dictionaries so they can grasp their layout properties completely without being smashed by a flood of many different kinds of inputs.
In summary, DragBlock empowers users to create professional-looking websites like an expert designer effortlessly with a fresh feeling of managing blocks with simplicity. Everything can be done within the Gutenberg editor, ushering in a new era of Full Site Editing with the DragBlock plugin.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「DragBlock – WordPress Site & Page Builder with Advanced Blocks」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
trunk | 23.11.03 | 23.11.10 | 23.11.19 | 23.12.03 | 23.12.04 | 23.12.06 | 23.12.18 | 23.12.24 | 24.01.18 | 24.01.30 | 24.02.11 | 24.02.16 | 24.04.12 | 24.04.25 | 24.04.30 | 24.05.12 | 24.05.26 | 24.05.27 | 24.06.02 | 24.07.28 | 24.07.31 | 24.08.01 | 24.08.06 | 24.08.13 | 24.08.14 | 24.08.15 | 24.09.05 | 24.09.06 | 24.09.10 | 24.09.20 | 25.02.22 |
延伸相關外掛（你可能也想知道）
Bold Page Builder 》永久免費的頁面建立工具, Bold Page Builder for WordPress 是百分之百免費的，在商業和非商業項目中都可以自由使用。即使在您的高級 WordPress 主題中也可以...。
Enhanced Blocks – Page Builder Blocks for Gutenberg 》ebsite is to create a layout that is visually appealing and responsive. With Enhanced Blocks, you can easily achieve this by using our Row Layout B...。
Zita Site Builder – Elementor, WordPress & Gutenberg Website Builder 》- AI Site Builder是一個強大且直觀的工具，旨在幫助初學者和有經驗的網頁設計師輕鬆地創建出美麗、功能齊全的網站。, - 無論你是企業主、創意專業人士還是愛...。
Page Builder – AIO WP Builder: #1 Website Builder for WordPress 》一個如此簡單易用的 WordPress 網頁建立外掛程式, , 如果您正在尋找最佳的免費 WordPress 網站建立工具，您應該試試這個外掛程式。使用簡單的拖放工具，您可...。
BasePress Knowledge Base + Oxygen Visual Site Builder Integration 》BasePress是在你的WordPress網站上建立高級知識庫的最佳選擇。, 如果您使用Oxygen網站建立器創建帖子和頁面，這個外掛是您要將BasePress知識庫與Oxygen建構器...。
WP Whoosh 》, 建立網站給家人和朋友、建立不同業務線的網站、為客戶建立高品質的網站，快速完成。, 簡單易用，您不需要了解cPanel、Apache、Linux和PHP就可以獲得專業的W...。
WP Sitebuilder 》=功能=, , 管理角色, 建立或移除角色, 修改任何角色的權限, 拖放式頁面建構器, 每篇文章自訂範本選擇器, 輕量級, 易於使用, 易於自訂, 易於擴充, , =另外=, ,...。
Site Editor Google Map – with drag and drop 》Site Editor Google Map 為使用 Site Editor 的網站添加簡單的 Google 地圖。, 此外掛是 Site Editor 的擴充功能，讓你可以輕鬆拖放方式添加 Google 地圖到任...。
WP Sitebuilder – Role Manager 》這是 WP Sitebuilder 外掛的擴充功能，可讓您創建和管理角色和權限。, 重要！, 要使用此外掛，您必須先安裝並啟用WP Sitebuilder外掛。, 為什麼要使用這個外...。