A Custom Profile Block For Gutenberg

We have released our first custom block for Gutenberg within the WordPress plugin directory. The Organic Profile Block is among the first custom block plugins available for the new WordPress content editor.

Custom Block Plugin Gutenberg

Display Personal Profiles, Team Pages and More

The Organic Profile Block displays a personal profile image, along with a name, title, biography and social media links. We have outlined the process of building this plugin in detail on our How We Created A Custom Block For Gutenberg article.

The Profile Block is an excellent solution for adding author biographies to articles, displaying a page of team or staff members, or as a personal business card on your “About” page. The block adopts the fonts and styles of your active theme.

This custom block is designed to work with any theme, so long as the Gutenberg plugin is active. With the release of WordPress 5.0, the Gutenberg content editor will be integrated into WordPress core. Then, the Gutenberg plugin will no longer be required. In the meantime, users must have the Gutenberg plugin active to use the Profile Block

The profile block on the front-end within the Origin Theme.

Try the Organic Profile Block with Gutenberg! Install the plugin directly from your WordPress dashboard by┬ásearching for “Organic Profile Block” under Plugins > Add New. Otherwise, download the plugin from the WordPress plugin directory here.

Check back with Organic Themes for more custom blocks in the future!

4 Comments on “A Custom Profile Block For Gutenberg

    • Thank you for the kind words! Glad you are enjoying the block ­čÖé

      -Emily

  1. Sorry, I can not get it to work properly. In the backend, I can edit the fields and place an image. But soon as i check the frontend, the block is distorted and the written fields are empty. It seems as if the stylesheet is missing something and that the editable data is not been stored.
    Thanks for your time
    Marc Jansen

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.