This set of tutorials will walk through the conversion of the Bootstrap 5 Agency template to a WordPress theme. This is an ongoing series of tutorials. New parts are added weekly.
This set of tutorials will walk through the conversion of the Bootstrap 5 Agency template to a WordPress theme.
This is an ongoing series of tutorials. New parts are added weekly.
Introduction
Converting a set of HTML pages to a WordPress theme is easy with the Pinegrow WordPress builder add-on. The first tutorial in this series will give an introduction and outline the first steps in turning the Bootstrap Agency template into a WordPress theme.
Creating the first block
We will use custom WordPress blocks to create a versatile and fully customizable front page for our website.
Nested blocks and class toggles
The Pinegrow Web Editor makes creating nested blocks (blocks within blocks) easy! In this tutorial we will look at how, plus we will look at other customizations you can add to your themes.
Dynamic Blocks
In addition to normal JavaScript blocks, the Pinegrow Web Editor also offers dynamic PHP blocks. In this tutorial we will look at how to add these powerful blocks to your custom theme!
Creating specialized blocks
The Pinegrow Web Editor makes creating Gutenberg blocks easy! However, some blocks have dynamic content or styling that requires some work-arounds to use as a block. In this tutorial we will explore how to add a JavaScript-powered Bootstrap carousel to our custom theme.