Genesis with Bootstrap/Foundation

[Gregory]

We're developing a PHP OOP Child Theme to the Genesis Framework and want to fully integrate either Bootstrap - or - Foundation on the front end.

We have the workflow in place (NPM, Gulp, SCSS/SASS, etc.), but am not sure the best way to go relative to the page sections, menus, etc..

Genesis creates their own structural wraps, page div's (site-container, site-inner, etc.) and I want to ensure that we won't have a problem adding the respective Bootstrap/Foundation classes for grids, rows, flexbox, etc., and have everything work as expected on the front end.

Or, do we have to remove and re-position HTML elements to make this work?

Thanks.

[manhleo93]

thank you!

---

Đánh giá lớn | Cửa thép việt

[Victor Font]

There are a few Genesis bootstrap starter themes out there that have been created by third parties. Perhaps you could Google them and use one as your starting point.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Gregory]

Hi Victor,

I have. There are only two that I've been able to find with any development legs and both of those have not been updated in quite some time. Besides, as stated above, we've already built a custom child theme and are simply looking for guidance on how to properly integrate either Bootstrap or Foundation into the Genesis Framework given its wrap/html structure.

We need to to implement Bootsrap/Foundation rows and grids, menus, etc..

If you're available for commission work, I wouldn't be opposed to having you take a look at our theme code from the inside if that will assist with your answer.

Thanks.

[Victor Font]

As far as theme frameworks go, Genesis is arguably the king of WordPress hooks. There are more hooks (WordPress actions and filters) in Genesis than have ever been documented because many are generated dynamically. You can easily add custom classes for any CSS framework to virtually any element on a Genesis generated page. You can also change the wraps and structure using the same filters. This article explains how to add classes: https://victorfont.com/genesis-framework-add-a-custom-css-class-to-elements/. You may also want to take a look at Understanding Genesis Dynamic apply_filters() on my site.

As for rows and grids, it depends on where you want them. Within content, you could just add the classes directly. Within the WordPress loop, Genesis already has a grid loop you could customize. All the work will take place in functions.php or a custom php file that is loaded in functions.php. Hope this helps.

As for me looking through code for you, please use this page to open the discussion: https://victorfont.com/project-inquiry/

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Gregory]

... thanks Victor.

[Author]

Posts