Genesis Framework & StudioPress Theme: How To Install on WordPress

Genesis Framework Logo

As an avid Genesis framework user and fan, I am always trying to recruit fellow bloggers. MamaNYC has been on the Genesis Framework ever since I moved onto WordPress and can’t imagine myself leaving! Incase you don’t know what I am talking about…

As explained on StudioPress.com, it’s best to think of WordPress as the engine of a car. Genesis works along the exterior shell as the frame and body of a car and StudioPress as the paint job. All of these things put together (plus a lot of hard work and love!) create a premium WordPress theme.

Studio Press Themes

Installation and setup isn’t difficult, but it can be tricky. What I love about StudioPress themes is the ability to individualize, customize, and transform their themes in ways you couldn’t imagine. The functionality of the framework makes it simple for the beginner, but complex for the advanced. (Huh?) If you want StudioPress to simply upload and work — it will! If you enjoy the structure of a theme and want to make everything else your own — you can!

_____________________________

PREP STEPS:

*CLICK HERE if you already installed WordPress and chose a theme!

[1] Install WordPress Software: This may seem obvious to many, but I cant to make sure we are all on the same page before we begin. You should already possess the login details to your hosting account and have an installation of the most current WordPress software on your server. Ask your host for the details or assistance if necessary. Once you’ve got your hands on the WordPress login information, let’s go!

[2] Choose Your Theme: Head on over to the StudioPress website and browse through their collection of premium WordPress themes. Pick a theme that feels best for your blog genre or personality. They have everything from an executive business theme to a spunky and fun artist feel, so you are going to find what you were looking for in their collection!

I always tell my web design clients to think out of the shell when choosing a WordPress theme. Everything is customizable — everything. The StudioPress themes are so customizable that you wouldn’t know what it was intended to look like in the first place! Let’s take an example from my previous design here at MamaNYC:

StudioPress Family Tree: Before & After

Genesis StudioPress Family Tree studio press mamanyc

When you look at a StudioPress theme, look at it as if there were no colors. Imagine a black and white shell with the navigation only as small boxes lined up next to one another. Exclude font styles, sizes, colors, and backgrounds. If you like them — they will be there as seen in the demo. If you want to change something or all of it — you’ll have an opportunity to do so once installed.

For starters, you will need to purchase the Genesis Framework ($59.99) and theme (usually run around $29.95~). The StudioPress themes will not work without the framework. Once you own the Genesis Framework, you won’t need to buy it again should you decide to change to another StudioPress theme in the future. The framework is your four walls and the theme is your stuffing inside. It is required!

______________________________________

Once you’ve installed WordPress and purchased your framework and theme from StudioPress, you may proceed and follow the instructions below:

STEP ONE: StudioPress Welcome Email & Download Links

Check your inbox for a “Welcome” email from StudioPress. This email will include everything from instructions to download links necessary to begin your software installation.Open the links and download the Genesis framework and your selected theme onto your computer. Place them in a folder where you can easily locate them later, such as your desktop or “Download” folder.

STEP TWO: WordPress Login - Head on over to your WordPress account and enter your login information. This is not the same username/password used to log into your hosting account cPanel. The username and password was selected by you or chosen for you during the WordPress software install.

WordPress login window

STEP THREE: Open your Dashboard and find Appearance (middle of the righthand sidebar). Hover over and select “Themes” on the secondary menu.

WordPress Appearance Themes

STEP FOUR: “Add New” - Once your theme section appears, click on the blue “Add New” button across the top of the page. 

WordPress Add New Theme

STEP FIVE: Select “Upload” from the options across the top of your window.

WordPress Install New Themes

STEP SIX: Find Your File – Click “Choose File” and find the folder where you saved your framework and theme. First, select the Genesis framework .zip file and click ‘install’. 

WordPress Upload Install Theme

STEP SIX: Activate & Preview - Congratulations! You have successfully installed your Genesis framework! Click “Activate” and thereafter you can type your URL into the browser (I recommend opening another tab) to see a live preview of your new framework. Don’t get nervous! You will only see the Genesis theme. You haven’t installed your theme yet, which is a “child theme” to Genesis (“parent theme).

WordPress Theme Upload Activate

STEP SEVEN: Repeat for Theme Installation – Now you will need to repeat steps one through six, but replace the framework file with your StudioPress theme .zip file.

You can only have one theme set as “Active” at a time, so you want to make sure the StudioPress theme is selected. Think of Genesis as working backstage as a stagehand and your theme as the starring actor in a play.

Genesis StudioPress Theme Installed

Notice my child theme, Beautiful Pro, sits alongside the Genesis Framework under my “Themes” setting. Beautiful Pro is the “Active” theme.

Voila! Now you are the proud owner of a brand new StudioPress theme running on the Genesis Framework! There’s plenty more to do with your new theme, such as customizing your header and installing a plethora of Genesis plugins (search for ‘Genesis’ under the Plugins settings in your dashboard. There’s plenty of useful plugins to aide you along!)

Good Luck & Happy Blogging!

 

Comments

  1. says

    Thank you so much for this step by step – I normally hire someone to do this kinda stuff, but seeing this easy tutorial, I think I might be able to do it myself. Thanks!

Leave a Reply

Your email address will not be published. Required fields are marked *