[Support request] Can I apply different designs/color scheme to ta website structure?

[Laurentiu]

I have created a website structure and I would like to be able to apply different designs/color schemes to it.
Is this possible with GeneratePress?

What about saving the entire website structure and importing it into a new website? Is this something that can be done easily? I was thinking about the export/import functionality of the website.

[David]

Hi there,

What about saving the entire website structure and importing it into a new website?

Some hosts provide a blueprint option, ie. copy an existing site to a new domain. Or there are several plugins that allow you to copy and migrate a site. Like this one:

https://wordpress.org/plugins/duplicator/

I have created a website structure and I would like to be able to apply different designs/color schemes to it.
Is this possible with GeneratePress?

Can you explain what you have for your Website Structure ? Can i see an example ?

[Laurentiu]

Hi David,
Here is an example that I would like to duplicate for a few of my clients, but with different styles (different colors and fonts, but to keep this structure).

[David]

For sure.

1. Customizer > Colors

Create a Global Color pallet.
Each HEX/RGBA color is saved with a CSS Variable name eg. --base
And when applying colors in the customizer or in the post editor you can select from the color pallet, instead of setting a specific hex color. So you will see the color field contains the variable name and not a HEX value.
By doing so, you can edit the Global Color pallet at any time and the new colors will apply to the site.
Most of our site library sites are built this way.

2. Customizer >Typography

By default your post content will inherit the fonts set in the Customizer eg. body ( for paragraphs ) and H1, H2, H3 etc. for headings.
As long as you do not set specific font styles in the block editor then you can control those styles from the customizer.

3. For specific types of content.

Sometimes you may need to break from the conventions of the Customizer, such as a landing page or a hero section, where you need to set styles in the Editor. To manage those you can:

a. Use GP Block Element for theme elements such as page heroes. Styles edited here will be updated wherever the element is displayed.

b. GenerateBlocks Pro Global Styles.
The GB Pro plugin has a Global Style option, which allows you to save styles for blocks, eg. a Container with padding and a border.

Overall Point 1 and 2 is where you should do most of the work for creating global styles.

[Laurentiu]

Thank you!

[David]

You’re welcome

[Author]

Posts