Welcome to the The underscores_ SiteSpinner WP Framework tutorial. This package is designed to provide an ad-on to the SiteSpinner software to enable the current versions to produce WordPress themes.
Before we get started make sure you have all the files needed for the process.
- Site Spinner Template Project File [underscores_ss.ims]
- Underscores Framework For Site Spinner [underscores_ss.zip]
And that’s all you need!
STEP 1: Setting up your theme
Let’s rename the theme to make it your own.
a.) Unzip the contents of [underscores_ss.zip] into your work folder.
For the purpose of this guide we will use “your-theme-name” with no spaces.
b.) Rename your work folder exactly the same as “your-theme-name” because at the end you will zip this to become your WordPress theme file.
c.) Copy the [underscores_ss.ims] file into your work folder and open it.
d.) Go through all of the pages of your theme using SiteSpinner, opening the source code place holders. Change any references you find to “underscores_ss” with “your-theme-name”. If it is written with spaces then you can use spaces when replacing it.
e.) Open the [style.css] file in your work folder and change all of the corresponding details at the top of the file to match your theme.
Now you’re ready to start building.
STEP 2: Publishing
Once you have the pages and functions of our website looking and working the way you want, you can publish it and see how it looks.
a.) In Publish, select the pages tab and make sure you have your theme folder selected in the [Local Publish Directory] section.
c.) Publish all the pages into the work folder using SiteSpinner.
At this point it is also worth noting that the SiteSpinner software was not made with WordPress in mind. And until we see a fully compatible version of SiteSpinner, issues such as code validation should be dealt with separately.
But this is no different to how we usually use SiteSpinner for conventional html websites anyway. It is always good practice to validate your code to make it WC3 compliant after publishing.
d.) Zip up the work folder so you end up with [your-theme-name.zip]. This is now your theme zip file. Now, once you install WordPress onto a domain simply upload the zip file & activate your theme.
e.) Take a screen shot of your theme home page and use it to create a 600×450 preview of what your website will look like.
f.) Save it in your theme folder overwriting the [screenshot.png] file.
And welcome to the world of WordPress!