Winsome Pro is one page as well as multi page parallax scrolling multi-purpose theme. It is well suited theme for business, corporate, informative, agencies, travel, design, art, personal and any other creative websites. It features multiple sections on the front page including favicon, logo, widgets, multiple navigation’s, address bar, business hours, social menus, and customizer to customize theme easily.
Theme Installation
From WordPress Dashboard
Log in to the WordPress Administration Panels.
Go to the Appearance panel, then Themes.
Click Add New.
Upload the Zip file of Winsome Pro
After Installing the theme Click Activate button
FTP Installation (alternate method)
Use your FTP software to browse to wp-content/themes folder.
Extract winsome-pro.zip and upload the folder.
Once it’s uploaded, go to your WordPress Admin, browse to Appearance > Themes.
Click the Activate link.
Demo Content Installation
Follow the method below to import demo content of the theme
Install One Click Demo Import Plugin. You can get it here
Activate it and go to Appearance >> Import Demo Data
Click on Import Demo Data button
After demo data is imported please follow these steps:
Go to Settings >> Reading, select A static page option and assign Home and Blog page like shown in image below.
Go to Appearance >> Menus and assign Main Menu to Primary Menu and Social Menu to Social Links
Adding Content
Page
To create page on your site, it’s easy. Follow the below listed methods.
Go to Administration Panels
Go to Page and Click on Add New
Give the title of the page and add the content
Set the featured image for the post from right corner.
Click on Publish Button.
Add more page like the above methods.
Post
To create post on your site, it’s easy. Follow the below listed methods.
Go to Administration Panels
Go to Posts and Click on Add New
Give the title of the post and add the content
Set the featured image for the post from right corner.
Set that post on the Category.
Click on Publish Button.
Add more post like the above methods.
Category
To create categories, follow the below steps.
Go to Administration Panels
Go to Posts > Categories
Give the title of the category
Click on Save
The added category will appeared on the Add Post Page.
Widgets
After the recommended plugin installed, your theme will have added custom widget. Use the available custom widget to make the theme as demo. Go to Appearance > Customize > Widgets > Home Page Widget Area and Add the available widget on this section. Check the every available options for the widget.
Added custom widget are:
Winsome: Contact
Winsome: CTA
Winsome: Facts
Winsome: Features
Winsome: Latest News
Winsome: Services
Winsome: Social
Winsome: Our Team
Winsome: Portfolio
Winsome: Testimonials
Add the above listed Widget on Home Page Widget Area or any other widget area to achieve the design as demo.
Customization Options
Go to the Admin Panel > Appearance > Customize
Logo, Site Title & Tagline
Go to Appearance > Customize > Site Identity
Find the options for Logo, Site Title and Tagline.
If preview is fine, click on save and publish to save the changes.
Colors
You can easily change the background of the site.
Go to Appearance > Customize > Colors
Change the color as your need.
If preview is fine, click on save and publish to save the changes.
Advance Color Options
Winsome Pro comes with added features for color options. Check the options available on Appearance > Customize > Advance Color Options to get the available options for color section.
General Color:
General color section help you to change the whole site primary color.
Breadcrumb Color:
This color options is available to manage the color for breadcrumb.
Top Footer Color
Use the available color options to manage the footer section color.
Buttom Footer Color
Buttom Footer color options are available to manage the color for the footer section including background, text etc.
Reset Color
Reset color options is available to reset the changed color and it will help to set the default colors.
Check on Reset Color
Click on Save & Publish
Refresh your site to reset the color.
Note: This will replace all colors with default color of the theme. Please reload page to see changes.
Background Image
You can easily change the background image of the site.
Go to Appearance > Customize > Background Image
Change the color as your need.
If preview is fine, click on save and publish to save the changes.
Theme Options
Go to Appearance > Customize > Theme Options
This section includes Header Options, Slider Options, Layout Options, Footer Options, Breadcrumb Options etc.
Header Options
From this section you can manage, Site Title & Tagline.(Show/Hide Site title and Tagline)
Go to Appearance > Customize > Theme Options > Header Options
Check all the available options on this section.
If preview is fine, click on save & publish to save the changes.
Slider Options
Go to Appearance > Customize > Theme Options > Slider Options > Multiple Slides
Check all the available options on this section.
You can select page, button text & button link on the every slides.
Manage the length of descriptions for the slide as well.
If preview is fine, click on save & publish to save the changes.
Layout Options
This section includes Left Sidebar, Right Sidebar & No Sidebar. You can manage Full Excerpt and Post Excerpt.
Go to Appearance > Customize > Theme Options > Slider Options
Check all the available options on this section.
If preview is fine, click on save & publish to save the changes.
Content Meta Options
This section help you to hide the meta items on the theme including categories, author, date, tags and comments.
Go to Appearance > Customize > Theme Options > Content Meta Options
Check all the available options on this section.
Checked to show and unchecked to hide the meta.
If preview is fine, click on save & publish to save the changes.
Breadcrumb Options
Go to Appearance > Customize > Theme Options > Breadcrumb Options
Check all the available options on this section.
If preview is fine, click on save & publish to save the changes.
Footer Options/ Copyright Text
Go to Appearance > Customize > Theme Options > Footer Options
Check all the available options on this section.
If preview is fine, click on save & publish to save the changes.
You have options to write your own powered by text or you can remove the text to hide that section.
Fonts Options
From this section you can easily change the available fonts for your site.
Go to Appearance > Customize > Theme Options > Fonts Options
Check all the available options on this section.
Body Fonts, site identity font(Title and Tagline), Menu font, Heading font, paragraph font.
You have options to rest the font as well.
If preview is fine, click on save & publish to save the changes.
Note: Reset Fonts will replace all fonts with default font of the theme. Please reload page to see changes.
Menus
This theme comes with two menu locations. Primary Menu and Social Menu
Primary Menu
This menu will appeared on Main menu for the site below the logo section.
Create a menu and add the items on the menu.
Set the menu on the Primary Menu.
Save the Menu
Social Menu
Social Menu can show with the help of Winsome: Social Widgets.
Add the link for social Menu(Use Custom Link to create this menu)
In custom link, add link for Facebook Menu(www.facebook.com/username)
Add the menu and follow the same steps for twitter, Instagram.
Select the Social Menu for this.
If preview is fine, Click on Save & Publish to save the changes.
Widgets Area
Go to Appearance > Customize > Widgets
Sidebar
From Widgets, go to Sidebar
Select the widgets or items to be kept on the side bar like Search, Pages, Recent Posts, Recent Comments, Categories, Archives, Text, Calendar, etc.
SAVE AND PUBLISH the sidebar items.
Home Page Widget Area
You can add the available widget on this section to make the home page as demo.
You can select the different widgets for different footer.
SAVE AND PUBLISH the widgets selected to be kept on footer area.
Footer
Inside Widgets, you can see the footer options.
There are for footer options i.e. footer1, footer2, footer3, footer4.
You can select the different widgets for different footer.
SAVE AND PUBLISH the widgets selected to be kept on footer area.
Static Front Page
Go to Appearance > Customize > Static Front Page
See the available options for the front page displays.
SAVE AND PUBLISH the option selected.
Added Custom Widget
Add this available widgets on widget area to make the awesome sites. Go to Appearance > Customize > Widget and add the widget on required widget area.
1. Winsome: Contact
This widget is use for contact section on home page. This widget includes, Section Id, Title, CF7 Shortcode Field, Contact Page Descriptions Select Options & background as well. This Widget have Background image options to add the background image for that section.
CF7 Shortcode: We recommend you to use Contact Form 7 shortcode to make the contact form like demo.
Contact Page: You can select the page with the contact descriptions.
Background Image: Select the background image to make that section far better.
2. Winsome: CTA
With the help of this widget, you can maintain the home page section with title, content, button and link.
Section ID: This section is used to make the site One Page.
Title: Title for the contact section.
CTA Page: Select the page to show the information for Call to Action.
Button Text: Add your own text for the CTA button.
Button URL: Your own url goes there.
Background Image: Select the background image to make that section far better.
3. Winsome: Facts
This widget help to make the facts section on home page like demo. Your counter will appear on the home page. Set the values from the widget options.
Section ID: This section is used to make the site One Page.
Title: Title for the contact section.
Icon One: Name of the font awesome icons. Find More fonts Name Here.
Count One: Add the value, the counter will stop there.
Text One: Name name of the first counter.
Follow the same steps above for other icons as well.
4. Winsome: Features
It helps to show the features on your site. Use the available options on the widget to display the features.
Section ID: This section is used to make the site One Page.
Title: Title for the contact section.
Featured Image: This Image will appear to the left side of features listing.
Page 1: Select the Page for the Features one and set other pages similarly on other options.
Icon One: Name of the font awesome icons. Find More fonts Name Here.
5. Winsome: Latest News
This widget is useful to create Blog section on home page.
Section ID: This section is used to make the site One Page.
Title: Title for the contact section.
Select Category: Select the category to display the latest news on the Home page.
Number of Posts: You can set the number of post to show on that section.
Number of Columns: Select the number of columns to show on that section.
6. Winsome: Services
Select the page for the services with the help of this widget. You have Pages on Admin Dashboard. Create pages for services and select the page for the services.
Section ID: This section is used to make the site One Page.
Title: Title for the contact section.
Page 1: Select the Page for the Features one and set other pages similarly on other options.
Icon One: Name of the font awesome icons. Find More fonts Name Here.
Use the above method for other pages and icons as well.
7. Winsome: Social
This widget is useful to create social links on the widget area. Set the social menus, that menu will appeared with the help of this widget. In the above section, we already discussed about how to create social menu.
8. Winsome: Team
Winsome Team widget it helpful to create team section on Home Page. The Content you created on Post will displayed by this widget. Add this widget on Front Page widget area to make the team section on home page.
Section ID: This section is used to make the site One Page.
Title: Title for the contact section.
Select Category: Select the post category to display the team on the Home page.
Number of Posts: You can set the number of post to show on that section.
Number of Columns: Select the number of columns to show on that section.
Select Image Size: Select the image size for the Team Section. You can change the image size height and width from Settings > Media
9. Winsome: Testimonials
Winsome Team widget it helpful to create Testimonials section on Home Page. The Content you created on Post will displayed by this widget. Add this widget on Front Page widget area to make the Testimonials section on home page.
Section ID: This section is used to make the site One Page.
Title: Title for the contact section.
Select Category: Select the post category to display the team on the Home page.
Number of Posts: You can set the number of post to show on that section.
Background Image: Select the background image to show on that section.
10. Winsome: Portfolio
Winsome Team widget it helpful to create portfolio section on Home Page. The Content you created on Post will displayed by this widget. Add this widget on Front Page widget area to make the portfolio section on home page.
Section ID: This section is used to make the site One Page.
Title: Title for the contact section.
Select Category: Select the post category to display the team on the Home page.
Number of Posts: You can set the number of post to show on that section.
Number of Columns: Select the number of columns to show on that section.
Select Image Size: Select the image size for the Team Section. You can change the image size height and width from Settings > Media
How to Make One Page Site:
Winsome is ready for one page and multipage. You need to use section id of the individual widget and menus options to make one page site.
Add Section IDs on Widgets:
Go to Appearance > Widget > Home Page Widget Area
Click on one of the available widget on that widget area.
In the widget you will get “Section ID”.
Enter a Unique Section ID. You can use this ID in Menu item for enabling One Page Menu. (Example: ‘section-services’)
And click on Save to save the setting.
Set that IDs on Menu Section,
Go to Appearance > Menus
Create a menu or add the menu items on the existing menu. (It would better if you create a separate menu for it)
Click on Custom Link menu items. You need custom menu to make one page menu.
In the URL field, please enter the Section ID(#section-services). Don’t forget to enter ‘#’ before the section name. Section name must match with the widget Section ID.
Add the menu items on the menu.
Checked on ‘Primary
Click on ‘Save’ to save the menu.
Hope by following the above steps, you can make the one page site.
Home Page Template
Are you wondering about how to create home page like demo? If so, it’s simple. Follow the below steps:
Create a page and select the Home template for that page.(Example: Home page and set that on Home Template)
After that, go to Appearance > Customize > Static Front Page > Select Static Front Page and Select that Home page For Front Page
After that, go to Appearance > Widget > Home Page Widget Area
Add the available widgets on this area.
Use the available options for the widgets and customize the home page as your need.
Hope, this will help to make the home page as demo.
If you have any further query, use theme official support forum.
