How to edit Zelle Portfolio in Gutenberg

Zelle Pro has a custom post type called project. This type of post is displayed in the portfolios section.

In order to edit them with Gutenberg instead of the classic WordPress editor, you need to create a child theme and add a code snippet in one the files.

1) Create a child theme for Zelle Pro by following this guide.

How to create a child theme.

2) Add the following code at the end of the functions.php file within the child theme created on the previous step.

function zelle_create_post_type() {
   /* portfolio */
   register_post_type(
      'portofolio',
      array(

         'labels'      => array(

            'name'          => __( 'Portfolio', 'zerif' ),

            'singular_name' => __( 'Portfolio', 'zerif' ),

         ),

         'public'      => true,

         'has_archive' => true,

         'taxonomies'  => array( 'category' ),

         'supports'    => array( 'title', 'editor', 'thumbnail', 'revisions' ),

         'show_ui'     => true,

         'menu_icon'   => 'dashicons-format-gallery',

         'rewrite'     => array(
            'slug' => 'portfolio',
         ),
         'show_in_rest' => true,

      )
   );
}
remove_action( 'init', 'zerif_create_post_type', 10 );
add_action( 'init', 'zelle_create_post_type', 11 );

That's it.

If you need further assistance, feel free to contact us by opening a technical support ticket here.