Linux 软件免费装
Banner图

TeamGraph – Org Chart & Team Directory

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

标签

team employees staff directory org chart organization chart

下载

1.1.0 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.1.0 Manage native WordPress updates and share optional reviews or feedback from TeamGraph Settings. 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?

TeamGraph makes no external requests and sends no feedback automatically. Member data and review-reminder preferences stay in your WordPress database. WordPress itself checks WordPress.org for plugin updates through its standard update system. Optional review/support links open WordPress.org; Send feedback opens an email to hello@23bitstudio.com, which you can edit and send yourself.

How do I update TeamGraph?

Use Dashboard → Updates or Plugins, just like other WordPress.org plugins. TeamGraph → Settings → General shows the installed version and the status from WordPress' last update check, with a link to check again. Auto-updates remain under your control on the Plugins screen.

Can I leave a review or send feedback?

Yes. TeamGraph → Settings → General always has links to leave an honest review on WordPress.org, email feedback, and get support. Administrators may also see a small prompt on TeamGraph screens after a week of use and after adding a member of their own. The prompt can be postponed for 30 days or dismissed permanently for that user on that site. It does not appear on the public website.

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.1.0 1.0.0