Theme Settings | Pinegrow Web Editor

Theme Settings

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.

Theme information

First, we give the theme a human readable name.

Theme name

Theme name will be displayed in the WordPress admin panel.

Next, we set its slug.

Theme 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”.

Theme folder

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.

Export options

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.

Generator tag:

<meta content="Pinegrow Theme Converter for WordPress" name="generator">

Comment in the header:

<!--  Converted from HTML to WordPress with Pinegrow Theme Converter for WordPress.  -->

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.

Last updated on June 4, 2019 at 6:13 pm

Print this article