Documentation

WP iClean Responsive

Installation

Installation of WPOS iClean Theme requires a few small clicks. To install the Theme, please use the following steps:

  • Go to Appearance->Themes
  • Click on “Add New” button
  • Click on “Upload Theme” button, upload theme and activate
Via FTP
  • Upload the unzipped folders of the parent and child theme to the directory …/wp-content/themes/.
  • Go to “Appearance –> Themes” where you can see your theme and install it using the “Activate” button.

You can use a free software like Filezilla. Only your host can give you the details to use the FTP.

Activate recommended WP plugins

Kindly download the recommended plugin and activate. You can see the notification message for recommended plugins once theme is activated.

plugin-download

Plugins are:-

Working with Theme menu

Currently theme having 4 menus.
Go to Appearance->Menu and click on “Manage Locations” tab. You can see 4 menus:
Top Menu: Display menu top right side.
Primary Menu: Main menu for website.
Responsive Menu: Optional menu to show different menu in mobile device.

Theme Customization

Theme customization gives an area where you can setup the layout for your front page, Logo Upload option, Color scheme etc.

Below the description for each tab section:

Header Options:

  • Upload logo from Appearance–> Customize and upload logo under Site Site Identity.
  • Site Title for Website
  • Tagline for Website
  • Upload site icon for website

Color


Go to theme customization and select Color tab. You can see 2 type of color
Header Text Color : You can set your desired header text color
Background Color : You can set your desired body background color

Background Image


Go to theme customization and select Background image section here you can set your desired background image for body

Home Page Setting


Select Homepage setting from theme customization. Here you can choose latest post or static page for Home page display.

Front Page Design:


Go to theme customization and select Front Page Design where you can see many option for design frontpage.

theme-page-t
Note: if you are display any page as a front page, Then you can use Front page design option and plugin shortcodes on homepage.

Slider Setting


Go to Front page design of theme customization and select Slider Setting then Enable slider if you want to display

Here we are using our Slick slider plugin for image slider. If you want to use some other slider plugin then you can use and replace the slick slider shortcode with other one.

Featured Content


Go to Front page design of theme customization and select Featured Content. By default Featured content is Enable

Here we are using our Featured content slider plugin and shortcode. You can set Title and Subtitle. If you want to hide then you can disable Featured Content

Page Content


Go to Front page design of theme customization and select Page Content. By default Page content is Enable. If you want to hide main page content then you can disable.

Testimonials


Go to Front page design and select Testimonial Here we are using our Testimonial plugin and shortcode. By default it is enable.

Here you can set Title and Subtitle for testimonial. If you want to hide then you can disable testimonial.

Logo Showcase


Go to Front page design and select Logo showcase Here we are using our Logo Showcase plugin and shortcode. By default it is enable.

Here you can set desired Title and Subtitle for Logo showcase. If you want to hide then you can disable Logo Showcase.

Team Showcase


Go to Front page design and select Team showcase Here we are using our Team Showcase plugin and shortcode. By default it is enable.

Here you can set desired Title and Subtitle for Team slider. If you want to hide then you can disable Team Showcase.

Project and Portfolio


Go to Front page design and select Portfolio Here we are using our Project and portfolio plugin and shortcode. By default it is enable.

Here you can set desired Title and Subtitle of Portfolio and project. If you want to hide then you can disable Portfolio.

Blog Post Section


Go to Front page design and select Blog Section Here we are using our Responsive recent post slider plugin and shortcode. By default it is enable.

Here you can set desired Title and Subtitle. If you want to hide then you can disable Blog Post.

Call to Action


Go to Front page design and select Call to Action Here is the call to action section in our theme. You can set your desired text as a call to action and desired button name and you can put button link also.

By default it is enable. If you want to hide then you can disable Call to Action button.

Instagram Feed


Go to Front page design and select Instagram Feed Here we are using our Instagram Slider and Carousel plugin and shortcode. By default it is enable. If you want to hide then you can disable Instagram feed.

Website Color Scheme


Go to theme customization and select website color scheme. Here you can see 4 types of scheme

Main Color: You can set your desired body title color.
Secondary Color:You can set your desired secondary color.
Link Color: You can set your desired website link color.
Link Hover Color: You can select your desired website link hover color.

Social Icon


Go to theme customization and select Social icon. If you want to display social icon then you have to enable button. Social icon display in Top bar and Footer bottom

Footer Content


Copyright Area : You can write your desired website copyright text.It display in footer bottom.

Select Footer Widget Column : We have given 4 footer widget in this theme. You need to select in the select box ie how many columns you need.

Extra Information: You can set Your location address with icon, you can set Email address with desired icon, and you can set Contact No with desired icon.

Custom CSS:

Allow you to write your custom css to overwrite the theme style. If you are using child theme then you can overwrite the css under child theme style.css file.

Import / Export:

Allow you to Import / Export theme setting during migration of your website from local machine to live server OR one server to anther server.

How to use shortcode in theme pages

if you take plugin shortcode in wordpress default page editor see below:

Working with front page and blog page (post page)

Theme is having front page template and designed post section. You can set any page from your website as front page and any page as post page(blog).

theme-page-t
Note: if you are display any page as a front page, kindly select the front page template from Page Attributes box ie Template.

theme-reading-setting
To set the front page and blog page, you can go to setting –> Reading and under reading section select the A static page (select below) radio button and assign the page.

Page Template

Theme is having 3 page template ie Front page template, Full width with no side bar and default page template with side bar.