Use these tutorials to get familiar with WordPress theme development in Pinegrow.
A quick tutorial on how any shortcode can be turned into an editable custom block. Shortcode options are mapped to block attributes.
A fun tutorial on converting a Tailwind CSS project into a WordPress theme based on Gutenberg blocks.
This set of tutorials will walk through the conversion of the Bootstrap 5 Agency template to a WordPress theme.
Use a minimal page template and custom Gutenberg blocks to implement a simple full site editing theme.
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.
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.
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.
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.
Learn WordPress theme development and create awesome WordPress themes by visually converting static HTML pages to WordPress themes.