Menu icon Foundation
Moving to Wordpress

Hey guys,

I have a website that I built with foundation, that I want to move onto wordpress and I was just wondering if you had any advice on what the best way to go about this would be.

It isnt a big website, only 6 pages.

I have looked into either installing something like joints on wordpress, and then kind of just copy pasting my site over using that framework. I'm just not sure if I would have to edit my existing styles at all or not?

The other option would be actually converting my html pages into php pages and adding all the wordpress code in there myself. I have seen this done with the base theme, so I would most likely start there and then copy over my styles and content.

Any advice would be much appreciated! I have enjoyed using this framework to build the site and also INK on a recent email build I did.

Hey guys,

I have a website that I built with foundation, that I want to move onto wordpress and I was just wondering if you had any advice on what the best way to go about this would be.

It isnt a big website, only 6 pages.

I have looked into either installing something like joints on wordpress, and then kind of just copy pasting my site over using that framework. I'm just not sure if I would have to edit my existing styles at all or not?

The other option would be actually converting my html pages into php pages and adding all the wordpress code in there myself. I have seen this done with the base theme, so I would most likely start there and then copy over my styles and content.

Any advice would be much appreciated! I have enjoyed using this framework to build the site and also INK on a recent email build I did.

Foundationwordpress

Hey guys,

I have a website that I built with foundation, that I want to move onto wordpress and I was just wondering if you had any advice on what the best way to go about this would be.

It isnt a big website, only 6 pages.

I have looked into either installing something like joints on wordpress, and then kind of just copy pasting my site over using that framework. I'm just not sure if I would have to edit my existing styles at all or not?

The other option would be actually converting my html pages into php pages and adding all the wordpress code in there myself. I have seen this done with the base theme, so I would most likely start there and then copy over my styles and content.

Any advice would be much appreciated! I have enjoyed using this framework to build the site and also INK on a recent email build I did.

Hey guys,

I have a website that I built with foundation, that I want to move onto wordpress and I was just wondering if you had any advice on what the best way to go about this would be.

It isnt a big website, only 6 pages.

I have looked into either installing something like joints on wordpress, and then kind of just copy pasting my site over using that framework. I'm just not sure if I would have to edit my existing styles at all or not?

The other option would be actually converting my html pages into php pages and adding all the wordpress code in there myself. I have seen this done with the base theme, so I would most likely start there and then copy over my styles and content.

Any advice would be much appreciated! I have enjoyed using this framework to build the site and also INK on a recent email build I did.

Chris M over 4 years ago

Hey Ian,

Check this thread: http://foundation.zurb.com/forum/posts/1214-foundation-5--wordpress

There are a lot of good tips there. I use Foundation and Wordpress together everyday, personally I start with FoundationPress, strip any example code out so there's just a blank header, index, page and footer, and go from there. It's a really easy process, if you get stuck just post here (or in that thread I just linked) and someone will help you.

The Joints WP theme is also meant to be really good, I've not used it myself but might give it a try someday. I can vouch that FoundationPress makes it really easy to get started.

If you've got an existing static HTML site you want to convert for Wordpress, I'd start ablank FoundationPress project, then just copy your existing header html into the header.php file, footer into footer.php, and homepage into index.php (if you're going to be using it as a blog or serving up a newsfeed or whatever). Then copy the code from your standard page template into page.php (or if you've got different layouts for different pages, create different page templates - page-contact.php for example), then add in your content via the Wordpress dashboard.

If you get stuck, just post here. Hope this helps!

Jeremy Englert over 4 years ago

JointsWP is meant to be easy to work with, so moving over your already coded website wouldn't be too difficult. If you have any specific questions, let me know.

Jeremy Englert over 4 years ago

JointsWP is meant to be easy to work with, so moving over your already coded website wouldn't be too difficult. If you have any specific questions, let me know.

Ian Daly over 4 years ago

Thank you guys so much for the responses! Yes I understand the framework fine its just wordpress that I find a little tricky. I am stoked that there is a community I can reach out to that will help me through any bumps in the road. Thanks again for all your responses, big shouts to Jeremy also for providing the joints framework and also being on here to provide support! I will also take a look at the foundationpress posted by Chris and the video posted by Steven. Thanks for pointing me in the right direction, and sorry if this is a duplicate question from someone else, I did a little searching and was having a hard time finding a topic on this!

Ian Daly over 4 years ago

Chris and Jeremy thanks again for your help. I have had success so far in moving my site over. I decided to go with foundationpress, Anyways I have run into one snag. Im running the reveal modal for my contact page, but Im running it from the main menu. I dont have any control over adding custom data attributes to the main menu. I think the answer lies here somewhere http://codex.wordpress.org/Plugin_API/Filter_Reference/nav_menu_link_attributes but I am having trouble figuring out how to set that up myself.

Any help on how to achieve this would be much appreciated.

Chris M over 4 years ago

Hey Ian! I've not used a reveal modal with WP menu myself, but shouldn't be too hard. You probably need to set up or customise a menu walker, I know foundationPress has a custom walker but only for off canvas and top-bar.

That link you posted looks promising actually, I'm on mobile and don't have time right now but that looks promising.

Another, admittedly hacky but quick and easy way to do it if it's just a prototype, would be to add the data attributes etc with jquery.

Ian Daly over 4 years ago

Thanks for the quick response. If you get time to take a look at it definitely let me know, I am having trouble figuring out how to implement it into my top bar.

Also is there an easy place to put any of my jquery in the theme or would i make a new file and link it somewhere?

Thanks!

Ian Daly over 4 years ago

In case anyone else ever has trouble with this I figured it out. Just copy this code into your top-bar.php file in foundationpress:
<?php

add_filter( 'nav_menu_link_attributes', 'wpse121123_contact_menu_atts', 10, 3 );
function wpse121123_contact_menu_atts( $atts, $item, $args )
{
// The ID of the target menu item
$menu_target = 34;

// inspect $item
if ($item->ID == $menu_target) {
$atts['data-reveal-id'] = 'myModal';
}
return $atts;
}

?>

all you have to do is switch out the 34 for the # of the menu item you are trying to target.

$menu_target = #;