Linux 软件免费装

在这里免费安装WordPress以及其他软件

Banner图

TeamGraph – Org Chart & Team Directory

开发者 23bitstudio
更新时间 2026年8月23日 06:19
PHP版本: 8.0 及以上
WordPress版本: 7.0
版权: GPLv2 or later
版权网址: 版权信息

标签

team employees staff directory employee directory org chart

下载

1.0.0

详情介绍:

TeamGraph turns your team into reusable people records and displays them three ways — an organization chart, a card grid, or a directory list — from one Gutenberg block or shortcode. A drag-and-drop builder lives in wp-admin; no page builder required. Accessible by construction, not by fallback. Most org chart plugins draw a diagram and bolt on a text alternative. TeamGraph inverts that: every view is real, semantic HTML — the chart is a nested list, laid out with pure CSS. Screen readers announce the reporting hierarchy natively, keyboard focus is visible everywhere, visitors without JavaScript get the complete chart, and on phones the tree reflows into a readable list instead of forcing you to pinch-zoom a boardroom diagram. On the front end (Gutenberg block or [teamgraph] shortcode): In wp-admin (fast React screens under "TeamGraph"): Structured data, not drawings Members are a custom post type ("reports to" is the post hierarchy; the biography is the post content), departments and locations are taxonomies, and every safeguard is enforced server-side: capability checks per action, reporting-cycle prevention, and color validation. Deleting a manager automatically moves their reports up a level — no orphaned branches, no blocked deletes — and deleted members go to a trash you can restore from, rebuilding their branch.

安装:

  1. Upload the teamgraph folder to /wp-content/plugins/, or install the plugin through the Plugins screen in WordPress.
  2. Activate the plugin through the "Plugins" screen.
  3. Open TeamGraph in the admin menu. Add team members (or load the sample organization from TeamGraph → Settings to explore), then arrange the reporting hierarchy in the Chart Builder.
  4. Add the chart to any page with the TeamGraph Chart block, or the [teamgraph] shortcode.

屏幕截图:

  • Card grid view with live filtering
  • Directory list view
  • Chart Builder with drag-and-drop hierarchy editing
  • Team Members list with search and bulk actions
  • Add/Edit Member with live card preview
  • Theme color-guide editor with contrast warnings

升级注意事项:

1.0.0 Initial release of TeamGraph.

常见问题:

How do I show the chart on a page?

Insert the TeamGraph Chart block, or add the [teamgraph] shortcode. Both accept a view (tree, grid, or list), an optional starting member, and department/location filters: [teamgraph view="grid" department="Marketing"] or [teamgraph root="123"]. The shortcode accepts a department/location by name or slug.

Is the chart accessible?

Yes — that's the point of TeamGraph. Every view is semantic HTML: the org chart is a nested list styled with CSS, so screen readers announce the hierarchy natively. Collapse toggles are real buttons with proper ARIA state, keyboard focus is visible on every control, headshots use your media library alt text, the default colors meet WCAG AA, and the chart works completely without JavaScript.

Does TeamGraph send any data anywhere?

No. TeamGraph makes no external requests and collects nothing — all data stays in your WordPress database.

What happens when I delete a manager?

Their direct reports automatically move up to the deleted member's own manager, so the chart never breaks. The member goes to the trash and can be restored.

Can a person link to their profile page?

Yes — each member has an optional profile link, and the name on their card links to it.

Does it work with my theme?

Yes. The chart renders inside its own reset container, so theme typography and list styles can't distort the layout or the connector lines. Wide charts scroll inside the container — they never make your page scroll sideways.

Will uninstalling delete my team?

Only if you ask it to. By default all data is kept; enable "Delete all data on uninstall" under TeamGraph → Settings if you want removal to be complete.

更新日志:

1.0.0