Use Theme Settings to instruct Pinegrow how to export the WordPress theme.
Theme settings are stored in the file pinegrow.json in the project folder.
First, we give the theme a human readable name.
Theme name will be displayed in the WordPress admin panel.
Next, we set its slug.
Slug is a WordPress term. It refers to a computer-friendly name that is used internally in WordPress code and consists of a single word that can contain just lowercase letters, numbers and the “_” character.
Theme slug is usually related to the theme name, for example “fancy_portfolio” is the slug of the theme name “Fancy Portfolio”.
Next we need to decide on the location of the exported theme. That is usually a folder within “wp-content/themes” in our local WordPress installation.
Although the local WordPress install is not required, it’s strongly recommended because it lets us easily test the theme and import content back to the source HTML files.
Theme url address
That’s why we also enter the URL address of the local WordPress site.
If you don’t have WordPress running, take a look at our guide on setting up WordPress on your computer.
The master page
In theme settings we also select the main file of our theme. That is usually index.html that is exported to index.php, header.php and footer.php. By default the content of the body element is saved as index.php, everything before that as header.php and everything that comes after, including the closing body tag as footer.php.
All other template files (unless they are marked as master files) will use the header and footer of the main file.
Next, we have a group of optional settings. Default values will work ok in most cases.
Let WordPress handle the SEO
When activated, all SEO related information is removed from the head element of the exported theme, so that WordPress can add dynamic SEO information to every page.
We recommend using the free version of Yoast SEO plugin for WordPress, or similar alternative.
Use WordPress jQuery script
WordPress comes with a built-in jQuery support and it is quite picky with what jQuery version it needs in order for everything to work correctly. This setting will remove the jQuery file supplied with in the HTML source project and replace it with the WordPress jQuery.
Include “Generated with Pinegrow” in the source code
Leave this on to let Pinegrow add the generator meta tag (any existing generator tags are not removed) in the head and a quick comment at the beginning of each header file.
<meta content="Pinegrow Theme Converter for WordPress" name="generator">
Comment in the header:
<!-- Converted from HTML to WordPress with Pinegrow Theme Converter for WordPress. https://pinegrow.com -->
If you do that – thanks! It means a lot to us.
Defining image sizes
WordPress comes with a set of predefined image sizes.
You can redefine them in Theme settings.
There you can also define new, custom image sizes.
Just enter a size name and fields for width, height and crop will appear below.
Leave height or width empty to have images resized proportionally by one dimension.
After making changes, you will probably want to regenerate all existing images in the database. You can use Regenerate Thumbnails plugin to do that.