Digital pro theme by StudioPress is a beautiful theme to work with. Now I will show you how to install it like the demo and the code snippets.
Before Starting Installation Like the Demo
Before the start, I pre-assume that you know, have installed WordPress to your host, installed genesis framework and the digital pro theme. So I am not talking about now how to install the Genesis framework and a WordPress theme. So let’s get started.
We need to install and activate a few plugins like –
- Genesis eNews extend
- Genesis simple social icons
- Genesis Simple share [optional]
Home Page Installation
There are several sections in the home page like the hero section, email capture section and the services section. You know genesis child theme customization is based on widget areas and widget items. You can play with this widget areas and items from the WordPress Customizer. Go to appearance, click on customize > widget and you will find the widget areas to work with.
Digital Pro Front Page 1
Go to Front Page 1 widget area, click on add widget and add the text widget and get a text widget. Set the widget title as Great Experience and Paste the following code snippets.
Digital Pro Front Page 2
In front page 2 you have to add two widgets one text widget and one genesis eNews extend widget. For text widget set the widget title as Get free Access and the code snippets are –
For the right side section of Front Page 2 widget add a eNews extend widget and set it according to your need.
Digital Pro Front Page 3
The third widget area is for the services you are providing. You have to take four text widget items. Fist one for widget area title, and next three for the name of the services. In demo they used icons from Ion icons. You are able to use any icons from there. The single service code snippet is –
Our Journal Section
Our journal section is the blog section in home page. You don’t like to show blog posts simply hide it. Go to appearance > customizer > front page content settings and select hide content section. You are done.
In footer there are three widget areas. In fist two widget simply add two text widget and add whatever you want. But in third widget add simple social icons widget, if you don’t found this widget item make sure that you have installed simple social icons plugin.
Install like the Demo Using XML File
There is a XML file inside the theme folder you have purchased. You can easily import the xml file and you will get something exact like the theme demo. This way simple one but the fist method is better to learn and advance customize as well.
Its easy to install and customize the theme like the demo. I am here also to help you to customize your child theme according to your requirements.