Skip to main content
Peak Performance Digital Logo

Create a Native WordPress Block Plugin Using Pinegrow Web Editor

Create a Native WordPress Block Plugin Using Pinegrow Web Editor

In this tutorial video, we create a plugin with native WordPress blocks to display custom and dynamic data from blocks and custom post types inside a biography grid using the Pinegrow Web Editor. All with no code!

We create three versions of this block.

  1. With no options to edit the content in the Block Editor.
  2. With the ability to edit all fields, and conditionally show or hide items, using the Block Editor.
  3. To dynamically create a custom post type, taxonomy, and fields using Pinegrow and Meta Box, then display that data using a custom query loop.

This is part 2 of 2 in this series. In Part 1, we built the card using plain HTML and CSS.

Recent Posts

  • About the Recent WordPress Drama

    As many of you have heard, there is some drama in the WordPress space right now. If you haven’t heard anything yet, consider yourself lucky to have avoided the needless drama so far. In this post, I’ll cover what is happening, who is impacted, why it’s important, how we are protecting you, and some thoughts […]

  • Using Sass with Pinegrow

    I recently had someone ask whether Pinegrow supports Sass, so I thought I’d do a quick video demonstration. In this demo, I show you how we activate our Sass stylesheet and how we can use a simple Sass variable to change the color of a heading.

  • Pinegrow Countdown: Day 1 – Pinegrow Plays Nice with Others

    A lot of products in the WordPress space have grown in popularity, primarily because of their open and flexible ecosystem that allows 3rd party developers to create add-ons, extensions, and libraries. Pinegrow also has a great plugin API. But I’m going to show you in this video, that in most cases, you don’t even need it.

  • Pinegrow Countdown: Day 2 – Pinegrow is STILL not a Page Builder

    In this video, I’m going to show you why Pinegrow is different from Page Builders so you don’t fall into the trap of trying to use it like something it’s not, only to get frustrated and give up.

  • Pinegrow Countdown: Day 3 – Frameworks in Pinegrow

    Pinegrow has built some fantastic helpers for popular frameworks. In fact, when you start a new project in either Pinegrow Desktop or the Pinegrow WordPress plugin, you’ll be asked which framework you want to choose. If you are already used to using one of the built-in frameworks, the choice will be easy. If not, this little video will hopefully help you understand what the frameworks do and how you should answer those important initial questions.