A step by step tutorial about how to convert a Webflow template into a WordPress theme with the new Pinegrow Theme Converter for WordPress application.
Requirements
You can just watch and learn or follow along the tutorial. In that case you’ll need:
- A working local installation of WordPress. The easiest way is to use a packaged solution like Flywheel or MAMP, both are free.
- Pinegrow Theme Converter for WordPress, a trial version will do.
- The Proof Blog Template from Webflow.
Episode 1 – How to configure Pinegrow Theme Converter with your Webflow template
In this episode, you will learn how to configure Pinegrow Theme Converter with your Webflow template.
Episode 2 – How to export your template from Webflow and how to prepare your local WordPress setup
In this episode, you will learn how to export your template from Webflow and how to prepare your local WordPress setup.
Episode 3 – How to export and activate your WordPress theme for the first time
In this episode, you will learn how to export and activate your WordPress theme for the first time.
Episode 4 – How to add WordPress Customizer actions and easily change the header background of your WordPress theme
In this episode, you will learn how to add WordPress Customizer actions and easily change the header background of your WordPress theme.
Episode 5 – How to add WordPress Customizer actions and easily change the content of the header of your WordPress theme
In this episode, you will learn how to add WordPress Customizer actions and easily change the content of the header of your WordPress theme.
Episode 6 – How to add a menu to your WordPress theme
In this episode, you will learn how to add a menu to your WordPress theme.
Episodes 7 and 7a – How to create the main loop of your index page and how to regenerate the media thumbnails
In the first part of this episode, you will learn how to create the main loop of your index page + some other cool things. In the second part, you will learn how to regenerate the media thumbnails if you use custom image sizes in your WordPress theme.
Episode 8 – How to add the main loop for your Posts page
In this episode, you will learn how to add the main loop for your Posts page.
Episode 9 – How to (almost) magically add a Contact form to your WordPress theme
In this episode, you will learn how to easily (magically?) add a Contact form to your WordPress theme.
Episode 10 – How to add the Author details to your WordPress theme
In this episode, you will learn how to add the Author details to your WordPress theme.
Episode 11 – How to use the Advanced Custom Fields (ACF) plugin with Pinegrow Theme Converter
In this episode, you will learn how to use the Advanced Custom Fields plugin with Pinegrow Theme Converter.
Episode 12 – How to create and use Reusable template parts, create custom post types and use custom fields with the Advanced Custom Fields plugin (ACF)
In this episode, you will learn how to create and use Reusable template parts, create custom post types and use custom fields with the Advanced Custom Fields plugin.
Episode 13 – How to deal with forms in your page templates
In this last episode, you will learn how to deal with forms in your page templates.