Edward

Staffer uses custom post types for staff/employee management, allowing users to easily create and manage an onsite staff directory, and is built in a way to be compatible with essentionally any theme. Staffer also supports the display of staff members via a shortcode.

Staffer

wpdevart

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.
<h3>You can check the demo of the plugin here:</h3>
<ul>
<li><a href="https://demo.wpdevart.com/organization-chart" rel="nofollow ugc">Demo Page</a></li>
</ul>
<h3>Features of Free version</h3>
<ul>
<li>User-friendly interface</li>
<li>Works great with all actual WordPress versions</li>
<li>Responsive(mobile-friendly) design</li>
<li>Gutenberg-ready plugin</li>
<li>Ability to add unlimited themes and elements</li>
<li>Ability to add image for each element</li>
<li>Ability to duplicate the organizational charts or themes</li>
<li>Ability to add horizontal scrolling instead of mobile view</li>
<li>Ability to select theme for each element</li>
<li>Ability to change the organizational chart background color and border radius</li>
<li>Ability to enable Popup functionality</li>
<li>Ability to configure Popup styles</li>
<li>Ability to set User Permissions</li>
</ul>
Also, our plugin has a premium version, so you can upgrade the free version and get more functionality – <a href="https://wpdevart.com/wordpress-organization-chart-plugin/" rel="nofollow ugc">WordPress Organization Chart Premium</a>
<h3>Features of the Premium version</h3>
<ul>
<li>Built-in themes for the elements</li>
<li>Customizable elements</li>
<li>Ability to change the title and description font family</li>
<li>Ability to change the elements border styles</li>
<li>Ability to change the elements background color(gradient)</li>
<li>Full Screen functionality</li>
<li>Drag and Zoom functionality</li>
<li>Ability to set a responsive view after the element</li>
</ul>
If you have any questions, issues or even suggestions occurring our plugin, you can contact us at <a href="https://wordpress.org/support/plugin/organization-chart" rel="ugc">SUPPORT FORUM</a>.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/F4md4FQDvSY?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
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
<ul>
<li>Type the URL – Type the element image URL or upload it using the “Upload” button.</li>
<li>Type the title – Type the element title in this field.</li>
<li>Type the description – Type the element description in this field.</li>
</ul>
Styling
<ul>
<li>Select the theme – You can select the element theme using this option.</li>
</ul>
Theme Settings
General Settings
<ul>
<li>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.</li>
<li>Background Color – Choose the container background color.</li>
<li>Border Radius – Type the container border radius.</li>
<li>Padding – Type the global padding values.</li>
</ul>
Line style
<ul>
<li>Set the line color – This option allows to set the global line(border) color.</li>
<li>Line Height – This option allows to set the global line(border) height.</li>
</ul>
Item style
<ul>
<li>Background Color – Select the element background color.</li>
<li>Minimum Width – Type the element minimum width.</li>
<li>Minimum Height – Type the element minimum height.</li>
<li>Image width – Type the element image width.</li>
<li>Image height – Type the element image height.</li>
<li>Image Border Radius – Type the image border radius.</li>
<li>Image Margin – Type the image margin option values.</li>
<li>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).</li>
<li>Title Margin – Type the title margin option values.</li>
<li>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).</li>
<li>Description margin – Type the description margin option values.</li>
<li>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).</li>
</ul>

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 …

Staffer vs Organization chart