Title: Organization chart
Author: wpdevart
Published: <strong>2021 年 4 月 9 日</strong>
Last modified: 2026 年 2 月 12 日

---

搜尋外掛

![](https://ps.w.org/organization-chart/assets/banner-772x250.jpg?rev=2512026)

![](https://ps.w.org/organization-chart/assets/icon-128x128.png?rev=2512026)

# Organization chart

 由 [wpdevart](https://profiles.wordpress.org/wpdevart/) 開發

[下載](https://downloads.wordpress.org/plugin/organization-chart.1.7.6.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/organization-chart/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/organization-chart/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/organization-chart/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/organization-chart/#developers)

 [技術支援](https://wordpress.org/support/plugin/organization-chart/)

## 外掛說明

WordPress organization chart plugin is a nice and handy tool for creating simple
and nice organizational charts. If you have any suggestions about the functionality,
just let us know.

### You can check the demo of the plugin here:

 * [Demo Page](https://demo.wpdevart.com/organization-chart)

### Features of Free version

 * **User-friendly interface**
 * **Works great with all actual WordPress versions**
 * **Responsive(mobile-friendly) design**
 * **Gutenberg-ready plugin**
 * **Ability to add unlimited themes and elements**
 * **Ability to add image for each element**
 * **Ability to duplicate the organizational charts or themes**
 * **Ability to add horizontal scrolling instead of mobile view**
 * **Ability to select theme for each element**
 * **Ability to change the organizational chart background color and border radius**
 * **Ability to enable Popup functionality**
 * **Ability to configure Popup styles**
 * **Ability to set User Permissions**

Also, our plugin has a premium version, so you can upgrade the free version and 
get more functionality – [WordPress Organization Chart Premium](https://wpdevart.com/wordpress-organization-chart-plugin/)

### Features of the Premium version

 * **Built-in themes for the elements**
 * **Customizable elements**
 * **Ability to change the title and description font family**
 * **Ability to change the elements border styles**
 * **Ability to change the elements background color(gradient)**
 * **Full Screen functionality**
 * **Drag and Zoom functionality**
 * **Ability to set a responsive view after the element**

**If you have any questions, issues or even suggestions occurring our plugin, you
can contact us at [SUPPORT FORUM](https://wordpress.org/support/plugin/organization-chart).**

Below we listed the WordPress Organizational Chart plugin options list. If you click
on the element edit button, you will see a popup window with the following settings.

**Element Settings**

**Information tab**

 * Type the URL – Type the element image URL or upload it using the “Upload” button.
 * Type the title – Type the element title in this field.
 * Type the description – Type the element description in this field.

**Styling**

 * Select the theme – You can select the element theme using this option.

**Theme Settings**

**General Settings**

 * Responsive(Add a horizontal scroll, Mobile view) – This option allows to select
   how to display the organization chart, if the is is bigger then the container.
 * Background Color – Choose the container background color.
 * Border Radius – Type the container border radius.
 * Padding – Type the global padding values.

**Line style**

 * Set the line color – This option allows to set the global line(border) color.
 * Line Height – This option allows to set the global line(border) height.

**Item style**

 * Background Color – Select the element background color.
 * Minimum Width – Type the element minimum width.
 * Minimum Height – Type the element minimum height.
 * Image width – Type the element image width.
 * Image height – Type the element image height.
 * Image Border Radius – Type the image border radius.
 * Image Margin – Type the image margin option values.
 * Title font – Configure the title font style by clicking on the pencil icon(available
   options are: Font Family, Color, Font Size, Line Height, Letter Spacing, Font
   Weight, Font Style).
 * Title Margin – Type the title margin option values.
 * Description font – Configure the description font style by clicking on the pencil
   icon(available options are: Font Family, Color, Font Size, Line Height, Letter
   Spacing, Font Weight, Font Style).
 * Description margin – Type the description margin option values.
 * Item Border – Configure the element border style by clicking on the pencil icon(
   available options are: Item Border Type, Item Border Color, Border Width, Border
   Radius).

## 螢幕擷圖

 * [[
 * Front-end
 * [[
 * Back-end
 * [[
 * Back-end
 * [[
 * Back-end
 * [[
 * Front-end

## 適用於區塊編輯器

這個外掛提供 1 個可供 Gutenberg/區塊編輯器使用的區塊。

 *   WpDevArt organization chart

## 安裝方式

**First of all, download the plugin ZIP file.**

 1. After that, log in to WordPress administration panel.
 2. Go to the “Plugins” page, then click on the “Add New” button. You will see an “
    Upload button”, click on it.
 3. Then click on the “Choose file” button and select our plugin zip file.
 4. Click on the “Install Now” button and after installing, activate the plugin.

## 常見問題集

### How many themes or elements can I create?

You can create as many themes or elements as you need.

### I have an issue or a suggestion, how can I contact you?

Use the support forum of our plugin on WordPress.org.

### What PHP version support the plugin?

Our plugin supports PHP 5.4 and higher versions.

### How can I insert it with the shortcode?

Use this shortcode – [wpda_org_chart tree_id=1 theme_id=1].

## 使用者評論

![](https://secure.gravatar.com/avatar/3a79a6b642fc574a34b03d24ea82d1123995eee20ce6053c391d08ef5496446b?
s=60&d=retro&r=g)

### 󠀁[Really solid plugin with amazing support](https://wordpress.org/support/topic/really-solid-plugin-with-amazing-support/)󠁿

 [ioakimidisg](https://profiles.wordpress.org/ioakimidisg/) 2025 年 10 月 29 日

I have to put a 5 star review for this plugin since it does its job really good 
and the support is top-notch. Fast and solid, they even went the extra mile in order
to help me with a small customization request. It is a one-stop solution if you 
need to create an organization chart plugin for your WordPress website. I highly
recommend it.

![](https://secure.gravatar.com/avatar/407009ea8241df09ee0531916691f3e968a88c95f55c36f300fa70635cd705ea?
s=60&d=retro&r=g)

### 󠀁[Best organization chart plugin](https://wordpress.org/support/topic/best-organization-chart-plugin/)󠁿

 [Orlando](https://profiles.wordpress.org/orlandoferreras/) 2025 年 9 月 6 日

I’ve tried every other plugin out there, and this is by far the best one for creating
personalized organization charts. It’s practical, intuitive, and a breeze to use.
I have the premium version and ran into a small issue after a server migration, 
but the support team got back to me fast and fixed it right away.

![](https://secure.gravatar.com/avatar/84201e58267b3f85d072f29e04d90ed4b0ad4442e9a113c77b0549557b3f76df?
s=60&d=retro&r=g)

### 󠀁[Pro version is great! Support quick too.](https://wordpress.org/support/topic/pro-version-is-great-support-quick-too/)󠁿

 [anitrawolf](https://profiles.wordpress.org/anitrawolf/) 2025 年 8 月 20 日

I purchased the pro version of this plugin a couple weeks ago. During set up, I 
needed a little help with a feature and the support team was quick to respond with
a fix. Thank you!

![](https://secure.gravatar.com/avatar/03b6efc541201733ceed3e78a5b6a48dbc379c0efb9a0bb1b814a7f62766cb62?
s=60&d=retro&r=g)

### 󠀁[Super Support](https://wordpress.org/support/topic/super-support-185/)󠁿

 [ffwdammbach2024](https://profiles.wordpress.org/ffwdammbach2024/) 2025 年 2 月
1 日

Mein Problem war nach 10 Stunden behoben. Echt super. Auf die email wurde bereit
nach nicht einmal 1 Stunde geantwortet. Echt Super

![](https://secure.gravatar.com/avatar/7ed82bcb03eea4a30565e0bf5e37ef497089f89a46ef0ac0c6e1071bc7aa5fd3?
s=60&d=retro&r=g)

### 󠀁[Brilliant Plugin](https://wordpress.org/support/topic/brilliant-plugin-530/)󠁿

 [prwuk](https://profiles.wordpress.org/prwuk/) 2024 年 3 月 8 日

Brilliant plugin and brilliant support the finished chart looks and works perfectly!
Thank You!

![](https://secure.gravatar.com/avatar/e2003e2950747071cdf0b52617b57126e6b65acfa9347e08f3ac55fa21d39b98?
s=60&d=retro&r=g)

### 󠀁[Incredibly straightforward feature-rich chart plugin](https://wordpress.org/support/topic/incredibly-straightforward-feature-rich-chart-plugin/)󠁿

 [rosbiffer](https://profiles.wordpress.org/rosbiffer/) 2024 年 1 月 13 日

Really easy to use yet very customisable organisational chart tool. Recommended

 [ 閱讀全部 13 則使用者評論 ](https://wordpress.org/support/plugin/organization-chart/reviews/)

## 參與者及開發者

以下人員參與了開源軟體〈Organization chart〉的開發相關工作。

參與者

 *   [ wpdevart ](https://profiles.wordpress.org/wpdevart/)

[將〈Organization chart〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/organization-chart)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/organization-chart/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/organization-chart/)，或透過
[RSS](https://plugins.trac.wordpress.org/log/organization-chart/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/organization-chart/)。

## 變更記錄

#### 1.7.6

 * security improved.

#### 1.7.5

 * admin UI change.

#### 1.7.4

 * admin UI change.

#### 1.7.3

 * code improved.

#### 1.7.2

 * code improved.

#### 1.7.1

 * drag and drop bug fixed.

#### 1.7.0

 * added drag and drop.

#### 1.6.1

 * tested.

#### 1.6.0

 * code improved.

#### 1.5.9

 * bug fixed.

#### 1.5.8

 * bug fixed.

#### 1.5.7

 * code improved.

#### 1.5.6

 * bug fixed.

#### 1.5.5

 * Code improved.

#### 1.5.4

 * bug fixed.

#### 1.5.3

 * Fixed errors.

#### 1.5.2

 * Fixed a security issue.

#### 1.5.1

 * Fixed a security issue.

#### 1.5.0

 * Minor changes.

#### 1.4.9

 * Fixed errors.

#### 1.4.8

 * Fixed warnings.

#### 1.4.7

 * Fixed a bug.

#### 1.4.6

 * Removed a featured plugin from the list.

#### 1.4.5

 * Fixed a bug.

#### 1.4.4

 * Added descriptions for functions.

#### 1.4.3

 * Bug fixed – Popup editor.

#### 1.4.2

 * Fixed an issue.

#### 1.4.1

 * Fixed an issue.

#### 1.4.0

 * Bug fixed.

#### 1.3.9

 * Added some functions descriptions.

#### 1.3.8

 * Corrected texts of the Item Style section.

#### 1.3.7

 * Corrected some texts.

#### 1.3.6

 * Corrected the texts of the Drag and Zoom section.

#### 1.3.5

 * Corrected the changelog and made some changes.

#### 1.3.4

 * Added descriptions for some functions.

#### 1.3.3

 * Corrected the texts for the General settings tab.

#### 1.3.2

 * Fixed some mistakes.

#### 1.3.1

 * Corrected this option description text – Responsive.

#### 1.3.0

 * Added the descriptions of the functions in the Library file.

#### 1.2.9

 * Added some descriptions for functions.

#### 1.2.8

 * Added some texts for developers.

#### 1.2.7

 * Added descriptions for some functions.

#### 1.2.6

 * Customized the Popup functionality.

#### 1.2.5

 * Added descriptions for some functions.

#### 1.2.4

 * Fixed a notice.

#### 1.2.3

 * Added new features – User Permissions, Popup functionality, Responsive view after
   element, Zoom-in and zoom-out functionality, full screen functionality.

#### 1.2.2

 * Changed an admin style.

#### 1.2.1

 * Added descriptions for some functions.

#### 1.2.0

 * Added a new design for an icon.

#### 1.1.9

 * Added some comments in the code for developers.

#### 1.1.8

 * Edited texts of the featured plugins page.

#### 1.1.7

 * Changed the featured plugins page style.

#### 1.1.6

 * Added new icon for a featured plugin.

#### 1.1.5

 * Added descriptions for some functions.

#### 1.1.4

 * Added code comments for developers.

#### 1.1.3

 * Changed some styles of the admin side.

#### 1.1.2

 * Added descriptions for some functions.

#### 1.1.1

 * Added functions descriptions.

#### 1.1.0

 * Changed some styles and texts from the admin side.

#### 1.0.9

 * Fixed problem in RTL sites.

#### 1.0.8

 * Changed the admin menu page design.

#### 1.0.7

 * New icons added for the featured plugins.

#### 1.0.6

 * Added the standard license file.

#### 1.0.5

 * New plugin added to the featured plugins list.

#### 1.0.4

 * CSS Bug fixed.

#### 1.0.3

 * Bug fixed – conflict with standard theme. Added new feature – horizontal scroll
   default position, additional view mode, maximum element width.

#### 1.0.2

 * Bug fixed – responsive design. Added new feature – links for the elements, classic
   editor shortcode.

#### 1.0.1

 * Added new feature – title and description fields now support HTML.

#### 1.0.0

 * Initial version.

## 中繼資料

 *  版本 **1.7.6**
 *  最後更新 **2 個月前**
 *  啟用安裝數 **5,000+**
 *  WordPress 版本需求 ** 3.4.0 或更新版本 **
 *  已測試相容的 WordPress 版本 **6.9.4**
 *  語言
 * [English (US)](https://wordpress.org/plugins/organization-chart/)
 * 標籤
 * [employee list](https://tw.wordpress.org/plugins/tags/employee-list/)[org chart](https://tw.wordpress.org/plugins/tags/org-chart/)
   [organization chart](https://tw.wordpress.org/plugins/tags/organization-chart/)
   [organizational chart](https://tw.wordpress.org/plugins/tags/organizational-chart/)
   [staff directory](https://tw.wordpress.org/plugins/tags/staff-directory/)
 *  [進階檢視](https://tw.wordpress.org/plugins/organization-chart/advanced/)

## 評分

 5 星，滿分為 5 星

 *  [  13 個 5 星使用者評論     ](https://wordpress.org/support/plugin/organization-chart/reviews/?filter=5)
 *  [  0 個 4 星使用者評論     ](https://wordpress.org/support/plugin/organization-chart/reviews/?filter=4)
 *  [  0 個 3 星使用者評論     ](https://wordpress.org/support/plugin/organization-chart/reviews/?filter=3)
 *  [  0 個 2 星使用者評論     ](https://wordpress.org/support/plugin/organization-chart/reviews/?filter=2)
 *  [  0 個 1 星使用者評論     ](https://wordpress.org/support/plugin/organization-chart/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/organization-chart/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/organization-chart/reviews/)

## 參與者

 *   [ wpdevart ](https://profiles.wordpress.org/wpdevart/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/organization-chart/)

## 贊助

想要支援這個外掛的發展嗎？

 [ 贊助這個外掛 ](https://wpdevart.com/wordpress-organization-chart-plugin/)