Integrating a theme forest html template into Genesis

[Kevin]

I would like to know if it's possible to convert this html template http://themeforest.net/item/arkitekt-premium-architecture-html-template/full_screen_preview/7807136 to a genesis child theme. I like all the functionality of it but I want to have a WordPress set up on the back end.
1. How do I keep the functionality without interfering with the Genesis framework (e.g. jQuery conflicts)?
2. I am capable of creating custom widget pages for a custom layout but do you recommend taking a Genesis child theme and trying to add the styles and functionality to something that is similar in layout?
3. Any tutorials? I don't mind tackling this (it's for my own learning purposes) I just don't want to waste time.

Thanks for any help/ suggestions

[Tom]

Hi Kevin,

You've chosen an interesting project! To be sure, you won't really be 'converting' the template to WordPress, nor 'integrating' the template to a WordPress installation. But you can create a WordPress site using Genesis to replicate what the template provides as a model - the layout, features and look of the model- at least those things you rank highest.

This is basically breaking down what the model does and the components it uses to do it, building the structures and functions, then adding styling. For instance, your template model, in WP speak (not to be confused with user @wpspeak) you'll need a custom post type for the portfolio items, Isotope.js for the portfolio gallery, a layer slider and gallery slider(s) or carousel(s) for the home page 'work', 'team' and 'posts' section. Fontawesome and Google Fonts, ....etc. Some of these things you can glean from the code and JQuery used on the model.

The easiest way will be to choose an existing theme that delivers most of what you want. Some of the changes might be minimal, but I would count on some serious mods if you want to replicate another project closely. Fortunately, there are several themes to use as a foundation. I know of at least 44 themes that have a portfolio CPT or template built-in, 15 of which use Isotope to present the archive thumbnails. Zigzagpress and Themedy would likely have something to start with, but they don't have a lock on candidates. You might be able to incorporate some techniques of PSD-to-WordPress development, melding the design with functionality to get what you want.

Start here in my catalogue: themes with a portfolio template , then sort, filter and browse. Be sure to check with the theme authors to confirm features and functions you want to have. Guess some more, then dive in 🙂

Good Luck!

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[Brad Dalton]

Great idea. Subscribed to this topic..

---

Tutorials for StudioPress Themes.

[Kevin]

Thanks for all the help Tom. I knew it would be an ambitious project but I will learn a hell of a lot so it will be worth it (hopefully) I will look into everything you said. If I am successful, I'll try to document my process/ mistakes and let others know/ learn as well.

[Author]

Posts