Agency Pro theme is developed by StudioPress for a complete solution for the improvement of digital agency based business. It is a child theme for Genesis Framework. So, before starting to discuss the installation of Agency Pro theme, you have to ensure that Genesis Framework has already installed in your server. Here, I will discuss the installation of it like the demo and the code snippets.
Before Starting Installation like the Demo
Before starting the installation of the Agency Pro theme, you have to ensure the installation of WordPress and Genesis Framework in your web host. Otherwise, it won’t work at all. In this post, I won’t discuss the installation of WordPress and Genesis Framework. To continue it, I hope you have done all precautions.
Main Functionalities of Agency Pro Child Theme
Let’s go to overview the main functionalities of the Agency Pro Theme. It includes the following functionalities –
- color styles
- custom background
- custom header
- custom menus
- featured images
- threaded comments
- footer widgets
- HTML5 markup
- mobile responsive
- theme options
- landing page
- layout options ( 6 options )
Agency Pro Theme Installation and Activation
In the WordPress dashboard, simply go the Appearance option and click on Theme. In short, it is like as this – WP Dashboard->Appearance->Themes. Now add a new theme. Just the zip file of the Agency Pro Theme and let it finish the uploading. After finishing the uploading, simply now activate it.
Home Page Installation
In the Agency Pro Child theme, there have three portions of the Home page. These are following –
- Home Top
- Home Middle
- Home Bottom
To set up the home page, you can access these portion with two different ways. One is to use Customizer and another is to use the widgets. But using the customizer is better because of providing a live preview of all customizations. To access and set up the home page, simply click on Customize option under Appearance menu from WordPress Dashboard. After accessing to customize option, now click on widgets panel and you will find control options like the following screenshot.
Home Top Portion Setup
To set up the home top portion like the demo, first, you have to choose to add a text widget from the available widgets. Now click on the text mode of the editor instead of visual mode. You will get the result like below-
Now, a simple job is to remain to finish the top portion. Just paste the following codes here and click on Done. You will see the preview of your changing on the right side of the customizer. Then, publish it.
Home Middle Portion Setup
Now, let’s go to set up the middle part of the home page. Click on Home Middle and add Genesis – Featured Posts or Genesis – Featured Page whatever you like to show. If you add Genesis – Featured Page widget you will get the following screen-
Here mention the posts what you want to display. Here is an important option and that is to set up the image size home-middle (380×380) to get the perfect output like the demo.
Otherwise, if you choose Genesis – Featured Page widget, you will see the following screen.
Mention the pages to be displayed and here is also the same important thing and that is image size to be set home-middle (380×380) to get the exact output like the demo.
Home Bottom Portion Set up
The last portion from home page setting is home bottom. This section contains the recent posts in the demo. Following the other two portions like the home top and home middle, you have to add Recent Posts widgets in this part.
Header Right Installation
There is also an available part for header right. It will allow you to add any available widgets on the right side of the header. To set up it, simply go to widgets menu under appearance from WordPress Dashboard. Now drag and drop your expected widgets here.
After Entry Section
There is also another section in the Agency Pro theme and it is called After Entry. You will find it at the widgets option under the Appearance Menu from your WordPress Dashboard. You can add any available widgets here but one thing is important that this widget will display after single entries.
Sidebars of Agency Pro Theme
The Agency Pro theme has two sidebars available. These are called Primary Sidebar and Secondary Sidebar. You can add any available widgets in here and able to see the output if your layout allows to show sidebars.
Footer Set up
Finally, to finish the home page of the Agency Pro theme, you have to complete the footer portion of the theme. The footer has three parts including Footer 1, Footer 2 and Footer 3. To find three parts at a time, you have to go to widgets option under Customize Option from the WordPress Dashboard. Now you can add any available widgets but to get the exact output like the demo you need to add text widgets with the title.
Installing Like Demo using XML File
This is the second method to install like the demo using the XML file. It is the easiest way to install the demo. To do it, just import the XML file using WordPress Importer. You will find import option under Tools menu from your WordPress Dashboard. For the first time, you may need to install the importer.
Finally, we have found that the installation of the demo is an easy and simple job. Here, I have discussed two ways to install the demo. The first method is comparatively difficult than the second one I mean using the XML file. But you have to try to follow the first method instead of the second method to get more experience of customization and more scopes of customizations.