
前言介紹
- 這款 WordPress 外掛「DPLab Page Studio」是 2026-02-11 上架。
- 目前尚無安裝啟用數,是個很新的外掛。如有要安裝使用,建議多測試確保功能沒問題!
- 上一次更新是 2026-02-12,距離現在已有 14 天。
- 外掛最低要求 WordPress 6.0 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
- 尚未有人給過這款外掛評分。
- 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。
外掛協作開發者
dplabapp |
外掛標籤
template | page builder | drag-and-drop | layout builder | visual builder |
內容簡介
總結:DPLab Page Studio是一個功能強大的視覺佈局建構工具,讓您可以在WordPress網站上創建令人驚豔的頁面佈局,而無需撰寫任何程式碼。該外掛具有直觀的拖放界面,可為首頁、部落格文章和網站上的任何頁面設計自定義佈局。而且是100%免費,包含所有功能,無需升級付費或隱藏費用。
1. 視覺拖放佈局建構工具,直觀的界面
2. 即時預覽,即時查看編輯的更改
3. 互動式編輯,點擊即可編輯,類似實際網站
4. 靈活的欄位系統,支持1、2、3或4列佈局,可自定義寬度
5. 17個內建小工具,涵蓋文本、圖片、視頻、按鈕等
6. 響應式設計,自動適應移動、平板和桌面
7. 模板覆蓋,可為首頁和單篇文章使用自定義佈局
8. 短代碼支持,可在任何地方嵌入佈局
9. 小工具自定義,包括卡片樣式、顏色、填充、邊框等
10. 全局設計設置,包括顏色、字體風格和容器寬度
11. 外部小工具API,可擴展插件如DP Slider Pro、DP Gallery Pro和DP Contact Form Pro
問題與答案:
1. DPLab Page Studio是可視化佈局建構工具嗎?
- 是的,DPLab Page Studio提供視覺拖放界面,讓您可以設計自定義佈局,無需撰寫程式碼。
2. 這個外掛是免費的嗎?
- 是的,DPLab Page Studio是100%免費的,包含所有功能,沒有升級付費或隱藏費用。
3. 外掛支持多少列佈局?
- DPLab Page Studio具有靈活的欄位系統,支持1、2、3或4列佈局,並可自定義寬度。
4. 這個外掛是否支持響應式設計?
- 是的,DPLab Page Studio支持響應式設計,自動適應移動、平板和桌面設備。
5. 可以在哪些情況下使用DPLab Page Studio?
- 您可以使用DPLab Page Studio來建立獨特的首頁佈局、設計自定義單篇文章模板、建立登陸頁面、創建作品集頁面、自定義部落格文章佈局、添加結構化內容部分等。
原文外掛簡介
DPLab Page Studio is a powerful visual layout builder that lets you create stunning page layouts without writing any code. With an intuitive drag-and-drop interface, you can design custom layouts for your homepage, blog posts, and any page on your WordPress site.
100% Free – All features included, no premium upsells, no hidden costs.
Key Features
Visual Drag & Drop Builder – Intuitive interface for creating layouts
Live Preview – See changes instantly as you edit
Interactive Editing – Click-to-edit interface that behaves like the real site
Flexible Column System – 1, 2, 3, or 4 column layouts with custom widths
17 Built-in Widgets – Everything you need to build professional layouts
Responsive Design – Automatically adapts to mobile, tablet, and desktop
Template Override – Use custom layouts for homepage and single posts
Shortcode Support – Embed layouts anywhere with [dplab_pagestudio_layout id="X"]
Widget Customization – Card styles, colors, padding, borders, and more
Global Design Settings – Colors, typography, and container width
External Widget API – Extensible for plugins like DP Slider Pro, DP Gallery Pro, and DP Contact Form Pro
17 Built-in Widgets
Content Widgets:
* Text (Rich Editor)
* Heading (H1-H6)
* List
* Quote
Media Widgets:
* Image
* Video (YouTube/Vimeo embed)
* Icon
* Button
Layout Widgets:
* Spacer
* Divider
* Layout (Nested layouts)
* HTML Code
Dynamic Widgets:
* Blog List
* Current Post
* Categories
* Menu
* Social Share
Perfect For
Creating unique homepage layouts
Designing custom single post templates
Building landing pages
Creating portfolio pages
Customizing blog post layouts
Adding structured content sections
Global Design Settings
Configure site-wide design settings:
* Colors – Primary, Secondary, Text, Background, Heading, Accent, H1
* Typography – Heading font, Body font, Base font size
* Layout – Container width (default 1200px)
All colors are available as CSS variables for consistent styling.
How It Works
Create a Layout – Use the visual builder to design your layout
Add Widgets – Drag and drop text, images, buttons, and more
Customize Appearance – Style your widgets with colors, padding, borders
Publish & Use – Embed with shortcode or set as template override
Developer Friendly
Clean, well-documented code
WordPress Coding Standards compliant
Extensible architecture with External Widget API
REST API for programmatic access
CSS variables for theme integration
Documentation | Support
External Services
This plugin uses third-party services for social sharing and video embedding functionality. These services are only accessed when the user actively uses specific widgets.
Social Share Widget
When users click on social sharing buttons, they are redirected to the respective platform’s sharing page. The following data is sent:
Facebook
* Data sent: Current page URL
* When: User clicks the Facebook share button
* Service: Facebook Terms | Privacy Policy
X (Twitter)
* Data sent: Current page URL and title
* When: User clicks the X/Twitter share button
* Service: X Terms | Privacy Policy
LinkedIn
* Data sent: Current page URL and title
* When: User clicks the LinkedIn share button
* Service: LinkedIn Terms | Privacy Policy
WhatsApp
* Data sent: Current page URL and title
* When: User clicks the WhatsApp share button
* Service: WhatsApp Terms | Privacy Policy
Telegram
* Data sent: Current page URL and title
* When: User clicks the Telegram share button
* Service: Telegram Terms | Privacy Policy
Pinterest
* Data sent: Current page URL and title
* When: User clicks the Pinterest share button
* Service: Pinterest Terms | Privacy Policy
Instagram
* Data sent: None (opens Instagram app/website)
* When: User clicks the Instagram share button
* Service: Instagram Terms | Privacy Policy
Video Embed Widget
When embedding videos, the plugin loads content from external video platforms:
YouTube
* Data sent: Video ID, user’s IP address (by YouTube)
* When: A YouTube video is embedded and displayed
* Service: YouTube Terms | Privacy Policy
Vimeo
* Data sent: Video ID, user’s IP address (by Vimeo)
* When: A Vimeo video is embedded and displayed
* Service: Vimeo Terms | Privacy Policy
Important Notes
No data is sent automatically. Social sharing only occurs when users actively click share buttons.
Video embeds load content from YouTube/Vimeo servers when the page is viewed.
This plugin does not store or process any personal data from these services.
Site administrators should update their privacy policy to inform visitors about embedded content and social sharing features.
各版本下載點
- 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「DPLab Page Studio」來進行安裝。
(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。
延伸相關外掛(你可能也想知道)
Elementor Website Builder – More Than Just a Page Builder 》, 全球超過 1000 萬個網站的領先網站建立平台, Elementor 是專為 WordPress 設計的領先網站建立平台,使網站製作者能夠使用直覺式的視覺建立工具建立專業、像...。Page Builder by SiteOrigin 》SiteOrigin Page Builder 是一個強大的內容創建介面,即刻識別,完全不同凡響。SiteOrigin Page Builder 讓您輕鬆使用您所熟悉和喜愛的小工具創建具有響應式...。
Page Builder: Pagelayer – Drag and Drop website builder 》. Pagelayer是一個WordPress網站建構工具,為您提供最佳的設計體驗和快速效能,不論您是初學者或專業人士都能愛上它。, Pagelayer是一款很棒的網頁建構工具,...。
Unyson 》, 您覺得這款外掛有幫助嗎?請考慮給它一個五星評價。, , Unyson - 一個免費的拖放框架,附帶許多內建的擴充功能,可以協助您輕鬆快速地開發高級主題。, 贊助...。
Colibri Page Builder 》Colibri Page Builder 為 ColibriWP 佈景主題新增拖放式頁面建立功能。, 授權, 除非另有指定,所有佈景主題檔案和腳本皆採用 GNU 通用公眾授權證 (GNU Genera...。
Post and Page Builder by BoldGrid – Visual Drag and Drop Editor 》BoldGrid 的文章與頁面建立器是什麼?, 文章與頁面建立器是一款直觀的拖放編輯外掛程式,是任何佈景主題所建立和編輯頁面的最簡單的方式。無論您是 WordPress...。
Drag and Drop Multiple File Upload for Contact Form 7 》拖放多檔案上傳器是一個簡單、直接的 WordPress 外掛擴充套件,可與 Contact Form7 一起使用,讓用戶可以使用拖放功能或網頁表單的常見瀏覽檔案來上傳多個檔...。
YayMail – WooCommerce Email Customizer 》這是最佳的 WooCommerce Email 自訂外掛,附有自訂區塊和視覺化設計師。, 文件 | YayMail Pro💎, , 免費版 vs. 專業版 | YayMail 外掛, YayMail 是一款免費的...。
WP Table Builder – Drag & Drop Table Builder 》外掛展示 | 文件 | 獲得專業版, WP Table Builder 是一個針對 WordPress 的拖曳式表格建立外掛,使用 WP Table Builder 輕鬆創建響應式表格。, WP Table Buil...。
Bold Page Builder 》永久免費的頁面建立工具, Bold Page Builder for WordPress 是百分之百免費的,在商業和非商業項目中都可以自由使用。即使在您的高級 WordPress 主題中也可以...。Nimble Page Builder 》Nimble Page Builder 是什麼?, Nimble Page Builder 是一個針對 WordPress 的快速靈活的頁面建構外掛。Nimble Builder 使用 WordPress 原生、強大的介面以即...。
Rife Extensions & Templates for Elementor 》您正在尋找美觀的 Elementor 範本來裝飾您的網站嗎?很高興您找到了這個外掛。, 我們為您呈現設計良好且響應式的落地頁面模板。在此查看實際範本, 目前的範本...。
TemplateSpare – 1000+ WordPress Starter Templates & Full Site Migration Tool | 1-Click Import/Export & No-Code Builder 》數百種 WordPress、Elementor 和 Block Editor 專用網站示範現成匯入模板, 首頁 | 文檔 | 佈景主題 | 外掛 | 所有佈景主題方案 | 影片 | 部落格, 只需一鍵即...。
Forms by CaptainForm – Form Builder for WordPress 》CaptainForm 是一個使用者友善的表單建立外掛程式,在簡單易用的拖放介面中提供先進的功能。此外掛程式不需要任何附加元件,所有功能都內建。該表單建立工具...。
HT Contact Form – Drag & Drop Form Builder for WordPress 》org/plugins/contact-form-7-widget-elementor-addon/" rel="ugc">Contact Form 7 Widget Elementor Addon, The Contact Form 7 Widget Elementor Addon is a...。
