Archived topic
Bootstrap Blog Layout with Generatepress
4 replies · Started by Sam on August 15, 2018
Hi GP gang,
I would like to change my blog index page and archive pages into something that Bootstrap offers here:
https://getbootstrap.com/docs/4.1/examples/
Or even better, can you also teach me how to add in a Bootstrap theme to a GP child theme?
Example: https://themes.getbootstrap.com
Thank you so much.
Note: when I quoted the bootstrap examples in the first link, I was referring to the Blog example in that link. Thanks!
Hi there,
You could get close by:
1. Setting up columns in your blog: https://docs.generatepress.com/article/using-columns-in-the-blog/
2. Make the first post featured.
3. Setting the featured image to align right: https://docs.generatepress.com/article/adjusting-the-featured-images/
The rest would likely just be CSS tweaking.
I don't suggest adding the entire bootstrap library to GP, as a lot of it would be unnecessary. However, if you export the parts you want, you just need to add the CSS file to your site using a child theme :)
Hi Tom,
I'm sorry to push further but do need your expertise.
When you say export the parts and all, I get that you need to go to the Bootstrap customisation page here:
https://getbootstrap.com/docs/3.3/customize/
But beyond that, I have no idea what to do next after compiling the file.
Please help!
First you'd need to upload the downloaded files to your child theme (https://docs.generatepress.com/article/using-child-theme/).
Then you'd need to add a function to your site to reference those files. Something like this: https://wordpress.stackexchange.com/a/174503/90661