After activating PHOXYTrue, a quick setup wizard will be opened. It will help you to install theme required plugins, demo content, setting. Just in a few clicks your website will be ready for use.
Navigate to Appearance > Import Demo Data. Read welcome message and click “Let`s go!”:
Default Plugins. Click "Continue" to install default plugins:
Default Content. By clicking “Continue” setup wizard will import all demo data – pages, posts, portfolios and media files. Please note that import process will take time needed to download all attachments:
Theme customization. Here you can read information about widgets and child theme. Click “Continue”:
Notice: All images in WISO theme can be used only on demo version. You will need to upload your own images for your site.
Now theme is installed and looks the same as on demo.
Theme options is a custom admin page which comes with some WordPress themes. It allows users to change theme settings without modifying theme files or touching any code. These theme option pages can be very simple with a handful options or it can have tons of customization options split into either tabs or multiple pages.
After installation and activation it is time to set up your website. First thing you will notice is the ‘Theme Options’. This section contains all of the custom WISO Theme options (see image bellow). The default options set in the panel are similar to those in the ThemeForest preview.
Notice: Before leaving the ‘Theme Options’ tab make sure to click the ‘Save changes’ button at the top of the panel, otherwise your changes will be lost.
Show sidebar on pages - click on to add sidebar.
Enable lazy load - click on to add lazy load option on pages.
Enable Coming Soon - click on to anable coming soon.
Page Comming Soon - there you can select the page.
Enable Copyright - copyright text can be changed here.
Enable sound - there you can enable the sound on the site.
Disable preloader - enable/disable preloader on pages.
Type of preloader - select preloader type: text, spinner or image.
Menu style - choose menu type.
Menu in container - here you can enable the container for the menu.
Enable mobile menu for tablet - here you can enable mobile menu from width 1024px.
Type of site logo - select image or text logotype, which you want to display on the page.
Header social links - add social links to your header.
Typography Headings - You can set up your typography which you want to use in your elements:
Title Tag - From H1 to H6, paragraph
Font Family - Here you can select which font you want to use.
Font Size (in px) - Here you can select which size you want to set up.
Typography Menu - You can set up the typography which you want on your menu elements:
Menu Item Font Family - Here you can select the font which you want to use.
Menu Item Font Size (in px) - Here you can select which size you want to use.
Menu Line Height - Here you can select which height of the menu items you want to use.
Menu Item Font Size (in px) - Here you can select which size of the menu you want to use
Submenu Item Font Family - Here you can select which size of the submenu you want to use
Submenu Item Font Size (in px) - Here you can select the size of the submenu you want to use.
Submenu Line Height - Here you can select which height of the submenu items you want to use.
Typography Button - You can set up the typography which you want on your buttons:
Button Font Family - Here you can select the font which you want to use in your buttons,
Button Font Size (in px) - Here you can select which size you want to use in your buttons.
Button Line Height - Here you can select which height of the buttons.
Letter Spacing (in px) - Here you can select increases or decreases the space between characters in a text.
Typography Links - You can set up the typography which you want on your links.
Button Font Family - Here you can select the font which you want to use in your links.
Links Font Size (in px) - Here you can select the font which you want to use in your links.
Links Line Height - Here you can select the font which you want to use in your links.
Links Letter Spacing (in px) - Here you can select the font which you want to use in your links.
There you can enable the dark version for the site.
Blog Style - This option allows choosing the style for the blog:
Blog title - This option allows entering the title for your blog.
Background image for banner - There you can upload the image to the banner.
Show posts from not all categories? - This option allows show posts in the blog from not all categories. If this option is "ON" you can select from which categories the posts will be displayed.
If this option is "OFF" posts will be displayed on the page from all categories.
Show posts from categories - This option allows select categories for showing posts in the blog.
Note: This option will work when will be "ON" option "Show posts from all categories"!
The transparent header for the single post - This option allows turning on the transparent header for the single post.
Tags in posts - This option allows display tags (which you will add to your post) in the details posts.
Categories in posts - This option allows display (which you will add to your post)categories in the details posts.
Author in post details page - This option allows display author in post details page.
Navigation in portfolio (for all posts) - Display navigation buttons (for all portfolios)
Portfolio protected text - Enter text for portfolio protected page
Portfolio Url Slug - This option allows change portfolio URL slug. Please update permalinks after this.
Portfolio Url Category Slug - This option allows change portfolio url category slug. Please update permalinks after this.
Select count of columns for clients albums page - There you can choose count of columns for albums in clients page.
Select hover for clients albums page - There you can choose hover for albums in clients page.
Footer style - Chose between modern and classic styles.
Enable footer copyright - Here you can turning on Footer copyright.
Image Logo - Footer Logo for simple and classic styles, Footer Logo for modern style
Copyright text - Enter copyright text for footer.
Copyright align - Here you can select align for copyright.
Enable socials - Click on to add socials.
Enable Parallax Footer - Click on to enable the parallax effect.
This section was specially created for you to easy customize your site by adding custom CSS and JavaScript code.
Change logo for 404 page - Click on to add logo for this page
Title for error page - Here you can enter title text.
Error button text - the text on button, which usually redirects to the actual working page
404 page background - here you can upload background image
Here you can export backup of your theme than to import it back if needed.
Notice: If you need to do the Backup copy of your WordPress please copy the code which on the second field and inserts it when you have to back up your data in the first field.
A shortcode is a WordPress-specific code that lets you do nifty things with very little effort. Shortcodes can embed files or create objects that would normally require lots of complicated, ugly code in just one line
The theme comes with a number of shortcodes allowing you to add the info where you want the relevant content to show up. In addition, you can use Visual Composer to add new elements to the page in a simple way. More information on how to use Visual Composer properly can be found here:
Clients Settings (Parent shortcode parameters).
Select clients - This option allows selecting the clients, which will be displayed on your page.
Image original size- This option allows selecting the quality of the images, which will be displayed on your page.
Select count of columns - This option allows select how many columns with clients will be displayed on your page. (Three, Four, Two)
Grid menu Settings (Parent shortcode parameters).
Main title - Here you can enter the main title.
Main subtitle - Here you can enter the subtitle.
Main background image - Here you can add the background image.
Button text - Here you can add the text to the button.
Menu item (Note! You can add max 5 items) -
Image - Here you can add the image.
Title and link - Here you can enter the title and the link.
Additional text - Here you can enter the additional text.
Extra class name - If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.
Pricing Settings ( Parent shortcode parameters)
Image - This option allows add the image, which you want to use on your page.
Background color - This option allows select which color will be displayed how background.
Color Mask - This option allows select color Mask.
Subtitle - This option allows adding the subtitle, which will be displayed on your page.
Title - This option allows adding the title, which will be displayed on your page.
Content - This option allows adding the content, which will be displayed on your page.
Button - This option allows adding the button, which will be displayed on your page.
Button style - This option allows chose the style, which will be displayed on the buttons.
Extra class name - This option allows to name the class name for the element. Also, you can set up additional decorations for the element in CSS stylesheets.
Whizzy Gallery Settings ( Parent shortcode parameters)
Gallery Type- Here you can select the type of the gallery.
Select hover for items - Here you can select the hover for the items.
Select Gallery - Here you can select the gallery which you want to display.
Extra class name - This option allows to name the class name for the element. Also, you can set up additional decorations for the element in CSS stylesheets.
Coming Soon Settings (Parent shortcode parameters).
Title - This option allows adding your title, which you want to use on your page.
Subtitle - This option allows adding your subtitle, which you want to use on your page.
Date - This option allows add coming soon date, which you want to use on your page.
Extra class name - This option allows to name the class name for the element. Also, you can set up additional decorations for the element in CSS stylesheets.
Headings Settings (Parent shortcode parameters).
Style - This option allows chose between different styles, which you want to use on your page.
Style "Simple": This style allows adding the text( title and subtitle ) to your page. Also, you can use fade-in-up animation in this style.
Title - This option allows adding the custom text block title.
Title color - Here you can select the color for the title.
Subtitle - This option allows add the custom text block subtitle.
Subtitle color - Here you can select the color for the subtitle.
Remove fade-in-up animation on load?- This option allows to removing fade-in-up animation.
Style "Text with button (simple)": This style allows adding the text( title and subtitle ) and the button( you can select the button style) to your page. Also, you can use fade-in-up animation in this style.
Title - This option allows adding the custom text block title.
Subtitle - This option allows add the custom text block subtitle.
Link/Button - This option allows add the button with the link on your page.
Button style - This option allows selecting the style of your button. (Dark, Grey, Light, White)
Remove fade-in-up animation on load?- This option allows to removing fade-in-up animation.
Style "Text with button (modern)": This style allows adding the text( title and subtitle ) and the button( you can select the button style) to your page. Also, you can use fade-in-up animation in this style.
Text align - This option allows selecting the style of title and subtitle. ( Left content, Right content, Center content)
Title - This option allows adding the custom text block title.
Image - This option allows adding the images to your "Headings".
Subtitle - This option allows add the custom text block subtitle.
Link/Button - This option allows add the button with the link on your page.
Button style - This option allows selecting the style of your button. (Dark, Grey, Light, White)
Remove fade-in-up animation on load?- This option allows to removing fade-in-up animation.
Style "Text center align": This style allows adding the text( title and subtitle also, you can select the color of them ) to your page. Also, you can use fade-in-up animation in this style.
Title - This option allows adding the custom text block title.
Title color - Here you can select the color for the title.
Subtitle - This option allows add the custom text block subtitle.
Subtitle color - Here you can select the color for the subtitle.
Remove fade-in-up animation on load?- This option allows to removing fade-in-up animation.
Services Settings (Parent shortcode parameters).
Style " Center":
Icon - This option allows chose icon, which you want to use on your page.
Icon color - This option allows chose color of the icon, which you want to use on your page.
Icon color on hover - This option allows chose color which will be displayed in the hover, which you want to use on your page.
Title - This option allows adding title, which you want to use on your page.
Text - This option allows add the text, which you want to use on your page.
About Settings (Parent shortcode parameters).
Style - This option allows chose between different styles, which you want to use on your page.
Style "Simple": In this style, you can add title, subtitle, and description which you want to add to this block.
Title - This option allows adding the title to this block
Subtitle - This option allows adding subtitle to this block.
Description - This option allows adding description, which you want to add on your page..
Button - This option allows adding the button to this block.
Button style - This option allows choosing the style of button.
Contacts Settings (Parent shortcode parameters).
Style "Info with form":
Text - This option allows add the image to your page.
Address:
Add your address - This option allows add the address to your contact form.
Contact form - This option allows adding your address information to your page.
Button style for form - This option allows adding your phone number to your page.
Style "Content with parallax":
Image- This option allows chose between different styles, which you want to use on your page.
Text - This option allows add the image to your page.
Style "Custom Info":
Text - This option allows add the image to your page.
Address:
Add your address - This option allows add the address to your contact form.
Email :
Add your email - This option allows adding your email address to your contact form.
Phone :
Add your phone - This option allows adding your phone number to your contact form.
KenBurns Slider Settings (Parent shortcode parameters).
Style - "Zoom Effect" and "Fade Effect"
Images for banner - This option allows add images, which you want to use on your page.
Hide title? - This option allows adding to hide the title, which you want to use on your page.
Sound Background - This option allows adding the file with sound, which you want to use on your page.
Display eye (hide/show option) - This option allows select hide or shows control option on the page.
Speed (milliseconds) - This is a feature, that selects the time for image scrolling speed.
Extra class name - This option allows to name the class name for the element. Also, you can set up additional decorations for the element in CSS stylesheets.
Skills Settings (Parent shortcode parameters).
Style "Circle":
Skills:
Title - This option allows adding text to your skill.
Numbers - This option allows add number, which will be displayed in this shortcode.
Extra class name - This option allows to name the class name for the element. Also, you can set up additional decorations for the element in CSS stylesheets.
Style "Text with lines":
Main title - This option allows adding the main title, which will be displayed on the page.
Subtitle - This option allows adding the subtitle, which will be displayed on the page.
Text - This option allows adding the text, which will be displayed on the page.
Extra class name - This option allows to name the class name for the element. Also, you can set up additional decorations for the element in CSS stylesheets.
Skills:
Title - This option allows adding text to your skill.
Numbers - This option allows add number, which will be displayed in this shortcode.
Extra class name - This option allows to name the class name for the element. Also, you can set up additional decorations for the element in CSS stylesheets.
Image Settings (Parent shortcode parameters).
Style Banner - This option allows chose between different styles, which you want to use on your page.
Style "Simple":
Height Banner - This option allows adding your title, which you want to use on your page. (Small, Medium, Full height)
Text align - This option allows the select text alignment, which you want to use on your page. (Center content, Left Content, Right Content)
Title - This option allows adding the text to your title, which you want to use on your page.
Subtitle - This option allows add the text to your subtitle, which you want to use on your page.
Text - This option allows add the text which you want to use on your page.
Button - This option allows add the button which you want to use on your page.
Style - This option allows selecting the style of the button which you want to use on your page.
Background image - This option allows add your image to the background, which you want to use on your page.
Show overlay? - This option allows enabling overlay for this banner, which you want to use on your page.
Enable button scroll down - This option allows will be displayed the button scroll down if you want to use on your page.
Style "Full Wall":
Title - This option allows adding the text to your title, which you want to use on your page.
Animation text - There you can add the text with animation.
Image for banner - This option allows add your image to the banner, which you want to use on your page.
Style "Classic":
Title - This option allows adding the text to your title, which you want to use on your page.
Background image - This option allows add your image to the background, which you want to use on your page.
Background color - This option allows selecting the background color, which you want to use on your page.
Exhibitions Portfolio Settings (Parent shortcode parameters).
Image original size - This option allows the select quality of images.
Select Categories - This option allows selecting the categories, which will be displayed in this section
Order by - This option allows select how to sort retrieved posts.
Sort order - This option allows select sending or descending order.
Linked to detail page - This option allows open detail page.
Open link in a new tab - This option allows the open link in the new tab.
Line of images Settings (Parent shortcode parameters).
Style - This option allows select main style, which you want to use on your page.
Style 1 "Logos with link":
Values:
Image - This option allows add the image to the line.
Url - This option allows add the link to the image.
Extra class name - This option allows to name the class name for the element. Also, you can set up additional decorations for the element in CSS stylesheets.
Style 2 "Logos with link ":
Values:
Image - This option allows add the image to the line.
Url - This option allows add the link to the image.
Extra class name - This option allows to name the class name for the element. Also, you can set up additional decorations for the element in CSS stylesheets.
Style "Only images":
Count images in line - This option allows displaying the number of count images, which you want to use on your page.
Images - This option allows add images to the line.
Show thumbnail images in popup by default? - This option allows showing thumbnail images in the popup.
Extra class name - This option allows to name the class name for the element. Also, you can set up additional decorations for the element in CSS stylesheets.
Team Settings (Parent shortcode parameters).
Type - This option allows chose between different styles, which you want to use on your page.
Style "Inline": All members of the team will be displayed in the line, also you can select columns for them
Column number - This option allows how many columns will be displayed on your page.
Button - This option allows select URL and title of the button.
Button style - This option allows choosing the style of button.
Enable space between? - This option allows the possibility to enable space between elements.
Team members - This option allows adding members to your page.
Photo - This option allows adding the photo with members to your page.
Name - This option allows adding the name of the members to your page.
Position - This option allows adding the position of the members to your page.
Socials - This option allows adding social icons to your page.
Select icon - This option allows adding the social information to your page.
Url - This option allows adding the URL of social networks to your page.
Extra class name - This option allows to name the class name for the element. Also, you can set up additional decorations for the element in CSS stylesheets.
Style "Chess tile": All members of the team will be displayed in the line like " figures on the chessboard".
Team members - This option allows adding members to your page.
Photo - This option allows adding the photo with members to your page.
Name - This option allows adding the name of the members to your page.
Position - This option allows adding the position of the members to your page.
Extra class name - This option allows to name the class name for the element. Also, you can set up additional decorations for the element in CSS stylesheets.
Design Options:
CSS box. This option allows you are able to control paddings, margins, border, and radius.
Border color. This option allows the select color of the border.
Border style. This option allows the select style of the border.
Border radius. This option allows the select radius of the border.
Background. This option allows setting different types of background images.
Box controls. This option allows the select controls.
Parent parameters:
General:
Type Slider - There you can select the type of the banner which you want to use on your site.
Extra class name - If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your CSS file
Animation:
Autoplay (sec) - There you can select the time (sec) when your slides start to switch.
Speed (milliseconds) - There you can select the time Of the Speed Animation(milliseconds), how your slides will move.
Child parameters:
Background Image - There you can add the image in the background.
Subtitle - There you can add the subtitle.
Title - There you can add the title.
Text - There you can add the text.
Button - There you can select which link you want.
Button style - There you can select the style of the button.
Full Screen Slider Settings (Parent shortcode parameters).
Images for banner - This option allows uploading your images, which you want to use on the banner.
Sound Background - This option allows uploading the sound, which you want to use on the banner.
Sound Autoplay - This option allows the time for the sound autoplay, which you want to use on the banner.
Extra class name - This option allows to name the class name for the element. Also, you can set up additional decorations for the element in CSS stylesheets.
Portfolio list Settings (Parent shortcode parameters).
Style - This option allows chose between different styles, which you want to use on your page.
"Parallax Showcase": In this style images will be displayed with parallax effect.
"Distortion": In this style images will be displayed with "distortion" animation.
Image original size - This option allows select image size, which you want to use on your page.
Select Categories - This option allows selecting the categories, which you want to use on your page.
Order by - This option allows selecting the categories, which you want to use on your page.
Sort order - This option allows Select ascending or descending order, which you want to use on your page.
Count of fragments - This option allows selecting specify count number of portfolio fragments, which you want to use on your page.
Count items - This option allows selecting specify the count of items portfolio fragments, which you want to use on your page.
Linked to detail page - This option allows enable the link to the detail page, which you want to use on your page.
Text for button - This option allows enable the link to the detail page, which you want to use on your page.
Button style - This option allows choosing the style of button.
Testimonials Settings (Parent shortcode parameters).
Change color for text - This option allows selecting the color for the text, which you want to use on your page.
Autoplay (sec) - This is a feature, which automatically switches between slides after a period of time (autoplay interval).
Speed (milliseconds) - This is a feature, that selects the time for slide scrolling speed.
Loop - This is a feature which can move slides infinitely.
Extra class name - This option allows to name the class name for the element. Also, you can set up additional decorations for the element in CSS stylesheets.
Testimonials item Settings (Child shortcode parameters).
Image - This option allows upload images to the block "Testimonials".
Content - This option allows adding a short description feedback to the block "Testimonials".
Autor's name - This option allows adding the name of the author.
Position - This option allows adding a position of the person to the block "Testimonials".
Button Settings (Parent shortcode parameters).
Link/Button - This option allows adding the button with the link to your page.
Style - This option allows chose between different styles, which you want to use on your page.
Phoxy Gallery Settings (Parent shortcode parameters).
Type Gallery: This option allows selecting the type of the gallery, which you want to use on your page.
"Fullscreen with thumbnail" - Style where one image is displayed in full screen, other images looks like thumbnail (on the bottom of image)
"Slider transition" - Style where images displayed with animation
"Glitch Gallery" - Style where images are displayed with specific animation. Please note Glitch effect is very experimental. It is not supported in IE or Edge.
"Simple slider" - Style where images are displayed in the vertical slider. In this style, you can select the Speed (milliseconds) of slide scrolling speed.
Images - This option allows uploading your images, which you want to use on your page.
Extra class name - This option allows to name the class name for the element. Also, you can set up additional decorations for the element in CSS stylesheets.
Parameters:
Style - There you can select the style of this shortcode which you want to use on your site.
Interactive Links:
Image original size - There you can select the size of the images.
Select Categories - There you can select the categories, which will display on the page.
Order by - There you can select how to sort retrieved posts.
Sort order - There you can select ascending or descending order.
Count posts - There you can select the count of the products, which you want will display on the page.
Linked to detail page - There you can enable the link to the detail page.
Open link in a new tab? - There you can enable the option, which will open the portfolio element in the new tab.
Urban Slider:
Image original size - There you can select the size of the images.
Select Categories - There you can select the categories, which will display on the page.
Order by - There you can select how to sort retrieved posts.
Sort order - There you can select ascending or descending order.
Autoplay (sec) - There you can select the time (sec) when your slides start to switch.
Speed (milliseconds) - There you can select the time of the speed animation, how your slides will move.
Count items - There you can select the count of the items, which will display on the page.
Linked to detail page - There you can enable the link to the detail page.
Open link in a new tab? - There you can enable the option, which will open the portfolio element in the new tab.
Showcase Slider:
Image original size - There you can select the size of the images.
Select Categories - There you can select the categories, which will display on the page.
Order by - There you can select how to sort retrieved posts.
Sort order - There you can select ascending or descending order.
Autoplay (sec) - There you can select the time (sec) when your slides start to switch.
Speed (milliseconds) - There you can select the time of the speed animation, how your slides will move.
Count items - There you can select the count of the items, which will display on the page.
Count slides - There you can select the count of the slides, which will display on the page.
Linked to detail page - There you can enable the link to the detail page.
Open link in a new tab? - There you can enable the option, which will open the portfolio element in the new tab.
Landing Split:
Image original size - There you can select the size of the images.
Select Categories - There you can select the categories, which will display on the page.
Order by - There you can select how to sort retrieved posts.
Sort order - There you can select ascending or descending order.
Count items - There you can select the count of the items, which will display on the page.
Additionaly Button - There you can add the additional button.
Button style - There you can select the style of the button.
Additional button style - There you can select the style of the button.
Linked to detail page - There you can enable the link to the detail page.
Open link in a new tab? - There you can enable the option, which will open the portfolio element in the new tab.
Split Slider:
Image original size - There you can select the size of the images.
Select Categories - There you can select the categories, which will display on the page.
Order by - There you can select how to sort retrieved posts.
Sort order - There you can select ascending or descending order.
Count items - There you can select the count of the items, which will display on the page.
Background color 1 - There you can select the color of the background.
Background color 2 - There you can select the color of the background.
Background color 3 - There you can select the color of the background.
Background color 4 - There you can select the color of the background.
Button style - There you can select the style of the button.
Linked to detail page - There you can enable the link to the detail page.
Open link in a new tab? - There you can enable the option, which will open the portfolio element in the new tab.
Parameters:
Preview Image - Thre you can add the image for the preview view.
Video link - There you can insert your youtube video link.
Title - Here you can enter the title.
Autoplay - Here you can enable the autoplay.
Mute sound - There you can the mute of the sound.
Video start(second) - Here you can select when the video will start.
Video end(second) - Here you can select when the video will finish.
Extra class name - If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your CSS file.
Whizzy Album Settings (Parent shortcode parameters).
Style - This option allows select the syle of the album.
Select Categories - This option allows selecting the categories, which will be displayed in this section
Order by - This option allows select how to sort retrieved posts.
Sort order - This option allows select sending or descending order.
Select count of columns - Here you can select the count of columns.
Add category filter? - Here you can add the filter items, which will display on the page.
Select hover for items - Here you can select the hover on the images.
Count items - Here you can select how many images will display on the page.
Enable button "Load more" - Here you can enable the button "Load More" for the images.
Extra class name - If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your CSS file.