Replicating the new Generatepress homepage

[Eva]

Hi,
I was reading https://docs.generatepress.com/article/replicating-the-screenshot/, but it refers to the former Generate Press homepage. Is there a new version of this article available?

Thanks!
Eva

[Leo]

Hi there,

That is actually just to replicate the screenshot for our WP.org page:
https://en-ca.wordpress.org/themes/generatepress/

Our current home is completely coded with HTML from scratch.

You should be able to get it pretty close with Gutenberg and columns blocks though.

Let me know if this helps 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Eva]

Hey Leo,

Thanks for the fast reply. You say “Our current home is completely coded with HTML from scratch”, so… no Generatepress?
I will try to figure it out with Gutenberg blocks and columns. Should I use the Header Element?
Thank you!
Eva

[Leo]

It is definitely using GeneratePress but with custom HTML 🙂

And yup header element can be used for the first section.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Eva]

Thanks Leo, I succeeded in making the desired design with GP, a header element and Gutenberg blocks 🙂

[Leo]

Glad to hear!

Gutenberg takes a bit to get used to but we do like it and see its potential 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Frank]

Curious, how do you guys approach custom html with Generatepress? I’m assuming also using simple css plugin, but would love to know what general approach you all take.

[Leo]

Not quite sure if I understand the question.

Custom HTML is just HTML and should be basically unrelated to which theme you use 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Frank]

I mean to say with GP I’ve been just using sections and putting in my custom html to write the sections out to implement custom. I was curious if there was a different / more optimal way – or if it simply doesn’t matter.

Or for example, maybe it’s more efficient to just use gutenberg (still getting used to that vs. classic editor).

I ask because, so far, GP has enabled me to leverage a lot of the speed gains / optimizations I normally get with full custom coded projects, just inside WP, which I’m less familiar with optimizing in a custom way for best results.

[Leo]

Shouldn’t matter that much as long as it’s not page builders 😉

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts