Skip to content
pinegrow.com
Docs menuWordPress
WordPress

WordPress courses and tutorials

Updated

Use these tutorials to get familiar with WordPress theme development in Pinegrow.

On this page

Official Tutorials

Pinegrow title card for Building a WordPress block theme with AI Assistant and Tailwind CSS, with an editor screenshot below.

Creating a Tailwind styled Block Theme

This course presents an efficient and enjoyable development experience of converting a Tailwind CSS landing page into a functional WordPress block theme.
Plus, it includes a bonus quick starter template.

Pinegrow editor showing the Pie Cal Block calendar for September 2023 beside its WordPress Actions for the section.

Convert any shortcode to a custom block

A quick tutorial on how any shortcode can be turned into an editable custom block. Shortcode options are mapped to block attributes. 

Pinegrow promo frame with TAILWIND CSS, WORDPRESS and INTERACTIONS labels over the editor, showing pricing section controls.

Flex - Creating a Tailwind CSS Theme with Gutenberg Blocks and Pinegrow Interactions

A fun tutorial on converting a Tailwind CSS project into a WordPress theme based on Gutenberg blocks. 

Defining a new block in Pinegrow

Creating the Agency WordPress Theme

This set of tutorials will walk through the conversion of the Bootstrap 5 Agency template to a WordPress theme.

WordPress block editor list view with blocks such as Header, About me, Counter and Projects, and an Achievements heading on the page.

Simple Full Site Editing with Minimal Theme and Blocks

Use a minimal page template and custom Gutenberg blocks to implement a simple full site editing theme.

Frontend page titled I Love Surfing Huge Waves with a surf photo and stat tiles showing 12m, 3, 8, 21 and 75m.

Create Your First Custom Block

Start with a piece of static HTML and turn it into a powerful block with editable attributes, inner blocks and sub-blocks. Then, create a dynamic block that displays the up-to-date content from the WordPress database.

Community Tutorials

YouTube course preview thumbnail reading Build a WordPress theme with Pinegrow, with a Watch on YouTube button.

Adam Lowe’s Pinegrow Masterclass

A Comprehensive Archive of Tutorials about building blocks and themes with Pinegrow

Video thumbnail reading WordPress Blocks, Which block type to use?, with the Pinegrow logo and a hint about hybrid blocks.

Marco Michely tutorials

Cool Tutorials about using Pinegrow to build blocks and more.

Old versions Tutorials

Pinegrow window with a Proof photography magazine home page preview, Customizer Section fields and the navigator tree open.

How to Convert Webflow template into WordPress theme

Follow Emmanuel from the Pinegrow team who shows you step by step how to convert a Webflow template into a WordPress theme with the new Pinegrow Theme Converter for WordPress application.

Pine Adventures homepage with a Join us for a Pine Adventure hero, beside the Travel content Customizer fields.

Pine Adventures - Creating a WordPress Theme Without PHP Coding

In the next hour or so we’ll create a real, production-ready WordPress theme - even if you never worked with WordPress before. We’ll do that with the help of Pinegrow with WordPress Theme Builder.

Full-length screenshot of the finished Olaf Pineson portfolio page with a projects grid, About Me and Contact Me sections.

Create a Personal Portfolio WordPress Theme - Tutorial

In this tutorial we’ll use Pinegrow to convert a one-page portfolio website into a WordPress theme. In the process we’ll cover theme structure, customizer fields, loops with modals, using custom PHP code and styling the theme with SASS.

Pinegrow window with the WordPress menu open over a blog preview, listing export and master page options.

HTML to WordPress Theme with Pinegrow WP

Wim Teuling is instructor for the Digital Design and Development program (D3) at the British Columbia Institute of Technology and he has created an awesome series of tutorials about how to convert an HTML template to a WordPress theme.

Video still titled 04 - Activate your WordPress Theme, over a photo and widget text on a WordPress site.

Online Course for Pinegrow 2.x

Learn WordPress theme development and create awesome WordPress themes by visually converting static HTML pages to WordPress themes.

In this section