We will create a simple business site like website in photos, use GeneratePress Theme.
Click on the image to view the website
Step 1. Buy Domain Name and Hosting/Server
You must have Domain Name and Hosting for your website to work!
You don’t know how to do it? Read these two guides:
Next, point your domain name to hosting. Read the guide to know how to do
Step 2. Setup WordPress & GeneratePress Theme & GP Premium
You need to install WordPress, GeneratePress Theme and GP Premium. Read the following 3 guides:
Step 3. Start making your business site
3.1. Import Split Site
First, go to Appearance > GeneratePress > Site Library
Click on No Page Builder > Find Split
Hover on Split > Details
Click on Get Started
Click on Backup Options
It will be used to restore the website when the web has problems
Click on Import Options
Mark on box and Press Import Content
- You should skip this step if you already have content and do not want the demo content imported.
And click on View Site, you will see the same 100% demo (click here to view demo)
3.2. Edit Header
First, Logo. Go to Appearance > Customize > Site Identity > Change Logo
You can also change Site Title and Tagline here 🙂
Next, Left Menu & Right Menu. Go to Appearance > Menu
To change Menu Color, go to Appearance > Customize > Colors > Primary Navigation and change here.
To change Menu Typography. Go to Appearance > Customize > Typography > Primary Navigation.
GeneratePress support Google Fonts 🙂
Read these guide.
3.4. Let’s Work Together Section
Go to Appearance > Elements > Hover on Home Hero > Edit
If you want to click on the button, it will open in a new tab, add the following line as shown in the image below
If you want to change button style, just go to Appearance > Customize > Additional CSS > Line 32-53
color = text color, background = background color
hover = element when hover
border: 1px solid transparent = border-width =1px, border-style = solid, border-color = transparent
The color will follow the default color of GeneratePress, which is adjusted at Appearance > Customize > Colors > Button
3.5. Content Section on Homepage
Go to Appearance > Customize > Layout > Blog
3.6. About Page
Go to Page > All Pages > Hover on About > Edit
3.7. Press & Services Page
Do similar About Page!
3.8. Contact Page
Contact Page has a contact form. You need to edit at HappyForms > Hover on Sample Contact Forms > Setup
If you use WP 5.0.3 you may encounter this error !!! Frustrating.
I’ll remove HappyForms and Install Caldera Forms (I’m a big fan of Caldera Forms!!!)
Then read this guide to know how to create a contact form with Caldera Forms