[WordPress] 外掛分享： NinjaDraw – Create Diagrams, Sketches & Visual Workflows

WordPress 外掛 NinjaDraw – Create Diagrams, Sketches & Visual Workflows 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「NinjaDraw – Create Diagrams, Sketches & Visual Workflows」是 2024-12-21 上架。
  • 目前有 10 個安裝啟用數。
  • 上一次更新是 2026-01-23，距離現在已有 33 天。
  • 外掛最低要求 WordPress 6.0 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
  • 尚未有人給過這款外掛評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

freemius | yalogica |

外掛標籤

media | diagrams | gutenberg | sketching | excalidraw |

內容簡介

總結：NinjaDraw 是一個外掛，可以讓您在 WordPress 網站中加入互動地圖和可點擊的信息圖。

問題與答案：
1. NinjaDraw 是什麼樣的外掛？
NinjaDraw 是一個外掛，可以讓您在 WordPress 網站中加入互動地圖和可點擊的信息圖。

2. 如何在網頁中插入互動圖像？
您應該使用快捷碼 "ninjadraw"，例如：
[ninjadraw img="mysite.com/image.png"]
[hotspot x="15" y="15" Link="yahoo.com"]
[hotspot x="55" y="55" link="gogoduck.com"]
[hotspot x="95" y="95" link="avirtum.com"]
[/ninjadraw]

3. 快捷碼參數有哪些？
- img：圖像網址
- class：應用於互動圖像容器的附加 CSS 類
- x：熱點左側座標（%）
- y：熱點頂部座標（%）
- link：外部資源的網址

原文外掛簡介

Transform static text into visual masterpieces with NinjaDraw. Perfect for educational blogs, business dashboards, project planning, and creative storytelling. Whether you’re a blogger, educator, marketer, or developer, NinjaDraw empowers you to design diagrams directly in WordPress – no coding or design skills needed! Seamlessly integrate flowcharts, brainstorming boards, and custom illustrations into your posts, pages, or sidebars.
📗 DOCUMENTATION
🔥 NINJADRAW PRO

✨ Perfect for:
✅ Explaining workflows with flowcharts
✅ Visualizing ideas via creative mind maps
✅ Building tutorials with annotated diagrams
✅ Designing wireframes, timelines, or organizational charts
✨ Key Features:
✅️ User-Friendly Interface: Create diagrams in seconds with zero learning curve.
✅️ Custom Styling: Choose colors, fonts, and line styles to match your brand.
✅ Shortcode & Block Support: Embed diagrams anywhere using Gutenberg blocks or shortcodes.
✅️ Save & Reuse: Store templates and reuse diagrams across your site.
✅ Responsive Design: Diagrams look sharp on desktops, tablets, and mobile.
✅️ GDPR-Compliant: No data tracking or external servers – your work stays private.
✨ Works With:
✅ Page Builders: Gutenberg, Elementor, Divi, WPBakery, Beaver Builder, Brizy, etc
✅ Themes: Avada, Divi, Flatsome, Astra, and popular WooCommerce themes, etc
✨ SEO-Optimized Highlights:
✅ Create diagrams in WordPress for tutorials, presentations, and data visualization.
✅ Build flowcharts, mind maps, and sketches without leaving your editor.
✅ Boost user engagement with hand-drawn style diagrams optimized for SEO.
✅️ NinjaDraw: The #1 tool for WordPress diagramming, visual brainstorming, and flowchart creation.
✨ Effortless Diagram Creation
Harness the power of Excalidraw’s intuitive tools directly in your WordPress editor. Create professional mind maps, process charts, and wireframes with drag-and-drop simplicity.
✨ Why Choose NinjaDraw?

Seamless Integration: Works with Gutenberg, Elementor, and all major themes.
Export Options: Save diagrams as PNG/SVG for sharing or offline use.
Privacy First: GDPR-compliant – no data collection without consent.

🔥 Check out our other WordPress Plugins
HappyVR – virtual tour builder and 360 panorama viewer for WordPress
MediaCommander – bring folders to media, posts, and pages
Post Order Master – free drag & drop hierarchy manager

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「NinjaDraw – Create Diagrams, Sketches & Visual Workflows」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

1.0.0 | 1.1.0 | 1.2.0 | 1.2.1 | trunk |

延伸相關外掛（你可能也想知道）

  • Classic Editor 》Classic Editor 是由 WordPress 團隊維護的官方外掛程式，可還原之前（也就是「經典」）的 WordPress 編輯器和「編輯文章」畫面，使使用者可以使用延伸這個畫...。
  • Advanced Editor Tools 》高級編輯工具（以前稱為 TinyMCE Advanced）引入了一個「經典段落」區塊，供區塊編輯器（Gutenberg）使用。, 如果您還沒有準備好切換到區塊編輯器，或者有插...。
  • Classic Widgets 》Classic Widgets 是由 WordPress 團隊維護的官方外掛，能夠恢復先前（即「經典」）的 WordPress widgets 設定畫面。該外掛將於 2024 年或必要時保持支援和維...。
  • Starter Templates – AI-Powered Templates for Elementor & Gutenberg 》免費模板，支援 Elementor、Beaver Builder 和 Block Editor, 使用 Starter Templates 外掛，只需數分鐘即可建立專業且完美的網站。此外掛為使用者提供超過 2...。
  • Spectra Gutenberg Blocks – Website Builder for the Block Editor 》a.com/tutorials/?utm_source=wp-repo&utm_medium=link&utm_campaign=readme" rel="nofollow ugc">Spectra tutorials, you can easily learn how to ...。
  • Kadence Blocks — Page Builder Toolkit for Gutenberg Editor 》Kadence Blocks 是一個 WordPress 外掛，它附加自訂區塊和選項，擴展了 Gutenberg 編輯功能，使您能夠輕鬆創建美麗的網站，而不需要任何程式編寫。Kadence Bl...。
  • Disable Gutenberg 》此外掛可禁用新的 Gutenberg 編輯器 (也稱為區塊編輯器)，並以經典編輯器取代它。你可以完全禁用 Gutenberg，或從文章、頁面、角色、文章類型和主題模板中有...。
  • Extendify 》Extendify 是一個網站設計和製作工具平台，提供豐富的圖案和全頁面佈局，可用於 Gutenberg 區塊編輯器，幫助人們建立美麗的 WordPress 網站。, 使用 Extendif...。
  • Otter Blocks – Gutenberg Blocks, Page Builder for Gutenberg Editor & FSE 》Otter 是一款 Gutenberg Blocks 頁面建構外掛，可為 WordPress Block Editor（又稱 Gutenberg）添加額外功能，讓您享受更好的頁面建構體驗，而無需使用傳統的...。
  • Page Builder Gutenberg Blocks – CoBlocks 》, 注意：對於已受 CoBlocks 3.0.0 版本影響的使用者，請查看我們在 WordPress.org 支援論壇文章，如果您需要支援，請建立新的主題帖。, , CoBlocks 是新版 Gu...。
  • AI Powered Starter Templates by Kadence WP 》用三個滑鼠點擊建立一個美觀的「效能優化」網站, 在幾分鐘內創建和自定義專業設計的網站。, Kadence Starter Templates 為您提供使用 WordPress 區塊構建器的...。
  • GenerateBlocks 》將不同的功能整合至編輯器，但並不會因為過多的一維方塊造成內容過於臃腫。使用 GenerateBlocks，您只需深入學習少量的方塊，即可用於創建任何內容。, Genera...。
  • Gutenberg Essential Blocks – Page Builder for Gutenberg Blocks & Patterns 》使用 Essential Blocks for Gutenberg，即可實現您的創意視覺效果，這是適用於 WordPress 的最終區塊庫！, 使用我們易於使用的區塊，增強您使用 Gutenberg 的...。
  • VK Blocks 》這是一個擴充 Gutenberg 模塊的外掛。, [ 模塊 ], , 成員, 外框, 警示, 常問問題, 氣球, 流, 按鈕, 公關模塊, 公關內容, 邊框盒, 標題（帶副標題）, 響應間距...。
  • Stackable – Page Builder Gutenberg Blocks 》終極與古鐸版衣搭檔, Stackable 是您一直在等待的終極可靠古鐸版衣搭檔。使用堅強、輕便的自訂區塊、現成設計、UI套件、全域設定和高級自訂選項建立動態網站...。

文章
Filter
Mastodon