Using the Gutenberg blocks

Since v1.2 a-staff supports the new WordPress 5.0 post editor, also known as Gutenberg. We provide 2 block types for Gutenberg users:

• a-staff Loop block: shows a loop of your team members. Does the same thing as the a-staff shortcode, just does it in a user-friendlier way – thanks to Gutenberg’s advanced user interface.
• a-staff Team Member block: shows only one team member that you can insert anywhere inside your post. This feature is only available in the Gutenberg editor.

Let’s see in detail how to use both blocks…

---

a-staff Loop block

In order to add an a-staff Loop block into your Gutenberg post, do the following:

1. Click on the Add Block (+) icon inside the editor

2. Select the Widgets category and click on the “a-staff Loop” block inside it

3. Now the a-staff Loop appears inside the editor. In the Inspector Panel on the right hand side you have the following options to set up:

Layout:

• Number of columns: how many columns should we use for displaying team members in the loop?
• Order by: based on what criteria should we order the members?
• Order direction: should we list them in ascending or descending order based on the order by criteria?
• CSS Class name: you can add a custom CSS class name to the block here

Filters:

• Show only these Members: only the selected members will be displayed inside the loop.
• Exclude Members: the selected members won’t be included in the loop.
• Show only these Departments: only the selected departments’ members will be displayed in the loop. (Pro version only)
• Exclude Departments: members of the selected departments won’t be included in the loop. (Pro version only)

Hint: hold down the CTRL key on your keyboard to select more members or departments when filtering them.

---

a-staff Team Member block

The a-staff Team Member block shows only one selected staff member inside your Gutenberg article. This is a useful feature if you want to show the member block as a side element inside an article, e.g. want to show a short bio about a colleague of yours.

To add an a-staff Team Member block into your Gutenberg post, do the following:

1. Click on the Add Block (+) icon inside the editor

2. Select the Widgets category and click on the “a-staff Team Member” block inside it

3. Now the a-staff Team Member block appears inside the editor. In the Inspector Panel on the right hand side you can select which team member to display (Select team member dropdown – currently this is the only option for this block).