Conversion of the Agency template to WordPress Theme

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.



Last updated on February 11, 2022 at 6:16 am


Print this article