Archived topic
please set up instructions on how to create something like this
6 replies · Started by Winston on February 25, 2021
Hello
I would like to know how do I create a website similar to credit.com
when you take a look at one of the pages I would like to know how do you create the navigational system https://www.credit.com/credit-repair/ and page in generate press and Gutenberg.
I would like to create something similar to credit.com please point me in the right direction I looked at the website's template sites and I see what's there. but I am looking for something a little bit more along these lines.
nothing extravagant just something basic that you can create millions of different variations from.
Hi there,
do you mean the Resources menu item ? If so that would probably require a mega menu plugin
no, I was talking about the actual site and the pages or post setup
and the sidebar menu for the long content
Hi there,
The sticky sidebar is a bit tricky to do as the sidebar you see isn't exactly the usual sidebar we see on WordPress sites.
It's actually controlled by a JS that swapped the position property from absolute to fixed relative to its position from the parent element. If you observe the element behavior, you'll notice that the ".affix" class is added when scrolling. :)
But we can try making a non-JS version, all done purely in GenerateBlocks.
See this demo page: https://dev-generate-press.pantheonsite.io/?page_id=3287
What I did here are the following:
For the pink section (the one in pink):
It's basically a Container Block set to "Full width" for both the Container and the Inner Container.
For the Blue and Green columns:
It's created with GB's Grid Block with 2 columns.
The first column (blue), is set to 25% width while the second column (green) is set to 75%.
The first column is given additional class sidebar.
You then add this CSS to make it sticky:
@media (min-width:769px){
.sidebar .gb-inside-container{ position: sticky; top: 140px;
}
}perfecto. what would it take to create a site similar to credit.com using one of the templates GeneratePress Marketer and converting it to look similar to credit.com
Hi Winston,
If you are using Generateblocks, a site like your example site shouldn't be too difficult to built.
https://wordpress.org/plugins/generateblocks/
The example site is not a Blog type site, so you may not need to use a template, instead you could build from scratch, page by page.
Here're some videos tutorials and documentations for Generateblocks, you could have a look and learn how to use this block editor.
https://www.youtube.com/channel/UC6qhGBk96asTcTWW42-yT2Q
https://docs.generateblocks.com/
